@umijs/babel-preset-umi 4.0.0-canary.20220429.3 → 4.0.0-canary.20220429.4

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+interface IOpts {
+    presetEnv: any;
+    presetReact: any;
+    presetTypeScript: any;
+    pluginTransformRuntime: any;
+    pluginLockCoreJS: any;
+    pluginDynamicImportNode: any;
+    pluginAutoCSSModules: any;
+}
+declare const _default: (_context: any, opts: IOpts) => {
+    presets: any[][];
+    plugins: any[];
+};
+export default _default;

package/dist/index.js

@@ -0,0 +1,100 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("@umijs/utils");
+const path_1 = require("path");
+const autoCSSModules_1 = __importDefault(require("./plugins/autoCSSModules"));
+const dynamicImportNode_1 = __importDefault(require("./plugins/dynamicImportNode"));
+const lockCoreJS_1 = __importDefault(require("./plugins/lockCoreJS"));
+exports.default = (_context, opts) => {
+    return {
+        presets: [
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/preset-env'),
+                Object.assign({ bugfixes: true, 
+                    // 更兼容 spec，但会变慢，所以不开
+                    spec: false, 
+                    // 推荐用 top level 的 assumptions 配置
+                    loose: false, 
+                    // 保留 es modules 语法，交给 webpack 处理
+                    modules: false, debug: false, useBuiltIns: 'entry', corejs: (0, utils_1.getCorejsVersion)((0, path_1.join)(__dirname, '../package.json')), 
+                    // 没必要，遇到了应该改 targets 配置
+                    forceAllTransforms: false, ignoreBrowserslistConfig: true }, opts.presetEnv),
+            ],
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/preset-react'),
+                Object.assign({ runtime: 'automatic', development: process.env.NODE_ENV === 'development', importSource: 'react' }, opts.presetReact),
+            ],
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/preset-typescript'),
+                Object.assign({ 
+                    // 支持vue 后缀
+                    allExtensions: true, 
+                    // 支持tsx
+                    isTSX: true, allowNamespaces: true, allowDeclareFields: true, onlyRemoveTypeImports: true, optimizeConstEnums: true }, opts.presetTypeScript),
+            ],
+        ],
+        plugins: [
+            // TC39 Proposals
+            // class-static-block
+            // decorators
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-proposal-decorators'),
+                { legacy: true },
+            ],
+            // do-expressions
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-proposal-do-expressions'),
+            ],
+            // export-default-from
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-proposal-export-default-from'),
+            ],
+            // export-namespace-from
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-proposal-export-namespace-from'),
+            ],
+            // function-bind
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-proposal-function-bind'),
+            ],
+            // function-sent
+            // partial-application
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-proposal-partial-application'),
+            ],
+            // pipeline-operator
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-proposal-pipeline-operator'),
+                { proposal: 'minimal' },
+            ],
+            // throw-expressions
+            // record-and-tuple
+            [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-proposal-record-and-tuple'),
+                {
+                    syntaxType: 'hash',
+                    importPolyfill: true,
+                    polyfillModuleName: (0, path_1.dirname)(require.resolve('@bloomberg/record-tuple-polyfill/package')),
+                },
+            ],
+            opts.pluginTransformRuntime && [
+                require.resolve('@umijs/bundler-utils/compiled/babel/plugin-transform-runtime'),
+                Object.assign({ helpers: true, regenerator: true, 
+                    // 7.13 之后根据 exports 自动选择 esm 和 cjs，无需此配置
+                    useESModules: false, 
+                    // lock the version of @babel/runtime
+                    // make sure we are using the correct version
+                    // ref: https://github.com/babel/babel/blob/v7.16.12/packages/babel-plugin-transform-runtime/src/get-runtime-path/index.ts#L19
+                    // ref: https://github.com/umijs/umi/pull/7816
+                    absoluteRuntime: (0, path_1.dirname)(require.resolve('../package.json')), version: `^${require('@babel/runtime/package.json').version}` }, opts.pluginTransformRuntime),
+            ],
+            // none official plugins
+            opts.pluginLockCoreJS && [lockCoreJS_1.default],
+            opts.pluginDynamicImportNode && [dynamicImportNode_1.default],
+            opts.pluginAutoCSSModules && [autoCSSModules_1.default],
+        ].filter(Boolean),
+    };
+};

package/dist/plugins/autoCSSModules.d.ts

@@ -0,0 +1,8 @@
+import * as Babel from '@umijs/bundler-utils/compiled/babel/core';
+import * as t from '@umijs/bundler-utils/compiled/babel/types';
+export default function (): {
+    visitor: {
+        ImportDeclaration(path: Babel.NodePath<t.ImportDeclaration>): void;
+        VariableDeclarator(path: Babel.NodePath<t.VariableDeclarator>): void;
+    };
+};

package/dist/plugins/autoCSSModules.js

