@shuvi/toolpack 1.0.63 → 2.0.0-dev.6

package/lib/webpack/config/{browser.js → browser.webpack.js}

@@ -31,9 +31,9 @@ const crypto = __importStar(require("crypto"));
 const webpack_1 = __importDefault(require("webpack"));
 const path = __importStar(require("path"));
 const resolve_1 = require("@shuvi/utils/resolve");
-const base_1 = require("./base");
-const style_1 = require("./parts/style");
-const helpers_1 = require("./parts/helpers");
+const base_webpack_1 = require("./base.webpack");
+const style_webpack_1 = require("./parts/style.webpack");
+const helpers_webpack_1 = require("./parts/helpers.webpack");
 const BIG_LIBRARY_THRESHOLD = 160000; // byte
 const SHUVI_PKGS_REGEX = /[\\/]node_modules[\\/](@shuvi|doura)[\\/]/;
 const FRAMEWORK_REACT_MODULES = [
@@ -50,7 +50,7 @@ const FRAMEWORK_REACT_MODULES = [
 ];
 function createBrowserWebpackChain(options) {
     const { projectRoot, cacheDir, jsConfig, dev, publicPath } = options;
-    const chain = (0, base_1.baseWebpackChain)(options);
+    const chain = (0, base_webpack_1.baseWebpackChain)(options);
     const useTypeScript = !!(jsConfig === null || jsConfig === void 0 ? void 0 : jsConfig.useTypeScript);
     chain.target('web');
     chain.devtool(dev ? 'cheap-module-source-map' : false);
@@ -107,14 +107,14 @@ function createBrowserWebpackChain(options) {
                 .substring(0, 8);
         };
         chain.optimization.splitChunks({
-            chunks: helpers_1.splitChunksFilter,
+            chunks: helpers_webpack_1.splitChunksFilter,
             cacheGroups: {
-                default: Object.assign({ name: getDefaultChunkName, filename: (0, helpers_1.commonChunkFilename)({ dev: false }) }, helpers_1.defaultCacheGroups.default),
-                defaultVendors: Object.assign({ name: getDefaultChunkName, filename: (0, helpers_1.commonChunkFilename)({ dev: false }) }, helpers_1.defaultCacheGroups.defaultVendors),
+                default: Object.assign({ name: getDefaultChunkName, filename: (0, helpers_webpack_1.commonChunkFilename)({ dev: false }) }, helpers_webpack_1.defaultCacheGroups.default),
+                defaultVendors: Object.assign({ name: getDefaultChunkName, filename: (0, helpers_webpack_1.commonChunkFilename)({ dev: false }) }, helpers_webpack_1.defaultCacheGroups.defaultVendors),
                 framework: {
                     chunks: 'all',
                     name: 'framework',
-                    filename: (0, helpers_1.commonChunkFilename)({ dev: false }),
+                    filename: (0, helpers_webpack_1.commonChunkFilename)({ dev: false }),
                     test(module, { moduleGraph }) {
                         const resource = module.nameForCondition();
                         if (!resource) {
@@ -154,7 +154,7 @@ function createBrowserWebpackChain(options) {
                 lib: {
                     test(module) {
                         return (module.size() > BIG_LIBRARY_THRESHOLD &&
-                            helpers_1.NODE_MODULES_REGEXP.test(module.nameForCondition() || ''));
+                            helpers_webpack_1.NODE_MODULES_REGEXP.test(module.nameForCondition() || ''));
                     },
                     name(module) {
                         const hash = crypto.createHash('sha1');
@@ -169,7 +169,7 @@ function createBrowserWebpackChain(options) {
                         }
                         return hash.digest('hex').substring(0, 8);
                     },
-                    filename: (0, helpers_1.commonChunkFilename)({ dev: false }),
+                    filename: (0, helpers_webpack_1.commonChunkFilename)({ dev: false }),
                     priority: 30,
                     minChunks: 1,
                     reuseExistingChunk: true
@@ -208,7 +208,7 @@ function createBrowserWebpackChain(options) {
             // prevent errof of destructing process.env
             'process.env': JSON.stringify('{}') })
     ]);
-    return (0, style_1.withStyle)(chain, {
+    return (0, style_webpack_1.withStyle)(chain, {
         extractCss: !dev,
         publicPath,
         lightningCss: options.lightningCss,

package/lib/webpack/config/index.d.ts

@@ -1,4 +1,4 @@
-export * from './base';
-export * from './browser';
-export * from './node';
-export * from './parts/helpers';
+export * from './base.rspack';
+export * from './browser.rspack';
+export * from './node.rspack';
+export * from './parts/helpers.rspack';

package/lib/webpack/config/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./base"), exports);
-__exportStar(require("./browser"), exports);
-__exportStar(require("./node"), exports);
-__exportStar(require("./parts/helpers"), exports);
+__exportStar(require("./base.rspack"), exports);
+__exportStar(require("./browser.rspack"), exports);
+__exportStar(require("./node.rspack"), exports);
+__exportStar(require("./parts/helpers.rspack"), exports);

package/lib/webpack/config/index.webpack.d.ts

@@ -0,0 +1,4 @@
+export * from './base.webpack';
+export * from './browser.webpack';
+export * from './node.webpack';
+export * from './parts/helpers.webpack';

package/lib/webpack/config/index.webpack.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./base.webpack"), exports);
+__exportStar(require("./browser.webpack"), exports);
+__exportStar(require("./node.webpack"), exports);
+__exportStar(require("./parts/helpers.webpack"), exports);

package/lib/webpack/config/node.rspack.d.ts

@@ -0,0 +1,2 @@
+import { BaseOptions, RspackChain } from './base.rspack';
+export declare function createNodeRspackChain(options: BaseOptions): RspackChain;

package/lib/webpack/config/node.rspack.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNodeRspackChain = createNodeRspackChain;
+const base_rspack_1 = require("./base.rspack");
+const external_1 = require("./parts/external");
+const style_rspack_1 = require("./parts/style.rspack");
+const helpers_rspack_1 = require("./parts/helpers.rspack");
+function createNodeRspackChain(options) {
+    const { dev } = options;
+    const chain = (0, base_rspack_1.baseRspackChain)(options);
+    chain.target('node');
+    chain.devtool(dev ? 'cheap-module-source-map' : false);
+    chain.resolve.extensions.merge([
+        '.ts',
+        '.tsx',
+        '.js',
+        '.mjs',
+        '.jsx',
+        '.json',
+        '.wasm'
+    ]);
+    // Rspack uses output.library for node target
+    chain.output.library({ type: 'commonjs2' });
+    chain.optimization.minimize(false);
+    /**
+     * Use splitChunks.chunks = 'all' for node/server builds in Rspack.
+     * This is the most compatible and recommended value for Rspack splitChunks.
+     */
+    chain.optimization.splitChunks({ chunks: 'all' });
+    (0, helpers_rspack_1.addExternals)(chain, (0, external_1.nodeExternals)({
+        projectRoot: options.projectRoot,
+        include: options.include
+    }));
+    chain.module
+        .rule('main')
+        .oneOf('js')
+        .use('shuvi-swc-loader')
+        .tap(options => (Object.assign(Object.assign({}, options), { isServer: true })));
+    chain.plugin('define').tap(([options]) => [
+        Object.assign(Object.assign({}, options), { __BROWSER__: false, 
+            /**
+             * swc.optimizer can't handle `typeof window` correctly for dependencies
+             */
+            'typeof window': JSON.stringify('undefined') })
+    ]);
+    return (0, style_rspack_1.withStyle)(chain, {
+        ssr: true,
+        lightningCss: options.lightningCss,
+        filename: 'static/css/[contenthash:8].css',
+        chunkFilename: 'static/css/[contenthash:8].chunk.css'
+    });
+}

package/lib/webpack/config/{node.d.ts → node.webpack.d.ts}

@@ -1,2 +1,2 @@
-import { WebpackChain, BaseOptions } from './base';
+import { WebpackChain, BaseOptions } from './base.webpack';
 export declare function createNodeWebpackChain(options: BaseOptions): WebpackChain;

package/lib/webpack/config/{node.js → node.webpack.js}

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createNodeWebpackChain = createNodeWebpackChain;
-const base_1 = require("./base");
+const base_webpack_1 = require("./base.webpack");
 const external_1 = require("./parts/external");
-const style_1 = require("./parts/style");
-const helpers_1 = require("./parts/helpers");
+const style_webpack_1 = require("./parts/style.webpack");
+const helpers_webpack_1 = require("./parts/helpers.webpack");
 function createNodeWebpackChain(options) {
     const { dev } = options;
-    const chain = (0, base_1.baseWebpackChain)(options);
+    const chain = (0, base_webpack_1.baseWebpackChain)(options);
     chain.target('node');
     chain.devtool(dev ? 'cheap-module-source-map' : false);
     chain.resolve.extensions.merge([
@@ -22,8 +22,8 @@ function createNodeWebpackChain(options) {
     chain.output.libraryTarget('commonjs2');
     chain.optimization.minimize(false);
     // use default splitChunks config
-    chain.optimization.splitChunks((0, helpers_1.getDefaultSplitChunksConfig)(dev));
-    (0, helpers_1.addExternals)(chain, (0, external_1.nodeExternals)({
+    chain.optimization.splitChunks((0, helpers_webpack_1.getDefaultSplitChunksConfig)(dev));
+    (0, helpers_webpack_1.addExternals)(chain, (0, external_1.nodeExternals)({
         projectRoot: options.projectRoot,
         include: options.include
     }));
@@ -39,7 +39,7 @@ function createNodeWebpackChain(options) {
              */
             'typeof window': JSON.stringify('undefined') })
     ]);
-    return (0, style_1.withStyle)(chain, {
+    return (0, style_webpack_1.withStyle)(chain, {
         ssr: true,
         lightningCss: options.lightningCss,
         filename: 'static/css/[contenthash:8].css',

package/lib/webpack/config/parts/external.d.ts

@@ -1,4 +1,4 @@
-import { ExternalsFunction } from '../../types';
+import { ExternalsFunction } from '../../types.rspack';
 export declare function nodeExternals({ projectRoot, include }: {
     include: (string | RegExp)[];
     projectRoot: string;

package/lib/webpack/config/parts/helpers.rspack.d.ts

@@ -0,0 +1,49 @@
+import { RspackChain } from '../base.rspack';
+import { ExternalsFunction } from '../../types.rspack';
+export declare const checkRspackExternals: (rspackChain: RspackChain) => void;
+export declare const addExternals: (rspackChain: RspackChain, externalFn: ExternalsFunction) => void;
+export declare function shouldUseRelativeAssetPaths(publicPath: string): publicPath is "./";
+export declare function splitChunksFilter(chunk: any): boolean;
+export declare const commonChunkFilename: ({ dev }: {
+    dev: boolean;
+}) => string;
+export declare const NODE_MODULES_REGEXP: RegExp;
+export declare const defaultCacheGroups: {
+    default: {
+        idHint: string;
+        reuseExistingChunk: boolean;
+        minChunks: number;
+        priority: number;
+    };
+    defaultVendors: {
+        idHint: string;
+        reuseExistingChunk: boolean;
+        test: RegExp;
+        priority: number;
+    };
+};
+/** default splitChunks config https://github.com/webpack/webpack/blob/v5.73.0/lib/config/defaults.js#L1181 */
+export declare const getDefaultSplitChunksConfig: (dev: boolean) => {
+    chunks: string;
+    minChunks: number;
+    minSize: number;
+    minRemainingSize: number | undefined;
+    enforceSizeThreshold: number;
+    maxAsyncRequests: number;
+    maxInitialRequests: number;
+    automaticNameDelimiter: string;
+    cacheGroups: {
+        default: {
+            idHint: string;
+            reuseExistingChunk: boolean;
+            minChunks: number;
+            priority: number;
+        };
+        defaultVendors: {
+            idHint: string;
+            reuseExistingChunk: boolean;
+            test: RegExp;
+            priority: number;
+        };
+    };
+};

package/lib/webpack/config/parts/helpers.rspack.js

@@ -0,0 +1,106 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultSplitChunksConfig = exports.defaultCacheGroups = exports.NODE_MODULES_REGEXP = exports.commonChunkFilename = exports.addExternals = exports.checkRspackExternals = void 0;
+exports.shouldUseRelativeAssetPaths = shouldUseRelativeAssetPaths;
+exports.splitChunksFilter = splitChunksFilter;
+const invariant_1 = __importDefault(require("@shuvi/utils/invariant"));
+const externalsFunctionMap = new WeakMap();
+const checkRspackExternals = (rspackChain) => {
+    let externals = rspackChain.get('externals');
+    (0, invariant_1.default)(!externals ||
+        (typeof externals === 'function' &&
+            externals.name === 'defaultExternalsFn'), `Externals was modified directly, addExternals will have no effect.`);
+};
+exports.checkRspackExternals = checkRspackExternals;
+const initExternalsHelpers = (rspackChain) => {
+    const externalFns = [];
+    const defaultExternalsFn = ({ context, request }, callback) => {
+        let callbackCalled = false;
+        const nextHandler = (err, result) => {
+            if (err) {
+                callback(err, undefined);
+                callbackCalled = true;
+            }
+            else {
+                if (result !== 'next') {
+                    callback(err, result);
+                    callbackCalled = true;
+                }
+            }
+        };
+        for (let i = 0; i < externalFns.length; i++) {
+            externalFns[i]({ context, request }, nextHandler);
+            if (callbackCalled) {
+                break;
+            }
+        }
+        if (!callbackCalled) {
+            callback(null, undefined);
+        }
+    };
+    let externals = rspackChain.get('externals');
+    (0, invariant_1.default)(!externals, `rspackChain externals has been set, initExternalsHelpers can't work as expected.`);
+    if (!externals) {
+        externals = defaultExternalsFn;
+        rspackChain.externals(externals);
+        externalsFunctionMap.set(rspackChain, externalFns);
+    }
+};
+const addExternals = (rspackChain, externalFn) => {
+    let externals = rspackChain.get('externals');
+    if (!externals) {
+        initExternalsHelpers(rspackChain);
+    }
+    else {
+        (0, exports.checkRspackExternals)(rspackChain);
+    }
+    const externalFns = externalsFunctionMap.get(rspackChain);
+    externalFns.push(externalFn);
+};
+exports.addExternals = addExternals;
+function shouldUseRelativeAssetPaths(publicPath) {
+    return publicPath === './';
+}
+function splitChunksFilter(chunk) {
+    const excludes = {
+    // 'static/polyfill': true
+    };
+    return excludes[chunk.name] !== true;
+}
+const commonChunkFilename = ({ dev }) => {
+    return `static/common/${dev ? '[name]' : '[name].[contenthash:8]'}.js`;
+};
+exports.commonChunkFilename = commonChunkFilename;
+exports.NODE_MODULES_REGEXP = /[\\/]node_modules[\\/]/i;
+exports.defaultCacheGroups = {
+    default: {
+        idHint: '',
+        reuseExistingChunk: true,
+        minChunks: 2,
+        priority: -20
+    },
+    defaultVendors: {
+        idHint: 'vendors',
+        reuseExistingChunk: true,
+        test: exports.NODE_MODULES_REGEXP,
+        priority: -10
+    }
+};
+/** default splitChunks config https://github.com/webpack/webpack/blob/v5.73.0/lib/config/defaults.js#L1181 */
+const getDefaultSplitChunksConfig = (dev) => {
+    return {
+        chunks: 'async',
+        minChunks: 1,
+        minSize: dev ? 10000 : 20000,
+        minRemainingSize: dev ? 0 : undefined,
+        enforceSizeThreshold: dev ? 30000 : 50000,
+        maxAsyncRequests: dev ? Infinity : 30,
+        maxInitialRequests: dev ? Infinity : 30,
+        automaticNameDelimiter: '-',
+        cacheGroups: exports.defaultCacheGroups
+    };
+};
+exports.getDefaultSplitChunksConfig = getDefaultSplitChunksConfig;

package/lib/webpack/config/parts/{helpers.d.ts → helpers.webpack.d.ts}

@@ -1,5 +1,5 @@
-import { WebpackChain } from '../base';
-import { ExternalsFunction } from '../../types';
+import { WebpackChain } from '../base.webpack';
+import { ExternalsFunction } from '../../types.webpack';
 export declare const checkWebpackExternals: (webpackChain: WebpackChain) => void;
 export declare const addExternals: (webpackChain: WebpackChain, externalFn: ExternalsFunction) => void;
 export declare function shouldUseRelativeAssetPaths(publicPath: string): publicPath is "./";

package/lib/webpack/config/parts/{style.d.ts → style.rspack.d.ts}

@@ -1,4 +1,4 @@
-import { WebpackChain as Config } from '../base';
+import { RspackChain as Config } from '../base.rspack';
 interface StyleOptions {
     filename: string;
     chunkFilename: string;