@umijs/bundler-webpack 4.0.0-canary.20220429.3 → 4.0.0-canary.20220429.4

package/dist/server/server.js

@@ -0,0 +1,202 @@
+"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.createServer = void 0;
+const bundler_utils_1 = require("@umijs/bundler-utils");
+const express_1 = __importDefault(require("@umijs/bundler-utils/compiled/express"));
+const http_proxy_middleware_1 = require("@umijs/bundler-webpack/compiled/http-proxy-middleware");
+const webpack_1 = __importDefault(require("@umijs/bundler-webpack/compiled/webpack"));
+const utils_1 = require("@umijs/utils");
+const fs_1 = require("fs");
+const http_1 = __importDefault(require("http"));
+const path_1 = require("path");
+const constants_1 = require("../constants");
+const ws_1 = require("./ws");
+function createServer(opts) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { webpackConfig, userConfig } = opts;
+        const { proxy } = userConfig;
+        const app = (0, express_1.default)();
+        // cros
+        app.use((_req, res, next) => {
+            res.header('Access-Control-Allow-Origin', '*');
+            res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With');
+            res.header('Access-Control-Allow-Methods', 'GET, HEAD, PUT, POST, PATCH, DELETE, OPTIONS');
+            next();
+        });
+        // compression
+        app.use(require('@umijs/bundler-webpack/compiled/compression')());
+        // TODO: headers
+        // before middlewares
+        (opts.beforeMiddlewares || []).forEach((m) => app.use(m));
+        // TODO: add to before middleware
+        app.use((req, res, next) => {
+            if (req.path === '/umi.js' && (0, fs_1.existsSync)((0, path_1.join)(opts.cwd, 'umi.js'))) {
+                res.setHeader('Content-Type', 'application/javascript');
+                (0, fs_1.createReadStream)((0, path_1.join)(opts.cwd, 'umi.js')).on('error', next).pipe(res);
+            }
+            else {
+                next();
+            }
+        });
+        // webpack dev middleware
+        const configs = Array.isArray(webpackConfig)
+            ? webpackConfig
+            : [webpackConfig];
+        const progresses = [];
+        if (opts.onProgress) {
+            configs.forEach((config) => {
+                const progress = {
+                    percent: 0,
+                    status: 'waiting',
+                };
+                progresses.push(progress);
+                config.plugins.push(new webpack_1.default.ProgressPlugin((percent, msg) => {
+                    progress.percent = percent;
+                    progress.status = msg;
+                    opts.onProgress({ progresses });
+                }));
+            });
+        }
+        const compiler = (0, webpack_1.default)(configs);
+        const webpackDevMiddleware = require('@umijs/bundler-webpack/compiled/webpack-dev-middleware');
+        const compilerMiddleware = webpackDevMiddleware(compiler, {
+            publicPath: userConfig.publicPath || '/',
+            writeToDisk: userConfig.writeToDisk,
+            stats: 'none',
+            // watchOptions: { ignored }
+        });
+        app.use(compilerMiddleware);
+        // hmr hooks
+        let stats;
+        let isFirstCompile = true;
+        compiler.compilers.forEach(addHooks);
+        function addHooks(compiler) {
+            compiler.hooks.invalid.tap('server', () => {
+                sendMessage(constants_1.MESSAGE_TYPE.invalid);
+            });
+            compiler.hooks.done.tap('server', (_stats) => {
+                var _a;
+                stats = _stats;
+                sendStats(getStats(stats));
+                (_a = opts.onDevCompileDone) === null || _a === void 0 ? void 0 : _a.call(opts, {
+                    stats,
+                    isFirstCompile,
+                    time: stats.endTime - stats.startTime,
+                });
+                isFirstCompile = false;
+            });
+        }
+        function sendStats(stats, force, sender) {
+            const shouldEmit = !force &&
+                stats &&
+                (!stats.errors || stats.errors.length === 0) &&
+                (!stats.warnings || stats.warnings.length === 0) &&
+                stats.assets &&
+                stats.assets.every((asset) => !asset.emitted);
+            if (shouldEmit) {
+                sendMessage(constants_1.MESSAGE_TYPE.stillOk, null, sender);
+                return;
+            }
+            sendMessage(constants_1.MESSAGE_TYPE.hash, stats.hash, sender);
+            if ((stats.errors && stats.errors.length > 0) ||
+                (stats.warnings && stats.warnings.length > 0)) {
+                if (stats.warnings && stats.warnings.length > 0) {
+                    sendMessage(constants_1.MESSAGE_TYPE.warnings, stats.warnings, sender);
+                }
+                if (stats.errors && stats.errors.length > 0) {
+                    sendMessage(constants_1.MESSAGE_TYPE.errors, stats.errors, sender);
+                }
+            }
+            else {
+                sendMessage(constants_1.MESSAGE_TYPE.ok, null, sender);
+            }
+        }
+        function getStats(stats) {
+            return stats.toJson({
+                all: false,
+                hash: true,
+                assets: true,
+                warnings: true,
+                errors: true,
+                errorDetails: false,
+            });
+        }
+        function sendMessage(type, data, sender) {
+            (sender || ws).send(JSON.stringify({ type, data }));
+        }
+        // mock
+        // proxy
+        if (proxy) {
+            Object.keys(proxy).forEach((key) => {
+                const proxyConfig = proxy[key];
+                const target = proxyConfig.target;
+                if (target) {
+                    app.use(key, (0, http_proxy_middleware_1.createProxyMiddleware)(key, Object.assign(Object.assign({}, proxy[key]), { 
+                        // Add x-real-url in response header
+                        onProxyRes(proxyRes, req) {
+                            var _a;
+                            proxyRes.headers['x-real-url'] =
+                                ((_a = new URL(req.url || '', target)) === null || _a === void 0 ? void 0 : _a.href) || '';
+                        } })));
+                }
+            });
+        }
+        // after middlewares
+        (opts.afterMiddlewares || []).forEach((m) => {
+            // TODO: FIXME
+            app.use(m.toString().includes(`{ compiler }`) ? m({ compiler }) : m);
+        });
+        // history fallback
+        app.use(require('@umijs/bundler-webpack/compiled/connect-history-api-fallback')({
+            index: '/',
+        }));
+        // hmr reconnect ping
+        app.use('/__umi_ping', (_, res) => {
+            res.end('pong');
+        });
+        // index.html
+        // TODO: remove me
+        app.get('/', (_req, res, next) => {
+            res.set('Content-Type', 'text/html');
+            const htmlPath = (0, path_1.join)(opts.cwd, 'index.html');
+            if ((0, fs_1.existsSync)(htmlPath)) {
+                (0, fs_1.createReadStream)(htmlPath).on('error', next).pipe(res);
+            }
+            else {
+                next();
+            }
+        });
+        const server = userConfig.https
+            ? yield (0, bundler_utils_1.createHttpsServer)(app, userConfig.https)
+            : http_1.default.createServer(app);
+        if (!server) {
+            return null;
+        }
+        const ws = (0, ws_1.createWebSocketServer)(server);
+        ws.wss.on('connection', (socket) => {
+            if (stats) {
+                sendStats(getStats(stats), false, socket);
+            }
+        });
+        const protocol = userConfig.https ? 'https:' : 'http:';
+        const port = opts.port || 8000;
+        server.listen(port, () => {
+            const host = opts.host && opts.host !== '0.0.0.0' ? opts.host : '127.0.0.1';
+            utils_1.logger.ready(`App listening at ${utils_1.chalk.green(`${protocol}//${host}:${port}`)}`);
+        });
+        return server;
+    });
+}
+exports.createServer = createServer;

