Updated webpack_demo to fix PR #207

Author: silvia-odwyer

webpack_demo/index.html

@@ -189,13 +189,12 @@ <h4>Channels</h4>
                 <li class="effect" id="dec_blue_channel">Dec Blue Channel</li>
                 <li class="effect" id="dec_green_channel">Dec Green Channel</li>
 
-                <h5>Watermark</h5>
+                <!-- <h5>Watermark</h5>
                 <li class="effect" id="watermark">Watermark</li>
 
                 <h4>Text</h4>
                 <li class="effect" id="text">Text</li>
-                <li class="effect" id="text_border">Text With Border</li>
-
+                <li class="effect" id="text_border">Text With Border</li> -->
 
                 <h4>Filters</h4>
                 <li class="filter" id="oceanic">Oceanic</li>

webpack_demo/package.json

@@ -5,23 +5,23 @@
   "repository": "https://github.com/silvia-odwyer/photon",
   "license": "Apache-2.0",
   "scripts": {
-    "start": "webpack-dev-server -d",
+    "start": "webpack-dev-server",
     "build": "webpack"
   },
   "bin": {
     "create-rust-webpack": ".bin/create-rust-webpack.js"
   },
   "devDependencies": {
-    "clean-webpack-plugin": "^2.0.2",
-    "file-loader": "^3.0.1",
-    "@wasm-tool/wasm-pack-plugin": "0.1.6",
-    "html-webpack-plugin": "^3.2.0",
-    "webpack": "^4.27.1",
-    "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.10"
+    "clean-webpack-plugin": "^4.0.0",
+    "file-loader": "^6.2.0",
+    "@wasm-tool/wasm-pack-plugin": "1.7.0",
+    "html-webpack-plugin": "^5.6.3",
+    "webpack": "^5",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
   },
   "dependencies": {
-    "@silvia-odwyer/photon": "^0.1.0",
+    "@silvia-odwyer/photon": "^0.3.3",
     "jimp": "^0.6.4"
   }
-}
+}

webpack_demo/webpack.config.js

@@ -12,8 +12,23 @@ var mainConfig = {
     filename: "bundle.js"
   },
   devServer: {
-    contentBase: dist,
+    static: {
+      directory: dist
+    },
   },
+  mode: "none",  
+  experiments: {
+    asyncWebAssembly: true,
+  },
+  ignoreWarnings: [
+    (warning) => {
+      const msg = warning.message;
+      return (
+        msg.includes("The following asset(s) exceed the recommended size limit (244 KiB).")
+      );
+    },
+  ],
+  
   module: {
     rules: [
       {
@@ -31,6 +46,9 @@ var mainConfig = {
        }
     ]
   },
+  resolve: {
+     extensions: [".js", ".wasm"]
+  },
   plugins: [
     new HtmlWebpackPlugin({
       template: 'index.html'