@umijs/babel-preset-umi 3.5.18 → 4.0.0-beta.10

package/README.md

@@ -1 +1,3 @@
 # @umijs/babel-preset-umi
+
+See our website [umijs](https://umijs.org) for more information.

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,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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: '3', 
+                    // 没必要，遇到了应该改 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({ 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
+                    absoluteRuntime: (0, path_1.dirname)(require.resolve('@babel/runtime/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,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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,37 +1,35 @@
 {
   "name": "@umijs/babel-preset-umi",
-  "version": "3.5.18",
-  "description": "@umijs/babel-preset-umi",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "files": [
-    "lib",
-    "app.js",
-    "node.js",
-    "dependency.js"
-  ],
+  "version": "4.0.0-beta.10",
+  "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",
   "repository": {
     "type": "git",
-    "url": "https://github.com/umijs/umi"
+    "url": "https://github.com/umijs/umi-next"
   },
-  "keywords": [
-    "umi"
-  ],
-  "authors": [
-    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"
-  ],
   "license": "MIT",
-  "bugs": "http://github.com/umijs/umi/issues",
-  "homepage": "https://github.com/umijs/umi/tree/master/packages/babel-preset-umi#readme",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "pnpm tsc",
+    "build:deps": "pnpm esno ../../scripts/bundleDeps.ts",
+    "dev": "pnpm build -- --watch"
+  },
+  "dependencies": {
+    "@babel/runtime": "7.16.0",
+    "@bloomberg/record-tuple-polyfill": "0.0.4",
+    "@umijs/bundler-utils": "4.0.0-beta.10",
+    "@umijs/utils": "4.0.0-beta.10",
+    "core-js": "3.19.0"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {
-    "@babel/runtime": "7.12.5",
-    "@umijs/babel-plugin-auto-css-modules": "3.5.18",
-    "@umijs/babel-plugin-import-to-await-require": "3.5.18",
-    "@umijs/babel-plugin-lock-core-js-3": "3.5.18",
-    "@umijs/babel-plugin-no-anonymous-default-export": "3.5.18",
-    "@umijs/deps": "3.5.18"
-  }
+  "authors": [
+    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"
+  ]
 }

package/app.js

@@ -1,30 +0,0 @@
-module.exports = function (context, opts) {
-  const { nodeEnv } = opts;
-  delete opts['nodeEnv'];
-
-  return {
-    presets: [
-      [
-        require('./lib').default,
-        require('@umijs/utils').deepmerge(
-          {
-            typescript: true,
-            env: {
-              useBuiltIns: 'entry',
-              corejs: 3,
-              modules: false,
-            },
-            react: {
-              development: nodeEnv === 'development',
-            },
-            transformRuntime: {},
-            reactRemovePropTypes: nodeEnv === 'production',
-            reactRequire: true,
-            lockCoreJS3: {},
-          },
-          opts,
-        ),
-      ],
-    ],
-  };
-};

package/dependency.js

@@ -1,23 +0,0 @@
-module.exports = function (api, opts) {
-  const { nodeEnv } = opts;
-  delete opts['nodeEnv'];
-
-  return {
-    presets: [
-      [
-        require('./lib').default,
-        require('@umijs/utils').deepmerge(
-          {
-            env: {
-              useBuiltIns: 'entry',
-              corejs: 3,
-              modules: false,
-            },
-            transformRuntime: {},
-          },
-          opts,
-        ),
-      ],
-    ],
-  };
-};

package/lib/index.d.ts

@@ -1,25 +0,0 @@
-interface IImportPluginOpts {
-    libraryName: string;
-    libraryDirectory?: string;
-    style?: boolean;
-    camel2DashComponentName?: boolean;
-}
-export interface IOpts {
-    typescript?: boolean;
-    react?: object;
-    debug?: boolean;
-    env?: object;
-    transformRuntime?: object;
-    reactRemovePropTypes?: boolean;
-    reactRequire?: boolean;
-    dynamicImportNode?: boolean;
-    importToAwaitRequire?: object;
-    autoCSSModules?: boolean;
-    svgr?: object;
-    import?: IImportPluginOpts[];
-    lockCoreJS3?: object;
-    modify?: Function;
-    noAnonymousDefaultExport?: boolean;
-}
-declare const _default: (context: any, opts?: IOpts) => any;
-export default _default;

package/lib/index.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _utils() {
-  const data = require("@umijs/utils");
-
-  _utils = function _utils() {
-    return data;
-  };
-
-  return data;
-}
-
-function _path() {
-  const data = require("path");
-
-  _path = function _path() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function toObject(obj) {
-  return typeof obj === 'object' ? obj : {};
-}
-
-var _default = (context, opts = {}) => {
-  const defaultEnvConfig = {
-    exclude: ['transform-typeof-symbol', 'transform-unicode-regex', 'transform-sticky-regex', 'transform-new-target', 'transform-modules-umd', 'transform-modules-systemjs', 'transform-modules-amd', 'transform-literals']
-  };
-  const preset = {
-    presets: [opts.env && [require('@umijs/deps/compiled/babel/preset-env').default, _objectSpread(_objectSpread({}, (0, _utils().mergeConfig)(defaultEnvConfig, toObject(opts.env))), {}, {
-      debug: opts.debug
-    })], opts.react && [require('@umijs/deps/compiled/babel/preset-react').default, toObject(opts.react)], opts.typescript && [require('@umijs/deps/compiled/babel/preset-typescript').default, {
-      // https://babeljs.io/docs/en/babel-plugin-transform-typescript#impartial-namespace-support
-      allowNamespaces: true
-    }]].filter(Boolean),
-    plugins: [// https://github.com/webpack/webpack/issues/10227
-    [require('@umijs/deps/compiled/babel/plugin-proposal-optional-chaining').default, {
-      loose: false
-    }], // https://github.com/webpack/webpack/issues/10227
-    [require('@umijs/deps/compiled/babel/plugin-proposal-nullish-coalescing-operator').default, {
-      loose: false
-    }], require('@umijs/deps/compiled/babel/plugin-syntax-top-level-await').default, // Necessary to include regardless of the environment because
-    // in practice some other transforms (such as object-rest-spread)
-    // don't work without it: https://github.com/babel/babel/issues/7215
-    [require('@umijs/deps/compiled/babel/plugin-transform-destructuring').default, {
-      loose: false
-    }], // https://www.npmjs.com/package/babel-plugin-transform-typescript-metadata#usage
-    // should be placed before @babel/plugin-proposal-decorators.
-    opts.typescript && [require.resolve('@umijs/deps/compiled/babel/babel-plugin-transform-typescript-metadata')], [require('@umijs/deps/compiled/babel/plugin-proposal-decorators').default, {
-      legacy: true
-    }], [require('@umijs/deps/compiled/babel/plugin-proposal-class-properties').default, {
-      loose: true
-    }], require('@umijs/deps/compiled/babel/plugin-proposal-export-default-from').default, [require('@umijs/deps/compiled/babel/plugin-proposal-pipeline-operator').default, {
-      proposal: 'minimal'
-    }], require('@umijs/deps/compiled/babel/plugin-proposal-do-expressions').default, require('@umijs/deps/compiled/babel/plugin-proposal-function-bind').default, require('@umijs/deps/compiled/babel/plugin-proposal-logical-assignment-operators').default, opts.transformRuntime && [require('@umijs/deps/compiled/babel/plugin-transform-runtime').default, _objectSpread({
-      version: require('@babel/runtime/package.json').version,
-      // https://babeljs.io/docs/en/babel-plugin-transform-runtime#absoluteruntime
-      // lock the version of @babel/runtime
-      // make sure we are using the correct version
-      absoluteRuntime: (0, _path().dirname)(require.resolve('@babel/runtime/package.json')),
-      // https://babeljs.io/docs/en/babel-plugin-transform-runtime#useesmodules
-      useESModules: true
-    }, toObject(opts.transformRuntime))], opts.reactRemovePropTypes && [require.resolve('@umijs/deps/compiled/babel/babel-plugin-transform-react-remove-prop-types'), {
-      removeImport: true
-    }], opts.reactRequire && [require.resolve('@umijs/deps/compiled/babel/babel-plugin-react-require')], opts.dynamicImportNode && [require.resolve('@umijs/deps/compiled/babel/babel-plugin-dynamic-import-node')], opts.svgr && [require.resolve('@umijs/deps/compiled/babel/babel-plugin-named-asset-import'), {
-      loaderMap: {
-        svg: {
-          ReactComponent: `${require.resolve('@umijs/deps/compiled/babel/svgr-webpack')}?-svgo,+titleProp,+ref![path]`
-        }
-      }
-    }], ...(opts.import ? opts.import.map(importOpts => {
-      return [require.resolve('@umijs/deps/compiled/babel/babel-plugin-import'), importOpts, importOpts.libraryName];
-    }) : []), opts.autoCSSModules && [require.resolve('@umijs/babel-plugin-auto-css-modules')], opts.importToAwaitRequire && [require.resolve('@umijs/babel-plugin-import-to-await-require'), opts.importToAwaitRequire], opts.lockCoreJS3 && [require.resolve('@umijs/babel-plugin-lock-core-js-3'), opts.lockCoreJS3], opts.noAnonymousDefaultExport && [require.resolve('@umijs/babel-plugin-no-anonymous-default-export')], [require('@umijs/deps/compiled/babel/plugin-proposal-record-and-tuple').default, {
-      syntaxType: 'hash',
-      polyfillModuleName: '@umijs/deps/reexported/record-tuple-polyfill',
-      importPolyfill: true
-    }]].filter(Boolean)
-  };
-  return opts.modify ? opts.modify(preset) : preset;
-};
-
-exports.default = _default;

package/node.js

@@ -1,22 +0,0 @@
-module.exports = function (api, opts) {
-  return {
-    presets: [
-      [
-        require('./lib').default,
-        require('@umijs/utils').deepmerge(
-          {
-            typescript: true,
-            react: true,
-            env: {
-              targets: {
-                node: 'current',
-              },
-              modules: 'commonjs',
-            },
-          },
-          opts,
-        ),
-      ],
-    ],
-  };
-};