deps: Remove serialize-javascript dependency (#6884)

Author: matthewelwell

frontend/package-lock.json

@@ -70,7 +70,6 @@
     "clean-webpack-plugin": "0.1.19",
     "color": "3.1.0",
     "colors": "1.4.0",
-    "copy-webpack-plugin": "^9.1.0",
     "cors": "^2.8.3",
     "cross-env": "7.0.3",
     "css-loader": "6.8.1",

frontend/package.json

@@ -1,8 +1,27 @@
 const path = require('path');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
+const fs = require('fs');
 const webpack = require('webpack');
 
-module.exports = [
+class CopyStaticPlugin {
+    constructor(src, dest) {
+        this.src = src;
+        this.dest = dest;
+    }
+
+    apply(compiler) {
+        compiler.hooks.afterEmit.tap('CopyStaticPlugin', () => {
+            try {
+                fs.cpSync(this.src, this.dest, { recursive: true });
+            } catch (error) {
+                compiler.errors.push(
+                    new Error(`CopyStaticPlugin: Failed to copy ${this.src} to ${this.dest}: ${error.message}`)
+                );
+            }        
+         });
+    }
+}
+
+const plugins = [
 
     new webpack.DefinePlugin({
         SENTRY_RELEASE_VERSION: true,
@@ -13,11 +32,13 @@ module.exports = [
         resourceRegExp: /^\.\/locale$/,
         contextRegExp: /moment$/,
     }),
-    //
     // Copy static content
-    new CopyWebpackPlugin({
-        patterns: [
-            { from: path.join(__dirname, '../web/static'), to: path.join(__dirname, '../public/static') },
-        ],
-    }),
+    new CopyStaticPlugin(
+        path.join(__dirname, '../web/static'),
+        path.join(__dirname, '../public/static'),
+    ),
 ];
+
+plugins.CopyStaticPlugin = CopyStaticPlugin;
+
+module.exports = plugins;

frontend/webpack/plugins.js

@@ -5,11 +5,11 @@ const path = require('path');
 const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const moment = require('moment');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const base = require('../webpack.config');
+const { CopyStaticPlugin } = require('./plugins');
 
 module.exports = {
     ...base,
@@ -49,12 +49,9 @@ module.exports = {
             }),
 
             // Copy static content
-            new CopyWebpackPlugin(
-                {
-                    patterns: [
-                        { from: path.join(__dirname, '../web/static'), to: path.join(__dirname, '../../api/static') },
-                    ],
-                },
+            new CopyStaticPlugin(
+                path.join(__dirname, '../web/static'),
+                path.join(__dirname, '../../api/static'),
             ),
 
         ]).concat(require('./pages').map(page => new HtmlWebpackPlugin({