add hash debugging

assets/src/js/app/embed/check.js

@@ -1,4 +1,6 @@
 import message from './message';
+import {makeDebug} from '../../lib/debug';
+const debug = await makeDebug('webtor:embed:check');
 const sha1 = require('sha1');
 message.send('init');
 const data = await message.receiveOnce('init');
@@ -34,7 +36,9 @@ function initPlaceholder(data) {
 async function check() {
     message.send('inject', window._checkScript);
     const check = await message.receiveOnce('check');
-    return sha1(window._id + check) == _checkHash;
+    const hash = sha1(window._id + check)
+    debug('check window._id=%o check=%o hash=%o _checkHash=%o', window._id, check, hash, _checkHash);
+    return hash  === _checkHash;
 }
 
 function initEmbed(data) {

package.json

@@ -24,7 +24,7 @@
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.2.2",
     "daisyui": "^2.28.0",
-    "debug": "^4.3.4",
+    "debug": "4.3.5",
     "hls.js": "^1.5.8",
     "iframe-resizer": "^4.3.11",
     "mediaelement": "^7.0.3",
@@ -40,6 +40,7 @@
     "stylelint-config-standard": "^28.0.0",
     "supertokens-web-js": "^0.8.0",
     "tailwindcss": "^3.1.8",
+    "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.90.3",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.0"

webpack.config.js

@@ -38,10 +38,21 @@ module.exports = async (env, options) => {
         },
         devServer: {
             port: 8082,
+            client: {
+                webSocketURL: 'auto://0.0.0.0:0/ws',
+            },
             static: './assets/dist',
+            allowedHosts: ['all'],
             devMiddleware: {
                 publicPath: '/assets',
+                index: false,
             },
+            proxy: [
+                {
+                    context: () => true,
+                    target: 'http://localhost:8080',
+                },
+            ],
             watchFiles: ['templates/*.html', 'assets/src/*'],
         },
         optimization: {