@umijs/plugins 4.0.0-beta.9 → 4.0.0-canary.202200505.1

package/dist/locale.js

@@ -1,5 +1,199 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageNormalize = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const plugin_utils_1 = require("umi/plugin-utils");
+const localeUtils_1 = require("./utils/localeUtils");
+const withTmpPath_1 = require("./utils/withTmpPath");
+const packageNormalize = (packageName) => packageName.replace(/[@\/\-.]/g, '_');
+exports.packageNormalize = packageNormalize;
+// TODO: runtime plugin
 exports.default = (api) => {
-    api;
+    // TODO: antd 的校验考虑 antd 插件
+    let hasAntd = false;
+    try {
+        hasAntd = !!require.resolve('antd');
+    }
+    catch (e) {
+        api.logger.warn('antd is not installed. <SelecLang /> unavailable');
+    }
+    const defaultConfig = {
+        baseNavigator: true,
+        useLocalStorage: true,
+        baseSeparator: '-',
+        antd: hasAntd,
+    };
+    api.describe({
+        key: 'locale',
+        config: {
+            schema(joi) {
+                return joi.object({
+                    default: joi.string(),
+                    useLocalStorage: joi.boolean(),
+                    baseNavigator: joi.boolean(),
+                    title: joi.boolean(),
+                    antd: joi.boolean(),
+                    baseSeparator: joi.string(),
+                });
+            },
+        },
+        enableBy: api.EnableBy.config,
+    });
+    const reactIntlPkgPath = (0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('react-intl/package')));
+    // polyfill
+    api.addEntryImportsAhead(() => (0, localeUtils_1.isNeedPolyfill)(api.config.targets || {})
+        ? [
+            {
+                source: require.resolve('intl'),
+            },
+        ]
+        : []);
+    const addAntdLocales = async (args) => {
+        var _a;
+        return await api.applyPlugins({
+            key: 'addAntdLocales',
+            type: api.ApplyPluginsType.add,
+            initialValue: [
+                `antd/${((_a = api.config) === null || _a === void 0 ? void 0 : _a.ssr) ? 'lib' : 'es'}/locale/${(0, localeUtils_1.getAntdLocale)(args.lang, args.country)}`,
+            ],
+            args,
+        });
+    };
+    const getList = async (resolveKey) => {
+        var _a;
+        const { paths } = api;
+        return (0, localeUtils_1.getLocaleList)({
+            localeFolder: 'locales',
+            separator: (_a = api.config.locale) === null || _a === void 0 ? void 0 : _a.baseSeparator,
+            absSrcPath: paths.absSrcPath,
+            absPagesPath: paths.absPagesPath,
+            addAntdLocales,
+            resolveKey,
+        });
+    };
+    api.onGenerateFiles(async () => {
+        var _a, _b, _c, _d;
+        const localeTpl = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/locale/locale.tpl'), 'utf-8');
+        // moment2dayjs
+        const resolveKey = api.config.moment2dayjs ? 'dayjs' : 'moment';
+        const momentPkgPath = (0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve(`${resolveKey}/package.json`)));
+        const EventEmitterPkg = (0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('event-emitter/package')));
+        const { baseSeparator, baseNavigator, antd, title, useLocalStorage } = {
+            ...defaultConfig,
+            ...api.config.locale,
+        };
+        const defaultLocale = ((_a = api.config.locale) === null || _a === void 0 ? void 0 : _a.default) || `zh${baseSeparator}CN`;
+        const localeList = await getList(resolveKey);
+        const momentLocales = localeList
+            .map(({ momentLocale }) => momentLocale)
+            .filter((locale) => locale);
+        const antdLocales = localeList
+            .map(({ antdLocale }) => antdLocale)
+            .filter((locale) => locale);
+        let MomentLocales = momentLocales;
+        let DefaultMomentLocale = '';
+        // set moment default accounding to locale.default
+        if (!MomentLocales.length && ((_b = api.config.locale) === null || _b === void 0 ? void 0 : _b.default)) {
+            const [lang, country = ''] = defaultLocale.split(baseSeparator);
+            const { momentLocale } = (0, localeUtils_1.getMomentLocale)(lang, country, resolveKey);
+            if (momentLocale) {
+                MomentLocales = [momentLocale];
+                DefaultMomentLocale = momentLocale;
+            }
+        }
+        let DefaultAntdLocales = [];
+        // set antd default locale
+        if (!antdLocales.length && ((_c = api.config.locale) === null || _c === void 0 ? void 0 : _c.antd)) {
+            const [lang, country = ''] = defaultLocale.split(baseSeparator);
+            DefaultAntdLocales = plugin_utils_1.lodash.uniq(await addAntdLocales({
+                lang,
+                country,
+            }));
+        }
+        const NormalizeAntdLocalesName = function () {
+            // @ts-ignore
+            return (0, exports.packageNormalize)(this);
+        };
+        api.writeTmpFile({
+            content: plugin_utils_1.Mustache.render(localeTpl, {
+                MomentLocales,
+                DefaultMomentLocale,
+                NormalizeAntdLocalesName,
+                DefaultAntdLocales,
+                Antd: !!antd,
+                Title: title && api.config.title,
+                BaseSeparator: baseSeparator,
+                DefaultLocale: defaultLocale,
+                DefaultLang: defaultLocale,
+                momentPkgPath,
+            }),
+            path: 'locale.tsx',
+        });
+        const localeExportsTpl = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/locale/localeExports.tpl'), 'utf-8');
+        const localeDirName = 'locales';
+        const localeDirPath = (0, path_1.join)(api.paths.absSrcPath, localeDirName);
+        api.writeTmpFile({
+            path: 'localeExports.ts',
+            content: plugin_utils_1.Mustache.render(localeExportsTpl, {
+                EventEmitterPkg,
+                BaseSeparator: baseSeparator,
+                BaseNavigator: baseNavigator,
+                UseLocalStorage: !!useLocalStorage,
+                LocaleDir: localeDirName,
+                ExistLocaleDir: (0, fs_1.existsSync)(localeDirPath),
+                LocaleList: localeList.map((locale) => ({
+                    ...locale,
+                    antdLocale: locale.antdLocale.map((antdLocale, index) => ({
+                        locale: antdLocale,
+                        index: index,
+                    })),
+                    paths: locale.paths.map((path, index) => ({
+                        path,
+                        index,
+                    })),
+                })),
+                Antd: !!antd,
+                DefaultLocale: JSON.stringify(defaultLocale),
+                warningPkgPath: (0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('warning/package'))),
+                reactIntlPkgPath,
+            }),
+        });
+        // runtime.tsx
+        const runtimeTpl = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/locale/runtime.tpl'), 'utf-8');
+        api.writeTmpFile({
+            path: 'runtime.tsx',
+            content: plugin_utils_1.Mustache.render(runtimeTpl, {
+                Title: !!title,
+            }),
+        });
+        // SelectLang.tsx
+        const selectLang = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/locale/SelectLang.tpl'), 'utf-8');
+        api.writeTmpFile({
+            path: 'SelectLang.tsx',
+            content: plugin_utils_1.Mustache.render(selectLang, {
+                Antd: !!antd,
+                LocaleList: localeList,
+                ShowSelectLang: localeList.length > 1 && !!antd,
+                antdFiles: ((_d = api.config) === null || _d === void 0 ? void 0 : _d.ssr) ? 'lib' : 'es',
+            }),
+        });
+        // index.ts
+        api.writeTmpFile({
+            path: 'index.ts',
+            content: `
+export { setLocale, getLocale, useIntl, injectIntl, formatMessage, FormattedMessage } from './localeExports.ts';
+export { SelectLang } from './SelectLang.tsx';
+`,
+        });
+    });
+    // Runtime Plugin
+    api.addRuntimePlugin(() => [(0, withTmpPath_1.withTmpPath)({ api, path: 'runtime.tsx' })]);
+    api.addRuntimePluginKey(() => ['locale']);
+    // watch locale files
+    api.addTmpGenerateWatcherPaths(async () => {
+        const resolveKey = api.config.moment2dayjs ? 'dayjs' : 'moment';
+        const localeList = await getList(resolveKey);
+        return (0, localeUtils_1.exactLocalePaths)(localeList);
+    });
 };

