@shuvi/toolpack 1.0.0-rc.0 → 1.0.0-rc.11

package/lib/webpack/index.js

@@ -3,13 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DllPlugin = exports.Dependency = exports.DelegatedPlugin = exports.DefinePlugin = exports.ContextReplacementPlugin = exports.ContextExclusionPlugin = exports.ConcatenationScope = exports.Compiler = exports.Compilation = exports.CleanPlugin = exports.ChunkGraph = exports.Chunk = exports.Cache = exports.BannerPlugin = exports.AsyncDependenciesBlock = exports.AutomaticPrefetchPlugin = exports.experiments = exports.sources = exports.util = exports.debug = exports.sharing = exports.container = exports.library = exports.wasm = exports.electron = exports.node = exports.webworker = exports.web = exports.prefetch = exports.runtime = exports.optimize = exports.javascript = exports.ids = exports.dependencies = exports.config = exports.cache = exports.ValidationError = exports.WebpackOptionsValidationError = exports.UsageState = exports.RuntimeGlobals = exports.ModuleFilenameHelpers = exports.cli = exports.version = exports.validateSchema = exports.validate = exports.webpack = exports.DynamicDll = exports.WebpackChain = exports.WebpackDevMiddleware = exports.default = void 0;
-exports.webpackPath = exports.Watching = exports.MultiStats = exports.WebpackOptionsDefaulter = exports.WebpackOptionsApply = exports.WebpackError = exports.WatchIgnorePlugin = exports.Template = exports.Stats = exports.SourceMapDevToolPlugin = exports.SingleEntryPlugin = exports.RuntimeModule = exports.ProvidePlugin = exports.ProgressPlugin = exports.PrefetchPlugin = exports.Parser = exports.MultiCompiler = exports.NormalModuleReplacementPlugin = exports.NormalModule = exports.NoEmitOnErrorsPlugin = exports.ModuleGraphConnection = exports.ModuleGraph = exports.Module = exports.LoaderTargetPlugin = exports.LoaderOptionsPlugin = exports.LibraryTemplatePlugin = exports.LibManifestPlugin = exports.JavascriptModulesPlugin = exports.IgnorePlugin = exports.HotModuleReplacementPlugin = exports.HotUpdateChunk = exports.Generator = exports.ExternalsPlugin = exports.ExternalModule = exports.EvalSourceMapDevToolPlugin = exports.EvalDevToolModulePlugin = exports.EnvironmentPlugin = exports.EntryPlugin = exports.EntryOptionPlugin = exports.DynamicEntryPlugin = exports.DllReferencePlugin = void 0;
+exports.DllReferencePlugin = exports.DllPlugin = exports.Dependency = exports.DelegatedPlugin = exports.DefinePlugin = exports.ContextReplacementPlugin = exports.ContextExclusionPlugin = exports.ConcatenationScope = exports.Compiler = exports.Compilation = exports.CleanPlugin = exports.ChunkGraph = exports.Chunk = exports.Cache = exports.BannerPlugin = exports.AsyncDependenciesBlock = exports.AutomaticPrefetchPlugin = exports.experiments = exports.sources = exports.util = exports.debug = exports.sharing = exports.container = exports.library = exports.wasm = exports.electron = exports.node = exports.webworker = exports.web = exports.prefetch = exports.runtime = exports.optimize = exports.javascript = exports.ids = exports.dependencies = exports.config = exports.cache = exports.ValidationError = exports.WebpackOptionsValidationError = exports.UsageState = exports.RuntimeGlobals = exports.ModuleFilenameHelpers = exports.cli = exports.version = exports.validateSchema = exports.validate = exports.webpack = exports.DynamicDll = exports.WebpackChain = exports.default = void 0;
+exports.webpackResolveContext = exports.Watching = exports.MultiStats = exports.WebpackOptionsDefaulter = exports.WebpackOptionsApply = exports.WebpackError = exports.WatchIgnorePlugin = exports.Template = exports.Stats = exports.SourceMapDevToolPlugin = exports.SingleEntryPlugin = exports.RuntimeModule = exports.ProvidePlugin = exports.ProgressPlugin = exports.PrefetchPlugin = exports.Parser = exports.MultiCompiler = exports.NormalModuleReplacementPlugin = exports.NormalModule = exports.NoEmitOnErrorsPlugin = exports.ModuleGraphConnection = exports.ModuleGraph = exports.Module = exports.LoaderTargetPlugin = exports.LoaderOptionsPlugin = exports.LibraryTemplatePlugin = exports.LibManifestPlugin = exports.JavascriptModulesPlugin = exports.IgnorePlugin = exports.HotModuleReplacementPlugin = exports.HotUpdateChunk = exports.Generator = exports.ExternalsPlugin = exports.ExternalModule = exports.EvalSourceMapDevToolPlugin = exports.EvalDevToolModulePlugin = exports.EnvironmentPlugin = exports.EntryPlugin = exports.EntryOptionPlugin = exports.DynamicEntryPlugin = void 0;
 const path_1 = require("path");
 const webpack_1 = __importDefault(require("webpack"));
 exports.default = webpack_1.default;
