@plaudit/webpack-extensions 2.0.0-beta.8 → 2.0.0-beta.9

package/build/wordpress-scripts-wrapper.js

@@ -10,6 +10,7 @@ const copy_webpack_plugin_1 = __importDefault(require("copy-webpack-plugin"));
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const webpack_remove_empty_scripts_1 = __importDefault(require("webpack-remove-empty-scripts"));
 const cssnano_1 = __importDefault(require("cssnano"));
+const browser_sync_webpack_plugin_1 = __importDefault(require("browser-sync-webpack-plugin"));
 function joinPossiblyAbsolutePaths(...paths) {
     return paths.reduce((res, p) => !res || node_path_1.default.isAbsolute(p) ? p : node_path_1.default.join(res, p), '') || '.';
 }
@@ -134,6 +135,7 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
             }
         }
     }
+    let first = true;
     const sources = Array.isArray(config.src) ? config.src.map(s => [s, s]) : Object.entries(config.src);
     return sources.map(([src, dest]) => {
         const srcRoots = src.split(',');
@@ -153,6 +155,11 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
             plugins.push(new BlockJSONStyleRemappingPlugin_1.default());
         }
         plugins.push(new AdditionalDependencyInjectorPlugin_1.default());
+        plugins.push(new browser_sync_webpack_plugin_1.default({
+            host: 'localhost',
+            port: 3000,
+            https: true
+        }));
         let entry;
         if (srcIsDirectory) {
             entry = node_fs_1.default.readdirSync(srcRoot, 'utf8')
@@ -224,9 +231,33 @@ module.exports = function (config, webpackConfig = require("@wordpress/scripts/c
                 path: joinPossiblyAbsolutePaths(process.cwd(), node_path_1.default.dirname(dest))
             };
         }
+        let devServer = undefined;
+        if (first) {
+            first = false;
+            devServer = {
+                devMiddleware: {
+                    writeToDisk: true,
+                },
+                static: {
+                    directory: '/'
+                },
+                proxy: {
+                    '/': {
+                        target: 'https://localhost:8443',
+                        changeOrigin: false,
+                        secure: false
+                    },
+                },
+                allowedHosts: 'all',
+                host: 'localhost',
+                port: 3000,
+                server: 'https'
+            };
+        }
         return {
             ...webpackConfig,
             devtool: 'source-map',
+            // devServer,
             output: {
                 ...webpackConfig.output,
                 ...output

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/webpack-extensions",
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0-beta.9",
   "scripts": {
     "prepublishOnly": "rm -rf build && mkdir build && tsc",
     "build": "tsc",
@@ -13,7 +13,9 @@
     "./wordpress-scripts-wrapper": "./build/wordpress-scripts-wrapper.js"
   },
   "devDependencies": {
+    "@types/browser-sync-webpack-plugin": "^2.2.2",
     "@types/node": "^20.2.5",
+    "@types/tapable": "^2.2.3",
     "@types/webpack": "^5.28.1",
     "@types/webpack-sources": "^3.2.0",
     "postcss-load-config": "^4.0.1",
@@ -28,6 +30,8 @@
     "@plaudit/postcss-variables": "^1.0.0",
     "@wordpress/scripts": "^26.6.0",
     "autoprefixer": "^10.4.14",
+    "browser-sync": "^2.29.3",
+    "browser-sync-webpack-plugin": "^2.3.0",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^11.0.0",
     "cssnano": "^6.0.1",