package/dist/server/ws.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="node" />
+import type { SpdyServer as Server } from '@umijs/bundler-utils';
+import { Server as HttpServer } from 'http';
+import { Http2Server } from 'http2';
+import { Server as HttpsServer } from 'https';
+import WebSocket from '../../compiled/ws';
+export declare function createWebSocketServer(server: HttpServer | HttpsServer | Http2Server | Server): {
+    send(message: string): void;
+    wss: WebSocket.Server;
+    close(): void;
+};

package/dist/server/ws.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createWebSocketServer = void 0;
+const utils_1 = require("@umijs/utils");
+const ws_1 = __importDefault(require("../../compiled/ws"));
+function createWebSocketServer(server) {
+    const wss = new ws_1.default.Server({
+        noServer: true,
+    });
+    server.on('upgrade', (req, socket, head) => {
+        if (req.headers['sec-websocket-protocol'] === 'webpack-hmr') {
+            wss.handleUpgrade(req, socket, head, (ws) => {
+                wss.emit('connection', ws, req);
+            });
+        }
+    });
+    wss.on('connection', (socket) => {
+        socket.send(JSON.stringify({ type: 'connected' }));
+    });
+    wss.on('error', (e) => {
+        if (e.code !== 'EADDRINUSE') {
+            console.error(utils_1.chalk.red(`WebSocket server error:\n${e.stack || e.message}`));
+        }
+    });
+    return {
+        send(message) {
+            wss.clients.forEach((client) => {
+                if (client.readyState === ws_1.default.OPEN) {
+                    client.send(message);
+                }
+            });
+        },
+        wss,
+        close() {
+            wss.close();
+        },
+    };
+}
+exports.createWebSocketServer = createWebSocketServer;

