use vite!!1!

mediamonks · May 21, 2024 · 8caf8f8 · 8caf8f8
1 parent 4ed9382
commit 8caf8f8
Show file tree

Hide file tree

Showing 19 changed files with 1,628 additions and 4,247 deletions.
diff --git a/example/dist/bundle.js b/example/dist/bundle.js
diff --git a/example/dist/index.html → example/index.html b/example/dist/index.html → example/index.html
@@ -30,6 +30,6 @@
   <div class="grid-item grid-item-half"></div>
   <div class="grid-item grid-item-half"></div>
   <div class="grid-item"></div>
-  <script src="bundle.js"></script>
+  <script type="module" src="./src/index.js"></script>
 </body>
 </html>
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
@@ -4,20 +4,18 @@
   "description": "",
   "author": "Reinder Nijhoff <[email protected]>",
   "main": "index.js",
+  "type": "module",
   "scripts": {
-    "dev": "webpack serve --config ./webpack.config.js --mode development",
-    "build": "webpack --config ./webpack.config.js --mode production"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "keywords": [],
   "license": "MIT",
   "devDependencies": {
-    "raw-loader": "^4.0.2",
-    "webpack": "^5.68.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4"
+    "vite": "^5.1.6"
   },
   "dependencies": {
-    "@mediamonks/image-effect-renderer": "^2.2.4",
-    "@mediamonks/panorama-renderer": "^2.0.2"
+    "@mediamonks/image-effect-renderer": "^2.2.7"
   }
 }
diff --git a/example/dist/static/panorama_1.jpg → example/public/panorama_1.jpg b/example/dist/static/panorama_1.jpg → example/public/panorama_1.jpg
diff --git a/example/dist/static/panorama_2.jpg → example/public/panorama_2.jpg b/example/dist/static/panorama_2.jpg → example/public/panorama_2.jpg
diff --git a/example/src/examples/Panorama.js b/example/src/examples/Panorama.js
@@ -1,4 +1,4 @@
-import {PanoramaRenderer} from '@mediamonks/panorama-renderer';
+import {PanoramaRenderer} from '../../../src/index';
 import ImageLoader from '../utils/ImageLoader';
 
 export default class Panorama {

diff --git a/example/src/examples/PanoramaAdvanced.js b/example/src/examples/PanoramaAdvanced.js
@@ -1,6 +1,6 @@
-import {quatIdentity, quatRotateY, PanoramaRenderer} from '@mediamonks/panorama-renderer';
-import glitch from '../shader/glitch.glsl';
-import panoramaMix from '../shader/panoramaMix.glsl';
+import {quatIdentity, quatRotateY, PanoramaRenderer} from '../../../src/index';
+import glitch from '../shader/glitch.glsl?raw';
+import panoramaMix from '../shader/panoramaMix.glsl?raw';
 import ImageLoader from "../utils/ImageLoader";
 import {ImageEffectRenderer} from "@mediamonks/image-effect-renderer";
 

diff --git a/example/src/examples/PanoramaHotspots.js b/example/src/examples/PanoramaHotspots.js
@@ -1,4 +1,4 @@
-import {PanoramaRenderer} from '@mediamonks/panorama-renderer';
+import {PanoramaRenderer} from '../../../src/index';
 import ImageLoader from '../utils/ImageLoader';
 
 export default class PanoramaHotspots {

diff --git a/example/src/utils/ImageLoader.js b/example/src/utils/ImageLoader.js
@@ -9,7 +9,7 @@ export default class ImageLoader {
     return new Promise((resolve) => {
       const img = new Image;
       img.onload = () => resolve(img);
-      img.src = `./static/${fileName}`;
+      img.src = fileName;
     });
   }
 }
diff --git a/example/vite.config.js b/example/vite.config.js
@@ -0,0 +1,5 @@
+import {defineConfig} from 'vite'
+
+export default defineConfig({
+    base: './',
+})
diff --git a/example/webpack.config.js b/example/webpack.config.js