-const webpack_dev_middleware_1 = __importDefault(require("webpack-dev-middleware"));
-exports.WebpackDevMiddleware = webpack_dev_middleware_1.default;
 var config_1 = require("./config");
 Object.defineProperty(exports, "WebpackChain", { enumerable: true, get: function () { return config_1.WebpackChain; } });
 var dynamic_dll_1 = require("./dynamic-dll");
@@ -108,5 +106,5 @@ Object.defineProperty(exports, "Watching", { enumerable: true, get: function ()
 /**
  * resolve webpack module for not shuvi plugin
  */
-const webpackPath = (0, path_1.join)((0, path_1.dirname)(require.resolve('webpack/package.json')), '../');
-exports.webpackPath = webpackPath;
+const webpackResolveContext = (0, path_1.join)((0, path_1.dirname)(require.resolve('webpack/package.json')), '../');
+exports.webpackResolveContext = webpackResolveContext;

package/lib/webpack/loaders/parcel-css-loader/CssSyntaxError.d.ts

@@ -1,4 +1,11 @@
+export interface ICssSyntaxError {
+    source: string;
+    fileName: string;
+    loc: {
+        line: number;
+        column: number;
+    };
+}
 export default class CssSyntaxError extends Error {
-    constructor(error: any);
-    stack: boolean;
+    constructor(error: ICssSyntaxError);
 }

package/lib/webpack/loaders/parcel-css-loader/CssSyntaxError.js

@@ -23,7 +23,7 @@ function showSourceCode(source, lineNo, columnNo) {
 }
 class CssSyntaxError extends Error {
     constructor(error) {
-        super(error);
+        super();
         const { source, fileName, loc } = error;
         const { line, column } = loc;
         this.message = `\n\n${this.message}\n\n`;
@@ -33,6 +33,7 @@ class CssSyntaxError extends Error {
         }
         this.message += `\n${showSourceCode(source, line, column)}\n`;
         // We don't need stack https://github.com/postcss/postcss/blob/master/docs/guidelines/runner.md#31-dont-show-js-stack-for-csssyntaxerror
+        // @ts-ignore
         this.stack = false;
     }
 }

package/lib/webpack/loaders/shuvi-swc-loader/getLoaderSWCOptions.d.ts

@@ -0,0 +1,94 @@
+declare type Obj = Record<string, any>;
+export declare type LoaderSWCOptions = {
+    filename: string;
+    isServer: boolean;
+    isPageFile: boolean;
+    development: boolean;
+    minify: boolean | Obj;
+    hasReactRefresh: boolean;
+    supportedBrowsers: any[];
+    experimental: Obj;
+    compiler: Obj;
+    swcCacheDir: string;
+    keep: string[];
+};
+export declare function getParserOptions({ filename, compiler, ...rest }: {
+    filename: string;
+    compiler: Obj;
+}): {
+    syntax: string;
+    dynamicImport: boolean;
+    decorators: boolean;
+    importAssertions: boolean;
+};
+export default function getLoaderSWCOptions({ filename, development, isServer, minify, isPageFile, hasReactRefresh, experimental, compiler, supportedBrowsers, swcCacheDir, keep }: LoaderSWCOptions): {
+    jsc: {
+        externalHelpers: boolean;
+        parser: {
+            syntax: string;
+            dynamicImport: boolean;
+            decorators: boolean;
+            importAssertions: boolean;
+        };
+        experimental: {
+            keepImportAssertions: boolean;
+            plugins: any;
+            cacheRoot: string;
+        };
+        transform: {
+            legacyDecorator: boolean;
+            decoratorMetadata: boolean;
+            useDefineForClassFields: boolean;
+            react: {
+                importSource: any;
+                runtime: string;
+                pragma: string;
+                pragmaFrag: string;
+                throwIfNamespace: boolean;
+                development: boolean;
+                useBuiltins: boolean;
+                refresh: boolean;
+            };
+            optimizer: {
+                simplify: boolean;
+                globals: {
+                    typeofs: {
+                        window: string;
+                    };
+                    envs: {
+                        NODE_ENV: string;
+                    };
+                };
+            };
+            regenerator: {
+                importPath: string;
+            };
+        };
+    };
+    minify: boolean | Obj;
+    isDevelopment: boolean;
+    isServer: boolean;
+    isPageFile: boolean;
+    shakeExports: {
+        ignore: string[];
+    } | null;
+    disableShuviDynamic: any;
+    cssModuleFlag: string;
+    sourceMaps: undefined;
+    styledComponents: any;
+    removeConsole: any;
+    reactRemoveProperties: any;
+    modularizeImports: any;
+    emotion: {
+        enabled: boolean;
+        autoLabel: boolean;
+        sourcemap: boolean;
+        labelFormat?: undefined;
+    } | {
+        enabled: boolean;
+        autoLabel: boolean;
+        labelFormat: any;
+        sourcemap: any;
+    } | null;
+};
+export {};

package/lib/webpack/loaders/shuvi-swc-loader/getLoaderSWCOptions.js

@@ -0,0 +1,162 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getParserOptions = void 0;
+function getParserOptions(_a) {
+    var { filename, compiler } = _a, rest = __rest(_a, ["filename", "compiler"]);
+    const isTSFile = filename.endsWith('.ts');
+    const isTypeScript = isTSFile || filename.endsWith('.tsx');
+    const enableDecorators = Boolean(compiler === null || compiler === void 0 ? void 0 : compiler.experimentalDecorators);
+    return Object.assign(Object.assign({}, rest), { syntax: isTypeScript ? 'typescript' : 'ecmascript', dynamicImport: true, decorators: enableDecorators, 
+        // Exclude regular TypeScript files from React transformation to prevent e.g. generic parameters and angle-bracket type assertion from being interpreted as JSX tags.
+        [isTypeScript ? 'tsx' : 'jsx']: !isTSFile, importAssertions: true });
+}
+exports.getParserOptions = getParserOptions;
+function getBaseSWCOptions({ filename, isPageFile, minify, development, hasReactRefresh, isServer, experimental, compiler, swcCacheDir, keep }) {
+    var _a, _b;
+    const parserConfig = getParserOptions({ filename, compiler });
+    const enableDecorators = Boolean(compiler === null || compiler === void 0 ? void 0 : compiler.experimentalDecorators);
+    const emitDecoratorMetadata = Boolean(compiler === null || compiler === void 0 ? void 0 : compiler.emitDecoratorMetadata);
+    const useDefineForClassFields = Boolean(compiler === null || compiler === void 0 ? void 0 : compiler.useDefineForClassFields);
+    const plugins = ((_a = experimental === null || experimental === void 0 ? void 0 : experimental.swcPlugins) !== null && _a !== void 0 ? _a : [])
+        .filter(Array.isArray)
+        .map(([name, options]) => [require.resolve(name), options]);
+    return {
+        jsc: {
+            externalHelpers: true,
+            parser: parserConfig,
+            experimental: {
+                keepImportAssertions: true,
+                plugins,
+                cacheRoot: swcCacheDir
+            },
+            transform: {
+                legacyDecorator: enableDecorators,
+                decoratorMetadata: emitDecoratorMetadata,
+                useDefineForClassFields: useDefineForClassFields,
+                react: {
+                    importSource: (_b = compiler === null || compiler === void 0 ? void 0 : compiler.jsxImportSource) !== null && _b !== void 0 ? _b : ((compiler === null || compiler === void 0 ? void 0 : compiler.emotion) ? '@emotion/react' : 'react'),
+                    runtime: 'automatic',
+                    pragma: 'React.createElement',
+                    pragmaFrag: 'React.Fragment',
+                    throwIfNamespace: true,
+                    development: !!development,
+                    useBuiltins: true,
+                    refresh: !!hasReactRefresh
+                },
+                optimizer: {
+                    simplify: false,
+                    globals: {
+                        typeofs: {
+                            window: isServer ? 'undefined' : 'object'
+                        },
+                        envs: {
+                            NODE_ENV: development ? '"development"' : '"production"'
+                        }
+                        // TODO: handle process.browser to match babel replacing as well
+                    }
+                },
+                regenerator: {
+                    importPath: require.resolve('regenerator-runtime')
+                }
+            }
+        },
+        minify,
+        isDevelopment: development,
+        isServer,
+        isPageFile,
+        shakeExports: keep.length > 0 ? { ignore: keep } : null,
+        disableShuviDynamic: (compiler === null || compiler === void 0 ? void 0 : compiler.disableShuviDynamic) || false,
+        cssModuleFlag: 'cssmodules',
+        sourceMaps: undefined,
+        styledComponents: getStyledComponentsOptions(compiler, development),
+        removeConsole: compiler === null || compiler === void 0 ? void 0 : compiler.removeConsole,
+        reactRemoveProperties: compiler === null || compiler === void 0 ? void 0 : compiler.reactRemoveProperties,
+        modularizeImports: experimental === null || experimental === void 0 ? void 0 : experimental.modularizeImports,
+        emotion: getEmotionOptions(compiler, development)
+    };
+}
+function getStyledComponentsOptions(compiler, development) {
+    var _a;
+    let styledComponentsOptions = compiler === null || compiler === void 0 ? void 0 : compiler.styledComponents;
+    if (!styledComponentsOptions) {
+        return null;
+    }
+    return Object.assign(Object.assign({}, styledComponentsOptions), { displayName: (_a = styledComponentsOptions.displayName) !== null && _a !== void 0 ? _a : Boolean(development) });
+}
+function getEmotionOptions(compiler, development) {
+    var _a;
+    const emotion = compiler === null || compiler === void 0 ? void 0 : compiler.emotion;
+    if (!emotion) {
+        return null;
+    }
+    // default 'dev-only'
+    let autoLabel = !!development;
+    if (emotion === true) {
+        return {
+            enabled: true,
+            autoLabel,
+            sourcemap: autoLabel
+        };
+    }
+    switch (emotion.autoLabel) {
+        case 'never':
+            autoLabel = false;
+            break;
+        case 'always':
+            autoLabel = true;
+            break;
+        default:
+            break;
+    }
+    return {
+        enabled: true,
+        autoLabel,
+        labelFormat: emotion.labelFormat,
+        sourcemap: development ? (_a = emotion.sourceMap) !== null && _a !== void 0 ? _a : true : false
+    };
+}
+function getLoaderSWCOptions({ filename, development, isServer, minify, isPageFile, hasReactRefresh, experimental, compiler, supportedBrowsers, swcCacheDir, keep }) {
+    let baseOptions = getBaseSWCOptions({
+        filename,
+        isPageFile,
+        development,
+        isServer,
+        minify,
+        hasReactRefresh,
+        experimental,
+        compiler,
+        swcCacheDir,
+        keep
+    });
+    if (isServer) {
+        baseOptions.env = {
+            targets: {
+                // Targets the current version of Node.js
+                node: process.versions.node
+            }
+        };
+    }
+    else {
+        // Matches default @babel/preset-env behavior
+        baseOptions.jsc.target =
+            'es5';
+        if (supportedBrowsers && supportedBrowsers.length > 0) {
+            baseOptions.env = {
+                targets: supportedBrowsers
+            };
+        }
+    }
+    return baseOptions;
+}
+exports.default = getLoaderSWCOptions;

package/lib/webpack/loaders/{shuvi-swc-loader.js → shuvi-swc-loader/index.js}

@@ -1,4 +1,18 @@
 "use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.raw = void 0;
 /*
 Copyright (c) 2017 The swc Project Developers
 
@@ -26,96 +40,46 @@ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
 IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 DEALINGS IN THE SOFTWARE.
 */
-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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.raw = void 0;
-const load_sources_1 = require("../../utils/load-sources");
-function getSWCOptions({ filename, isNode, development, dynamicImport, disableShuviDynamic, hasReactRefresh }) {
-    const isTSFile = filename.endsWith('.ts');
-    const isTypeScript = isTSFile || filename.endsWith('.tsx');
-    const jsc = {
-        parser: {
-            syntax: isTypeScript ? 'typescript' : 'ecmascript',
-            dynamicImport,
-            // Exclude regular TypeScript files from React transformation to prevent e.g. generic parameters and angle-bracket type assertion from being interpreted as JSX tags.
-            [isTypeScript ? 'tsx' : 'jsx']: isTSFile ? false : true
-        },
-        transform: {
-            react: {
-                importSource: 'react',
-                runtime: 'automatic',
-                // runtime: 'classic',
-                pragma: 'React.createElement',
-                pragmaFrag: 'React.Fragment',
-                throwIfNamespace: true,
-                development,
-                useBuiltins: true,
-                refresh: hasReactRefresh
-            },
-            optimizer: {
-                simplify: false,
-                globals: {
-                    typeofs: {
-                        window: isNode ? 'undefined' : 'object'
-                    },
-                    envs: {
-                        NODE_ENV: development ? '"development"' : '"production"'
-                    }
-                }
-            },
-            regenerator: {
-                importPath: require.resolve('regenerator-runtime')
-            }
-        }
-    };
-    const isPageFile = true;
-    if (isNode) {
-        return {
-            jsc,
-            disableShuviDynamic,
-            isDevelopment: development,
-            isPageFile,
-            env: {
-                targets: {
-                    // Targets the current version of Node.js
-                    node: process.versions.node
-                }
-            }
-        };
-    }
-    else {
-        // Matches default @babel/preset-env behavior
-        jsc.target = 'es5';
-        return {
-            disableShuviDynamic,
-            isDevelopment: development,
-            isPageFile,
-            jsc
-        };
-    }
-}
+const querystring_1 = __importDefault(require("querystring"));
+const constants_1 = require("@shuvi/shared/lib/constants");
+const escapeRegExp_1 = require("@shuvi/utils/lib/escapeRegExp");
+const compiler_1 = require("@shuvi/compiler");
+const getLoaderSWCOptions_1 = __importDefault(require("./getLoaderSWCOptions"));
+const IS_PAGE_FILE = RegExp((0, escapeRegExp_1.escapeRegExp)(`?${constants_1.ROUTE_RESOURCE_QUERYSTRING}`));
 function loaderTransform(source, inputSourceMap) {
     return __awaiter(this, void 0, void 0, function* () {
         // Make the loader async
         const filename = this.resourcePath;
-        let loaderOptions = (this.getOptions && this.getOptions()) || {};
-        const { isNode, dynamicImport = true, hasReactRefresh, disableShuviDynamic = false } = loaderOptions;
-        const isDev = this.mode === 'development';
-        const swcOptions = getSWCOptions({
+        let loaderOptions = this.getOptions() || {};
+        const { isServer, experimental, compiler, supportedBrowsers, swcCacheDir, hasReactRefresh, minify = false } = loaderOptions;
+        const isPageFile = !!(this.resourceQuery && IS_PAGE_FILE.test(this.resourceQuery));
+        let keep = [];
+        if (isPageFile) {
+            const query = querystring_1.default.parse(this.resourceQuery.slice(1));
+            if (query.keep) {
+                if (Array.isArray(query.keep)) {
+                    keep = query.keep;
+                }
+                else {
+                    keep.push(query.keep);
+                }
+            }
+        }
+        const isDevelopment = this.mode === 'development';
+        const swcOptions = (0, getLoaderSWCOptions_1.default)({
             filename,
-            isNode,
-            development: isDev,
-            dynamicImport,
-            disableShuviDynamic,
-            hasReactRefresh: hasReactRefresh !== undefined ? hasReactRefresh : isDev && !isNode
+            isServer,
+            isPageFile,
+            minify,
+            development: this.mode === 'development',
+            hasReactRefresh: hasReactRefresh !== undefined
+                ? hasReactRefresh
+                : isDevelopment && !isServer,
+            experimental,
+            compiler,
+            supportedBrowsers,
+            swcCacheDir,
+            keep
         });
         const programmaticOptions = Object.assign(Object.assign({}, swcOptions), { filename, inputSourceMap: inputSourceMap ? JSON.stringify(inputSourceMap) : undefined, 
             // Set the default sourcemap behavior based on Webpack's mapping flag,
@@ -136,7 +100,7 @@ function loaderTransform(source, inputSourceMap) {
             programmaticOptions.jsc.transform.react.development =
                 this.mode === 'development';
         }
-        return (0, load_sources_1.transform)(source, programmaticOptions).then(output => {
+        return (0, compiler_1.transform)(source, programmaticOptions).then(output => {
             return [output.code, output.map ? JSON.parse(output.map) : undefined];
         });
     });

package/lib/webpack/plugins/dynamic-public-path-plugin.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const webpack_1 = require("webpack");
 const constants_1 = require("@shuvi/shared/lib/constants");
+const IDENTITY_RUNTIME_PUBLICPATH = `__${constants_1.NAME}_dynamic_public_path__`;
 const GLOBALTHIS = 'globalThis';
 /**
  * blog: use webpack build for production, just define __webpack_public_path__ to change asset url to quick release, without build again
@@ -42,8 +43,8 @@ class DynamicPublicPath extends webpack_1.RuntimeModule {
     generate() {
         return `
       // server runtime public path
-      if (${GLOBALTHIS}["${constants_1.IDENTITY_RUNTIME_PUBLICPATH}"]) {
-        ${webpack_1.RuntimeGlobals.publicPath} = ${GLOBALTHIS}["${constants_1.IDENTITY_RUNTIME_PUBLICPATH}"];
+      if (${GLOBALTHIS}["${IDENTITY_RUNTIME_PUBLICPATH}"]) {
+        ${webpack_1.RuntimeGlobals.publicPath} = ${GLOBALTHIS}["${IDENTITY_RUNTIME_PUBLICPATH}"];
       }
       `;
     }

package/lib/webpack/plugins/module-replace-plugin/plugin.d.ts

@@ -23,6 +23,7 @@ declare const ModuleAction: {
 export default class ModuleReplacePlugin implements Plugin {
     private _options;
     static restoreModule(id: string): false | Promise<any>;
+    static replaceModule(id: string): false | void;
     constructor(options: Partial<ModuleReplacePluginOptions>);
     apply(compiler: Compiler): void;
     private _handleBuildModule;

package/lib/webpack/plugins/module-replace-plugin/plugin.js

@@ -75,12 +75,20 @@ class ModuleReplacePlugin {
         moduleInfos.forEach(moduleInfo => {
             moduleInfo.action = ModuleAction.RESTORE;
             handler.pending.set(moduleInfo.compiler, false);
-            moduleInfo.compiler.hooks.invalid.call('noop', new Date().getTime());
         });
         return new Promise(resolve => {
             handler.resolve = resolve;
         });
     }
+    static replaceModule(id) {
+        const moduleInfos = getKnownModules(id);
+        if (moduleInfos.length < 1) {
+            return false;
+        }
+        moduleInfos.forEach(moduleInfo => {
+            moduleInfo.action = ModuleAction.REPLACE;
+        });
+    }
     apply(compiler) {
         var _a;
         const { modules } = this._options;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuvi/toolpack",
-  "version": "1.0.0-rc.0",
+  "version": "1.0.0-rc.11",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/shuvijs/shuvi.git",
@@ -9,13 +9,18 @@
   "author": "liximomo",
   "license": "MIT",
   "files": [
-    "lib",
-    "swc-source"
+    "lib"
   ],
+  "scripts": {
+    "dev": "tsc -p tsconfig.build.json -w",
+    "prebuild": "rimraf lib",
+    "build": "tsc -p tsconfig.build.json"
+  },
   "engines": {
     "node": ">= 12.0.0"
   },
   "dependencies": {
+    "@shuvi/compiler": "1.0.0-rc.11",
     "@babel/core": "7.12.10",
     "@babel/plugin-proposal-class-properties": "7.12.1",
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.10.1",
@@ -29,11 +34,9 @@
     "@babel/preset-react": "7.10.1",
     "@babel/preset-typescript": "7.12.7",
     "@babel/runtime": "7.12.5",
-    "@napi-rs/cli": "1.2.1",
-    "@napi-rs/triples": "1.0.3",
     "@parcel/css": "1.2.0",
-    "@shuvi/shared": "1.0.0-rc.0",
-    "@shuvi/utils": "1.0.0-rc.0",
+    "@shuvi/shared": "1.0.0-rc.11",
+    "@shuvi/utils": "1.0.0-rc.11",
     "babel-loader": "8.2.2",
     "babel-plugin-syntax-jsx": "6.18.0",
     "babel-plugin-transform-define": "2.0.0",
@@ -49,43 +52,30 @@
     "esbuild-loader": "^2.19.0",
     "file-loader": "6.2.0",
     "fork-ts-checker-webpack-plugin": "6.0.8",
+    "fs-extra": "9.0.1",
     "ignore-loader": "0.1.2",
     "loader-utils": "2.0.0",
     "mini-css-extract-plugin": "1.3.9",
     "mrmime": "1.0.0",
     "path-browserify": "1.0.1",
-    "postcss": "8.2.3",
+    "postcss": "8.4.14",
     "postcss-flexbugs-fixes": "5.0.2",
     "postcss-loader": "4.1.0",
     "postcss-preset-env": "6.7.0",
     "process": "0.11.10",
-    "react-error-overlay": "6.0.8",
     "regenerator-runtime": "^0.13.9",
+    "@swc/helpers": "0.4.3",
     "sass-loader": "10.1.0",
     "stream-browserify": "3.0.0",
-    "strip-ansi": "6.0.0",
     "style-loader": "2.0.0",
     "terser-webpack-plugin": "5.2.5",
+    "typescript": "4.7.4",
     "vm-browserify": "1.1.2",
     "webpack": "5.73.0",
     "webpack-bundle-analyzer": "4.3.0",
     "webpack-chain": "6.5.1",
-    "webpack-dev-middleware": "4.1.0",
     "webpack-sources": "2.2.0",
-    "webpack-virtual-modules": "0.4.3",
-    "fs-extra": "9.0.1"
-  },
-  "optionalDependencies": {
-    "@shuvi/swc-darwin-arm64": "latest",
-    "@shuvi/swc-darwin-x64": "latest",
-    "@shuvi/swc-linux-arm-gnueabihf": "latest",
-    "@shuvi/swc-linux-arm64-gnu": "latest",
-    "@shuvi/swc-linux-arm64-musl": "latest",
-    "@shuvi/swc-linux-x64-gnu": "latest",
-    "@shuvi/swc-linux-x64-musl": "latest",
-    "@shuvi/swc-win32-arm64-msvc": "latest",
-    "@shuvi/swc-win32-ia32-msvc": "latest",
-    "@shuvi/swc-win32-x64-msvc": "latest"
+    "webpack-virtual-modules": "0.4.3"
   },
   "devDependencies": {
     "@types/babel__core": "^7.1.19",
@@ -93,30 +83,6 @@
     "@types/loader-utils": "2.0.1",
     "@types/mini-css-extract-plugin": "^1.2.2",
     "@types/webpack-bundle-analyzer": "^3.8.0",
-    "@types/webpack-dev-middleware": "5.0.2",
     "memfs": "^3.1.2"
-  },
-  "napi": {
-    "name": "shuvi-swc",
-    "triples": {
-      "defaults": true,
-      "additional": [
-        "i686-pc-windows-msvc",
-        "aarch64-unknown-linux-gnu",
-        "armv7-unknown-linux-gnueabihf",
-        "aarch64-apple-darwin",
-        "x86_64-unknown-freebsd",
-        "x86_64-unknown-linux-musl",
-        "aarch64-unknown-linux-musl",
-        "aarch64-pc-windows-msvc"
-      ]
-    }
-  },
-  "scripts": {
-    "dev": "tsc -p tsconfig.build.json -w",
-    "prebuild": "rimraf lib",
-    "build": "tsc -p tsconfig.build.json",
-    "build-native": "napi build --platform --cargo-cwd /src/swc ./swc-source/native",
-    "publish-native": "node scripts/publish-native.js"
   }
-}
+}

package/lib/swc/tests/fixture/auto-css-module/no-flag/input.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/swc/tests/fixture/auto-css-module/no-flag/input.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("a.css");
-require("a");

package/lib/swc/tests/fixture/auto-css-module/no-flag/output.d.ts

@@ -1 +0,0 @@
-export {};