@umijs/preset-umi 4.0.1 → 4.0.4

package/dist/commands/dev/dev.js

@@ -7,6 +7,7 @@ const utils_1 = require("@umijs/utils");
 const fs_1 = require("fs");
 const path_1 = require("path");
 const constants_1 = require("../../constants");
+const AutoUpdateSourceCodeCache_1 = require("../../libs/folderCache/AutoUpdateSourceCodeCache");
 const lazyImportFromCurrentPkg_1 = require("../../utils/lazyImportFromCurrentPkg");
 const createRouteMiddleware_1 = require("./createRouteMiddleware");
 const faviconMiddleware_1 = require("./faviconMiddleware");
@@ -16,6 +17,12 @@ const printMemoryUsage_1 = require("./printMemoryUsage");
 const watch_1 = require("./watch");
 const bundlerWebpack = (0, lazyImportFromCurrentPkg_1.lazyImportFromCurrentPkg)('@umijs/bundler-webpack');
 const bundlerVite = (0, lazyImportFromCurrentPkg_1.lazyImportFromCurrentPkg)('@umijs/bundler-vite');
+const MFSU_EAGER_DEFAULT_INCLUDE = [
+    'react',
+    'react-error-overlay',
+    'react/jsx-dev-runtime',
+    '@umijs/utils/compiled/strip-ansi',
+];
 exports.default = (api) => {
     api.describe({
         enableBy() {
@@ -32,7 +39,7 @@ umi dev
 PORT=8888 umi dev
 `,
         async fn() {
-            var _a, _b;
+            var _a, _b, _c, _d, _e;
             utils_1.logger.info(utils_1.chalk.cyan.bold(`Umi v${api.appData.umi.version}`));
             const enableVite = !!api.config.vite;
             // clear tmp
@@ -199,6 +206,17 @@ PORT=8888 umi dev
                 });
             };
             const debouncedPrintMemoryUsage = utils_1.lodash.debounce(printMemoryUsage_1.printMemoryUsage, 5000);
+            let srcCodeCache;
+            if (((_b = api.config.mfsu) === null || _b === void 0 ? void 0 : _b.strategy) === 'eager') {
+                srcCodeCache = new AutoUpdateSourceCodeCache_1.AutoUpdateSrcCodeCache({
+                    cwd: api.paths.absSrcPath,
+                    cachePath: (0, path_1.join)(api.paths.absNodeModulesPath, '.cache', 'mfsu', 'v4'),
+                });
+                await srcCodeCache.init();
+                (0, watch_1.addUnWatch)(() => {
+                    srcCodeCache.unwatch();
+                });
+            }
             const opts = {
                 config: api.config,
                 cwd: api.cwd,
@@ -241,13 +259,19 @@ PORT=8888 umi dev
                         ...opts,
                     };
                 },
-                mfsuWithESBuild: (_b = api.config.mfsu) === null || _b === void 0 ? void 0 : _b.esbuild,
+                mfsuWithESBuild: (_c = api.config.mfsu) === null || _c === void 0 ? void 0 : _c.esbuild,
+                mfsuStrategy: (_d = api.config.mfsu) === null || _d === void 0 ? void 0 : _d.strategy,
                 cache: {
                     buildDependencies: [
                         api.pkgPath,
                         api.service.configManager.mainConfigFile || '',
                     ].filter(Boolean),
                 },
+                srcCodeCache,
+                mfsuInclude: utils_1.lodash.union([
+                    ...MFSU_EAGER_DEFAULT_INCLUDE,
+                    ...(((_e = api.config.mfsu) === null || _e === void 0 ? void 0 : _e.include) || []),
+                ]),
             };
             if (enableVite) {
                 await bundlerVite.dev(opts);

package/dist/commands/generators/jest.js

@@ -37,11 +37,18 @@ exports.default = (api) => {
             const packageToInstall = res.willUseTLR
                 ? {
                     ...basicDeps,
-                    '@testing-library/react': '^12',
+                    '@testing-library/react': '^13',
+                    '@testing-library/jest-dom': '^5.16.4',
+                    '@types/testing-library__jest-dom': '^5.14.5',
                 }
                 : basicDeps;
             h.addDevDeps(packageToInstall);
             h.addScript('test', 'jest');
+            if (res.willUseTLR) {
+                (0, fs_1.writeFileSync)((0, path_1.join)(api.cwd, 'jest-setup.ts'), `import '@testing-library/jest-dom';
+          `.trimLeft());
+                utils_1.logger.info('Write jest-setup.ts');
+            }
             const importSource = api.appData.umi.importSource;
             (0, fs_1.writeFileSync)((0, path_1.join)(api.cwd, 'jest.config.ts'), `
 import { Config, configUmiAlias, createConfig } from '${importSource}/test';
@@ -51,6 +58,7 @@ export default async () => {
     ...createConfig({
       target: 'browser',
     }),
+    ${res.willUseTLR ? `setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],` : ''}
     // if you require some es-module npm package, please uncomment below line and insert your package name
     // transformIgnorePatterns: ['node_modules/(?!.*(lodash-es|your-es-pkg-name)/)']
   })) as Config.InitialOptions;

package/dist/commands/generators/tsconfig.js

@@ -25,24 +25,9 @@ exports.default = (api) => {
             });
             (0, fs_1.writeFileSync)((0, path_1.join)(api.cwd, 'tsconfig.json'), `
 {
-  "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "jsx": "react",
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "baseUrl": ".",
-    "strict": true,
-    "paths": {
-      "@/*": ["*"],
-      "@@/*": [".umi/*"]
-    },
-    "allowSyntheticDefaultImports": true
-  }
+  "extends": "./${api.appData.hasSrcDir ? 'src/' : ''}.umi/tsconfig.json"
 }
-`.trimLeft());
+`.trimStart());
             utils_1.logger.info('Write tsconfig.json');
             h.installDeps();
         },

package/dist/commands/lint.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("@umijs/utils");
 exports.default = (api) => {
     api.registerCommand({
         name: 'lint',
@@ -18,17 +19,21 @@ umi lint --stylelint-only
 umi lint --fix
 `,
         fn: async function () {
+            // re-parse cli args to process boolean flags, for get the lint-staged args
+            const args = (0, utils_1.yParser)(process.argv.slice(3), {
+                boolean: ['fix', 'eslint-only', 'stylelint-only'],
+            });
             try {
                 require.resolve('@umijs/lint/package.json');
             }
             catch (err) {
                 throw new Error('@umijs/lint is not built-in, please install it manually before run umi lint.');
             }
-            if (api.args._.length === 0) {
-                api.args._.unshift('{src,test}/**/*.{js,jsx,ts,tsx,less,css}');
+            if (args._.length === 0) {
+                args._.unshift('{src,test}/**/*.{js,jsx,ts,tsx,less,css}');
             }
             // lazy require for CLI performance
-            require('@umijs/lint').default({ cwd: api.cwd }, api.args);
+            require('@umijs/lint').default({ cwd: api.cwd }, args);
         },
     });
 };