package/dist/model.js

@@ -1,5 +1,118 @@
 "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 fs_1 = require("fs");
+const path_1 = require("path");
+const plugin_utils_1 = require("umi/plugin-utils");
+const modelUtils_1 = require("./utils/modelUtils");
+const withTmpPath_1 = require("./utils/withTmpPath");
 exports.default = (api) => {
-    api;
+    api.describe({
+        config: {
+            schema(Joi) {
+                return Joi.object({
+                    extraModels: Joi.array().items(Joi.string()),
+                });
+            },
+        },
+        enableBy: api.EnableBy.config,
+    });
+    api.modifyAppData(async (memo) => {
+        const models = await getAllModels(api);
+        memo.pluginModel = {
+            models,
+        };
+        return memo;
+    });
+    api.onGenerateFiles(async (args) => {
+        const models = args.isFirstTime
+            ? api.appData.pluginModel.models
+            : await getAllModels(api);
+        // model.ts
+        api.writeTmpFile({
+            path: 'model.ts',
+            content: modelUtils_1.ModelUtils.getModelsContent(models),
+        });
+        // index.tsx
+        const indexContent = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/model.tsx'), 'utf-8').replace('fast-deep-equal', (0, plugin_utils_1.winPath)(require.resolve('fast-deep-equal')));
+        api.writeTmpFile({
+            path: 'index.tsx',
+            content: indexContent,
+        });
+        // runtime.tsx
+        api.writeTmpFile({
+            path: 'runtime.tsx',
+            content: `
+import React  from 'react';
+import { Provider } from './';
+import { models as rawModels } from './model';
+
+function ProviderWrapper(props: any) {
+  const models = React.useMemo(() => {
+    return Object.keys(rawModels).reduce((memo, key) => {
+      memo[rawModels[key].namespace] = rawModels[key].model;
+      return memo;
+    }, {});
+  }, []);
+  return <Provider models={models} {...props}>{ props.children }</Provider>
+}
+
+export function dataflowProvider(container, opts) {
+  return <ProviderWrapper {...opts}>{ container }</ProviderWrapper>;
+}
+      `,
+        });
+    });
+    api.addTmpGenerateWatcherPaths(() => {
+        return [(0, path_1.join)(api.paths.absSrcPath, 'models')];
+    });
+    api.addRuntimePlugin(() => {
+        return [(0, withTmpPath_1.withTmpPath)({ api, path: 'runtime.tsx' })];
+    });
 };
