chore: update demo images

liriliri · Aug 5, 2024 · c717189 · c717189
1 parent 7b8edb2
commit c717189
Show file tree

Hide file tree

Showing 21 changed files with 27 additions and 27 deletions.
diff --git a/public/pic1.png b/public/pic1.png
diff --git a/public/pic2.png b/public/pic2.png
diff --git a/public/pic3.png b/public/pic3.png
diff --git a/public/pic4.png b/public/pic4.png
diff --git a/public/wallpaper.png b/public/wallpaper.png
diff --git a/src/carousel/story.js b/src/carousel/story.js
@@ -28,16 +28,16 @@ const def = story(
       'position:relative;height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;'
 
     carousel.append(
-      `<div style="${commonStyle};background-image:url(https://res.liriliri.io/luna/pic1.jpg);"></div>`
+      `<div style="${commonStyle};background-image:url(/pic1.png);"></div>`
     )
     carousel.append(
-      `<div style="${commonStyle};background-image:url(https://res.liriliri.io/luna/pic2.jpg);"></div>`
+      `<div style="${commonStyle};background-image:url(/pic2.png);"></div>`
     )
     carousel.append(
-      `<div style="${commonStyle};background-image:url(https://res.liriliri.io/luna/pic3.jpg);"></div>`
+      `<div style="${commonStyle};background-image:url(/pic3.png);"></div>`
     )
     carousel.append(
-      `<div style="${commonStyle};background-image:url(https://res.liriliri.io/luna/pic4.jpg);"></div>`
+      `<div style="${commonStyle};background-image:url(/pic4.png);"></div>`
     )
 
     button('Clear', () => {

diff --git a/src/cropper/README.md b/src/cropper/README.md
@@ -31,7 +31,7 @@ import LunaCropper from 'luna-cropper'
 ```javascript
 const container = document.getElementById('container')
 const cropper = new LunaCropper(container, {
-  image: 'https://res.liriliri.io/luna/wallpaper.jpg',
+  image: 'https://luna.liriliri.io/wallpaper.png',
 })
 console.log(cropper.getData())
 ```

diff --git a/src/cropper/index.ts b/src/cropper/index.ts
@@ -51,7 +51,7 @@ interface ICropBoxData {
  * @example
  * const container = document.getElementById('container')
  * const cropper = new LunaCropper(container, {
- *   image: 'https://res.liriliri.io/luna/wallpaper.jpg',
+ *   image: 'https://luna.liriliri.io/wallpaper.png',
  * })
  * console.log(cropper.getData())
  */

diff --git a/src/cropper/story.js b/src/cropper/story.js
@@ -72,7 +72,7 @@ const def = story(
 )
 
 function createKnobs() {
-  const image = text('Image', 'https://res.liriliri.io/luna/wallpaper.jpg')
+  const image = text('Image', '/wallpaper.png')
 
   return {
     image,

diff --git a/src/cropper/test.js b/src/cropper/test.js
@@ -3,7 +3,7 @@ import test from '../share/test'
 
 test('cropper', (container) => {
   const cropper = new Cropper(container, {
-    url: 'https://res.liriliri.io/luna/wallpaper.jpg',
+    url: 'https://luna.liriliri.io/wallpaper.png',
   })
 
   it('basic', function () {

diff --git a/src/gallery/README.md b/src/gallery/README.md
@@ -33,7 +33,7 @@ import LunaGallery from 'luna-gallery'
 
 ```javascript
 const gallery = new LunaGallery(container)
-gallery.append('https://res.liriliri.io/luna/pic1.jpg', 'pic1.jpg')
+gallery.append('https://luna.liriliri.io/pic1.png', 'pic1.png')
 gallery.show()
 ```
 

diff --git a/src/gallery/index.ts b/src/gallery/index.ts
@@ -19,7 +19,7 @@ export interface IOptions extends IComponentOptions {
  *
  * @example
  * const gallery = new LunaGallery(container)
- * gallery.append('https://res.liriliri.io/luna/pic1.jpg', 'pic1.jpg')
+ * gallery.append('https://luna.liriliri.io/pic1.png', 'pic1.png')
  * gallery.show()
  */
 export default class Gallery extends Component<IOptions> {

diff --git a/src/gallery/story.js b/src/gallery/story.js
@@ -22,10 +22,10 @@ const def = story(
     })
     gallery.show()
 
-    gallery.append('https://res.liriliri.io/luna/pic1.jpg', 'pic1.jpg')
-    gallery.append('https://res.liriliri.io/luna/pic2.jpg', 'pic2.jpg')
-    gallery.append('https://res.liriliri.io/luna/pic3.jpg', 'pic3.jpg')
-    gallery.append('https://res.liriliri.io/luna/pic4.jpg', 'pic4.jpg')
+    gallery.append('/pic1.png', 'pic1.png')
+    gallery.append('/pic2.png', 'pic2.png')
+    gallery.append('/pic3.png', 'pic3.png')
+    gallery.append('/pic4.png', 'pic4.png')
 
     button('Show', () => {
       gallery.show()

diff --git a/src/gallery/test.js b/src/gallery/test.js
@@ -5,10 +5,10 @@ test('gallery', (container) => {
   const gallery = new Gallery(container)
 
   it('basic', function () {
-    gallery.append('https://res.liriliri.io/luna/pic1.jpg', 'pic1.jpg')
-    gallery.append('https://res.liriliri.io/luna/pic2.jpg', 'pic2.jpg')
-    gallery.append('https://res.liriliri.io/luna/pic3.jpg', 'pic3.jpg')
-    gallery.append('https://res.liriliri.io/luna/pic4.jpg', 'pic4.jpg')
+    gallery.append('https://luna.liriliri.io/pic1.png', 'pic1.png')
+    gallery.append('https://luna.liriliri.io/pic2.png', 'pic2.png')
+    gallery.append('https://luna.liriliri.io/pic3.png', 'pic3.png')
+    gallery.append('https://luna.liriliri.io/pic4.png', 'pic4.png')
     gallery.show()
   })
 

diff --git a/src/image-viewer/README.md b/src/image-viewer/README.md
@@ -30,7 +30,7 @@ import LunaImageViewer from 'luna-image-viewer'
 
 ```javascript
 const imageViewer = new LunaImageViewer(container, {
-  image: 'https://res.liriliri.io/luna/pic1.jpg',
+  image: 'https://luna.liriliri.io/pic1.png',
 })
 imageViewer.zoom(0.1)
 ```

diff --git a/src/image-viewer/index.ts b/src/image-viewer/index.ts
@@ -43,7 +43,7 @@ export interface IPivot {
  *
  * @example
  * const imageViewer = new LunaImageViewer(container, {
- *   image: 'https://res.liriliri.io/luna/pic1.jpg',
+ *   image: 'https://luna.liriliri.io/pic1.png',
  * })
  * imageViewer.zoom(0.1)
  */

diff --git a/src/image-viewer/story.js b/src/image-viewer/story.js
@@ -78,7 +78,7 @@ const def = story(
 )
 
 function createKnobs() {
-  const image = text('Image', 'https://res.liriliri.io/luna/pic1.jpg')
+  const image = text('Image', '/wallpaper.png')
   const initialCoverage = number('Initial Coverage', 0.9, {
     range: true,
     min: 0.1,

diff --git a/src/image-viewer/test.js b/src/image-viewer/test.js
@@ -3,7 +3,7 @@ import test from '../share/test'
 
 test('image-viewer', (container) => {
   const imageViewer = new ImageViewer(container, {
-    image: 'https://res.liriliri.io/luna/pic1.jpg',
+    image: 'https://luna.liriliri.io/wallpaper.png',
   })
   it('basic', function () {
     imageViewer.zoom(0.1)

diff --git a/src/markdown-viewer/DEMO.md b/src/markdown-viewer/DEMO.md
@@ -128,5 +128,5 @@ Autoconverted link https://luna.liriliri.io/
 
 ## Image
 
-![Pic1](https://res.liriliri.io/luna/pic1.jpg)
-![Pic2](https://res.liriliri.io/luna/pic2.jpg)
+![Pic1](https://luna.liriliri.io/pic1.png)
+![Pic2](https://luna.liriliri.io/pic2.png)
diff --git a/src/mask-editor/story.js b/src/mask-editor/story.js
@@ -90,7 +90,7 @@ const def = story(
 )
 
 function createKnobs() {
-  const image = text('Image', 'https://res.liriliri.io/luna/pic1.jpg')
+  const image = text('Image', '/wallpaper.png')
   const masks = files('Mask')
 
   return {

diff --git a/src/music-visualizer/story.js b/src/music-visualizer/story.js
@@ -41,14 +41,14 @@ const def = story(
 
     const container = h('div')
     $(container).css({
-      aspectRatio: '1280/720',
+      aspectRatio: '768/512',
     })
 
     const image = boolean('Background Image', true)
 
     const musicVisualizer = new MusicVisualizer(container, {
       audio: musicPlayer.getAudio(),
-      image: image ? 'https://res.liriliri.io/luna/wallpaper.jpg' : '',
+      image: image ? '/wallpaper.png' : '',
       fftSize: 512,
     })