@umijs/bundler-webpack 4.0.0-rc.13 → 4.0.0-rc.14

package/client/client/client.js

@@ -13,21 +13,29 @@ import * as ErrorOverlay from 'react-error-overlay';
 import { MESSAGE_TYPE } from '../constants';
 import { formatWebpackMessages } from '../utils/formatWebpackMessages';
 console.log('[webpack] connecting...');
-function getSocketHost() {
-    let l = location;
+function getHost() {
     if (process.env.SOCKET_SERVER) {
-        l = new URL(process.env.SOCKET_SERVER);
+        return new URL(process.env.SOCKET_SERVER);
     }
-    const host = l.host;
-    const isHttps = l.protocol === 'https:';
+    return location;
+}
+function getSocketUrl() {
+    let h = getHost();
+    const host = h.host;
+    const isHttps = h.protocol === 'https:';
     return `${isHttps ? 'wss' : 'ws'}://${host}`;
 }
+function getPingUrl() {
+    const h = getHost();
+    return `${h.protocol}//${h.host}/__umi_ping`;
+}
 let pingTimer = null;
 let isFirstCompilation = true;
 let mostRecentCompilationHash = null;
 let hasCompileErrors = false;
 let hadRuntimeError = false;
-const socket = new WebSocket(getSocketHost(), 'webpack-hmr');
+const pingUrl = getPingUrl();
+const socket = new WebSocket(getSocketUrl(), 'webpack-hmr');
 socket.addEventListener('message', ({ data }) => __awaiter(void 0, void 0, void 0, function* () {
     data = JSON.parse(data);
     if (data.type === 'connected') {
@@ -45,7 +53,7 @@ function waitForSuccessfulPing(ms = 1000) {
         // eslint-disable-next-line no-constant-condition
         while (true) {
             try {
-                yield fetch(`/__umi_ping`);
+                yield fetch(pingUrl);
                 break;
             }
             catch (e) {

package/dist/build.js

@@ -35,6 +35,7 @@ function build(opts) {
                 ...(opts.beforeBabelPresets || []),
                 ...(opts.extraBabelPresets || []),
             ],
+            extraBabelIncludes: opts.config.extraBabelIncludes,
             chainWebpack: opts.chainWebpack,
             modifyWebpackConfig: opts.modifyWebpackConfig,
             cache: opts.cache,

package/dist/client/client.js

@@ -41,21 +41,29 @@ const ErrorOverlay = __importStar(require("react-error-overlay"));
 const constants_1 = require("../constants");
 const formatWebpackMessages_1 = require("../utils/formatWebpackMessages");
 console.log('[webpack] connecting...');
-function getSocketHost() {
-    let l = location;
+function getHost() {
     if (process.env.SOCKET_SERVER) {
-        l = new URL(process.env.SOCKET_SERVER);
+        return new URL(process.env.SOCKET_SERVER);
     }
-    const host = l.host;
-    const isHttps = l.protocol === 'https:';
+    return location;
+}
+function getSocketUrl() {
+    let h = getHost();
+    const host = h.host;
+    const isHttps = h.protocol === 'https:';
     return `${isHttps ? 'wss' : 'ws'}://${host}`;
 }
+function getPingUrl() {
+    const h = getHost();
+    return `${h.protocol}//${h.host}/__umi_ping`;
+}
 let pingTimer = null;
 let isFirstCompilation = true;
 let mostRecentCompilationHash = null;
 let hasCompileErrors = false;
 let hadRuntimeError = false;
-const socket = new WebSocket(getSocketHost(), 'webpack-hmr');
+const pingUrl = getPingUrl();
+const socket = new WebSocket(getSocketUrl(), 'webpack-hmr');
 socket.addEventListener('message', ({ data }) => __awaiter(void 0, void 0, void 0, function* () {
     data = JSON.parse(data);
     if (data.type === 'connected') {
@@ -73,7 +81,7 @@ function waitForSuccessfulPing(ms = 1000) {
         // eslint-disable-next-line no-constant-condition
         while (true) {
             try {
-                yield fetch(`/__umi_ping`);
+                yield fetch(pingUrl);
                 break;
             }
             catch (e) {

package/dist/config/config.d.ts

@@ -7,6 +7,7 @@ export interface IOpts {
     entry: Record<string, string>;
     extraBabelPresets?: any[];
     extraBabelPlugins?: any[];
+    extraBabelIncludes?: string[];
     extraEsbuildLoaderHandler?: any[];
     babelPreset?: any;
     chainWebpack?: Function;

package/dist/config/config.js

@@ -35,7 +35,6 @@ const javaScriptRules_1 = require("./javaScriptRules");
 const manifestPlugin_1 = require("./manifestPlugin");
 const miniCSSExtractPlugin_1 = require("./miniCSSExtractPlugin");
 const nodePolyfill_1 = require("./nodePolyfill");
-const nodePrefixPlugin_1 = require("./nodePrefixPlugin");
 const progressPlugin_1 = require("./progressPlugin");
 const speedMeasureWebpackPlugin_1 = require("./speedMeasureWebpackPlugin");
 const svgRules_1 = require("./svgRules");
@@ -55,6 +54,7 @@ function getConfig(opts) {
             babelPreset: opts.babelPreset,
             extraBabelPlugins: opts.extraBabelPlugins || [],
             extraBabelPresets: opts.extraBabelPresets || [],
+            extraBabelIncludes: opts.extraBabelIncludes || [],
             extraEsbuildLoaderHandler: opts.extraEsbuildLoaderHandler || [],
             browsers: (0, browsersList_1.getBrowsersList)({
                 targets: userConfig.targets,
@@ -155,7 +155,8 @@ function getConfig(opts) {
         // handle HarmonyLinkingError
         yield (0, harmonyLinkingErrorPlugin_1.addHarmonyLinkingErrorPlugin)(applyOpts);
         // remove node: prefix
-        yield (0, nodePrefixPlugin_1.addNodePrefixPlugin)(applyOpts);
+        // disable for performance
+        // await addNodePrefixPlugin(applyOpts);
         // runtimePublicPath
         if (userConfig.runtimePublicPath) {
             config.plugin('runtimePublicPath').use(RuntimePublicPathPlugin_1.RuntimePublicPathPlugin);

package/dist/config/javaScriptRules.d.ts

@@ -7,6 +7,7 @@ interface IOpts {
     env: Env;
     extraBabelPlugins: any[];
     extraBabelPresets: any[];
+    extraBabelIncludes: string[];
     extraEsbuildLoaderHandler: any[];
     babelPreset: any;
     name?: string;

package/dist/config/javaScriptRules.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addJavaScriptRules = void 0;
 const mfsu_1 = require("@umijs/mfsu");
 const utils_1 = require("@umijs/utils");
+const path_1 = require("path");
 const webpack_1 = require("../../compiled/webpack");
 const constants_1 = require("../constants");
 const types_1 = require("../types");
@@ -40,18 +41,41 @@ function addJavaScriptRules(opts) {
             config.module
                 .rule('extra-src')
                 .test(/\.(js|mjs)$/)
-                .include.add((path) => {
-                try {
-                    // do src transform for bundler-webpack/client/client/client.js
-                    if (path.includes('client/client/client'))
-                        return true;
-                    return (0, depMatch_1.isMatch)({ path, pkgs: depPkgs });
-                }
-                catch (e) {
-                    console.error(utils_1.chalk.red(e));
-                    throw e;
-                }
-            })
+                .include.add([
+                // support extraBabelIncludes
+                ...opts.extraBabelIncludes.map((p) => {
+                    // handle absolute path
+                    if ((0, path_1.isAbsolute)(p)) {
+                        return p;
+                    }
+                    // resolve npm package name
+                    try {
+                        if (p.startsWith('./')) {
+                            return require.resolve(p, { paths: [cwd] });
+                        }
+                        return (0, path_1.dirname)(require.resolve(`${p}/package.json`, { paths: [cwd] }));
+                    }
+                    catch (e) {
+                        if (e.code === 'MODULE_NOT_FOUND') {
+                            throw new Error('Cannot resolve extraBabelIncludes: ' + p);
+                        }
+                        throw e;
+                    }
+                }),
+                // support es5ImcompatibleVersions
+                (path) => {
+                    try {
+                        // do src transform for bundler-webpack/client/client/client.js
+                        if (path.includes('client/client/client'))
+                            return true;
+                        return (0, depMatch_1.isMatch)({ path, pkgs: depPkgs });
+                    }
+                    catch (e) {
+                        console.error(utils_1.chalk.red(e));
+                        throw e;
+                    }
+                },
+            ])
                 .end(),
         ];
         if (userConfig.mdx) {

package/dist/config/nodePolyfill.js

@@ -14,12 +14,13 @@ const webpack_1 = require("@umijs/bundler-webpack/compiled/webpack");
 function addNodePolyfill(opts) {
     return __awaiter(this, void 0, void 0, function* () {
         const { config } = opts;
+        const nodeLibs = require('node-libs-browser');
         config.plugin('node-polyfill-provider').use(webpack_1.ProvidePlugin, [
             {
                 Buffer: ['buffer', 'Buffer'],
+                process: nodeLibs['process'],
             },
         ]);
-        const nodeLibs = require('node-libs-browser');
         config.resolve.fallback.merge(Object.assign(Object.assign({}, Object.keys(nodeLibs).reduce((memo, key) => {
             if (nodeLibs[key]) {
                 memo[key] = nodeLibs[key];

package/dist/dev.js

@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.dev = exports.stripUndefined = void 0;
 const mfsu_1 = require("@umijs/mfsu");
 const utils_1 = require("@umijs/utils");
+const fs_1 = require("fs");
 const path_1 = require("path");
 const webpack_1 = __importDefault(require("../compiled/webpack"));
 const config_1 = require("./config/config");
@@ -80,6 +81,7 @@ function dev(opts) {
                 ...(opts.beforeBabelPresets || []),
                 ...(opts.extraBabelPresets || []),
             ],
+            extraBabelIncludes: opts.config.extraBabelIncludes,
             extraEsbuildLoaderHandler: (mfsu === null || mfsu === void 0 ? void 0 : mfsu.getEsbuildLoaderHandler()) || [],
             chainWebpack: opts.chainWebpack,
             modifyWebpackConfig: opts.modifyWebpackConfig,
@@ -112,6 +114,18 @@ function dev(opts) {
             config: webpackConfig,
             depConfig: depConfig,
         }));
+        if (mfsu &&
+            webpackConfig.cache &&
+            typeof webpackConfig.cache === 'object' &&
+            webpackConfig.cache.type === 'filesystem') {
+            const webpackCachePath = (0, path_1.join)(webpackConfig.cache.cacheDirectory, `default-development`, 'index.pack');
+            const mfsuCacheExists = (0, fs_1.existsSync)(mfsu.depInfo.cacheFilePath);
+            const webpackCacheExists = (0, fs_1.existsSync)(webpackCachePath);
+            if (webpackCacheExists && !mfsuCacheExists) {
+                utils_1.logger.warn(`Invalidate webpack cache since mfsu cache is missing`);
+                utils_1.rimraf.sync(webpackConfig.cache.cacheDirectory);
+            }
+        }
         yield (0, server_1.createServer)({
             webpackConfig,
             userConfig: opts.config,

package/dist/schema.js

@@ -40,6 +40,7 @@ function getSchemas() {
         devtool: (Joi) => Joi.alternatives().try(Joi.string().regex(DEVTOOL_REGEX), Joi.boolean()),
         esm: (Joi) => Joi.object(),
         externals: (Joi) => Joi.alternatives().try(Joi.object(), Joi.string(), Joi.func()),
+        extraBabelIncludes: (Joi) => Joi.array().items(Joi.string()),
         extraBabelPlugins: (Joi) => Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.array())),
         extraBabelPresets: (Joi) => Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.array())),
         extraPostCSSPlugins: (Joi) => Joi.array(),

package/dist/server/https.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="node" />
 import { RequestListener } from 'http';
-import https from 'https';
 import { HttpsParams } from '../types';
-export declare function createHttpsServer(app: RequestListener, httpsConfig: HttpsParams): Promise<https.Server>;
+export declare function createHttpsServer(app: RequestListener, httpsConfig: HttpsParams): Promise<import("https").Server>;

package/dist/server/https.js

@@ -15,8 +15,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createHttpsServer = void 0;
 const utils_1 = require("@umijs/utils");
 const fs_1 = require("fs");
-const https_1 = __importDefault(require("https"));
 const path_1 = require("path");
+const spdy_1 = __importDefault(require("spdy"));
 const defaultHttpsHosts = ['localhost', '127.0.0.1'];
 function createHttpsServer(app, httpsConfig) {
     return __awaiter(this, void 0, void 0, function* () {
@@ -64,10 +64,11 @@ function createHttpsServer(app, httpsConfig) {
             ]);
         }
         // Create server
-        return https_1.default.createServer({
+        const http2Service = spdy_1.default.createServer({
             key: (0, fs_1.readFileSync)(key, 'utf-8'),
             cert: (0, fs_1.readFileSync)(cert, 'utf-8'),
         }, app);
+        return http2Service;
     });
 }
 exports.createHttpsServer = createHttpsServer;

package/dist/server/server.js

@@ -28,18 +28,6 @@ function createServer(opts) {
         const { webpackConfig, userConfig } = opts;
         const { proxy } = userConfig;
         const app = (0, express_1.default)();
-        // basename middleware
-        app.use((req, _res, next) => {
-            const { url, path } = req;
-            const { basename, history } = userConfig;
-            if ((history === null || history === void 0 ? void 0 : history.type) === 'browser' &&
-                basename !== '/' &&
-                url.startsWith(basename)) {
-                req.url = url.slice(basename.length);
-                req.path = path.slice(basename.length);
-            }
-            next();
-        });
         // cros
         app.use((_req, res, next) => {
             res.header('Access-Control-Allow-Origin', '*');

package/dist/server/ws.d.ts

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

package/dist/types.d.ts

@@ -75,6 +75,7 @@ export interface IConfig {
     };
     extraBabelPlugins?: IBabelPlugin[];
     extraBabelPresets?: IBabelPlugin[];
+    extraBabelIncludes?: string[];
     extraPostCSSPlugins?: any[];
     hash?: boolean;
     ignoreMomentLocale?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/bundler-webpack",
-  "version": "4.0.0-rc.13",
+  "version": "4.0.0-rc.14",
   "description": "@umijs/bundler-webpack",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/bundler-webpack#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",
@@ -23,10 +23,10 @@
   "scripts": {
     "build": "pnpm tsc",
     "build:client": "pnpm tsc --project ./tsconfig.client.json",
-    "build:deps": "pnpm esno ../../scripts/bundleDeps.ts",
+    "build:deps": "umi-scripts bundleDeps",
     "dev": "pnpm build -- --watch",
     "generate:webpackPackages": "zx ./scripts/generateWebpackPackages.mjs",
-    "test": "jest -c ../../jest.turbo.config.ts"
+    "test": "umi-scripts jest-turbo"
   },
   "dependencies": {
     "@parcel/css": "1.8.1",
@@ -35,20 +35,22 @@
     "@svgr/plugin-jsx": "^6.2.1",
     "@svgr/plugin-svgo": "^6.2.0",
     "@types/hapi__joi": "17.1.8",
-    "@umijs/babel-preset-umi": "4.0.0-rc.13",
-    "@umijs/bundler-utils": "4.0.0-rc.13",
-    "@umijs/mfsu": "4.0.0-rc.13",
-    "@umijs/utils": "4.0.0-rc.13",
+    "@umijs/babel-preset-umi": "4.0.0-rc.14",
+    "@umijs/bundler-utils": "4.0.0-rc.14",
+    "@umijs/mfsu": "4.0.0-rc.14",
+    "@umijs/utils": "4.0.0-rc.14",
     "css-loader": "6.7.1",
     "es5-imcompatible-versions": "^0.1.73",
     "jest-worker": "27.5.1",
     "node-libs-browser": "2.2.1",
     "postcss": "^8.4.12",
     "postcss-preset-env": "7.4.3",
-    "react-error-overlay": "6.0.9"
+    "react-error-overlay": "6.0.9",
+    "spdy": "^4.0.2"
   },
   "devDependencies": {
     "@swc/core": "1.2.165",
+    "@types/spdy": "^3.4.5",
     "@types/webpack-sources": "3.2.0",
     "@types/ws": "8.5.3",
     "autoprefixer": "10.4.4",