eddev 0.2.67-beta1 → 0.3.0-beta2

package/build/get-webpack-config.js

@@ -1,360 +1,414 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_1 = require("webpack");
-const path_1 = __importDefault(require("path"));
-const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
-const webpack_virtual_modules_1 = __importDefault(require("webpack-virtual-modules"));
+var webpack_1 = require("webpack");
+var path_1 = __importDefault(require("path"));
+var react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
+var webpack_virtual_modules_1 = __importDefault(require("webpack-virtual-modules"));
 // @ts-ignore
-const friendly_errors_webpack_plugin_1 = __importDefault(require("@soda/friendly-errors-webpack-plugin"));
+var friendly_errors_webpack_plugin_1 = __importDefault(require("@soda/friendly-errors-webpack-plugin"));
 // @ts-ignore
-const webpack_plugin_1 = __importDefault(require("@loadable/webpack-plugin"));
+var webpack_plugin_1 = __importDefault(require("@loadable/webpack-plugin"));
 // @ts-ignore
-const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
+var webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
 // @ts-ignore
-const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-const autoprefixer_1 = __importDefault(require("autoprefixer"));
+var mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+var autoprefixer_1 = __importDefault(require("autoprefixer"));
 // Custom Babel plugins
-const plugin_name_defined_components_1 = __importDefault(require("./babel/plugin-name-defined-components"));
-const fs_1 = require("fs");
-const manifest_blocks_1 = require("./manifests/manifest-blocks");
-const manifest_fields_1 = require("./manifests/manifest-fields");
-const manifest_views_1 = require("./manifests/manifest-views");
-const get_config_1 = require("../config/get-config");
-const manifest_widgets_1 = require("./manifests/manifest-widgets");
-async function getWebpackConfig(opts) {
-    let compiling = false;
-    const config = (0, get_config_1.getEDConfigUnwrapped)();
-    // Webpack config
-    const ALIAS = {};
-    const ENTRY = {};
-    const PLUGINS = [];
-    const RULES = [];
-    const DEFINES = {};
-    const VIRTUAL_MODULES = {};
-    const EXTERNALS = {};
-    // Initialize the virtual modules plugin
-    let virtualModules;
-    // Helpful calculations
-    const isServerless = opts.serverless;
-    const isBrowser = opts.target === "client";
-    const isSSR = isServerless && !isBrowser;
-    const isDev = opts.mode === "development";
-    // Entry points
-    const entryDir = path_1.default.resolve(path_1.default.dirname(__dirname), "./entry");
-    if (isDev) {
-        if (opts.isAdmin) {
-            ENTRY["main"] = [`${entryDir}/entry.publicPath.js`, `${entryDir}/entry.admin.dev.js`];
-        }
-        else if (isServerless) {
-            ENTRY["main"] = [`${entryDir}/entry.serverless.dev.js`];
-        }
-        else {
-            ENTRY["main"] = [`${entryDir}/entry.publicPath.js`, `${entryDir}/entry.monolith.dev.js`];
-        }
-    }
-    else {
-        if (opts.isAdmin) {
-            ENTRY["main"] = [`${entryDir}/entry.publicPath.js`, `${entryDir}/entry.admin.prod.js`];
-        }
-        else if (isServerless) {
-            ENTRY["main"] = [`${entryDir}/entry.serverless.prod.js`];
-        }
-        else {
-            ENTRY["main"] = [`${entryDir}/entry.publicPath.js`, `${entryDir}/entry.monolith.prod.js`];
-        }
-    }
-    // Admin entry
-    // Determine output file placement
-    const distSuffix = opts.isAdmin ? "admin" : "frontend";
-    const outputFolder = path_1.default.resolve(opts.baseDirectory, isServerless ? (isDev ? "./.edwp/dev" : "./.edwp/prod") : "./dist/" + distSuffix);
-    const loadableManifestFile = `loadable-stats.json`;
-    // JS/TS
-    ALIAS["@blocks"] = path_1.default.join(opts.baseDirectory, "blocks");
-    ALIAS["@components"] = path_1.default.join(opts.baseDirectory, "components");
-    ALIAS["@views"] = path_1.default.join(opts.baseDirectory, "views");
-    ALIAS["@hooks"] = path_1.default.join(opts.baseDirectory, "hooks");
-    ALIAS["@lib"] = path_1.default.join(opts.baseDirectory, "lib");
-    ALIAS["@queries"] = path_1.default.join(opts.baseDirectory, "hooks/queries");
-    ALIAS["@utils"] = path_1.default.join(opts.baseDirectory, "utils");
-    RULES.push({
-        test: /\.[jt]sx?$/,
-        exclude: /node_modules/,
-        use: [
-            {
-                loader: require.resolve("babel-loader"),
-                options: {
-                    presets: [
-                        [
-                            require.resolve("@babel/preset-env"),
+var plugin_name_defined_components_1 = __importDefault(require("./babel/plugin-name-defined-components"));
+var fs_1 = require("fs");
+var manifest_blocks_1 = require("./manifests/manifest-blocks");
+var manifest_fields_1 = require("./manifests/manifest-fields");
+var manifest_views_1 = require("./manifests/manifest-views");
+var get_config_1 = require("../config/get-config");
+var manifest_widgets_1 = require("./manifests/manifest-widgets");
+function getWebpackConfig(opts) {
+    return __awaiter(this, void 0, void 0, function () {
+        var compiling, config, ALIAS, ENTRY, PLUGINS, RULES, DEFINES, VIRTUAL_MODULES, EXTERNALS, virtualModules, isServerless, isBrowser, isSSR, isDev, entryDir, distSuffix, outputFolder, loadableManifestFile, writeVirtualModule, manifestLoaders, rpcExists, buildID;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    compiling = false;
+                    config = (0, get_config_1.getEDConfigUnwrapped)();
+                    ALIAS = {};
+                    ENTRY = {};
+                    PLUGINS = [];
+                    RULES = [];
+                    DEFINES = {};
+                    VIRTUAL_MODULES = {};
+                    EXTERNALS = {};
+                    isServerless = opts.serverless;
+                    isBrowser = opts.target === "client";
+                    isSSR = isServerless && !isBrowser;
+                    isDev = opts.mode === "development";
+                    entryDir = path_1.default.resolve(path_1.default.dirname(__dirname), "./entry");
+                    if (isDev) {
+                        if (opts.isAdmin) {
+                            ENTRY["main"] = ["".concat(entryDir, "/entry.publicPath.js"), "".concat(entryDir, "/entry.admin.dev.js")];
+                        }
+                        else if (isServerless) {
+                            ENTRY["main"] = ["".concat(entryDir, "/entry.serverless.dev.js")];
+                        }
+                        else {
+                            ENTRY["main"] = ["".concat(entryDir, "/entry.publicPath.js"), "".concat(entryDir, "/entry.monolith.dev.js")];
+                        }
+                    }
+                    else {
+                        if (opts.isAdmin) {
+                            ENTRY["main"] = ["".concat(entryDir, "/entry.publicPath.js"), "".concat(entryDir, "/entry.admin.prod.js")];
+                        }
+                        else if (isServerless) {
+                            ENTRY["main"] = ["".concat(entryDir, "/entry.serverless.prod.js")];
+                        }
+                        else {
+                            ENTRY["main"] = ["".concat(entryDir, "/entry.publicPath.js"), "".concat(entryDir, "/entry.monolith.prod.js")];
+                        }
+                    }
+                    distSuffix = opts.isAdmin ? "admin" : "frontend";
+                    outputFolder = path_1.default.resolve(opts.baseDirectory, isServerless ? (isDev ? "./.edwp/dev" : "./.edwp/prod") : "./dist/" + distSuffix);
+                    loadableManifestFile = "loadable-stats.json";
+                    // JS/TS
+                    ALIAS["@blocks"] = path_1.default.join(opts.baseDirectory, "blocks");
+                    ALIAS["@components"] = path_1.default.join(opts.baseDirectory, "components");
+                    ALIAS["@views"] = path_1.default.join(opts.baseDirectory, "views");
+                    ALIAS["@hooks"] = path_1.default.join(opts.baseDirectory, "hooks");
+                    ALIAS["@lib"] = path_1.default.join(opts.baseDirectory, "lib");
+                    ALIAS["@queries"] = path_1.default.join(opts.baseDirectory, "hooks/queries");
+                    ALIAS["@utils"] = path_1.default.join(opts.baseDirectory, "utils");
+                    RULES.push({
+                        test: /\.[jt]sx?$/,
+                        exclude: /node_modules/,
+                        use: [
                             {
-                                useBuiltIns: "entry",
-                                exclude: ["@babel/plugin-transform-regenerator"],
-                                targets: "> 0.25%, not dead",
-                                corejs: 3,
+                                loader: require.resolve("babel-loader"),
+                                options: {
+                                    presets: [
+                                        [
+                                            require.resolve("@babel/preset-env"),
+                                            {
+                                                useBuiltIns: "entry",
+                                                exclude: ["@babel/plugin-transform-regenerator"],
+                                                targets: "> 0.25%, not dead",
+                                                corejs: 3,
+                                            },
+                                        ],
+                                        [
+                                            require.resolve("@babel/preset-react"),
+                                            {
+                                                runtime: "automatic",
+                                            },
+                                        ],
+                                        require.resolve("@babel/preset-typescript"),
+                                    ],
+                                    plugins: [
+                                        [plugin_name_defined_components_1.default, { baseDirectory: opts.baseDirectory, cool: true }],
+                                        isBrowser && isDev && !opts.isAdmin && [require.resolve("react-refresh/babel"), { skipEnvCheck: true }],
+                                        require.resolve("@loadable/babel-plugin"),
+                                    ].filter(Boolean),
+                                },
                             },
                         ],
-                        [
-                            require.resolve("@babel/preset-react"),
+                    });
+                    // Styling
+                    ALIAS["@styles"] = path_1.default.join(opts.baseDirectory, "styles");
+                    ALIAS["@theme"] = path_1.default.join(opts.baseDirectory, "theme.css.tsx");
+                    PLUGINS.push(new mini_css_extract_plugin_1.default());
+                    RULES.push({
+                        test: /\.(sa|sc|c)ss$/,
+                        use: [
+                            {
+                                loader: mini_css_extract_plugin_1.default.loader,
+                                options: {
+                                    publicPath: "/wp-content/themes/".concat(opts.themeName, "/dist/").concat(distSuffix),
+                                },
+                            },
+                            {
+                                loader: require.resolve("css-loader"),
+                                options: {
+                                    import: true,
+                                    // sourceMap: true,
+                                    importLoaders: 2,
+                                    // modules: true,
+                                },
+                            },
                             {
-                                runtime: "automatic",
+                                loader: require.resolve("postcss-loader"),
+                                options: {
+                                    postcssOptions: {
+                                        ident: "postcss",
+                                        sourceMap: true,
+                                        plugins: [(0, autoprefixer_1.default)()],
+                                    },
+                                },
                             },
                         ],
-                        require.resolve("@babel/preset-typescript"),
-                    ],
-                    plugins: [
-                        [plugin_name_defined_components_1.default, { baseDirectory: opts.baseDirectory, cool: true }],
-                        isBrowser && isDev && !opts.isAdmin && [require.resolve("react-refresh/babel"), { skipEnvCheck: true }],
-                        require.resolve("@loadable/babel-plugin"),
-                    ].filter(Boolean),
-                },
-            },
-        ],
-    });
-    // Styling
-    ALIAS["@styles"] = path_1.default.join(opts.baseDirectory, "styles");
-    ALIAS["@theme"] = path_1.default.join(opts.baseDirectory, "theme.css.tsx");
-    PLUGINS.push(new mini_css_extract_plugin_1.default());
-    RULES.push({
-        test: /\.(sa|sc|c)ss$/,
-        use: [
-            {
-                loader: mini_css_extract_plugin_1.default.loader,
-                options: {
-                    publicPath: `/wp-content/themes/${opts.themeName}/dist/${distSuffix}`,
-                },
-            },
-            {
-                loader: require.resolve("css-loader"),
-                options: {
-                    import: true,
-                    // sourceMap: true,
-                    importLoaders: 2,
-                    // modules: true,
-                },
-            },
-            {
-                loader: require.resolve("postcss-loader"),
-                options: {
-                    postcssOptions: {
-                        ident: "postcss",
-                        sourceMap: true,
-                        plugins: [(0, autoprefixer_1.default)()],
-                    },
-                },
-            },
-        ],
+                    });
+                    // Bundle analyser
+                    if (!opts.isAdmin && !isDev) {
+                        PLUGINS.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin({
+                            analyzerMode: "static",
+                            openAnalyzer: false,
+                            reportFilename: "./bundle-report.html",
+                        }));
+                    }
+                    // React Refresh
+                    if (isBrowser && isDev && !opts.isAdmin) {
+                        PLUGINS.push(new react_refresh_webpack_plugin_1.default({
+                            overlay: {
+                                // module: require.resolve("../utils/refreshOverlayInterop"),
+                                // @ts-ignore
+                                // sockProtocol: "http",
+                                sockHost: "127.0.0.1",
+                                sockPort: opts.hotPort,
+                                sockIntegration: "wds",
+                            },
+                        }));
+                    }
+                    // Loadable plugin for code-splitting
+                    if (isBrowser)
+                        PLUGINS.push(new webpack_plugin_1.default({
+                            filename: loadableManifestFile,
+                            writeToDisk: true,
+                        }));
+                    // Predefined values, good data injection
+                    PLUGINS.push(new webpack_1.DefinePlugin(DEFINES));
+                    // Errors
+                    if (!isDev) {
+                        PLUGINS.push(new friendly_errors_webpack_plugin_1.default({
+                            clearConsole: false,
+                        }));
+                    }
+                    if (isDev) {
+                        // PLUGINS.push(new ErrorOverlayPlugin())
+                    }
+                    // Virtual modules, for code injection
+                    virtualModules = new webpack_virtual_modules_1.default(VIRTUAL_MODULES);
+                    PLUGINS.push(virtualModules);
+                    writeVirtualModule = function (name, contents) {
+                        if (compiling) {
+                            virtualModules.writeModule(name, contents);
+                        }
+                        else {
+                            VIRTUAL_MODULES[name] = contents;
+                        }
+                    };
+                    manifestLoaders = [];
+                    // Views
+                    ALIAS["@manifest/views"] = path_1.default.resolve(opts.baseDirectory, "_view_manifest.js");
+                    if (opts.isAdmin) {
+                        writeVirtualModule(ALIAS["@manifest/views"], "export default {}");
+                    }
+                    else {
+                        manifestLoaders.push((0, manifest_views_1.createViewManifestGenerator)({
+                            baseDirectory: opts.baseDirectory,
+                            isAdmin: false,
+                            isDev: isDev,
+                            isServerless: isServerless,
+                            watch: isDev,
+                            onGenerate: function (manifest) {
+                                writeVirtualModule(ALIAS["@manifest/views"], manifest);
+                            },
+                        }));
+                    }
+                    // Field manifest
+                    ALIAS["@manifest/fields"] = path_1.default.resolve(opts.baseDirectory, "_fields_manifest.js");
+                    if (opts.isAdmin) {
+                        manifestLoaders.push((0, manifest_fields_1.createFieldManifestGenerator)({
+                            baseDirectory: opts.baseDirectory,
+                            isAdmin: true,
+                            isDev: isDev,
+                            isServerless: isServerless,
+                            watch: isDev,
+                            onGenerate: function (manifest) {
+                                writeVirtualModule(ALIAS["@manifest/fields"], manifest);
+                            },
+                        }));
+                    }
+                    else {
+                        writeVirtualModule(ALIAS["@manifest/fields"], "\n        export default {}\n      ");
+                    }
+                    // Field manifest
+                    ALIAS["@manifest/widgets"] = path_1.default.resolve(opts.baseDirectory, "_widgets_manifest.js");
+                    if (opts.isAdmin) {
+                        manifestLoaders.push((0, manifest_widgets_1.createWidgetManifestGenerator)({
+                            baseDirectory: opts.baseDirectory,
+                            isAdmin: true,
+                            isDev: isDev,
+                            isServerless: isServerless,
+                            watch: isDev,
+                            onGenerate: function (manifest) {
+                                writeVirtualModule(ALIAS["@manifest/widgets"], manifest);
+                            },
+                        }));
+                    }
+                    else {
+                        writeVirtualModule(ALIAS["@manifest/widgets"], "\n          export default {}\n        ");
+                    }
+                    // Block manifest
+                    ALIAS["@manifest/blocks"] = path_1.default.resolve(opts.baseDirectory, "_blocks_manifest.js");
+                    manifestLoaders.push((0, manifest_blocks_1.createBlockManifestGenerator)({
+                        baseDirectory: opts.baseDirectory,
+                        isAdmin: opts.isAdmin,
+                        isDev: isDev,
+                        isServerless: isServerless,
+                        watch: isDev,
+                        onGenerate: function (manifest) {
+                            writeVirtualModule(ALIAS["@manifest/blocks"], manifest);
+                        },
+                    }));
+                    // Wait for all manifests to resolve
+                    return [4 /*yield*/, Promise.all(manifestLoaders)
+                        // External Gutenberg
+                    ];
+                case 1:
+                    // Wait for all manifests to resolve
+                    _a.sent();
+                    // External Gutenberg
+                    EXTERNALS["@wordpress/components"] = ["window", "wp"];
+                    EXTERNALS["@wordpress/element"] = ["window", "wp"];
+                    EXTERNALS["@wordpress/blocks"] = ["window", "wp"];
+                    EXTERNALS["@wordpress/utils"] = ["window", "wp"];
+                    EXTERNALS["@wordpress/data"] = ["window", "wp"];
+                    EXTERNALS["@wordpress/hooks"] = ["window", "wp"];
+                    EXTERNALS["@wordpress/block-editor"] = ["window", "wp"];
+                    if (opts.isAdmin) {
+                        EXTERNALS["@wordpress/components"] = ["wp", "components"];
+                        EXTERNALS["@wordpress/element"] = ["wp", "element"];
+                        EXTERNALS["@wordpress/blocks"] = ["wp", "blocks"];
+                        EXTERNALS["@wordpress/utils"] = ["wp", "utils"];
+                        EXTERNALS["@wordpress/data"] = ["wp", "data"];
+                        EXTERNALS["@wordpress/hooks"] = ["wp", "hooks"];
+                        EXTERNALS["@wordpress/block-editor"] = ["wp", "blockEditor"];
+                        EXTERNALS["react"] = "React";
+                        EXTERNALS["react-dom"] = "ReactDOM";
+                    }
+                    // Define some values
+                    DEFINES["process.browser"] = JSON.stringify(isBrowser);
+                    DEFINES["process.client"] = JSON.stringify(isBrowser);
+                    DEFINES["process.serverless"] = "false";
+                    DEFINES["process.ssr"] = JSON.stringify(isServerless && !isBrowser);
+                    DEFINES["process.LOADABLE_STATS_FILE"] = JSON.stringify(loadableManifestFile);
+                    DEFINES["process.dev"] = isDev ? "true" : "false";
+                    DEFINES["process.admin"] = opts.isAdmin ? "true" : "false";
+                    DEFINES["process.env.themePath"] = JSON.stringify("/wp-content/themes/".concat(opts.themeName));
+                    DEFINES["process.themePath"] = JSON.stringify("/wp-content/themes/".concat(opts.themeName));
+                    if (isDev && opts.isAdmin) {
+                        DEFINES["process.BLOCK_MANIFEST_FILE"] = JSON.stringify(ALIAS["@manifest/blocks"]);
+                    }
+                    DEFINES["process.devUI"] = config.devUI === "enabled";
+                    DEFINES["process.serverlessEndpoint"] = "(window.SERVERLESS_ENDPOINT || '')";
+                    rpcExists = (0, fs_1.existsSync)(path_1.default.join(opts.baseDirectory, "apis/_rpc.ts")) ||
+                        (0, fs_1.existsSync)(path_1.default.join(opts.baseDirectory, "apis/_rpc/index.ts"));
+                    DEFINES["process.rpcEnabled"] = rpcExists ? "true" : "false";
+                    if (isBrowser) {
+                        DEFINES["process.env.themePath"] = "window.THEME_PATH || ".concat(DEFINES["process.env.themePath"]);
+                    }
+                    buildID = Date.now();
+                    return [2 /*return*/, {
+                            mode: opts.mode,
+                            context: opts.baseDirectory,
+                            target: opts.target === "ssr" ? "node" : "web",
+                            optimization: {
+                                splitChunks: {
+                                    chunks: "async",
+                                },
+                                minimize: opts.mode === "production",
+                                // chunkIds: "named",
+                            },
+                            output: {
+                                filename: "[name].".concat(opts.isAdmin ? "admin" : "frontend", ".js?v=").concat(buildID),
+                                chunkFilename: "[name].".concat(opts.isAdmin ? "admin" : "frontend", ".js?v=").concat(buildID),
+                                publicPath: "/wp-content/themes/".concat(opts.themeName, "/dist/").concat(distSuffix, "/"),
+                                path: outputFolder,
+                                globalObject: isSSR ? "this" : "self",
+                                clean: true,
+                            },
+                            externals: __assign({ worker_threads: true }, EXTERNALS),
+                            resolve: {
+                                alias: ALIAS,
+                                extensions: [".js", ".jsx", ".ts", ".tsx"],
+                            },
+                            entry: ENTRY,
+                            plugins: __spreadArray(__spreadArray([], PLUGINS, true), [
+                                function () {
+                                    compiling = true;
+                                },
+                            ], false),
+                            module: {
+                                rules: RULES,
+                            },
+                            devtool: opts.mode === "development" && opts.target === "client"
+                                ? opts.mode === "development"
+                                    ? "cheap-module-source-map"
+                                    : "source-map"
+                                : false,
+                            stats: {
+                                all: true,
+                                errorDetails: true,
+                                errors: true,
+                                colors: true,
+                            },
+                        }];
+            }
+        });
     });
-    // Bundle analyser
-    if (!opts.isAdmin && !isDev) {
-        PLUGINS.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin({
-            analyzerMode: "static",
-            openAnalyzer: false,
-            reportFilename: "./bundle-report.html",
-        }));
-    }
-    // React Refresh
-    if (isBrowser && isDev && !opts.isAdmin) {
-        PLUGINS.push(new react_refresh_webpack_plugin_1.default({
-            overlay: {
-                // module: require.resolve("../utils/refreshOverlayInterop"),
-                // @ts-ignore
-                // sockProtocol: "http",
-                sockHost: "127.0.0.1",
-                sockPort: opts.hotPort,
-                sockIntegration: "wds",
-            },
-        }));
-    }
-    // Loadable plugin for code-splitting
-    if (isBrowser)
-        PLUGINS.push(new webpack_plugin_1.default({
-            filename: loadableManifestFile,
-            writeToDisk: true,
-        }));
-    // Predefined values, good data injection
-    PLUGINS.push(new webpack_1.DefinePlugin(DEFINES));
-    // Errors
-    if (!isDev) {
-        PLUGINS.push(new friendly_errors_webpack_plugin_1.default({
-            clearConsole: false,
-        }));
-    }
-    if (isDev) {
-        // PLUGINS.push(new ErrorOverlayPlugin())
-    }
-    // Virtual modules, for code injection
-    virtualModules = new webpack_virtual_modules_1.default(VIRTUAL_MODULES);
-    PLUGINS.push(virtualModules);
-    const writeVirtualModule = (name, contents) => {
-        if (compiling) {
-            virtualModules.writeModule(name, contents);
-        }
-        else {
-            VIRTUAL_MODULES[name] = contents;
-        }
-    };
-    const manifestLoaders = [];
-    // Views
-    ALIAS["@manifest/views"] = path_1.default.resolve(opts.baseDirectory, "_view_manifest.js");
-    if (opts.isAdmin) {
-        writeVirtualModule(ALIAS["@manifest/views"], `export default {}`);
-    }
-    else {
-        manifestLoaders.push((0, manifest_views_1.createViewManifestGenerator)({
-            baseDirectory: opts.baseDirectory,
-            isAdmin: false,
-            isDev: isDev,
-            isServerless: isServerless,
-            watch: isDev,
-            onGenerate: (manifest) => {
-                writeVirtualModule(ALIAS["@manifest/views"], manifest);
-            },
-        }));
-    }
-    // Field manifest
-    ALIAS["@manifest/fields"] = path_1.default.resolve(opts.baseDirectory, "_fields_manifest.js");
-    if (opts.isAdmin) {
-        manifestLoaders.push((0, manifest_fields_1.createFieldManifestGenerator)({
-            baseDirectory: opts.baseDirectory,
-            isAdmin: true,
-            isDev: isDev,
-            isServerless: isServerless,
-            watch: isDev,
-            onGenerate: (manifest) => {
-                writeVirtualModule(ALIAS["@manifest/fields"], manifest);
-            },
-        }));
-    }
-    else {
-        writeVirtualModule(ALIAS["@manifest/fields"], `
-        export default {}
-      `);
-    }
-    // Field manifest
-    ALIAS["@manifest/widgets"] = path_1.default.resolve(opts.baseDirectory, "_widgets_manifest.js");
-    if (opts.isAdmin) {
-        manifestLoaders.push((0, manifest_widgets_1.createWidgetManifestGenerator)({
-            baseDirectory: opts.baseDirectory,
-            isAdmin: true,
-            isDev: isDev,
-            isServerless: isServerless,
-            watch: isDev,
-            onGenerate: (manifest) => {
-                writeVirtualModule(ALIAS["@manifest/widgets"], manifest);
-            },
-        }));
-    }
-    else {
-        writeVirtualModule(ALIAS["@manifest/widgets"], `
-          export default {}
-        `);
-    }
-    // Block manifest
-    ALIAS["@manifest/blocks"] = path_1.default.resolve(opts.baseDirectory, "_blocks_manifest.js");
-    manifestLoaders.push((0, manifest_blocks_1.createBlockManifestGenerator)({
-        baseDirectory: opts.baseDirectory,
-        isAdmin: opts.isAdmin,
-        isDev: isDev,
-        isServerless: isServerless,
-        watch: isDev,
-        onGenerate: (manifest) => {
-            writeVirtualModule(ALIAS["@manifest/blocks"], manifest);
-        },
-    }));
-    // Wait for all manifests to resolve
-    await Promise.all(manifestLoaders);
-    // External Gutenberg
-    EXTERNALS["@wordpress/components"] = ["window", "wp"];
-    EXTERNALS["@wordpress/element"] = ["window", "wp"];
-    EXTERNALS["@wordpress/blocks"] = ["window", "wp"];
-    EXTERNALS["@wordpress/utils"] = ["window", "wp"];
-    EXTERNALS["@wordpress/data"] = ["window", "wp"];
-    EXTERNALS["@wordpress/hooks"] = ["window", "wp"];
-    EXTERNALS["@wordpress/block-editor"] = ["window", "wp"];
-    if (opts.isAdmin) {
-        EXTERNALS["@wordpress/components"] = ["wp", "components"];
-        EXTERNALS["@wordpress/element"] = ["wp", "element"];
-        EXTERNALS["@wordpress/blocks"] = ["wp", "blocks"];
-        EXTERNALS["@wordpress/utils"] = ["wp", "utils"];
-        EXTERNALS["@wordpress/data"] = ["wp", "data"];
-        EXTERNALS["@wordpress/hooks"] = ["wp", "hooks"];
-        EXTERNALS["@wordpress/block-editor"] = ["wp", "blockEditor"];
-        EXTERNALS["react"] = "React";
-        EXTERNALS["react-dom"] = "ReactDOM";
-    }
-    // Define some values
-    DEFINES["process.browser"] = JSON.stringify(isBrowser);
-    DEFINES["process.client"] = JSON.stringify(isBrowser);
-    DEFINES["process.serverless"] = "false";
-    DEFINES["process.ssr"] = JSON.stringify(isServerless && !isBrowser);
-    DEFINES["process.LOADABLE_STATS_FILE"] = JSON.stringify(loadableManifestFile);
-    DEFINES["process.dev"] = isDev ? "true" : "false";
-    DEFINES["process.admin"] = opts.isAdmin ? "true" : "false";
-    DEFINES["process.env.themePath"] = JSON.stringify(`/wp-content/themes/${opts.themeName}`);
-    DEFINES["process.themePath"] = JSON.stringify(`/wp-content/themes/${opts.themeName}`);
-    if (isDev && opts.isAdmin) {
-        DEFINES["process.BLOCK_MANIFEST_FILE"] = JSON.stringify(ALIAS["@manifest/blocks"]);
-    }
-    DEFINES["process.devUI"] = config.devUI === "enabled";
-    DEFINES["process.serverlessEndpoint"] = "(window.SERVERLESS_ENDPOINT || '')";
-    const rpcExists = (0, fs_1.existsSync)(path_1.default.join(opts.baseDirectory, "apis/_rpc.ts")) ||
-        (0, fs_1.existsSync)(path_1.default.join(opts.baseDirectory, "apis/_rpc/index.ts"));
-    DEFINES["process.rpcEnabled"] = rpcExists ? "true" : "false";
-    if (isBrowser) {
-        DEFINES["process.env.themePath"] = `window.THEME_PATH || ${DEFINES["process.env.themePath"]}`;
-    }
-    const buildID = Date.now();
-    return {
-        mode: opts.mode,
-        context: opts.baseDirectory,
-        target: opts.target === "ssr" ? "node" : "web",
-        optimization: {
-            splitChunks: {
-                chunks: "async",
-            },
-            minimize: opts.mode === "production",
-            // chunkIds: "named",
-        },
-        output: {
-            filename: `[name].${opts.isAdmin ? "admin" : "frontend"}.js?v=${buildID}`,
-            chunkFilename: `[name].${opts.isAdmin ? "admin" : "frontend"}.js?v=${buildID}`,
-            publicPath: `/wp-content/themes/${opts.themeName}/dist/${distSuffix}/`,
-            path: outputFolder,
-            globalObject: isSSR ? "this" : "self",
-            clean: true,
-        },
-        externals: {
-            worker_threads: true,
-            ...EXTERNALS,
-        },
-        resolve: {
-            alias: ALIAS,
-            extensions: [".js", ".jsx", ".ts", ".tsx"],
-        },
-        entry: ENTRY,
-        plugins: [
-            ...PLUGINS,
-            () => {
-                compiling = true;
-            },
-        ],
-        module: {
-            rules: RULES,
-        },
-        devtool: opts.mode === "development" && opts.target === "client"
-            ? opts.mode === "development"
-                ? "cheap-module-source-map"
-                : "source-map"
-            : false,
-        stats: {
-            all: true,
-            errorDetails: true,
-            errors: true,
-            colors: true,
-        },
-    };
 }
 exports.default = getWebpackConfig;