+async function getAllModels(api) {
+    const extraModelsPre = await api.applyPlugins({
+        key: 'addExtraModelsPre',
+        type: api.ApplyPluginsType.add,
+        initialValue: [],
+    });
+    const extraModels = await api.applyPlugins({
+        key: 'addExtraModels',
+        type: api.ApplyPluginsType.add,
+        initialValue: [],
+    });
+    return new modelUtils_1.ModelUtils(api, {
+        astTest({ node }) {
+            return t.isArrowFunctionExpression(node) || t.isFunctionDeclaration(node);
+        },
+    }).getAllModels({
+        extraModelsPre: [
+            ...extraModelsPre,
+            ...(api.config.model.extraModelsPre || []),
+        ],
+        extraModels: [...extraModels, ...(api.config.model.extraModels || [])],
+    });
+}

package/dist/moment2dayjs.d.ts

@@ -0,0 +1,3 @@
+import { IApi } from 'umi';
+declare const _default: (api: IApi) => void;
+export default _default;

package/dist/moment2dayjs.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = require("path");
+const plugin_utils_1 = require("umi/plugin-utils");
+/*
+   As long as moment2dayjs is registered, moment will be replaced by dayjs.
+   The presets that can adapt to antd is registered by default.
+   When the user configures preset and plugins at the same time, we will merge them.
+*/
+exports.default = (api) => {
+    api.describe({
+        key: 'moment2dayjs',
+        config: {
+            schema(joi) {
+                return joi.object({
+                    preset: joi.string(),
+                    plugins: joi.array(),
+                });
+            },
+        },
+        enableBy: api.EnableBy.config,
+    });
+    const presets = {
+        antd: [
+            'isSameOrBefore',
+            'isSameOrAfter',
+            'advancedFormat',
+            'customParseFormat',
+            'weekday',
+            'weekYear',
+            'weekOfYear',
+            'isMoment',
+            'localeData',
+            'localizedFormat',
+        ],
+        antdv3: [
+            'isSameOrBefore',
+            'isSameOrAfter',
+            'advancedFormat',
+            'customParseFormat',
+            'weekday',
+            'weekYear',
+            'weekOfYear',
+            'isMoment',
+            'localeData',
+            'localizedFormat',
+            'badMutable',
+        ],
+    };
+    const getDayjsPlugins = (api) => {
+        let { preset = 'antd', plugins = [] } = api.config.moment2dayjs || {};
+        switch (preset) {
+            case 'antd':
+                return Array.from(new Set(presets['antd'].concat(plugins)));
+            case 'antdv3':
+                return Array.from(new Set(presets['antdv3'].concat(plugins)));
+            case 'none':
+                return [].concat(plugins);
+            default:
+                return [];
+        }
+    };
+    // replace moment
+    api.modifyConfig((memo) => {
+        memo.alias.moment = (0, path_1.dirname)(require.resolve('dayjs/package.json'));
+        return memo;
+    });
+    api.onGenerateFiles(() => {
+        const plugins = getDayjsPlugins(api);
+        const runtimeTpl = `
+import dayjs from '{{{dayjsPath}}}';
+import antdPlugin from '{{{dayjsAntdPluginPath}}}';
+
+{{#plugins}}
+import {{.}} from '{{{dayjsPath}}}/plugin/{{.}}';
+{{/plugins}}
+
+{{#plugins}}
+dayjs.extend({{.}});
+{{/plugins}}
+
+dayjs.extend(antdPlugin);
+    `;
+        const dayjsAntdPluginPath = (0, plugin_utils_1.winPath)(require.resolve('antd-dayjs-webpack-plugin/src/antd-plugin'));
+        const dayjsPath = (0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('dayjs/package.json')));
+        api.writeTmpFile({
+            path: 'runtime.tsx',
+            content: plugin_utils_1.Mustache.render(runtimeTpl, {
+                plugins,
+                dayjsPath,
+                dayjsAntdPluginPath,
+            }),
+        });
+    });
+    api.addEntryCodeAhead(() => [`import './plugin-moment2dayjs/runtime.tsx'`]);
+};