package/dist/swcPlugins/autoCSSModules.d.ts

@@ -0,0 +1,13 @@
+import type { ImportDeclaration, ModuleItem, TsType } from '@swc/core';
+import Visitor from '@swc/core/Visitor';
+declare class AutoCSSModule extends Visitor {
+    visitTsType(expression: TsType): TsType;
+    /**
+     * call path:
+     *   visitProgram -> visitModule -> visitModuleItems -> visitModuleItem -> visitImportDeclaration
+     * @see https://github.com/swc-project/swc/blob/main/node-swc/src/Visitor.ts#L189
+     */
+    visitModuleItem(n: ModuleItem): ImportDeclaration | import("@swc/core").ExportDeclaration | import("@swc/core").ExportNamedDeclaration | import("@swc/core").ExportDefaultDeclaration | import("@swc/core").ExportDefaultExpression | import("@swc/core").ExportAllDeclaration | import("@swc/core").TsImportEqualsDeclaration | import("@swc/core").TsExportAssignment | import("@swc/core").TsNamespaceExportDeclaration | import("@swc/core").ExpressionStatement | import("@swc/core").BlockStatement | import("@swc/core").EmptyStatement | import("@swc/core").DebuggerStatement | import("@swc/core").WithStatement | import("@swc/core").ReturnStatement | import("@swc/core").LabeledStatement | import("@swc/core").BreakStatement | import("@swc/core").ContinueStatement | import("@swc/core").IfStatement | import("@swc/core").SwitchStatement | import("@swc/core").ThrowStatement | import("@swc/core").TryStatement | import("@swc/core").WhileStatement | import("@swc/core").DoWhileStatement | import("@swc/core").ForStatement | import("@swc/core").ForInStatement | import("@swc/core").ForOfStatement | import("@swc/core").ClassDeclaration | import("@swc/core").FunctionDeclaration | import("@swc/core").VariableDeclaration | import("@swc/core").TsInterfaceDeclaration | import("@swc/core").TsTypeAliasDeclaration | import("@swc/core").TsEnumDeclaration | import("@swc/core").TsModuleDeclaration;
+    visitImportDeclaration(expression: ImportDeclaration): ImportDeclaration;
+}
+export default AutoCSSModule;

package/dist/swcPlugins/autoCSSModules.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Visitor_1 = __importDefault(require("@swc/core/Visitor"));
+const utils_1 = require("@umijs/utils");
+const changeImportFromString_1 = require("./changeImportFromString");
+class AutoCSSModule extends Visitor_1.default {
+    visitTsType(expression) {
+        return expression;
+    }
+    /**
+     * call path:
+     *   visitProgram -> visitModule -> visitModuleItems -> visitModuleItem -> visitImportDeclaration
+     * @see https://github.com/swc-project/swc/blob/main/node-swc/src/Visitor.ts#L189
+     */
+    visitModuleItem(n) {
+        if (n.type === 'ImportDeclaration') {
+            return this.visitImportDeclaration(n);
+        }
+        return n;
+    }
+    visitImportDeclaration(expression) {
+        const { specifiers, source } = expression;
+        const { value } = source;
+        if (specifiers.length && (0, utils_1.isStyleFile)({ filename: value })) {
+            const newImportFrom = `${value}?modules`;
+            (0, changeImportFromString_1.changeImportFromString)(expression, newImportFrom);
+        }
+        return expression;
+    }
+}
+exports.default = AutoCSSModule;

package/dist/swcPlugins/changeImportFromString.d.ts

@@ -0,0 +1,2 @@
+import type { ImportDeclaration } from '@swc/core';
+export declare const changeImportFromString: (e: ImportDeclaration, v: string) => void;

package/dist/swcPlugins/changeImportFromString.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.changeImportFromString = void 0;
+const changeImportFromString = (e, v) => {
+    e.source.value = v;
+    // sync change to `raw`
+    // https://github.com/swc-project/swc/issues/4128
+    e.source.raw = `'${v}'`;
+};
+exports.changeImportFromString = changeImportFromString;

package/dist/swcPlugins/lockCoreJS.d.ts

