Update configuration to enable enhanced playback

Author: cmbartschat

config/dev8-plugin.js

@@ -0,0 +1,23 @@
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+
+const createDev8Plugin = ({src}) => ({
+  apply: (compiler) => {
+    if (!src) {
+      throw new Error('createDev8Plugin called without src')
+    }
+    compiler.hooks.compilation.tap('Dev8Plugin', (compilation) => {
+      HtmlWebpackPlugin.getCompilationHooks(compilation).beforeEmit.tap(
+        'Dev8Plugin',
+        (data) => {
+          data.html = data.html.replace(
+            '</head>',
+            `  <script crossorigin="anonymous" src="${src}"></script>\n</head>`
+          )
+          return data
+        }
+      )
+    })
+  },
+})
+
+module.exports = createDev8Plugin

config/webpack.config.js

@@ -3,6 +3,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
 
 const createVirtualEntryPlugin = require('./entry-plugin')
+const createDev8Plugin = require('./dev8-plugin')
 
 const rootPath = process.cwd()
 const distPath = path.join(rootPath, 'dist')
@@ -87,4 +88,23 @@ const config = {
   },
 }
 
-module.exports = config
+module.exports = (_, argv) => {
+  if (argv.mode === 'development') {
+    return {
+      ...config,
+      plugins: [
+        ...config.plugins,
+        createDev8Plugin({src: './external/dev8/dev8.js'}),
+        new CopyWebpackPlugin({
+          patterns: [{
+            from: path.join(rootPath, 'node_modules/@8thwall/ecs/dev8'),
+            to: path.join(distPath, 'external/dev8'),
+            noErrorOnMissing: true,
+          }],
+        }),
+      ],
+    }
+  }
+
+  return config
+}

package-lock.json

@@ -25,6 +25,6 @@
     "webpack-virtual-modules": "^0.6.2"
   },
   "dependencies": {
-    "@8thwall/ecs": "^3.0.1"
+    "@8thwall/ecs": "^3.1.0"
   }
 }