package/dist/qiankun/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const defaultMasterRootId = "root-master";
+export declare const defaultHistoryType = "browser";
+export declare const qiankunStateForSlaveModelNamespace = "@@qiankunStateForSlave";
+export declare const qiankunStateFromMasterModelNamespace = "@@qiankunStateFromMaster";
+export declare const MODEL_EXPORT_NAME = "useQiankunStateForSlave";

package/dist/qiankun/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MODEL_EXPORT_NAME = exports.qiankunStateFromMasterModelNamespace = exports.qiankunStateForSlaveModelNamespace = exports.defaultHistoryType = exports.defaultMasterRootId = void 0;
+exports.defaultMasterRootId = 'root-master';
+exports.defaultHistoryType = 'browser';
+exports.qiankunStateForSlaveModelNamespace = '@@qiankunStateForSlave';
+exports.qiankunStateFromMasterModelNamespace = '@@qiankunStateFromMaster';
+exports.MODEL_EXPORT_NAME = 'useQiankunStateForSlave';

package/dist/qiankun/master.d.ts

@@ -0,0 +1,6 @@
+import { IApi } from 'umi';
+export declare function isMasterEnable(opts: {
+    userConfig: any;
+}): boolean;
+declare const _default: (api: IApi) => void;
+export default _default;

