@pinnacle0/webpack-util 0.3.26 → 0.3.27

package/src/WebpackConfigGenerator/Plugin/script-tag-crossorigin-plugin.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScriptTagCrossOriginPlugin = void 0;
+const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
+const PLUGIN_NAME = "ScriptTagCrossOriginPlugin";
+// This plugin adds crossorigin="anonymous" to html-webpack-plugin generated <script> tags, only work with html-webpack-plugin@4.0.0+
+class ScriptTagCrossOriginPlugin {
+    apply(compiler) {
+        compiler.hooks.compilation.tap(PLUGIN_NAME, compilation => {
+            const hook = html_webpack_plugin_1.default.getHooks(compilation).alterAssetTags;
+            hook.tap(PLUGIN_NAME, result => {
+                var _a;
+                const { assetTags } = result;
+                for (const scriptTag of assetTags.scripts) {
+                    if (((_a = scriptTag.attributes) === null || _a === void 0 ? void 0 : _a.src) && /.js$/.test(scriptTag.attributes.src.toString())) {
+                        scriptTag.attributes.crossorigin = "anonymous";
+                    }
+                }
+                return result;
+            });
+        });
+    }
+}
+exports.ScriptTagCrossOriginPlugin = ScriptTagCrossOriginPlugin;
+//# sourceMappingURL=script-tag-crossorigin-plugin.js.map

package/src/WebpackConfigGenerator/Plugin/script-tag-crossorigin-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-tag-crossorigin-plugin.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Plugin/script-tag-crossorigin-plugin.ts"],"names":[],"mappings":";;;;;;AAAA,8EAAoD;AAGpD,MAAM,WAAW,GAAG,4BAA4B,CAAC;AAEjD,qIAAqI;AACrI,MAAa,0BAA0B;IACnC,KAAK,CAAC,QAA0B;QAC5B,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE;YACtD,MAAM,IAAI,GAAG,6BAAiB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC;YACpE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE;;gBAC3B,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC;gBAC3B,KAAK,MAAM,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;oBACvC,IAAI,CAAA,MAAA,SAAS,CAAC,UAAU,0CAAE,GAAG,KAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EAAE;wBAC/E,SAAS,CAAC,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;qBAClD;iBACJ;gBACD,OAAO,MAAM,CAAC;YAClB,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAfD,gEAeC"}

package/src/WebpackConfigGenerator/Plugin/ts.plugin.d.ts

@@ -0,0 +1,16 @@
+import type webpack from "webpack";
+interface TerserPluginOptions {
+    sourceMap: boolean;
+}
+/**
+ * Applies Terser to minimize javascript
+ * after bundles/chunks are built.
+ */
+export declare function terserPlugin({ sourceMap }: TerserPluginOptions): webpack.WebpackPluginInstance;
+/**
+ * Adds react fast refresh functionality.
+ * Requires babel plugin "react-refresh/babel".
+ * Should not be used in production.
+ */
+export declare function reactRefreshPlugin(): webpack.WebpackPluginInstance;
+export {};

package/src/WebpackConfigGenerator/Plugin/ts.plugin.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactRefreshPlugin = exports.terserPlugin = void 0;
+const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
+const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
+const WebpackConfigSerializationUtil_1 = require("../WebpackConfigSerializationUtil");
+/**
+ * Applies Terser to minimize javascript
+ * after bundles/chunks are built.
+ */
+function terserPlugin({ sourceMap }) {
+    return WebpackConfigSerializationUtil_1.WebpackConfigSerializationUtil.serializablePlugin("TerserWebpackPlugin", terser_webpack_plugin_1.default, {
+        terserOptions: {
+            sourceMap,
+        },
+    });
+}
+exports.terserPlugin = terserPlugin;
+/**
+ * Adds react fast refresh functionality.
+ * Requires babel plugin "react-refresh/babel".
+ * Should not be used in production.
+ */
+function reactRefreshPlugin() {
+    return WebpackConfigSerializationUtil_1.WebpackConfigSerializationUtil.serializablePlugin("ReactRefreshPlugin", react_refresh_webpack_plugin_1.default);
+}
+exports.reactRefreshPlugin = reactRefreshPlugin;
+//# sourceMappingURL=ts.plugin.js.map

