@umijs/plugins 4.0.0-canary.20220428.2 → 4.0.0-canary.20220429.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.0.0-canary.20220428.2",
+  "version": "4.0.0-canary.20220429.3",
   "description": "@umijs/plugins",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/plugins#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",
@@ -25,7 +25,7 @@
     "@ahooksjs/use-request": "^2.0.0",
     "@ant-design/icons": "^4.7.0",
     "@ant-design/pro-layout": "^6.35.1",
-    "@umijs/bundler-utils": "4.0.0-canary.20220428.2",
+    "@umijs/bundler-utils": "4.0.0-canary.20220429.3",
     "antd-dayjs-webpack-plugin": "^1.0.6",
     "axios": "^0.26.1",
     "babel-plugin-import": "^1.13.3",
@@ -44,7 +44,7 @@
     "warning": "^4.0.3"
   },
   "devDependencies": {
-    "umi": "4.0.0-canary.20220428.2"
+    "umi": "4.0.0-canary.20220429.3"
   },
   "publishConfig": {
     "access": "public"

package/dist/access.d.ts

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

package/dist/access.js

@@ -1,148 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs_1 = __importDefault(require("fs"));
-const path_1 = require("path");
-const withTmpPath_1 = require("./utils/withTmpPath");
-exports.default = (api) => {
-    api.describe({
-        config: {
-            schema(joi) {
-                return joi.object();
-            },
-        },
-        enableBy: api.EnableBy.config,
-    });
-    api.onGenerateFiles(() => __awaiter(void 0, void 0, void 0, function* () {
-        // allow enable access without access file
-        const hasAccessFile = ['js', 'jsx', 'ts', 'tsx'].some((ext) => fs_1.default.existsSync((0, path_1.join)(api.paths.absSrcPath, `access.${ext}`)));
-        // runtime.tsx
-        api.writeTmpFile({
-            path: 'runtime.tsx',
-            content: `
-import React from 'react';${hasAccessFile
-                ? `
-import accessFactory from '@/access'
-import { useModel } from '@@/plugin-model';
-`
-                : ''}
-import { AccessContext } from './context';
-
-function Provider(props) {${hasAccessFile
-                ? `
-  const { initialState } = useModel('@@initialState');
-  const access = React.useMemo(() => accessFactory(initialState), [initialState]);
-`
-                : `
-  const access = {};
-`}
-  return (
-    <AccessContext.Provider value={access}>
-      { props.children }
-    </AccessContext.Provider>
-  );
-}
-
-export function accessProvider(container) {
-  return <Provider>{ container }</Provider>;
-}
-      `,
-        });
-        // index.tsx
-        api.writeTmpFile({
-            path: 'index.tsx',
-            content: `
-import React from 'react';
-import { AccessContext } from './context';
-import type { IRoute } from 'umi';
-
-export const useAccess = () => {
-  return React.useContext(AccessContext);
-};
-
-export interface AccessProps {
-  accessible: boolean;
-  fallback?: React.ReactNode;
-}
-export const Access: React.FC<AccessProps> = (props) => {
-  if (process.env.NODE_ENV === 'development' && typeof props.accessible !== 'boolean') {
-    throw new Error('[access] the \`accessible\` property on <Access /> should be a boolean');
-  }
-
-  return <>{ props.accessible ? props.children : props.fallback }</>;
-};
-
-export const useAccessMarkedRoutes = (routes: IRoute[]) => {
-  const access = useAccess();
-  const markdedRoutes: IRoute[] = React.useMemo(() => {
-    const process = (route, parentAccessCode) => {
-      const accessCode = route.access || parentAccessCode;
-
-      // set default status
-      route.unaccessible = ${api.config.access.strictMode ? 'true' : 'false'};
-
-      // check access code
-      if (typeof accessCode === 'string') {
-        const detector = access[route.access];
-
-        if (typeof detector === 'function') {
-          route.unaccessible = !detector(route);
-        } else if (typeof detector === 'boolean') {
-          route.unaccessible = !detector;
-        } else if (typeof detector === 'undefined') {
-          route.unaccessible = true;
-        }
-      }
-
-      // check children access code
-      if (route.routes) {
-        const isNoAccessibleChild = !route.routes.reduce((hasAccessibleChild, child) => {
-          process(child, accessCode);
-
-          return hasAccessibleChild || !child.unaccessible;
-        }, false);
-
-        // make sure parent route is unaccessible if all children are unaccessible
-        if (isNoAccessibleChild) {
-          route.unaccessible = true;
-        }
-      }
-
-      return route;
-    }
-
-    return routes.map(route => process(route));
-  }, [routes.length]);
-
-  return markdedRoutes;
-}
-      `,
-        });
-        // context.ts
-        api.writeTmpFile({
-            path: 'context.ts',
-            content: `
-import React from 'react';
-export const AccessContext = React.createContext<any>(null);
-      `,
-        });
-    }));
-    api.addRuntimePlugin(() => {
-        return [(0, withTmpPath_1.withTmpPath)({ api, path: 'runtime.tsx' })];
-    });
-    api.addTmpGenerateWatcherPaths(() => [
-        (0, path_1.join)(api.paths.absSrcPath, 'access.ts'),
-        (0, path_1.join)(api.paths.absSrcPath, 'access.js'),
-    ]);
-};

package/dist/analytics.d.ts

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

package/dist/analytics.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (api) => {
-    const GA_KEY = process.env.GA_KEY;
-    const enableBy = (opts) => {
-        return opts.config.analytics || GA_KEY;
-    };
-    api.describe({
-        key: 'analytics',
-        config: {
-            schema(joi) {
-                return joi.object();
-            },
-            onChange: api.ConfigChangeType.reload,
-        },
-        enableBy,
-    });
-    // https://tongji.baidu.com/web/help/article?id=174&type=0
-    const baiduTpl = (code) => {
-        return `
-    (function() {
-      var hm = document.createElement('script');
-      hm.src = 'https://hm.baidu.com/hm.js?${code}';
-      var s = document.getElementsByTagName('script')[0];
-      s.parentNode.insertBefore(hm, s);
-    })();
-  `;
-    };
-    const gaTpl = (code) => {
-        return `
-    (function(){
-      if (!location.port) {
-        (function (i, s, o, g, r, a, m) {
-          i['GoogleAnalyticsObject'] = r;
-          i[r] = i[r] || function () {
-              (i[r].q = i[r].q || []).push(arguments)
-            }, i[r].l = 1 * new Date();
-          a = s.createElement(o),
-            m = s.getElementsByTagName(o)[0];
-          a.async = 1;
-          a.src = g;
-          m.parentNode.insertBefore(a, m)
-        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
-        ga('create', '${code}', 'auto');
-        ga('send', 'pageview');
-      }
-    })();
-  `;
-    };
-    api.addHTMLHeadScripts(() => {
-        const { analytics = {} } = api.config;
-        const { ga = GA_KEY, baidu } = analytics;
-        return [
-            baidu && {
-                content: 'var _hmt = _hmt || [];',
-            },
-            api.env !== 'development' &&
-                baidu && {
-                content: baiduTpl(baidu),
-            },
-            api.env !== 'development' &&
-                ga && {
-                content: gaTpl(ga),
-            },
-        ].filter(Boolean);
-    });
-};

package/dist/antd.d.ts

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

package/dist/antd.js

@@ -1,131 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = require("path");
-const plugin_utils_1 = require("umi/plugin-utils");
-const resolveProjectDep_1 = require("./utils/resolveProjectDep");
-const withTmpPath_1 = require("./utils/withTmpPath");
-exports.default = (api) => {
-    let pkgPath;
-    try {
-        pkgPath =
-            (0, resolveProjectDep_1.resolveProjectDep)({
-                pkg: api.pkg,
-                cwd: api.cwd,
-                dep: 'antd',
-            }) || (0, path_1.dirname)(require.resolve('antd/package.json'));
-    }
-    catch (e) { }
-    api.describe({
-        config: {
-            schema(Joi) {
-                return Joi.object({
-                    configProvider: Joi.object(),
-                    // themes
-                    dark: Joi.boolean(),
-                    compact: Joi.boolean(),
-                    // babel-plugin-import
-                    import: Joi.boolean(),
-                    // less or css, default less
-                    style: Joi.string().allow('less', 'css'),
-                });
-            },
-        },
-        enableBy: api.EnableBy.config,
-    });
-    function checkPkgPath() {
-        if (!pkgPath) {
-            throw new Error(`Can't find antd package. Please install antd first.`);
-        }
-    }
-    api.modifyAppData((memo) => {
-        checkPkgPath();
-        const version = require(`${pkgPath}/package.json`).version;
-        memo.antd = {
-            pkgPath,
-            version,
-        };
-        return memo;
-    });
-    api.modifyConfig((memo) => {
-        checkPkgPath();
-        // antd import
-        memo.alias.antd = pkgPath;
-        // moment > dayjs
-        if (memo.antd.dayjs) {
-            memo.alias.moment = (0, path_1.dirname)(require.resolve('dayjs/package.json'));
-        }
-        // dark mode & compact mode
-        if (memo.antd.dark || memo.antd.compact) {
-            const { getThemeVariables } = require('antd/dist/theme');
-            memo.theme = Object.assign(Object.assign({}, getThemeVariables(memo.antd)), memo.theme);
-        }
-        return memo;
-    });
-    api.modifyConfig((memo) => {
-        memo.theme = Object.assign({ 'root-entry-name': 'default' }, memo.theme);
-        return memo;
-    });
-    // babel-plugin-import
-    api.addExtraBabelPlugins(() => {
-        const style = api.config.antd.style || 'less';
-        return api.config.antd.import && !api.appData.vite
-            ? [
-                [
-                    require.resolve('babel-plugin-import'),
-                    {
-                        libraryName: 'antd',
-                        libraryDirectory: 'es',
-                        style: style === 'less' ? true : 'css',
-                    },
-                    'antd',
-                ],
-            ]
-            : [];
-    });
-    // antd config provider
-    api.onGenerateFiles(() => {
-        if (!api.config.antd.configProvider)
-            return;
-        api.writeTmpFile({
-            path: `runtime.tsx`,
-            content: plugin_utils_1.Mustache.render(`
-import React from 'react';
-import { ConfigProvider, Modal, message, notification } from 'antd';
-
-export function rootContainer(container) {
-  const finalConfig = {...{{{ config }}}}
-  if (finalConfig.prefixCls) {
-    Modal.config({
-      rootPrefixCls: finalConfig.prefixCls
-    });
-    message.config({
-      prefixCls: \`\${finalConfig.prefixCls}-message\`
-    });
-    notification.config({
-      prefixCls: \`\${finalConfig.prefixCls}-notification\`
-    });
-  }
-  return <ConfigProvider {...finalConfig}>{container}</ConfigProvider>;
-}
-      `.trim(), {
-                config: JSON.stringify(api.config.antd.configProvider),
-            }),
-        });
-    });
-    api.addRuntimePlugin(() => {
-        return api.config.antd.configProvider
-            ? [(0, withTmpPath_1.withTmpPath)({ api, path: 'runtime.tsx' })]
-            : [];
-    });
-    // import antd style if antd.import is not configured
-    api.addEntryImportsAhead(() => {
-        const style = api.config.antd.style || 'less';
-        return api.config.antd.import && !api.appData.vite
-            ? []
-            : [
-                {
-                    source: style === 'less' ? 'antd/dist/antd.less' : 'antd/dist/antd.css',
-                },
-            ];
-    });
-};

package/dist/dva.d.ts

@@ -1,6 +0,0 @@
-import { IApi } from 'umi';
-import { Model, ModelUtils } from './utils/modelUtils';
-declare const _default: (api: IApi) => void;
-export default _default;
-export declare function getModelUtil(api: IApi | null): ModelUtils;
-export declare function getAllModels(api: IApi): Model[];

package/dist/dva.js

@@ -1,198 +0,0 @@
-"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 });
-exports.getAllModels = exports.getModelUtil = void 0;
-const t = __importStar(require("@umijs/bundler-utils/compiled/babel/types"));
-const utils_1 = require("@umijs/utils");
-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) => {
-    const pkgPath = (0, path_1.join)(__dirname, '../libs/dva.ts');
-    api.describe({
-        config: {
-            schema(Joi) {
-                return Joi.object({
-                    extraModels: Joi.array().items(Joi.string()),
-                    immer: Joi.object(),
-                });
-            },
-        },
-        enableBy: api.EnableBy.config,
-    });
-    api.modifyAppData((memo) => {
-        const models = getAllModels(api);
-        memo.pluginDva = {
-            pkgPath,
-            models,
-        };
-        return memo;
-    });
-    api.modifyConfig((memo) => {
-        // import from dva
-        memo.alias['dva$'] = pkgPath;
-        return memo;
-    });
-    api.onGenerateFiles((args) => {
-        var _a, _b, _c, _d, _e, _f;
-        const models = args.isFirstTime
-            ? api.appData.pluginDva.models
-            : getAllModels(api);
-        // models.ts
-        api.writeTmpFile({
-            path: 'models.ts',
-            content: modelUtils_1.ModelUtils.getModelsContent(models),
-        });
-        // dva.tsx
-        api.writeTmpFile({
-            path: 'dva.tsx',
-            tpl: `
-// It's faked dva
-// aliased to @umijs/plugins/templates/dva
-import { create, Provider } from 'dva';
-import createLoading from '${(0, utils_1.winPath)(require.resolve('dva-loading'))}';
-${((_a = api.config.dva) === null || _a === void 0 ? void 0 : _a.immer)
-                ? `
-import dvaImmer, { enableES5, enableAllPlugins } from '${(0, utils_1.winPath)(require.resolve('dva-immer'))}';
-`
-                : ''}
-import React, { useRef } from 'react';
-import { history, ApplyPluginsType, useAppData } from 'umi';
-import { models } from './models';
-
-export function RootContainer(props: any) {
-  const { pluginManager } = useAppData();
-  const app = useRef<any>();
-  const runtimeDva = pluginManager.applyPlugins({
-    key: 'dva',
-    type: ApplyPluginsType.modify,
-    initialValue: {},
-  });
-  if (!app.current) {
-    app.current = create(
-      {
-        history,
-        ...(runtimeDva.config || {}),
-      },
-      {
-        initialReducer: {},
-        setupMiddlewares(middlewares: Function[]) {
-          return [...middlewares];
-        },
-        setupApp(app: IDvaApp) {
-          app._history = history;
-        },
-      },
-    );
-    app.current.use(createLoading());
-    ${((_b = api.config.dva) === null || _b === void 0 ? void 0 : _b.immer) ? `app.current.use(dvaImmer());` : ''}
-    ${((_d = (_c = api.config.dva) === null || _c === void 0 ? void 0 : _c.immer) === null || _d === void 0 ? void 0 : _d.enableES5) ? `enableES5();` : ''}
-    ${((_f = (_e = api.config.dva) === null || _e === void 0 ? void 0 : _e.immer) === null || _f === void 0 ? void 0 : _f.enableAllPlugins) ? `enableAllPlugins();` : ''}
-    for (const id of Object.keys(models)) {
-      app.current.model(models[id].model);
-    }
-    app.current.start();
-  }
-  return <Provider store={app.current!._store}>{props.children}</Provider>;
-}
-      `,
-            context: {},
-        });
-        // runtime.tsx
-        api.writeTmpFile({
-            path: 'runtime.tsx',
-            content: `
-import React from 'react';
-import { RootContainer } from './dva';
-
-export function dataflowProvider(container, opts) {
-  return React.createElement(RootContainer, opts, container);
-}
-      `,
-        });
-        // index.ts for export
-        api.writeTmpFile({
-            path: 'index.ts',
-            content: `
-export { connect, useDispatch, useStore, useSelector } from 'dva';`,
-        });
-    });
-    api.addTmpGenerateWatcherPaths(() => {
-        return [(0, path_1.join)(api.paths.absSrcPath, 'models')];
-    });
-    api.addRuntimePlugin(() => {
-        return [(0, withTmpPath_1.withTmpPath)({ api, path: 'runtime.tsx' })];
-    });
-    api.addRuntimePluginKey(() => ['dva']);
-    // dva list model
-    api.registerCommand({
-        name: 'dva',
-        fn() {
-            api.logger.info(plugin_utils_1.chalk.green.bold('dva models'));
-            api.appData.pluginDva.models.forEach((model) => {
-                api.logger.info(`  - ${(0, path_1.relative)(api.cwd, model.file)}`);
-            });
-        },
-    });
-};
-function getModelUtil(api) {
-    return new modelUtils_1.ModelUtils(api, {
-        contentTest(content) {
-            return content.startsWith('// @dva-model');
-        },
-        astTest({ node, content }) {
-            if (isModelObject(node)) {
-                return true;
-            }
-            else if (content.includes('dva-model-extend') &&
-                t.isCallExpression(node) &&
-                node.arguments.length === 2 &&
-                isModelObject(node.arguments[1])) {
-                return true;
-            }
-            return false;
-        },
-    });
-}
-exports.getModelUtil = getModelUtil;
-function getAllModels(api) {
-    return getModelUtil(api).getAllModels({
-        extraModels: [...(api.config.dva.extraModels || [])],
-    });
-}
-exports.getAllModels = getAllModels;
-function isModelObject(node) {
-    return (t.isObjectExpression(node) &&
-        node.properties.some((property) => {
-            return [
-                'state',
-                'reducers',
-                'subscriptions',
-                'effects',
-                'namespace',
-            ].includes(property.key.name);
-        }));
-}

package/dist/icons.d.ts

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

package/dist/icons.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (api) => {
-    api;
-};

package/dist/initial-state.d.ts

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