package/dist/qiankun/master.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMasterEnable = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const plugin_utils_1 = require("umi/plugin-utils");
+const withTmpPath_1 = require("../utils/withTmpPath");
+const constants_1 = require("./constants");
+function isMasterEnable(opts) {
+    var _a;
+    const masterCfg = (_a = opts.userConfig.qiankun) === null || _a === void 0 ? void 0 : _a.master;
+    if (masterCfg) {
+        return masterCfg.enable !== false;
+    }
+    return !!process.env.INITIAL_QIANKUN_MASTER_OPTIONS;
+}
+exports.isMasterEnable = isMasterEnable;
+exports.default = (api) => {
+    api.describe({
+        key: 'qiankun-master',
+        enableBy: isMasterEnable,
+    });
+    api.addRuntimePlugin(() => {
+        return [(0, withTmpPath_1.withTmpPath)({ api, path: 'masterRuntimePlugin.tsx' })];
+    });
+    api.modifyDefaultConfig((config) => ({
+        ...config,
+        mountElementId: constants_1.defaultMasterRootId,
+        qiankun: {
+            ...config.qiankun,
+            master: {
+                ...JSON.parse(process.env.INITIAL_QIANKUN_MASTER_OPTIONS || '{}'),
+                ...(config.qiankun || {}).master,
+            },
+        },
+    }));
+    // TODO: modify routes
+    api.modifyRoutes((memo) => {
+        Object.keys(memo).forEach((id) => {
+            const route = memo[id];
+            if (route.microApp) {
+                const appName = route.microApp;
+                // TODO: config base
+                const base = '/';
+                // TODO: config masterHistoryType
+                const masterHistoryType = 'browser';
+                const routeProps = route.microAppProps || {};
+                const normalizedRouteProps = JSON.stringify(routeProps).replace(/"/g, "'");
+                route.file = `(async () => {
+          const { getMicroAppRouteComponent } = await import('@@/plugin-qiankun-master/getMicroAppRouteComponent');
+          return getMicroAppRouteComponent({ appName: '${appName}', base: '${base}', masterHistoryType: '${masterHistoryType}', routeProps: ${normalizedRouteProps} })
+        })()`;
+            }
+        });
+        return memo;
+    });
+    // state model for slave app
+    api.addRuntimePluginKey(() => [constants_1.MODEL_EXPORT_NAME]);
+    api.register({
+        key: 'addExtraModels',
+        fn() {
+            const { path, exports } = api.appData.appJS || {};
+            return path && exports.includes(constants_1.MODEL_EXPORT_NAME)
+                ? [
+                    `${path}#{"namespace":"${constants_1.qiankunStateForSlaveModelNamespace}","exportName":"${constants_1.MODEL_EXPORT_NAME}"}`,
+                ]
+                : [];
+        },
+    });
+    function getFileContent(file) {
+        return (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../../libs/qiankun/master', file), 'utf-8');
+    }
+    api.onGenerateFiles(() => {
+        var _a;
+        api.writeTmpFile({
+            path: 'masterOptions.ts',
+            content: `
+let options = ${JSON.stringify({
+                masterHistoryType: ((_a = api.config.history) === null || _a === void 0 ? void 0 : _a.type) || constants_1.defaultHistoryType,
+                base: api.config.base || '/',
+                ...api.config.qiankun.master,
+            })};
+export const getMasterOptions = () => options;
+export const setMasterOptions = (newOpts) => options = ({ ...options, ...newOpts });
+      `,
+        });
+        api.writeTmpFile({
+            path: 'MicroAppLoader.tsx',
+            // 开启了 antd 插件的时候，使用 antd 的 loader 组件，否则提示用户必须设置一个自定义的 loader 组件
+            content: api.isPluginEnable('antd')
+                ? getFileContent('AntdLoader.tsx')
+                : `export default function Loader() { console.warn(\`[plugins/qiankun]: Seems like you'r not using @umijs/plugin-antd, you need to provide a custom loader or set autoSetLoading false to shut down this warning!\`); return null; }`,
+        });
+        [
+            'common.ts',
+            'constants.ts',
+            'types.ts',
+            'masterRuntimePlugin.tsx',
+            'getMicroAppRouteComponent.tsx.tpl',
+            'ErrorBoundary.tsx',
+            'MicroApp.tsx',
+        ].forEach((file) => {
+            if (file.endsWith('.tpl')) {
+                api.writeTmpFile({
+                    path: file.replace(/\.tpl$/, ''),
+                    tpl: getFileContent(file),
+                    context: {
+                        dynamicRoot: false,
+                        hasModelPlugin: api.isPluginEnable('model'),
+                        // dynamicRoot:
+                        //   api.config.exportStatic && api.config.exportStatic.dynamicRoot,
+                    },
+                });
+            }
+            else {
+                api.writeTmpFile({
+                    path: file.replace(/\.tpl$/, ''),
+                    content: getFileContent(file)
+                        .replace('__USE_MODEL__', api.isPluginEnable('model')
+                        ? `import { useModel } from '@@/plugin-model'`
+                        : `const useModel = null;`)
+                        .replace(/from 'qiankun'/g, `from '${(0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('qiankun/package')))}'`)
+                        .replace(/from 'lodash\//g, `from '${(0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('lodash/package')))}/`),
+                });
+            }
+        });
+        api.writeTmpFile({
+            path: 'index.ts',
+            content: `
+export { MicroApp } from './MicroApp';
+      `,
+        });
+    });
+};

package/dist/qiankun/slave.d.ts

@@ -0,0 +1,3 @@
+import { IApi } from 'umi';
+declare const _default: (api: IApi) => void;
+export default _default;