package/src/WebpackConfigGenerator/Plugin/ts.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts.plugin.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Plugin/ts.plugin.ts"],"names":[],"mappings":";;;;;;AAAA,wGAA6E;AAC7E,kFAAwD;AAExD,sFAAiF;AAMjF;;;GAGG;AACH,SAAgB,YAAY,CAAC,EAAC,SAAS,EAAsB;IACzD,OAAO,+DAA8B,CAAC,kBAAkB,CAAC,qBAAqB,EAAE,+BAAmB,EAAE;QACjG,aAAa,EAAE;YACX,SAAS;SACZ;KACJ,CAAC,CAAC;AACP,CAAC;AAND,oCAMC;AAED;;;;GAIG;AACH,SAAgB,kBAAkB;IAC9B,OAAO,+DAA8B,CAAC,kBAAkB,CAAC,oBAAoB,EAAE,sCAAyB,CAAC,CAAC;AAC9G,CAAC;AAFD,gDAEC"}

package/src/WebpackConfigGenerator/Plugin/webpack.plugin.d.ts

@@ -0,0 +1,14 @@
+import webpack from "webpack";
+interface WebpackProgressPluginOptions {
+    enableProfiling: boolean;
+}
+/**
+ * Reports progress during compilation.
+ * Basically the same behavior as running webpack-cli with:
+ * `$ webpack --progress`
+ */
+export declare function webpackProgressPlugin({ enableProfiling }: WebpackProgressPluginOptions): webpack.WebpackPluginInstance;
+export declare function webpackDefinePlugin(map: {
+    [key: string]: string;
+}): webpack.WebpackPluginInstance;
+export {};

package/src/WebpackConfigGenerator/Plugin/webpack.plugin.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webpackDefinePlugin = exports.webpackProgressPlugin = void 0;
+const webpack_1 = __importDefault(require("webpack"));
+const WebpackConfigSerializationUtil_1 = require("../WebpackConfigSerializationUtil");
+/**
+ * Reports progress during compilation.
+ * Basically the same behavior as running webpack-cli with:
+ * `$ webpack --progress`
+ */
+function webpackProgressPlugin({ enableProfiling }) {
+    return WebpackConfigSerializationUtil_1.WebpackConfigSerializationUtil.serializablePlugin("webpack.ProgressPlugin", webpack_1.default.ProgressPlugin, {
+        profile: enableProfiling,
+    });
+}
+exports.webpackProgressPlugin = webpackProgressPlugin;
+function webpackDefinePlugin(map) {
+    return WebpackConfigSerializationUtil_1.WebpackConfigSerializationUtil.serializablePlugin("webpack.DefinePlugin", webpack_1.default.DefinePlugin, map);
+}
+exports.webpackDefinePlugin = webpackDefinePlugin;
+//# sourceMappingURL=webpack.plugin.js.map

package/src/WebpackConfigGenerator/Plugin/webpack.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.plugin.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Plugin/webpack.plugin.ts"],"names":[],"mappings":";;;;;;AAAA,sDAA8B;AAC9B,sFAAiF;AAMjF;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,EAAC,eAAe,EAA+B;IACjF,OAAO,+DAA8B,CAAC,kBAAkB,CAAC,wBAAwB,EAAE,iBAAO,CAAC,cAAc,EAAE;QACvG,OAAO,EAAE,eAAe;KAC3B,CAAC,CAAC;AACP,CAAC;AAJD,sDAIC;AAED,SAAgB,mBAAmB,CAAC,GAA4B;IAC5D,OAAO,+DAA8B,CAAC,kBAAkB,CAAC,sBAAsB,EAAE,iBAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAChH,CAAC;AAFD,kDAEC"}

package/src/WebpackConfigGenerator/Rule/RegExpUtil.d.ts

@@ -0,0 +1,4 @@
+export declare class RegExpUtil {
+    static fileExtension(...extensions: [string, ...string[]]): RegExp;
+    private static validateFileExtension;
+}

package/src/WebpackConfigGenerator/Rule/{RegExpUtil.ts → RegExpUtil.js}