package/dist/commands/preview.js

@@ -52,10 +52,11 @@ umi preview --port [port]
                         app.use(key, (0, http_proxy_middleware_1.createProxyMiddleware)(key, {
                             ...proxy[key],
                             // Add x-real-url in response header
-                            onProxyRes(proxyRes, req) {
-                                var _a;
+                            onProxyRes(proxyRes, req, res) {
+                                var _a, _b;
                                 proxyRes.headers['x-real-url'] =
                                     ((_a = new URL(req.url || '', target)) === null || _a === void 0 ? void 0 : _a.href) || '';
+                                (_b = proxyConfig.onProxyRes) === null || _b === void 0 ? void 0 : _b.call(proxyConfig, proxyRes, req, res);
                             },
                         }));
                     }

package/dist/features/configPlugins/schema.d.ts

@@ -1,2 +1,2 @@
-import type { Root } from '@umijs/core/compiled/@hapi/joi';
+import type { Root } from '@umijs/utils/compiled/@hapi/joi';
 export declare function getSchemas(): Record<string, (Joi: Root) => any>;

package/dist/features/configPlugins/schema.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSchemas = void 0;
+// sort-object-keys
 const utils_1 = require("@umijs/utils");
 function getSchemas() {
     return {

package/dist/features/ssr/ssr.js

@@ -4,7 +4,6 @@ const types_1 = require("@umijs/core/dist/types");
 const utils_1 = require("@umijs/utils");
 const fs_1 = require("fs");
 const path_1 = require("path");
-const builder_1 = require("./builder/builder");
 const utils_2 = require("./utils");
 exports.default = (api) => {
     api.describe({
@@ -52,7 +51,8 @@ export { React };
         });
     });
     api.onBeforeCompiler(async () => {
-        await (0, builder_1.build)({
+        const { build } = (0, utils_1.importLazy)(require.resolve('./builder/builder'));
+        await build({
             api,
             watch: api.env === 'development',
         });

package/dist/features/tmpFiles/configTypes.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const joi_1 = __importDefault(require("@umijs/core/compiled/@hapi/joi"));
+const joi_1 = __importDefault(require("@umijs/utils/compiled/@hapi/joi"));
 // @ts-ignore
 const joi2types_1 = __importDefault(require("../../../compiled/joi2types"));
 exports.default = (api) => {

package/dist/features/tmpFiles/routes.d.ts

@@ -4,7 +4,7 @@ export declare function getApiRoutes(opts: {
 }): Promise<any>;
 export declare function getRoutes(opts: {
     api: IApi;
-}): Promise<any>;
+}): Promise<Record<string, any>>;
 export declare function getRouteComponents(opts: {
     routes: Record<string, any>;
     prefix: string;

package/dist/features/tmpFiles/routes.js

@@ -50,7 +50,7 @@ async function getRoutes(opts) {
                     basedir: opts.api.paths.absPagesPath,
                     extensions: ['.js', '.jsx', '.tsx', '.ts', '.vue'],
                 }));
-                component = component.replace(`${opts.api.paths.absSrcPath}/`, '@/');
+                component = component.replace((0, utils_1.winPath)(`${opts.api.paths.absSrcPath}/`), '@/');
                 return component;
             },
         });
@@ -112,6 +112,8 @@ async function getRoutes(opts) {
     const absLayoutPath = (0, utils_1.tryPaths)([
         (0, path_1.join)(opts.api.paths.absSrcPath, 'layouts/index.tsx'),
         (0, path_1.join)(opts.api.paths.absSrcPath, 'layouts/index.vue'),
+        (0, path_1.join)(opts.api.paths.absSrcPath, 'layouts/index.jsx'),
+        (0, path_1.join)(opts.api.paths.absSrcPath, 'layouts/index.js'),
     ]);
     const layouts = (await opts.api.applyPlugins({
         key: 'addLayouts',
@@ -119,11 +121,14 @@ async function getRoutes(opts) {
             absLayoutPath && {
                 id: '@@/global-layout',
                 file: (0, utils_1.winPath)(absLayoutPath),
+                test(route) {
+                    return route.layout !== false;
+                },
             },
         ].filter(Boolean),
     })).map((layout) => {
         // prune local path prefix, avoid mix in outputs
-        layout.file = layout.file.replace(new RegExp(`^${absSrcPath}`), '@');
+        layout.file = layout.file.replace(new RegExp(`^${(0, utils_1.winPath)(absSrcPath)}`), '@');
         return layout;
     });
     for (const layout of layouts) {
@@ -135,6 +140,7 @@ async function getRoutes(opts) {
                 file: layout.file,
                 parentId: undefined,
                 absPath: '/',
+                isLayout: true,
             },
             routes,
             test: layout.test,
@@ -159,7 +165,7 @@ exports.getRoutes = getRoutes;
 async function getRouteComponents(opts) {
     const imports = Object.keys(opts.routes)
         .map((key) => {
-        const useSuspense = true; // opts.api.appData.react.version.startsWith('18.');
+        const useSuspense = opts.api.appData.framework === 'react' ? true : false; // opts.api.appData.react.version.startsWith('18.');
         const route = opts.routes[key];
         if (!route.file) {
             return useSuspense
@@ -174,7 +180,11 @@ async function getRouteComponents(opts) {
         // component: (() => () => <h1>foo</h1>)()
         if (route.file.startsWith('(')) {
             return useSuspense
-                ? `'${key}': React.lazy(() => Promise.resolve(${route.file})),`
+                ? // Compatible with none default route exports
+                    // e.g. https://github.com/umijs/umi/blob/0d40a07bf28b0760096cbe2f22da4d639645b937/packages/plugins/src/qiankun/master.ts#L55
+                    `'${key}': React.lazy(
+              () => Promise.resolve(${route.file}).then(e => e?.default ? e : ({ default: e }))
+            ),`
                 : `'${key}': () => Promise.resolve(${route.file}),`;
         }
         const path = (0, path_1.isAbsolute)(route.file) || route.file.startsWith('@/')

package/dist/features/tmpFiles/tmpFiles.js

@@ -51,8 +51,6 @@ exports.default = (api) => {
                     strict: true,
                     resolveJsonModule: true,
                     allowSyntheticDefaultImports: true,
-                    // Enforce using `import type` instead of `import` for types
-                    importsNotUsedAsValues: 'error',
                     // Supported by vue only
                     ...(api.appData.framework === 'vue'
                         ? {
@@ -267,6 +265,7 @@ declare module '*.txt' {
             noPluginDir: true,
             path: 'core/EmptyRoute.tsx',
             content: `
+import React from 'react';
 import { Outlet } from 'umi';
 export default function EmptyRoute() {
   return <Outlet />;
@@ -302,6 +301,7 @@ export default function EmptyRoute() {
             path: 'core/route.tsx',
             tplPath: (0, path_1.join)(constants_1.TEMPLATES_DIR, 'route.tpl'),
             context: {
+                isReact: api.appData.framework === 'react',
                 isClientLoaderEnabled: !!api.config.clientLoader,
                 routes: JSON.stringify(clonedRoutes)
                     // "clientLoaders['foo']" > clientLoaders['foo']
@@ -379,14 +379,17 @@ export default function EmptyRoute() {
             });
         }
         // history.ts
-        api.writeTmpFile({
-            noPluginDir: true,
-            path: 'core/history.ts',
-            tplPath: (0, path_1.join)(constants_1.TEMPLATES_DIR, 'history.tpl'),
-            context: {
-                rendererPath,
-            },
-        });
+        // only react generates because the preset-vue override causes vite hot updates to fail
+        if (api.appData.framework === 'react') {
+            api.writeTmpFile({
+                noPluginDir: true,
+                path: 'core/history.ts',
+                tplPath: (0, path_1.join)(constants_1.TEMPLATES_DIR, 'history.tpl'),
+                context: {
+                    rendererPath,
+                },
+            });
+        }
     });
     function checkMembers(opts) {
         const conflicts = utils_1.lodash.intersection(opts.exportMembers, opts.members);

package/dist/libs/folderCache/AutoUpdateFolderCache.d.ts

@@ -0,0 +1,32 @@
+declare type AbsPath = string;
+declare type FileContent = string;
+declare type FileContentCache = Record<AbsPath, FileContent>;
+export declare type FileChangeEvent = {
+    event: 'unlink' | 'change' | 'add';
+    path: string;
+};
+export declare class AutoUpdateFolderCache {
+    fileContentCache: FileContentCache;
+    private watcher;
+    private readonly readyPromise;
+    private readonly cwd;
+    pendingChanges: FileChangeEvent[];
+    private readonly debouchedHandleChanges;
+    private readonly onCacheUpdated;
+    private readonly filesLoader;
+    constructor(opts: {
+        cwd: string;
+        exts: string[];
+        onCacheUpdate: (cache: FileContentCache, events: FileChangeEvent[]) => void;
+        debouncedTimeout?: number;
+        ignored: string[];
+        filesLoader?: (files: string[]) => Promise<Record<string, string>>;
+    });
+    unwatch(): Promise<void>;
+    init(): Promise<void>;
+    private watchAll;
+    getFileCache(): FileContentCache;
+    loadFiles(files: string[]): Promise<void>;
+    private _defaultLoader;
+}
+export {};

package/dist/libs/folderCache/AutoUpdateFolderCache.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoUpdateFolderCache = void 0;
+const utils_1 = require("@umijs/utils");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const { watch } = utils_1.chokidar;
+class AutoUpdateFolderCache {
+    constructor(opts) {
+        this.fileContentCache = {};
+        this.pendingChanges = [];
+        console.log('the path ', `./**/*.{${opts.exts.join(',')}}`);
+        this.cwd = opts.cwd;
+        this.onCacheUpdated = opts.onCacheUpdate;
+        this.filesLoader = opts.filesLoader || this._defaultLoader;
+        this.watcher = watch(`./**/*.{${opts.exts.join(',')}}`, {
+            ignored: opts.ignored || [],
+            cwd: opts.cwd,
+            ignorePermissionErrors: true,
+            ignoreInitial: true,
+        });
+        this.watchAll();
+        this.readyPromise = new Promise((resolve) => {
+            this.watcher.on('ready', () => {
+                resolve();
+            });
+        });
+        this.debouchedHandleChanges = utils_1.lodash.debounce(async () => {
+            const modifiedFiles = [];
+            const events = this.pendingChanges.slice();
+            while (this.pendingChanges.length > 0) {
+                const c = this.pendingChanges.pop();
+                switch (c.event) {
+                    case 'unlink':
+                        delete this.fileContentCache[c.path];
+                        break;
+                    case 'change':
+                    case 'add':
+                        modifiedFiles.push(c.path);
+                        break;
+                    default:
+                        ((_n) => { })(c.event);
+                }
+            }
+            await this.loadFiles(modifiedFiles);
+            await this.onCacheUpdated(this.fileContentCache, events);
+        }, opts.debouncedTimeout);
+    }
+    unwatch() {
+        return this.watcher.close();
+    }
+    async init() {
+        await this.readyPromise;
+    }
+    watchAll() {
+        this.watcher.on('all', (eventName, path) => {
+            switch (eventName) {
+                case 'change':
+                    this.pendingChanges.push({
+                        event: 'change',
+                        path: (0, path_1.join)(this.cwd, path),
+                    });
+                    this.debouchedHandleChanges();
+                    break;
+                case 'add':
+                    this.pendingChanges.push({
+                        event: 'add',
+                        path: (0, path_1.join)(this.cwd, path),
+                    });
+                    this.debouchedHandleChanges();
+                    break;
+                case 'unlink':
+                    this.pendingChanges.push({
+                        event: 'unlink',
+                        path: (0, path_1.join)(this.cwd, path),
+                    });
+                    this.debouchedHandleChanges();
+                    break;
+                default:
+                // ignore all others;
+            }
+        });
+    }
+    getFileCache() {
+        return this.fileContentCache;
+    }
+    async loadFiles(files) {
+        const loaded = await this.filesLoader(files);
+        for (const f of Object.keys(loaded)) {
+            this.fileContentCache[f] = loaded[f];
+        }
+    }
+    async _defaultLoader(files) {
+        const loaded = {};
+        for (let file of files) {
+            try {
+                loaded[file] = (0, fs_1.readFileSync)(file, 'utf-8');
+            }
+            catch (e) {
+                utils_1.logger.error('[fileCache] load file', (0, path_1.relative)(this.cwd, file), 'failed ', e);
+            }
+        }
+        return loaded;
+    }
+}
+exports.AutoUpdateFolderCache = AutoUpdateFolderCache;

package/dist/libs/folderCache/AutoUpdateSourceCodeCache.d.ts

@@ -0,0 +1,27 @@
+import { ImportSpecifier } from '@umijs/bundler-utils/compiled/es-module-lexer';
+import { AutoUpdateFolderCache, FileChangeEvent } from './AutoUpdateFolderCache';
+export declare type MergedCodeInfo = {
+    code: string;
+    imports: readonly ImportSpecifier[];
+    events: FileChangeEvent[];
+};
+export declare type Listener = (info: MergedCodeInfo) => void;
+export declare class AutoUpdateSrcCodeCache {
+    private readonly srcPath;
+    private readonly cachePath;
+    folderCache: AutoUpdateFolderCache;
+    private listeners;
+    constructor(opts: {
+        cwd: string;
+        cachePath: string;
+    });
+    init(): Promise<void>;
+    private initFileList;
+    batchProcess(files: string[]): Promise<void>;
+    getMergedCode(): {
+        code: string;
+        imports: readonly ImportSpecifier[];
+    };
+    register(l: Listener): () => void;
+    unwatch(): Promise<void>;
+}

package/dist/libs/folderCache/AutoUpdateSourceCodeCache.js

@@ -0,0 +1,124 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoUpdateSrcCodeCache = void 0;
+const es_module_lexer_1 = require("@umijs/bundler-utils/compiled/es-module-lexer");
+const esbuild_1 = require("@umijs/bundler-utils/compiled/esbuild");
+const utils_1 = require("@umijs/utils");
+// @ts-ignore
+const fast_glob_1 = __importDefault(require("fast-glob"));
+const fs_1 = require("fs");
+const path_1 = require("path");
+const AutoUpdateFolderCache_1 = require("./AutoUpdateFolderCache");
+class AutoUpdateSrcCodeCache {
+    constructor(opts) {
+        this.listeners = [];
+        this.srcPath = opts.cwd;
+        this.cachePath = opts.cachePath;
+        this.folderCache = new AutoUpdateFolderCache_1.AutoUpdateFolderCache({
+            cwd: this.srcPath,
+            exts: ['ts', 'js', 'jsx', 'tsx'],
+            ignored: [
+                '**/*.d.ts',
+                '**/*.test.{js,ts,jsx,tsx}',
+                // fixme respect to environment
+                '**/.umi-production/**',
+                '**/node_modules/**',
+                '**/.git/**',
+            ],
+            debouncedTimeout: 500,
+            filesLoader: async (files) => {
+                const loaded = {};
+                await this.batchProcess(files);
+                for (const f of files) {
+                    let newFile = (0, path_1.join)(this.cachePath, (0, path_1.relative)(this.srcPath, f));
+                    // fixme ensure the last one
+                    newFile = newFile.replace((0, path_1.extname)(newFile), '.js');
+                    loaded[f] = (0, fs_1.readFileSync)(newFile, 'utf-8');
+                }
+                return loaded;
+            },
+            onCacheUpdate: (_cache, events) => {
+                const merged = this.getMergedCode();
+                const info = { ...merged, events };
+                this.listeners.forEach((l) => l(info));
+            },
+        });
+    }
+    async init() {
+        const [files] = await Promise.all([this.initFileList(), es_module_lexer_1.init]);
+        await this.folderCache.loadFiles(files);
+    }
+    async initFileList() {
+        const start = Date.now();
+        const files = await (0, fast_glob_1.default)((0, path_1.join)(this.srcPath, '**', '*.{ts,js,jsx,tsx}'), {
+            dot: true,
+            ignore: [
+                '**/*.d.ts',
+                '**/*.test.{js,ts,jsx,tsx}',
+                // fixme respect to environment
+                '**/.umi-production/**',
+                '**/node_modules/**',
+                '**/.git/**',
+            ],
+        });
+        utils_1.logger.debug('[MFSU][eager] fast-glob costs', Date.now() - start);
+        return files;
+    }
+    async batchProcess(files) {
+        var _a, _b, _c, _d;
+        try {
+            await (0, esbuild_1.build)({
+                entryPoints: files,
+                bundle: false,
+                outdir: this.cachePath,
+                outbase: this.srcPath,
+                loader: {
+                    // in case some js using some feature, eg: decorator
+                    '.jsx': 'tsx',
+                },
+                logLevel: 'silent',
+            });
+        }
+        catch (e) {
+            // error ignored due to user have to update code to fix then trigger another batchProcess;
+            // @ts-ignore
+            if (((_a = e.errors) === null || _a === void 0 ? void 0 : _a.length) || ((_b = e.warnings) === null || _b === void 0 ? void 0 : _b.length)) {
+                utils_1.logger.warn('transpile code with esbuild got ', 
+                // @ts-ignore
+                ((_c = e.errors) === null || _c === void 0 ? void 0 : _c.lenght) || 0, 'errors,', 
+                // @ts-ignore
+                ((_d = e.warnings) === null || _d === void 0 ? void 0 : _d.length) || 0, 'warnings');
+                utils_1.logger.debug('esbuild transpile code with error', e);
+            }
+            else {
+                utils_1.logger.warn('transpile code with esbuild error', e);
+            }
+        }
+    }
+    getMergedCode() {
+        const fileContentCache = this.folderCache.getFileCache();
+        const code = Object.values(fileContentCache).join('\n');
+        const [imports] = (0, es_module_lexer_1.parse)(code);
+        const merged = {
+            code,
+            imports,
+        };
+        return merged;
+    }
+    register(l) {
+        if (this.listeners.indexOf(l) < 0) {
+            this.listeners.push(l);
+        }
+        return () => {
+            const i = this.listeners.indexOf(l);
+            this.listeners.splice(i, 1);
+        };
+    }
+    unwatch() {
+        return this.folderCache.unwatch();
+    }
+}
+exports.AutoUpdateSrcCodeCache = AutoUpdateSrcCodeCache;

package/dist/registerMethods.js

@@ -83,17 +83,19 @@ exports.default = (api) => {
                 (0, assert_1.default)(utils_1.lodash.isPlainObject(opts.context), `opts.context must be plain object.`);
                 content = utils_1.Mustache.render(tpl, opts.context);
             }
+            // Only js files generate comments
+            const isJsFile = /\.(t|j)sx?$/.test(absPath);
             content = [
                 (0, isTypeScriptFile_1.isTypeScriptFile)(opts.path) && `// @ts-nocheck`,
-                '// This file is generated by Umi automatically',
-                '// DO NOT CHANGE IT MANUALLY!',
+                isJsFile && '// This file is generated by Umi automatically',
+                isJsFile && '// DO NOT CHANGE IT MANUALLY!',
                 content.trim(),
                 '',
             ]
                 .filter((text) => text !== false)
                 .join('\n');
             // transform imports for all javascript-like files only vite mode enable
-            if (api.appData.vite && /\.(t|j)sx?$/.test(absPath)) {
+            if (api.appData.vite && isJsFile) {
                 content = (0, transformIEAR_1.default)({ content, path: absPath }, api);
             }
             if (!(0, fs_1.existsSync)(absPath)) {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@umijs/preset-umi",
-  "version": "4.0.1",
+  "version": "4.0.4",
   "description": "@umijs/preset-umi",
-  "homepage": "https://github.com/umijs/umi-next/tree/master/packages/preset-umi#readme",
-  "bugs": "https://github.com/umijs/umi-next/issues",
+  "homepage": "https://github.com/umijs/umi/tree/master/packages/preset-umi#readme",
+  "bugs": "https://github.com/umijs/umi/issues",
   "repository": {
     "type": "git",
-    "url": "https://github.com/umijs/umi-next"
+    "url": "https://github.com/umijs/umi"
   },
   "license": "MIT",
   "main": "dist/index.js",
@@ -21,23 +21,24 @@
   "scripts": {
     "build": "pnpm tsc",
     "build:deps": "umi-scripts bundleDeps",
-    "dev": "pnpm build -- --watch",
+    "dev": "pnpm build --watch",
     "test": "umi-scripts jest-turbo"
   },
   "dependencies": {
     "@types/multer": "1.4.7",
-    "@umijs/ast": "4.0.1",
-    "@umijs/babel-preset-umi": "4.0.1",
-    "@umijs/bundler-utils": "4.0.1",
-    "@umijs/bundler-vite": "4.0.1",
-    "@umijs/bundler-webpack": "4.0.1",
-    "@umijs/core": "4.0.1",
-    "@umijs/renderer-react": "4.0.1",
-    "@umijs/server": "4.0.1",
-    "@umijs/utils": "4.0.1",
+    "@umijs/ast": "4.0.4",
+    "@umijs/babel-preset-umi": "4.0.4",
+    "@umijs/bundler-utils": "4.0.4",
+    "@umijs/bundler-vite": "4.0.4",
+    "@umijs/bundler-webpack": "4.0.4",
+    "@umijs/core": "4.0.4",
+    "@umijs/renderer-react": "4.0.4",
+    "@umijs/server": "4.0.4",
+    "@umijs/utils": "4.0.4",
     "core-js": "3.22.4",
     "current-script-polyfill": "1.0.0",
     "enhanced-resolve": "5.9.3",
+    "fast-glob": "^3.2.11",
     "magic-string": "0.26.2",
     "path-to-regexp": "1.7.0",
     "react": "18.1.0",

package/templates/generate/api.ts.tpl

@@ -1,4 +1,4 @@
-import { UmiApiRequest, UmiApiResponse } from "umi";
+import type { UmiApiRequest, UmiApiResponse } from "umi";
 
 export default async function (req: UmiApiRequest, res: UmiApiResponse) {
   switch (req.method) {

package/templates/route.tpl

@@ -1,7 +1,9 @@
 {{#isClientLoaderEnabled}}
 import clientLoaders from './loaders.js';
 {{/isClientLoaderEnabled}}
+{{#isReact}}
 import React from 'react';
+{{/isReact}}
 
 export async function getRoutes() {
   return {