@@ -0,0 +1,54 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const t = __importStar(require("@umijs/bundler-utils/compiled/babel/types"));
+const path_1 = require("path");
+const CSS_EXT_NAMES = ['.css', '.less', '.sass', '.scss', '.stylus', '.styl'];
+function default_1() {
+    return {
+        visitor: {
+            ImportDeclaration(path) {
+                const { specifiers, source, source: { value }, } = path.node;
+                if (specifiers.length && CSS_EXT_NAMES.includes((0, path_1.extname)(value))) {
+                    source.value = `${value}?modules`;
+                }
+            },
+            // e.g.
+            // const styles = await import('./index.less');
+            VariableDeclarator(path) {
+                const { node } = path;
+                if (t.isAwaitExpression(node.init) &&
+                    t.isCallExpression(node.init.argument) &&
+                    t.isImport(node.init.argument.callee) &&
+                    node.init.argument.arguments.length === 1 &&
+                    t.isStringLiteral(node.init.argument.arguments[0]) &&
+                    CSS_EXT_NAMES.includes((0, path_1.extname)(node.init.argument.arguments[0].value))) {
+                    node.init.argument.arguments[0].value = `${node.init.argument.arguments[0].value}?modules`;
+                }
+            },
+        },
+    };
+}
+exports.default = default_1;

package/dist/plugins/dynamicImportNode.d.ts

@@ -0,0 +1,3 @@
+import * as Babel from '@umijs/bundler-utils/compiled/babel/core';
+declare const _default: () => Babel.PluginObj;
+export default _default;

package/dist/plugins/dynamicImportNode.js

@@ -0,0 +1,75 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_1 = __importDefault(require("@umijs/bundler-utils/compiled/babel/template"));
+const t = __importStar(require("@umijs/bundler-utils/compiled/babel/types"));
+function getImportSource(callNode) {
+    // @ts-ignore
+    const importArguments = callNode.arguments;
+    const [importPath] = importArguments;
+    const isString = t.isStringLiteral(importPath) || t.isTemplateLiteral(importPath);
+    if (isString) {
+        t.removeComments(importPath);
+        return importPath;
+    }
+    return t.templateLiteral([
+        t.templateElement({ raw: '', cooked: '' }),
+        t.templateElement({ raw: '', cooked: '' }, true),
+    ], importArguments);
+}
+const builders = {
+    static: (0, template_1.default)('Promise.resolve().then(() => INTEROP(require(SOURCE)))'),
+    dynamic: (0, template_1.default)('Promise.resolve(SOURCE).then(s => INTEROP(require(s)))'),
+};
+function isString(node) {
+    return (t.isStringLiteral(node) ||
+        (t.isTemplateLiteral(node) && node.expressions.length === 0));
+}
+exports.default = () => {
+    const visited = new WeakSet();
+    return {
+        visitor: {
+            Import(path) {
+                if (visited) {
+                    if (visited.has(path)) {
+                        return;
+                    }
+                    visited.add(path);
+                }
+                const SOURCE = getImportSource(path.parent);
+                const builder = isString(SOURCE) ? builders.static : builders.dynamic;
+                const newImport = builder({
+                    SOURCE,
+                    INTEROP: path.hub.addHelper('interopRequireWildcard'),
+                });
+                // @ts-ignore
+                path.parentPath.replaceWith(newImport);
+            },
+        },
+    };
+};

package/dist/plugins/lockCoreJS.d.ts

@@ -0,0 +1,3 @@
+export default function (): {
+    post({ path }: any): void;
+};

package/dist/plugins/lockCoreJS.js

@@ -0,0 +1,45 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const t = __importStar(require("@umijs/bundler-utils/compiled/babel/types"));
+const utils_1 = require("@umijs/utils");
+const path_1 = require("path");
+function addLastSlash(path) {
+    return path.endsWith('/') ? path : `${path}/`;
+}
+function default_1() {
+    return {
+        post({ path }) {
+            path.node.body.forEach((node) => {
+                if (t.isImportDeclaration(node)) {
+                    if (node.source.value.startsWith('core-js/')) {
+                        node.source.value = node.source.value.replace(/^core-js\//, addLastSlash((0, utils_1.winPath)((0, path_1.dirname)(require.resolve('core-js/package.json')))));
+                    }
+                }
+            });
+        },
+    };
+}
+exports.default = default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/babel-preset-umi",
-  "version": "4.0.0-canary.20220429.3",
+  "version": "4.0.0-canary.20220429.4",
   "description": "Official babel preset for umi.",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/babel-preset-umi#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",
@@ -23,8 +23,8 @@
   "dependencies": {
     "@babel/runtime": "7.17.9",
     "@bloomberg/record-tuple-polyfill": "0.0.4",
-    "@umijs/bundler-utils": "4.0.0-canary.20220429.3",
-    "@umijs/utils": "4.0.0-canary.20220429.3",
+    "@umijs/bundler-utils": "4.0.0-canary.20220429.4",
+    "@umijs/utils": "4.0.0-canary.20220429.4",
     "core-js": "3.21.1"
   },
   "publishConfig": {