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

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017-present ChenCheng (sorrycc@gmail.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

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

package/dist/access.js

@@ -1,5 +1,195 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (api) => {
-    api;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/access.ts
+var access_exports = {};
+__export(access_exports, {
+  default: () => access_default
+});
+module.exports = __toCommonJS(access_exports);
+var import_fs = __toESM(require("fs"));
+var import_path = require("path");
+var import_withTmpPath = require("./utils/withTmpPath");
+var access_default = (api) => {
+  api.describe({
+    config: {
+      schema({ zod }) {
+        return zod.record(zod.any());
+      }
+    },
+    enableBy: api.EnableBy.config
+  });
+  api.onGenerateFiles(async () => {
+    const hasAccessFile = ["js", "jsx", "ts", "tsx"].some(
+      (ext) => import_fs.default.existsSync((0, import_path.join)(api.paths.absSrcPath, `access.${ext}`))
+    );
+    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>;
+}
+      `
+    });
+    api.writeTmpFile({
+      path: "index.tsx",
+      content: `
+import React, { PropsWithChildren } from 'react';
+import { AccessContext } from './context';
+import type { IRoute } from '${api.appData.umi.importSource}';
+
+export const useAccess = () => {
+  return React.useContext(AccessContext);
+};
+
+export interface AccessProps {
+  accessible: boolean;
+  fallback?: React.ReactNode;
+}
+export const Access: React.FC<PropsWithChildren<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, parentRoute) => {
+      let accessCode = route.access;
+      // 用父级的路由检测父级的 accessCode
+      let detectorRoute = route;
+      if (!accessCode && parentAccessCode) {
+        accessCode = parentAccessCode;
+        detectorRoute = parentRoute;
+      }
+
+      // set default status
+      route.unaccessible = ${api.config.access.strictMode ? "true" : "false"};
+
+      // check access code
+      if (typeof accessCode === 'string') {
+        const detector = access[accessCode];
+
+        if (typeof detector === 'function') {
+          route.unaccessible = !detector(detectorRoute);
+        } else if (typeof detector === 'boolean') {
+          route.unaccessible = !detector;
+        } else if (typeof detector === 'undefined') {
+          route.unaccessible = true;
+        }
+      }
+
+      // check children access code
+      if (route.children?.length) {
+        const isNoAccessibleChild = !route.children.reduce((hasAccessibleChild, child) => {
+          process(child, accessCode, route);
+
+          return hasAccessibleChild || !child.unaccessible;
+        }, false);
+
+        // make sure parent route is unaccessible if all children are unaccessible
+        if (isNoAccessibleChild) {
+          route.unaccessible = true;
+        }
+      }
+
+      // check children access code
+      if (route.routes?.length) {
+        const isNoAccessibleChild = !route.routes.reduce((hasAccessibleChild, child) => {
+          process(child, accessCode, route);
+
+          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, access]);
+
+  return markdedRoutes;
+}
+      `
+    });
+    api.writeTmpFile({
+      path: "context.ts",
+      content: `
+import React from 'react';${hasAccessFile ? `
+import { AccessInstance } from './types.d';
+
+export const AccessContext = React.createContext<AccessInstance>(null);
+` : `
+export const AccessContext = React.createContext<any>(null);
+`}
+      `
+    });
+    api.writeTmpFile({
+      path: "types.d.ts",
+      content: hasAccessFile ? `
+import accessFactory from '@/access';
+
+export type AccessInstance = ReturnType<typeof accessFactory>;
+` : "export {}"
+    });
+  });
+  api.addRuntimePlugin(() => {
+    return [(0, import_withTmpPath.withTmpPath)({ api, path: "runtime.tsx" })];
+  });
+  api.addTmpGenerateWatcherPaths(() => [
+    (0, import_path.join)(api.paths.absSrcPath, "access.ts"),
+    (0, import_path.join)(api.paths.absSrcPath, "access.js")
+  ]);
 };

package/dist/analytics.d.ts

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

package/dist/analytics.js

@@ -0,0 +1,118 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/analytics.ts
+var analytics_exports = {};
+__export(analytics_exports, {
+  default: () => analytics_default
+});
+module.exports = __toCommonJS(analytics_exports);
+var analytics_default = (api) => {
+  const GA_KEY = process.env.GA_KEY;
+  const GA_V2_KEY = process.env.GA_V2_KEY;
+  const enableBy = (opts) => {
+    return opts.config.analytics || GA_KEY;
+  };
+  api.describe({
+    key: "analytics",
+    config: {
+      schema({ zod }) {
+        return zod.object({
+          baidu: zod.string(),
+          ga: zod.string(),
+          ga_v2: zod.string()
+        }).partial();
+      },
+      onChange: api.ConfigChangeType.reload
+    },
+    enableBy
+  });
+  const baiduTpl = (code) => {
+    return `
+    (function() {
+      var hm = document.createElement('script');
+      hm.src = '//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');
+      }
+    })();
+  `;
+  };
+  const gaV2Tpl = (code) => {
+    return `
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '${code}');
+    `.trim();
+  };
+  api.addHTMLHeadScripts(() => {
+    const analytics = api.config.analytics || {};
+    const { baidu, ga = GA_KEY, ga_v2 = GA_V2_KEY } = analytics;
+    const scripts = [];
+    if (baidu) {
+      scripts.push({
+        content: "var _hmt = _hmt || [];"
+      });
+    }
+    if (api.env !== "development") {
+      if (baidu) {
+        scripts.push({
+          content: baiduTpl(baidu)
+        });
+      }
+      if (ga) {
+        scripts.push({
+          content: gaTpl(ga)
+        });
+      }
+      if (ga_v2) {
+        scripts.push(
+          {
+            async: true,
+            src: `//www.googletagmanager.com/gtag/js?id=${ga_v2}`
+          },
+          {
+            content: gaV2Tpl(ga_v2)
+          }
+        );
+      }
+    }
+    return scripts.filter(Boolean);
+  });
+};