@@ -0,0 +1,6 @@
+import type { ImportDeclaration } from '@swc/core';
+import Visitor from '@swc/core/Visitor';
+declare class LockCoreJS extends Visitor {
+    visitImportDeclaration(expression: ImportDeclaration): ImportDeclaration;
+}
+export default LockCoreJS;

package/dist/swcPlugins/lockCoreJS.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 });
+const Visitor_1 = __importDefault(require("@swc/core/Visitor"));
+const utils_1 = require("@umijs/utils");
+const path_1 = require("path");
+const changeImportFromString_1 = require("./changeImportFromString");
+function addLastSlash(path) {
+    return path.endsWith('/') ? path : `${path}/`;
+}
+class LockCoreJS extends Visitor_1.default {
+    visitImportDeclaration(expression) {
+        const { source } = expression;
+        let { value, type } = source;
+        if (type === 'StringLiteral' && value.startsWith('core-js/')) {
+            const newValue = value.replace(/^core-js\//, addLastSlash((0, utils_1.winPath)((0, path_1.dirname)(require.resolve('core-js/package.json')))));
+            (0, changeImportFromString_1.changeImportFromString)(expression, newValue);
+        }
+        return expression;
+    }
+}
+exports.default = LockCoreJS;

package/dist/types.d.ts

@@ -0,0 +1,119 @@
+import type { Config as SwcConfig } from '@swc/core';
+import type { HttpsServerOptions } from '@umijs/bundler-utils';
+import type { Options as ProxyOptions } from '../compiled/http-proxy-middleware';
+import { Configuration } from '../compiled/webpack';
+import Config from '../compiled/webpack-5-chain';
+export declare enum Env {
+    development = "development",
+    production = "production"
+}
+export declare enum Transpiler {
+    babel = "babel",
+    swc = "swc",
+    esbuild = "esbuild",
+    none = "none"
+}
+export declare enum JSMinifier {
+    terser = "terser",
+    swc = "swc",
+    esbuild = "esbuild",
+    uglifyJs = "uglifyJs",
+    none = "none"
+}
+export declare enum CSSMinifier {
+    esbuild = "esbuild",
+    cssnano = "cssnano",
+    parcelCSS = "parcelCSS",
+    none = "none"
+}
+export interface ICopy {
+    from: string;
+    to: string;
+}
+declare type WebpackConfig = Required<Configuration>;
+declare type IBabelPlugin = Function | string | [string, {
+    [key: string]: any;
+}];
+export interface DeadCodeParams {
+    patterns?: string[];
+    exclude?: string[];
+    failOnHint?: boolean;
+    detectUnusedFiles?: boolean;
+    detectUnusedExport?: boolean;
+    context?: string;
+}
+export interface IConfig {
+    alias?: Record<string, string>;
+    autoCSSModules?: boolean;
+    base?: string;
+    chainWebpack?: Function;
+    copy?: ICopy[] | string[];
+    cssLoader?: {
+        [key: string]: any;
+    };
+    cssLoaderModules?: {
+        [key: string]: any;
+    };
+    cssMinifier?: CSSMinifier;
+    cssMinifierOptions?: {
+        [key: string]: any;
+    };
+    define?: {
+        [key: string]: any;
+    };
+    depTranspiler?: Transpiler;
+    devtool?: Config.DevTool;
+    deadCode?: DeadCodeParams;
+    https?: HttpsServerOptions;
+    externals?: WebpackConfig['externals'];
+    esm?: {
+        [key: string]: any;
+    };
+    extraBabelPlugins?: IBabelPlugin[];
+    extraBabelPresets?: IBabelPlugin[];
+    extraBabelIncludes?: string[];
+    extraPostCSSPlugins?: any[];
+    hash?: boolean;
+    ignoreMomentLocale?: boolean;
+    jsMinifier?: JSMinifier;
+    jsMinifierOptions?: {
+        [key: string]: any;
+    };
+    lessLoader?: {
+        [key: string]: any;
+    };
+    outputPath?: string;
+    postcssLoader?: {
+        [key: string]: any;
+    };
+    proxy?: {
+        [key: string]: ProxyOptions;
+    };
+    publicPath?: string;
+    purgeCSS?: {
+        [key: string]: any;
+    };
+    sassLoader?: {
+        [key: string]: any;
+    };
+    srcTranspiler?: Transpiler;
+    styleLoader?: {
+        [key: string]: any;
+    };
+    svgr?: {
+        [key: string]: any;
+    };
+    svgo?: {
+        [key: string]: any;
+    } | false;
+    targets?: {
+        [key: string]: any;
+    };
+    writeToDisk?: boolean;
+    [key: string]: any;
+}
+export interface SwcOptions extends SwcConfig {
+    sync?: boolean;
+    parseMap?: boolean;
+}
+export {};

package/dist/types.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CSSMinifier = exports.JSMinifier = exports.Transpiler = exports.Env = void 0;
+var Env;
+(function (Env) {
+    Env["development"] = "development";
+    Env["production"] = "production";
+})(Env = exports.Env || (exports.Env = {}));
+var Transpiler;
+(function (Transpiler) {
+    Transpiler["babel"] = "babel";
+    Transpiler["swc"] = "swc";
+    Transpiler["esbuild"] = "esbuild";
+    Transpiler["none"] = "none";
+})(Transpiler = exports.Transpiler || (exports.Transpiler = {}));
+var JSMinifier;
+(function (JSMinifier) {
+    JSMinifier["terser"] = "terser";
+    JSMinifier["swc"] = "swc";
+    JSMinifier["esbuild"] = "esbuild";
+    JSMinifier["uglifyJs"] = "uglifyJs";
+    JSMinifier["none"] = "none";
+})(JSMinifier = exports.JSMinifier || (exports.JSMinifier = {}));
+var CSSMinifier;
+(function (CSSMinifier) {
+    CSSMinifier["esbuild"] = "esbuild";
+    CSSMinifier["cssnano"] = "cssnano";
+    CSSMinifier["parcelCSS"] = "parcelCSS";
+    CSSMinifier["none"] = "none";
+})(CSSMinifier = exports.CSSMinifier || (exports.CSSMinifier = {}));

package/dist/utils/browsersList.d.ts

@@ -0,0 +1,5 @@
+interface IOpts {
+    targets: Record<string, any>;
+}
+export declare function getBrowsersList({ targets }: IOpts): any;
+export {};

package/dist/utils/browsersList.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBrowsersList = void 0;
+function getBrowsersList({ targets }) {
+    return (targets.browsers ||
+        Object.keys(targets).map((key) => {
+            return `${key} >= ${targets[key] === true ? '0' : targets[key]}`;
+        }));
+}
+exports.getBrowsersList = getBrowsersList;

package/dist/utils/depMatch.d.ts

@@ -0,0 +1,6 @@
+export declare function cleanCache(): void;
+export declare function isMatch(opts: {
+    path: string;
+    pkgs: Record</*name*/ string, /*version*/ string[]>;
+}): boolean;
+export declare function es5ImcompatibleVersionsToPkg(): Record<string, string[]>;

package/dist/utils/depMatch.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.es5ImcompatibleVersionsToPkg = exports.isMatch = exports.cleanCache = void 0;
+const utils_1 = require("@umijs/utils");
+const path_1 = require("path");
+const cache = new Map();
+function cleanCache() {
+    cache.clear();
+}
+exports.cleanCache = cleanCache;
+function isMatch(opts) {
+    // cache by dir, 命中率会更高
+    const dir = (0, utils_1.winPath)((0, path_1.dirname)(opts.path));
+    if (cache.has(dir)) {
+        return !!cache.get(dir);
+    }
+    else {
+        const pkgPath = utils_1.pkgUp.pkgUpSync({ cwd: opts.path });
+        let ret;
+        if (!pkgPath) {
+            ret = false;
+        }
+        else {
+            const { name, version } = require(pkgPath);
+            if (opts.pkgs[name]) {
+                ret = opts.pkgs[name].some((v) => {
+                    return utils_1.semver.satisfies(version, v);
+                });
+            }
+            else {
+                ret = false;
+            }
+        }
+        cache.set(dir, ret);
+        return ret;
+    }
+}
+exports.isMatch = isMatch;
+function es5ImcompatibleVersionsToPkg() {
+    const { config: { 'es5-imcompatible-versions': config }, } = require('es5-imcompatible-versions/package.json');
+    return Object.keys(config).reduce((memo, key) => {
+        memo[key] = /* versions */ Object.keys(config[key]);
+        return memo;
+    }, {});
+}
+exports.es5ImcompatibleVersionsToPkg = es5ImcompatibleVersionsToPkg;

package/dist/utils/formatWebpackMessages.d.ts

@@ -0,0 +1,12 @@
+export declare function formatMessage(message: string | {
+    message: string;
+} | {
+    message: string;
+}[]): string;
+export declare function formatWebpackMessages(json: {
+    errors: string[];
+    warnings: string[];
+}): {
+    errors: string[];
+    warnings: string[];
+};