@@ -1,20 +1,26 @@
-export class RegExpUtil {
-    static fileExtension(...extensions: [string, ...string[]]): RegExp {
-        const escapedExtensions: string[] = [];
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegExpUtil = void 0;
+class RegExpUtil {
+    static fileExtension(...extensions) {
+        const escapedExtensions = [];
         for (const ext of extensions) {
             RegExpUtil.validateFileExtension(ext);
-            escapedExtensions.push(ext.replace(/\./g, String.raw`\.`));
+            escapedExtensions.push(ext.replace(/\./g, String.raw `\.`));
         }
         return new RegExp(`(${escapedExtensions.join("|")})$`);
     }
-
-    private static validateFileExtension(ext: string): void {
+    static validateFileExtension(ext) {
         if (ext.trim() === "") {
             throw new Error("Extension cannot be empty.");
-        } else if (/\s/.test(ext)) {
+        }
+        else if (/\s/.test(ext)) {
             throw new Error(`Extension cannot contain whitespace, received: "${ext}".`);
-        } else if (!/^(\.[a-z0-9]+)+$/.test(ext)) {
+        }
+        else if (!/^(\.[a-z0-9]+)+$/.test(ext)) {
             throw new Error(`Extension should begin with dot, and contains lowercase letters and numbers, received: "${ext}".`);
         }
     }
 }
+exports.RegExpUtil = RegExpUtil;
+//# sourceMappingURL=RegExpUtil.js.map

package/src/WebpackConfigGenerator/Rule/RegExpUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegExpUtil.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Rule/RegExpUtil.ts"],"names":[],"mappings":";;;AAAA,MAAa,UAAU;IACnB,MAAM,CAAC,aAAa,CAAC,GAAG,UAAiC;QACrD,MAAM,iBAAiB,GAAa,EAAE,CAAC;QACvC,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE;YAC1B,UAAU,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;YACtC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAA,IAAI,CAAC,CAAC,CAAC;SAC9D;QACD,OAAO,IAAI,MAAM,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IAEO,MAAM,CAAC,qBAAqB,CAAC,GAAW;QAC5C,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACnB,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;SACjD;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YACvB,MAAM,IAAI,KAAK,CAAC,mDAAmD,GAAG,IAAI,CAAC,CAAC;SAC/E;aAAM,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YACtC,MAAM,IAAI,KAAK,CAAC,2FAA2F,GAAG,IAAI,CAAC,CAAC;SACvH;IACL,CAAC;CACJ;AAnBD,gCAmBC"}

package/src/WebpackConfigGenerator/Rule/core-fe-hmr-babel-plugin.d.ts

@@ -0,0 +1,13 @@
+import type * as babel from "@babel/core";
+interface State extends Pick<babel.PluginPass, "file" | "key" | "opts" | "cwd" | "filename"> {
+    hasInjectedDeclineWebpackHMRNode: boolean;
+}
+/**
+ * Injects `if (module.hot) module.hot.decline()` code snippet in files that contains "core-fe" Module classes.
+ *
+ * This tells webpack HMR to force refresh the browser when a file containing "core-fe" Module classes is changed,
+ * otherwise react loses refrence of the MainComponent created by `ModuleProxy` in "core-fe"
+ * and throws a runtime error during development (which is bad for developer experience).
+ */
+export default function ({ types: t }: typeof babel): babel.PluginObj<State>;
+export {};

package/src/WebpackConfigGenerator/Rule/{core-fe-hmr-babel-plugin.ts → core-fe-hmr-babel-plugin.js}

@@ -1,9 +1,5 @@
-import type * as babel from "@babel/core";
-
-interface State extends Pick<babel.PluginPass, "file" | "key" | "opts" | "cwd" | "filename"> {
-    hasInjectedDeclineWebpackHMRNode: boolean;
-}
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Injects `if (module.hot) module.hot.decline()` code snippet in files that contains "core-fe" Module classes.
  *
@@ -11,68 +7,39 @@ interface State extends Pick<babel.PluginPass, "file" | "key" | "opts" | "cwd" |
  * otherwise react loses refrence of the MainComponent created by `ModuleProxy` in "core-fe"
  * and throws a runtime error during development (which is bad for developer experience).
  */
-export default function ({types: t}: typeof babel): babel.PluginObj<State> {
+function default_1({ types: t }) {
     return {
         visitor: {
             ImportDeclaration(path, state) {
                 if (state.hasInjectedDeclineWebpackHMRNode) {
                     return;
                 }
-
-                const {
-                    node: {
-                        source: {value: importSource},
-                        specifiers: importSpecifiers,
-                    },
-                } = path;
-
+                const { node: { source: { value: importSource }, specifiers: importSpecifiers, }, } = path;
                 if (importSource !== "core-fe") {
                     return;
                 }
-
                 if (!hasImportSpecifierOfIdentifierModule(t, importSpecifiers)) {
                     return;
                 }
-
                 // We now know the TS/JS file has included `Module`, inject the code snippet
-                const programPath = path.findParent(parentPath => t.isProgram(parentPath.node))! as babel.NodePath<babel.types.Program>;
-
+                const programPath = path.findParent(parentPath => t.isProgram(parentPath.node));
                 // prettier-ignore
-                const declineWebpackHMRNode = t.ifStatement(
-                    t.memberExpression(
-                        t.identifier("module"),
-                        t.identifier("hot")
-                    ),
-                    t.expressionStatement(
-                        t.callExpression(
-                            t.memberExpression(
-                                t.memberExpression(
-                                    t.identifier("module"),
-                                    t.identifier("hot"),
-                                ),
-                                t.identifier("decline"),
-                            ),
-                            [],
-                        ),
-                    ),
-                );
-
+                const declineWebpackHMRNode = t.ifStatement(t.memberExpression(t.identifier("module"), t.identifier("hot")), t.expressionStatement(t.callExpression(t.memberExpression(t.memberExpression(t.identifier("module"), t.identifier("hot")), t.identifier("decline")), [])));
                 // Append `if (module.hot) module.hot.decline()` to end of program body
                 programPath.pushContainer("body", declineWebpackHMRNode);
-
                 // We only need to inject the code snippet once per file, mark as injected
                 state.hasInjectedDeclineWebpackHMRNode = true;
             },
         },
     };
 }
-
+exports.default = default_1;
 /**
  * @param t `babel.types`
  * @param importSpecifiers The "specifier" property of a `babel.types.ImportDeclaration` node
  * @returns true if the import declaration includes the identifier `Module`
  */
-function hasImportSpecifierOfIdentifierModule(t: typeof babel.types, importSpecifiers: babel.types.ImportDeclaration["specifiers"]): boolean {
+function hasImportSpecifierOfIdentifierModule(t, importSpecifiers) {
     const specifier = importSpecifiers.find(specifier => {
         // Check if it is one of:
         // -> `import { <IMPORT_SPECIFIER_NODE> } from "core-fe";`
@@ -81,7 +48,6 @@ function hasImportSpecifierOfIdentifierModule(t: typeof babel.types, importSpeci
             const importedSpecifier = specifier.imported;
             return t.isIdentifier(importedSpecifier) && importedSpecifier.name === "Module";
         }
-
         // Check if it is:
         // -> `import * as <IMPORT_NAMESPACE_SPECIFIER_NODE> from "core-fe";`
         if (t.isImportNamespaceSpecifier(specifier)) {
@@ -89,8 +55,8 @@ function hasImportSpecifierOfIdentifierModule(t: typeof babel.types, importSpeci
             // Maybe enforce "core-fe" should not be imported with a namespace with an ESLint rule?
             return true;
         }
-
         return false;
     });
     return specifier !== undefined;
 }
+//# sourceMappingURL=core-fe-hmr-babel-plugin.js.map

package/src/WebpackConfigGenerator/Rule/core-fe-hmr-babel-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-fe-hmr-babel-plugin.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Rule/core-fe-hmr-babel-plugin.ts"],"names":[],"mappings":";;AAMA;;;;;;GAMG;AACH,mBAAyB,EAAC,KAAK,EAAE,CAAC,EAAe;IAC7C,OAAO;QACH,OAAO,EAAE;YACL,iBAAiB,CAAC,IAAI,EAAE,KAAK;gBACzB,IAAI,KAAK,CAAC,gCAAgC,EAAE;oBACxC,OAAO;iBACV;gBAED,MAAM,EACF,IAAI,EAAE,EACF,MAAM,EAAE,EAAC,KAAK,EAAE,YAAY,EAAC,EAC7B,UAAU,EAAE,gBAAgB,GAC/B,GACJ,GAAG,IAAI,CAAC;gBAET,IAAI,YAAY,KAAK,SAAS,EAAE;oBAC5B,OAAO;iBACV;gBAED,IAAI,CAAC,oCAAoC,CAAC,CAAC,EAAE,gBAAgB,CAAC,EAAE;oBAC5D,OAAO;iBACV;gBAED,4EAA4E;gBAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAyC,CAAC;gBAExH,kBAAkB;gBAClB,MAAM,qBAAqB,GAAG,CAAC,CAAC,WAAW,CACvC,CAAC,CAAC,gBAAgB,CACd,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,EACtB,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CACtB,EACD,CAAC,CAAC,mBAAmB,CACjB,CAAC,CAAC,cAAc,CACZ,CAAC,CAAC,gBAAgB,CACd,CAAC,CAAC,gBAAgB,CACd,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,EACtB,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CACtB,EACD,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAC1B,EACD,EAAE,CACL,CACJ,CACJ,CAAC;gBAEF,uEAAuE;gBACvE,WAAW,CAAC,aAAa,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;gBAEzD,0EAA0E;gBAC1E,KAAK,CAAC,gCAAgC,GAAG,IAAI,CAAC;YAClD,CAAC;SACJ;KACJ,CAAC;AACN,CAAC;AAtDD,4BAsDC;AAED;;;;GAIG;AACH,SAAS,oCAAoC,CAAC,CAAqB,EAAE,gBAA6D;IAC9H,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;QAChD,yBAAyB;QACzB,0DAA0D;QAC1D,gFAAgF;QAChF,IAAI,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE;YAChC,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAAC;YAC7C,OAAO,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,CAAC;SACnF;QAED,kBAAkB;QAClB,qEAAqE;QACrE,IAAI,CAAC,CAAC,0BAA0B,CAAC,SAAS,CAAC,EAAE;YACzC,oFAAoF;YACpF,uFAAuF;YACvF,OAAO,IAAI,CAAC;SACf;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,OAAO,SAAS,KAAK,SAAS,CAAC;AACnC,CAAC"}

package/src/WebpackConfigGenerator/Rule/image.rule.d.ts

@@ -0,0 +1,9 @@
+import type webpack from "webpack";
+/**
+ * Handles dependency requests to image assets (".png", ".jpeg", ".jpg", ".gif", ".svg")
+ * by inlining as images as DataURL,
+ * or emitting as separate files if file size is too large.
+ *
+ * @see https://webpack.js.org/guides/asset-modules/
+ */
+export declare function imageRule(): webpack.RuleSetRule;

package/src/WebpackConfigGenerator/Rule/{image.rule.ts → image.rule.js}

@@ -1,6 +1,7 @@
-import type webpack from "webpack";
-import {RegExpUtil} from "./RegExpUtil";
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imageRule = void 0;
+const RegExpUtil_1 = require("./RegExpUtil");
 /**
  * Handles dependency requests to image assets (".png", ".jpeg", ".jpg", ".gif", ".svg")
  * by inlining as images as DataURL,
@@ -8,9 +9,9 @@ import {RegExpUtil} from "./RegExpUtil";
  *
  * @see https://webpack.js.org/guides/asset-modules/
  */
-export function imageRule(): webpack.RuleSetRule {
+function imageRule() {
     return {
-        test: RegExpUtil.fileExtension(".png", ".jpeg", ".jpg", ".gif", ".svg"),
+        test: RegExpUtil_1.RegExpUtil.fileExtension(".png", ".jpeg", ".jpg", ".gif", ".svg"),
         type: "asset",
         generator: {
             filename: "static/img/[name].[hash:8][ext][query]",
@@ -22,3 +23,5 @@ export function imageRule(): webpack.RuleSetRule {
         },
     };
 }
+exports.imageRule = imageRule;
+//# sourceMappingURL=image.rule.js.map

package/src/WebpackConfigGenerator/Rule/image.rule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.rule.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Rule/image.rule.ts"],"names":[],"mappings":";;;AACA,6CAAwC;AAExC;;;;;;GAMG;AACH,SAAgB,SAAS;IACrB,OAAO;QACH,IAAI,EAAE,uBAAU,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;QACvE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE;YACP,QAAQ,EAAE,wCAAwC;SACrD;QACD,MAAM,EAAE;YACJ,gBAAgB,EAAE;gBACd,OAAO,EAAE,IAAI;aAChB;SACJ;KACJ,CAAC;AACN,CAAC;AAbD,8BAaC"}

package/src/WebpackConfigGenerator/Rule/index.d.ts

@@ -0,0 +1,13 @@
+import { imageRule } from "./image.rule";
+import { otherRule } from "./other.rule";
+import { stylesheetRule } from "./stylesheet.rule";
+import { tsRule } from "./ts.rule";
+/**
+ * Static factories to create `webpack.config#modules.rules` items.
+ */
+export declare class Rule {
+    static readonly image: typeof imageRule;
+    static readonly other: typeof otherRule;
+    static readonly ts: typeof tsRule;
+    static readonly stylesheet: typeof stylesheetRule;
+}

package/src/WebpackConfigGenerator/Rule/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rule = void 0;
+const image_rule_1 = require("./image.rule");
+const other_rule_1 = require("./other.rule");
+const stylesheet_rule_1 = require("./stylesheet.rule");
+const ts_rule_1 = require("./ts.rule");
+/**
+ * Static factories to create `webpack.config#modules.rules` items.
+ */
+class Rule {
+}
+exports.Rule = Rule;
+Rule.image = image_rule_1.imageRule;
+Rule.other = other_rule_1.otherRule;
+Rule.ts = ts_rule_1.tsRule;
+Rule.stylesheet = stylesheet_rule_1.stylesheetRule;
+//# sourceMappingURL=index.js.map

package/src/WebpackConfigGenerator/Rule/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Rule/index.ts"],"names":[],"mappings":";;;AAAA,6CAAuC;AACvC,6CAAuC;AACvC,uDAAiD;AACjD,uCAAiC;AAEjC;;GAEG;AACH,MAAa,IAAI;;AAAjB,oBAQC;AAPmB,UAAK,GAAG,sBAAS,CAAC;AAElB,UAAK,GAAG,sBAAS,CAAC;AAElB,OAAE,GAAG,gBAAM,CAAC;AAEZ,eAAU,GAAG,gCAAc,CAAC"}

package/src/WebpackConfigGenerator/Rule/other.rule.d.ts

@@ -0,0 +1,12 @@
+import type webpack from "webpack";
+interface OtherRuleDeps {
+    extraExtensionsForOtherRule: string[];
+}
+/**
+ * Handles dependency requests to file assets
+ * by emitting as separate files.
+ *
+ * @see https://webpack.js.org/guides/asset-modules/
+ */
+export declare function otherRule({ extraExtensionsForOtherRule }: OtherRuleDeps): webpack.RuleSetRule;
+export {};

package/src/WebpackConfigGenerator/Rule/other.rule.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.otherRule = void 0;
+const Constant_1 = require("../../Constant");
+const RegExpUtil_1 = require("./RegExpUtil");
+/**
+ * Handles dependency requests to file assets
+ * by emitting as separate files.
+ *
+ * @see https://webpack.js.org/guides/asset-modules/
+ */
+function otherRule({ extraExtensionsForOtherRule }) {
+    return {
+        test: RegExpUtil_1.RegExpUtil.fileExtension(".ico", ...Constant_1.Constant.mediaExtensions, ...Constant_1.Constant.fontExtensions, ...extraExtensionsForOtherRule),
+        type: "asset",
+        generator: {
+            filename: "static/other/[name].[hash:8][ext][query]",
+        },
+    };
+}
+exports.otherRule = otherRule;
+//# sourceMappingURL=other.rule.js.map

package/src/WebpackConfigGenerator/Rule/other.rule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"other.rule.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Rule/other.rule.ts"],"names":[],"mappings":";;;AACA,6CAAwC;AACxC,6CAAwC;AAMxC;;;;;GAKG;AACH,SAAgB,SAAS,CAAC,EAAC,2BAA2B,EAAgB;IAClE,OAAO;QACH,IAAI,EAAE,uBAAU,CAAC,aAAa,CAAC,MAAM,EAAE,GAAG,mBAAQ,CAAC,eAAe,EAAE,GAAG,mBAAQ,CAAC,cAAc,EAAE,GAAG,2BAA2B,CAAC;QAC/H,IAAI,EAAE,OAAO;QACb,SAAS,EAAE;YACP,QAAQ,EAAE,0CAA0C;SACvD;KACJ,CAAC;AACN,CAAC;AARD,8BAQC"}

package/src/WebpackConfigGenerator/Rule/stylesheet.rule.d.ts

@@ -0,0 +1,17 @@
+import type webpack from "webpack";
+interface StylesheetRuleDeps {
+    minimize: boolean;
+}
+/**
+ * Handles dependency requests to stylesheet assets (".css", ".less")
+ * with `minimize: true` by `lessc` -> transform to js module -> inject to DOM as <style> tag,
+ * or with `minimize: false` by `lessc` -> `autoprefixer` with `postcss` -> transform to js module -> extract to stylesheet
+ *
+ * @see https://webpack.js.org/loaders/css-loader/
+ * @see https://webpack.js.org/loaders/less-loader/
+ * @see https://webpack.js.org/plugins/mini-css-extract-plugin/
+ * @see https://webpack.js.org/loaders/postcss-loader/
+ * @see https://webpack.js.org/loaders/style-loader/
+ */
+export declare function stylesheetRule({ minimize }: StylesheetRuleDeps): webpack.RuleSetRule;
+export {};

package/src/WebpackConfigGenerator/Rule/{stylesheet.rule.ts → stylesheet.rule.js}

@@ -1,12 +1,12 @@
-import MiniCssExtractPlugin from "mini-css-extract-plugin";
-import type webpack from "webpack";
-import {RegExpUtil} from "./RegExpUtil";
-
-interface StylesheetRuleDeps {
-    minimize: boolean;
-}
-
-function cssLoader(importLoaders: number): webpack.RuleSetUseItem {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stylesheetRule = void 0;
+const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+const RegExpUtil_1 = require("./RegExpUtil");
+function cssLoader(importLoaders) {
     return {
         loader: require.resolve("css-loader"),
         options: {
@@ -14,8 +14,7 @@ function cssLoader(importLoaders: number): webpack.RuleSetUseItem {
         },
     };
 }
-
-function lessLoader(): webpack.RuleSetUseItem {
+function lessLoader() {
     return {
         loader: require.resolve("less-loader"),
         options: {
@@ -25,14 +24,12 @@ function lessLoader(): webpack.RuleSetUseItem {
         },
     };
 }
-
-function miniCssExtractPluginLoader(): webpack.RuleSetUseItem {
+function miniCssExtractPluginLoader() {
     return {
-        loader: require.resolve(MiniCssExtractPlugin.loader),
+        loader: require.resolve(mini_css_extract_plugin_1.default.loader),
     };
 }
-
-function postcssLoader(): webpack.RuleSetUseItem {
+function postcssLoader() {
     return {
         loader: require.resolve("postcss-loader"),
         options: {
@@ -45,13 +42,11 @@ function postcssLoader(): webpack.RuleSetUseItem {
         },
     };
 }
-
-function styleLoader(): webpack.RuleSetUseItem {
+function styleLoader() {
     return {
         loader: require.resolve("style-loader"),
     };
 }
-
 /**
  * Handles dependency requests to stylesheet assets (".css", ".less")
  * with `minimize: true` by `lessc` -> transform to js module -> inject to DOM as <style> tag,
@@ -63,24 +58,23 @@ function styleLoader(): webpack.RuleSetUseItem {
  * @see https://webpack.js.org/loaders/postcss-loader/
  * @see https://webpack.js.org/loaders/style-loader/
  */
-export function stylesheetRule({minimize}: StylesheetRuleDeps): webpack.RuleSetRule {
-    const use: webpack.RuleSetUseItem[] = minimize
+function stylesheetRule({ minimize }) {
+    const use = minimize
         ? [
-              miniCssExtractPluginLoader(),
-              cssLoader(2),
-              postcssLoader(),
-              lessLoader(),
-              // prettier-format-preserve
-          ]
+            miniCssExtractPluginLoader(),
+            cssLoader(2),
+            postcssLoader(),
+            lessLoader(),
+            // prettier-format-preserve
+        ]
         : [
-              styleLoader(),
-              cssLoader(1),
-              lessLoader(),
-              // prettier-format-preserve
-          ];
-
+            styleLoader(),
+            cssLoader(1),
+            lessLoader(),
+            // prettier-format-preserve
+        ];
     return {
-        test: RegExpUtil.fileExtension(".css", ".less"),
+        test: RegExpUtil_1.RegExpUtil.fileExtension(".css", ".less"),
         use,
         // Declare all css/less imports as side effects (not to be considered
         // as dead code), regardless of the containing package claims to be
@@ -90,3 +84,5 @@ export function stylesheetRule({minimize}: StylesheetRuleDeps): webpack.RuleSetR
         sideEffects: true,
     };
 }
+exports.stylesheetRule = stylesheetRule;
+//# sourceMappingURL=stylesheet.rule.js.map

package/src/WebpackConfigGenerator/Rule/stylesheet.rule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet.rule.js","sourceRoot":"","sources":["../../../../src/WebpackConfigGenerator/Rule/stylesheet.rule.ts"],"names":[],"mappings":";;;;;;AAAA,sFAA2D;AAE3D,6CAAwC;AAMxC,SAAS,SAAS,CAAC,aAAqB;IACpC,OAAO;QACH,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;QACrC,OAAO,EAAE;YACL,aAAa;SAChB;KACJ,CAAC;AACN,CAAC;AAED,SAAS,UAAU;IACf,OAAO;QACH,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC;QACtC,OAAO,EAAE;YACL,WAAW,EAAE;gBACT,iBAAiB,EAAE,IAAI;aAC1B;SACJ;KACJ,CAAC;AACN,CAAC;AAED,SAAS,0BAA0B;IAC/B,OAAO;QACH,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,iCAAoB,CAAC,MAAM,CAAC;KACvD,CAAC;AACN,CAAC;AAED,SAAS,aAAa;IAClB,OAAO;QACH,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC;QACzC,OAAO,EAAE;YACL,cAAc,EAAE;gBACZ,OAAO,EAAE;oBACL,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;oBACjC,2BAA2B;iBAC9B;aACJ;SACJ;KACJ,CAAC;AACN,CAAC;AAED,SAAS,WAAW;IAChB,OAAO;QACH,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC;KAC1C,CAAC;AACN,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,cAAc,CAAC,EAAC,QAAQ,EAAqB;IACzD,MAAM,GAAG,GAA6B,QAAQ;QAC1C,CAAC,CAAC;YACI,0BAA0B,EAAE;YAC5B,SAAS,CAAC,CAAC,CAAC;YACZ,aAAa,EAAE;YACf,UAAU,EAAE;YACZ,2BAA2B;SAC9B;QACH,CAAC,CAAC;YACI,WAAW,EAAE;YACb,SAAS,CAAC,CAAC,CAAC;YACZ,UAAU,EAAE;YACZ,2BAA2B;SAC9B,CAAC;IAER,OAAO;QACH,IAAI,EAAE,uBAAU,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC;QAC/C,GAAG;QACH,qEAAqE;QACrE,mEAAmE;QACnE,uDAAuD;QACvD,sEAAsE;QACtE,sDAAsD;QACtD,WAAW,EAAE,IAAI;KACpB,CAAC;AACN,CAAC;AA1BD,wCA0BC"}

package/src/WebpackConfigGenerator/Rule/ts.rule.d.ts

@@ -0,0 +1,18 @@
+import type webpack from "webpack";
+interface Deps {
+    tsconfigFilepath: string;
+    fastRefresh: boolean;
+}
+/**
+ * Handles dependency requests to typescript files
+ * by compiling with `tsc`.
+ *
+ * To enable react fast refresh, set `withReactFastRefreshBabelPlugin` to true,
+ * this requires "@pmmmwh/react-refresh-webpack-plugin" webpack plugin to work,
+ * and should not be used in production.
+ *
+ * @see https://github.com/TypeStrong/ts-loader
+ * @see https://github.com/pmmmwh/react-refresh-webpack-plugin
+ */
+export declare function tsRule({ tsconfigFilepath, fastRefresh }: Deps): webpack.RuleSetRule;
+export {};

package/src/WebpackConfigGenerator/Rule/{ts.rule.ts → ts.rule.js}

@@ -1,12 +1,11 @@
-import path from "path";
-import type webpack from "webpack";
-import {RegExpUtil} from "./RegExpUtil";
-
-interface Deps {
-    tsconfigFilepath: string;
-    fastRefresh: boolean;
-}
-
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tsRule = void 0;
+const path_1 = __importDefault(require("path"));
+const RegExpUtil_1 = require("./RegExpUtil");
 /**
  * Handles dependency requests to typescript files
  * by compiling with `tsc`.
@@ -18,16 +17,15 @@ interface Deps {
  * @see https://github.com/TypeStrong/ts-loader
  * @see https://github.com/pmmmwh/react-refresh-webpack-plugin
  */
-export function tsRule({tsconfigFilepath, fastRefresh}: Deps): webpack.RuleSetRule {
-    const babelLoader: webpack.RuleSetUseItem = {
+function tsRule({ tsconfigFilepath, fastRefresh }) {
+    const babelLoader = {
         loader: require.resolve("babel-loader"),
         options: {
-            plugins: [require.resolve(path.join(__dirname, "./core-fe-hmr-babel-plugin")), require.resolve("react-refresh/babel")],
+            plugins: [require.resolve(path_1.default.join(__dirname, "./core-fe-hmr-babel-plugin")), require.resolve("react-refresh/babel")],
         },
     };
-
     // TODO/Alvis: Check whether ts-loader can be replaced by babel loader
-    const tsLoader: webpack.RuleSetUseItem = {
+    const tsLoader = {
         loader: require.resolve("ts-loader"),
         options: {
             colors: false,
@@ -40,8 +38,7 @@ export function tsRule({tsconfigFilepath, fastRefresh}: Deps): webpack.RuleSetRu
             transpileOnly: true,
         },
     };
-
-    const swcLoader: webpack.RuleSetUseItem = {
+    const swcLoader = {
         loader: require.resolve("swc-loader"),
         options: {
             jsc: {
@@ -60,9 +57,10 @@ export function tsRule({tsconfigFilepath, fastRefresh}: Deps): webpack.RuleSetRu
             },
         },
     };
-
     return {
-        test: RegExpUtil.fileExtension(".ts", ".tsx"),
+        test: RegExpUtil_1.RegExpUtil.fileExtension(".ts", ".tsx"),
         use: fastRefresh ? [babelLoader, tsLoader] : [swcLoader],
     };
 }
+exports.tsRule = tsRule;
+//# sourceMappingURL=ts.rule.js.map