eddev 0.2.65 → 0.2.67-beta1

package/build/get-webpack-config.js

@@ -1,414 +1,360 @@
 "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 });
-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"));
+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"));
 // @ts-ignore
-var friendly_errors_webpack_plugin_1 = __importDefault(require("@soda/friendly-errors-webpack-plugin"));
+const friendly_errors_webpack_plugin_1 = __importDefault(require("@soda/friendly-errors-webpack-plugin"));
 // @ts-ignore
-var webpack_plugin_1 = __importDefault(require("@loadable/webpack-plugin"));
+const webpack_plugin_1 = __importDefault(require("@loadable/webpack-plugin"));
 // @ts-ignore
-var webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
+const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
 // @ts-ignore
-var mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-var autoprefixer_1 = __importDefault(require("autoprefixer"));
+const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+const autoprefixer_1 = __importDefault(require("autoprefixer"));
 // Custom Babel plugins
-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: [
+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"),
                             {
-                                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),
-                                },
+                                useBuiltIns: "entry",
+                                exclude: ["@babel/plugin-transform-regenerator"],
+                                targets: "> 0.25%, not dead",
+                                corejs: 3,
                             },
                         ],
-                    });
-                    // 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,
-                                },
-                            },
+                        [
+                            require.resolve("@babel/preset-react"),
                             {
-                                loader: require.resolve("postcss-loader"),
-                                options: {
-                                    postcssOptions: {
-                                        ident: "postcss",
-                                        sourceMap: true,
-                                        plugins: [(0, autoprefixer_1.default)()],
-                                    },
-                                },
+                                runtime: "automatic",
                             },
                         ],
-                    });
-                    // 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,
-                            },
-                        }];
-            }
-        });
+                        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);
+    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;