dumi 2.0.0-rc.1 → 2.0.0-rc.3

package/dist/assetParsers/block.js

@@ -71,7 +71,7 @@ async function parseBlockAsset(opts) {
               return { path: args.path, external: true };
             }
             return {
-              path: import_path.default.join(args.resolveDir, args.path),
+              path: args.kind !== "entry-point" ? opts.resolver(args.resolveDir, args.path) : import_path.default.join(args.resolveDir, args.path),
               pluginData: { kind: args.kind, resolveDir: args.resolveDir }
             };
           });

package/dist/client/theme-api/types.d.ts

@@ -127,10 +127,11 @@ export declare type ILocalesConfig = ILocale[];
 export interface INavItem {
     title: string;
     link: string;
+    order: number;
     activePath?: string;
     [key: string]: any;
 }
-interface ISidebarItem {
+export interface ISidebarItem {
     title: string;
     link: string;
     order: number;

package/dist/client/theme-api/useNavData.js

@@ -1,5 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -14,8 +12,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { useFullSidebarData, useSiteData } from 'dumi';
 import { useState } from 'react';
-import { useSidebarDataCompare } from "./useSidebarData";
-import { useLocaleDocRoutes } from "./utils";
+import { pickRouteSortMeta, useLocaleDocRoutes, useRouteDataComparer } from "./utils";
 /**
  * hook for get nav data
  */
@@ -27,7 +24,7 @@ export var useNavData = function useNavData() {
       themeConfig = _useSiteData.themeConfig;
 
   var sidebar = useFullSidebarData();
-  var sidebarDataCompare = useSidebarDataCompare();
+  var sidebarDataComparer = useRouteDataComparer();
 
   var _useState = useState(function () {
     // use user config first
@@ -39,22 +36,9 @@ export var useNavData = function useNavData() {
           groups = _ref2[1];
 
       var meta = Object.values(routes).reduce(function (ret, route) {
-        var _route$meta, _frontmatter$nav$orde;
-
         // find routes which within the nav path
         if (route.path.startsWith(link.slice(1))) {
-          switch (_typeof((_route$meta = route.meta) === null || _route$meta === void 0 ? void 0 : _route$meta.frontmatter.nav)) {
-            case 'object':
-              ret.title = route.meta.frontmatter.nav.title || ret.title;
-              ret.order = (_frontmatter$nav$orde = route.meta.frontmatter.nav.order) !== null && _frontmatter$nav$orde !== void 0 ? _frontmatter$nav$orde : ret.order;
-              break;
-
-            case 'string':
-              ret.title = route.meta.frontmatter.nav || ret.title;
-              break;
-
-            default:
-          }
+          pickRouteSortMeta(ret, 'nav', route.meta.frontmatter);
         }
 
         return ret;
@@ -67,7 +51,7 @@ export var useNavData = function useNavData() {
       };
     }); // TODO: 2-level nav data
 
-    return data.sort(sidebarDataCompare);
+    return data.sort(sidebarDataComparer);
   }),
       _useState2 = _slicedToArray(_useState, 1),
       nav = _useState2[0];

package/dist/client/theme-api/useSidebarData.d.ts

@@ -1,10 +1,20 @@
 import type { ISidebarGroup } from './types';
-export declare const useSidebarDataCompare: () => (a: ISidebarGroup | ISidebarGroup['children'][0], b: ISidebarGroup | ISidebarGroup['children'][0]) => number;
 /**
  * hook for get sidebar data for all nav
  */
 export declare const useFullSidebarData: () => Record<string, ISidebarGroup[]>;
+interface ITreeSidebarLeaf {
+    path: string;
+    title: string;
+    order: number;
+    children: (ITreeSidebarLeaf | ISidebarGroup)[];
+}
+/**
+ * hook for get full sidebar data in tree structure
+ */
+export declare const useTreeSidebarData: () => ITreeSidebarLeaf[];
 /**
  * hook for get sidebar data for current nav
  */
 export declare const useSidebarData: () => ISidebarGroup[];
+export {};

package/dist/client/theme-api/useSidebarData.js

@@ -1,3 +1,11 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -6,8 +14,6 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -21,28 +27,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { useLocale, useLocation, useSiteData } from 'dumi';
-import { useCallback, useState } from 'react';
-import { useLocaleDocRoutes } from "./utils";
+import { useState } from 'react';
+import { pickRouteSortMeta, useLocaleDocRoutes, useRouteDataComparer } from "./utils";
 var DEFAULT_GROUP_STUB_TITLE = '$default-group-title';
 
 var getLocaleClearPath = function getLocaleClearPath(routePath, locale) {
   return 'base' in locale ? routePath.replace(locale.base.slice(1), '').replace(/^\//, '') : routePath;
 };
-
-export var useSidebarDataCompare = function useSidebarDataCompare() {
-  var locale = useLocale();
-  return useCallback(function (a, b) {
-    return (// small before large
-      a.order - b.order || ( // shallower before deeper for sidebar item
-      a.link ? a.link.split('/').length - b.link.split('/').length : 0) || ( // fallback to compare title (put non-title group at the end)
-      a.title ? a.title.localeCompare(b.title || '', locale.id) : -1)
-    );
-  }, []);
-};
 /**
  * hook for get sidebar data for all nav
  */
 
+
 export var useFullSidebarData = function useFullSidebarData() {
   var locale = useLocale();
   var routes = useLocaleDocRoutes();
@@ -50,7 +46,7 @@ export var useFullSidebarData = function useFullSidebarData() {
   var _useSiteData = useSiteData(),
       themeConfig = _useSiteData.themeConfig;
 
-  var sidebarDataCompare = useSidebarDataCompare();
+  var sidebarDataComparer = useRouteDataComparer();
 
   var _useState = useState(function () {
     // auto generate sidebar data from routes
@@ -67,12 +63,11 @@ export var useFullSidebarData = function useFullSidebarData() {
         // en-US/a/b => /en-US/a
         var parentPath = "/".concat(route.path.replace(/\/[^/]+$/, ''));
 
-        var _ref = _typeof(route.meta.frontmatter.group) === 'object' ? route.meta.frontmatter.group : {
-          title: route.meta.frontmatter.group
-        },
-            title = _ref.title,
-            _ref$order = _ref.order,
-            order = _ref$order === void 0 ? 0 : _ref$order;
+        var _pickRouteSortMeta = pickRouteSortMeta({
+          order: 0
+        }, 'group', route.meta.frontmatter),
+            title = _pickRouteSortMeta.title,
+            order = _pickRouteSortMeta.order;
 
         var titleKey = title || DEFAULT_GROUP_STUB_TITLE; // create group data by nav path & group name
 
@@ -92,15 +87,15 @@ export var useFullSidebarData = function useFullSidebarData() {
       return ret;
     }, {}); // destruct sidebar data into sidebar config
 
-    var sidebarConfig = Object.entries(data).reduce(function (ret, _ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-          navPath = _ref3[0],
-          groups = _ref3[1];
+    var sidebarConfig = Object.entries(data).reduce(function (ret, _ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          navPath = _ref2[0],
+          groups = _ref2[1];
 
-      ret[navPath] = Object.values(groups).sort(sidebarDataCompare); // sort group children by order or title
+      ret[navPath] = Object.values(groups).sort(sidebarDataComparer); // sort group children by order or title
 
       ret[navPath].forEach(function (group) {
-        return group.children.sort(sidebarDataCompare);
+        return group.children.sort(sidebarDataComparer);
       });
       return ret;
     }, {}); // allow user partial override
@@ -112,6 +107,106 @@ export var useFullSidebarData = function useFullSidebarData() {
 
   return sidebar;
 };
+
+function getLeafMeta(data) {
+  var leafMeta = {
+    order: 0,
+    title: ''
+  };
+
+  var _iterator = _createForOfIteratorHelper(data),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var group = _step.value;
+
+      var _iterator2 = _createForOfIteratorHelper(group.children),
+          _step2;
+
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var item = _step2.value;
+
+          if ('frontmatter' in item) {
+            pickRouteSortMeta(leafMeta, 'nav', item.frontmatter);
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return leafMeta;
+}
+/**
+ * hook for get full sidebar data in tree structure
+ */
+
+
+export var useTreeSidebarData = function useTreeSidebarData() {
+  var original = useFullSidebarData();
+  var sidebarDataComparer = useRouteDataComparer();
+
+  var _useState3 = useState(function () {
+    var data = Object.entries(original) // match from the deepest level
+    .sort(function (a, b) {
+      return b[0].split('/').length - a[0].split('/').length;
+    }).reduce(function (ret, _ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+          path = _ref4[0],
+          data = _ref4[1];
+
+      var parent = path.replace(/\/[^/]+$/, '');
+
+      if (parent) {
+        var _ret$parent;
+
+        // handle nested sidebar data
+        // init parent first
+        (_ret$parent = ret[parent]) !== null && _ret$parent !== void 0 ? _ret$parent : ret[parent] = _objectSpread({
+          path: parent,
+          children: original[parent] || []
+        }, getLeafMeta(original[parent] || []));
+
+        if (ret[path]) {
+          // sort children first
+          ret[path].children.sort(sidebarDataComparer); // put n-level sidebar data as parent children
+
+          ret[parent].children.push(ret[path]);
+          delete ret[path];
+        } else {
+          var _ret$parent$children;
+
+          // put last-level sidebar data as parent children
+          (_ret$parent$children = ret[parent].children).push.apply(_ret$parent$children, _toConsumableArray(data));
+        }
+      } else {
+        // sort children first
+        data.sort(sidebarDataComparer); // put top-level sidebar data
+
+        ret[path] = _objectSpread({
+          path: path,
+          children: data
+        }, getLeafMeta(data));
+      }
+
+      return ret;
+    }, {});
+    return Object.values(data);
+  }),
+      _useState4 = _slicedToArray(_useState3, 1),
+      sidebar = _useState4[0];
+
+  return sidebar;
+};
 /**
  * hook for get sidebar data for current nav
  */

package/dist/client/theme-api/utils.d.ts

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import type { IRoutesById } from './types';
+import type { INavItem, IRouteMeta, IRoutesById } from './types';
 export declare const useLocaleDocRoutes: () => IRoutesById;
 /**
  * 在 react 18 中需要新的 render 方式，这个函数用来处理不同的 jsx 模式。
@@ -8,3 +8,16 @@ export declare const useLocaleDocRoutes: () => IRoutesById;
  */
 export declare const genReactRenderCode: (version: string) => string;
 export declare const useIsomorphicLayoutEffect: typeof useEffect;
+/**
+ * common comparer for sidebar/nav items
+ */
+export declare const useRouteDataComparer: <T extends {
+    order?: number | undefined;
+    link?: string | undefined;
+    path?: string | undefined;
+    title?: string | undefined;
+}>() => (a: T, b: T) => number;
+/**
+ * common util for pick meta to sort sidebar/nav items
+ */
+export declare const pickRouteSortMeta: (original: Partial<Pick<INavItem, 'order' | 'title'>>, field: 'nav' | 'group', fm: IRouteMeta['frontmatter']) => Partial<Pick<INavItem, "title" | "order">>;

package/dist/client/theme-api/utils.js

@@ -1,3 +1,5 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -11,7 +13,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { useAppData, useIntl, useSiteData } from 'dumi';
-import { useEffect, useLayoutEffect, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
+import { useLocale } from "./useLocale";
 export var useLocaleDocRoutes = function useLocaleDocRoutes() {
   var intl = useIntl();
 
@@ -57,4 +60,43 @@ export var genReactRenderCode = function genReactRenderCode(version) {
 
   return "".concat(annotation, "\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(\n  <App />,\n  document.getElementById('root'),\n);");
 };
-export var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+export var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+/**
+ * common comparer for sidebar/nav items
+ */
+
+export var useRouteDataComparer = function useRouteDataComparer() {
+  var locale = useLocale();
+  return useCallback(function (a, b) {
+    return (// smaller before larger for all
+      ('order' in a && 'order' in b ? a.order - b.order : 0) || ( // shallower before deeper for sidebar item
+      'link' in a && 'link' in b ? a.link.split('/').length - b.link.split('/').length : 0) || ( // shallower before deeper for sidebar leaf
+      'path' in a && 'path' in b ? a.path.split('/').length - b.path.split('/').length : 0) || ( // fallback to compare title (put non-title item at the end)
+      a.title ? a.title.localeCompare(b.title || '', locale.id) : -1)
+    );
+  }, []);
+};
+/**
+ * common util for pick meta to sort sidebar/nav items
+ */
+
+export var pickRouteSortMeta = function pickRouteSortMeta(original, field, fm) {
+  var _sub$order;
+
+  var sub = fm[field];
+
+  switch (_typeof(sub)) {
+    case 'object':
+      original.title = sub.title || original.title;
+      original.order = (_sub$order = sub.order) !== null && _sub$order !== void 0 ? _sub$order : original.order;
+      break;
+
+    case 'string':
+      original.title = sub || original.title;
+      break;
+
+    default:
+  }
+
+  return original;
+};

package/dist/features/assets.d.ts

@@ -5,6 +5,10 @@ declare const examples: ExampleAsset[];
  * internal function to add example assets
  */
 export declare function addExampleAssets(data: typeof examples): void;
+/**
+ * internal function to get atom assets
+ */
+export declare function getExampleAssets(): ExampleAsset[];
 /**
  * internal function to add meta for atom
  */

package/dist/features/assets.js

@@ -24,7 +24,8 @@ var assets_exports = {};
 __export(assets_exports, {
   addAtomMeta: () => addAtomMeta,
   addExampleAssets: () => addExampleAssets,
-  default: () => assets_default
+  default: () => assets_default,
+  getExampleAssets: () => getExampleAssets
 });
 module.exports = __toCommonJS(assets_exports);
 var import_fs = __toESM(require("fs"));
@@ -35,6 +36,9 @@ var atomsMeta = {};
 function addExampleAssets(data) {
   examples.push(...data);
 }
+function getExampleAssets() {
+  return examples;
+}
 function addAtomMeta(atomId, data) {
   atomsMeta[atomId] = import_plugin_utils.lodash.pick(data, ["title", "keywords", "deprecated"]);
 }
@@ -69,5 +73,6 @@ var assets_default = (api) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addAtomMeta,
-  addExampleAssets
+  addExampleAssets,
+  getExampleAssets
 });

package/dist/features/compile/babelLoaderCustomize.d.ts

@@ -0,0 +1,4 @@
+import type { PartialConfig } from '@umijs/bundler-utils/compiled/@babel/core';
+export default function babelLoaderCustomize(): {
+    config(config: PartialConfig): import("@umijs/bundler-utils/compiled/@babel/core").TransformOptions;
+};

package/dist/features/compile/babelLoaderCustomize.js

@@ -0,0 +1,37 @@
+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/features/compile/babelLoaderCustomize.ts
+var babelLoaderCustomize_exports = {};
+__export(babelLoaderCustomize_exports, {
+  default: () => babelLoaderCustomize
+});
+module.exports = __toCommonJS(babelLoaderCustomize_exports);
+function babelLoaderCustomize() {
+  return {
+    config(config) {
+      const context = this;
+      if (config.options.filename && context.resourceQuery.includes("type=meta")) {
+        config.options.filename += context.resourceQuery;
+      }
+      return config.options;
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/features/compile/index.d.ts

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

package/dist/features/{compile.js → compile/index.js}

@@ -19,34 +19,43 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/features/compile.ts
+// src/features/compile/index.ts
 var compile_exports = {};
 __export(compile_exports, {
   default: () => compile_default
 });
 module.exports = __toCommonJS(compile_exports);
-var import_react = __toESM(require("../techStacks/react"));
-var import_assets = require("./assets");
+var import_react = __toESM(require("../../techStacks/react"));
+var import_assets = require("../assets");
 var compile_default = (api) => {
+  api.describe({ key: "dumi:compile" });
   api.register({
     key: "registerTechStack",
     stage: Infinity,
     fn: () => new import_react.default()
   });
+  api.modifyConfig((memo) => {
+    if (memo.babelLoaderCustomize) {
+      api.logger.warn("Config `babelLoaderCustomize` will be override by dumi, please report issue if you need it.");
+    }
+    memo.babelLoaderCustomize = require.resolve("./babelLoaderCustomize");
+    return memo;
+  });
   api.chainWebpack(async (memo) => {
     const babelInUmi = memo.module.rule("src").use("babel-loader").entries();
     const techStacks = await api.applyPlugins({
       key: "registerTechStack",
       type: api.ApplyPluginsType.add
     });
-    const loaderPath = require.resolve("../loaders/markdown");
+    const loaderPath = require.resolve("../../loaders/markdown");
     const loaderBaseOpts = {
       techStacks,
       cwd: api.cwd,
       alias: api.config.alias,
       resolve: api.config.resolve,
       extraRemarkPlugins: api.config.extraRemarkPlugins,
-      extraRehypePlugins: api.config.extraRehypePlugins
+      extraRehypePlugins: api.config.extraRehypePlugins,
+      routers: api.appData.routes
     };
     memo.module.rule("dumi-md").type("javascript/auto").test(/\.md$/).oneOf("md-meta").resourceQuery(/meta$/).use("babel-loader").loader(babelInUmi.loader).options(babelInUmi.options).end().use("md-meta-loader").loader(loaderPath).options({
       ...loaderBaseOpts,
@@ -64,9 +73,9 @@ var compile_default = (api) => {
       ...loaderBaseOpts,
       builtins: api.service.themeData.builtins
     });
-    memo.module.rule("dumi-page").type("javascript/auto").test(/\.(j|t)sx?$/).resourceQuery(/meta$/).use("page-meta-loader").loader(require.resolve("../loaders/page"));
-    memo.module.rule("dumi-demo").type("javascript/auto").test(/\..+$/).enforce("pre").resourceQuery(/techStack/).use("demo-loader").loader(require.resolve("../loaders/demo")).options({ techStacks, cwd: api.cwd });
-    memo.module.rule("dumi-raw").resourceQuery(/raw/).use("raw-loader").loader(require.resolve("raw-loader"));
+    memo.module.rule("dumi-page").type("javascript/auto").test(/\.(j|t)sx?$/).resourceQuery(/meta$/).use("page-meta-loader").loader(require.resolve("../../loaders/page"));
+    memo.module.rule("dumi-demo").type("javascript/auto").test(/\..+$/).enforce("pre").resourceQuery(/techStack/).use("demo-loader").loader(require.resolve("../../loaders/demo")).options({ techStacks, cwd: api.cwd });
+    memo.module.rule("dumi-raw").post().resourceQuery(/dumi-raw/).use("raw-loader").loader(require.resolve("raw-loader"));
     if (api.env === "development" && memo.plugins.has("fastRefresh")) {
       memo.plugin("fastRefresh").tap(([params]) => [
         {

package/dist/features/derivative.js

@@ -103,6 +103,7 @@ var derivative_default = (api) => {
   api.addRuntimePlugin(() => {
     return strategies.appJS().slice(0, 1);
   });
+  api.registerPlugins([require.resolve("@umijs/plugins/dist/analytics")]);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/features/exportStatic.js

@@ -0,0 +1,48 @@
+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/features/exportStatic.ts
+var exportStatic_exports = {};
+__export(exportStatic_exports, {
+  default: () => exportStatic_default
+});
+module.exports = __toCommonJS(exportStatic_exports);
+var import_constants = require("../constants");
+var import_assets = require("./assets");
+var exportStatic_default = (api) => {
+  api.describe({ key: "dumi:exportStatic" });
+  api.register({
+    key: "modifyConfig",
+    stage: Infinity,
+    fn(memo) {
+      var _a;
+      if (api.userConfig.exportStatic !== false) {
+        const prev = ((_a = memo.exportStatic) == null ? void 0 : _a.extraRoutePaths) || [];
+        memo.exportStatic ?? (memo.exportStatic = {});
+        memo.exportStatic.extraRoutePaths = async () => {
+          const examples = (0, import_assets.getExampleAssets)();
+          const userExtraPaths = typeof prev === "function" ? await prev() : prev;
+          return userExtraPaths.concat(examples.map(({ id }) => `/${import_constants.SP_ROUTE_PREFIX}demos/${id}`));
+        };
+      }
+      return memo;
+    }
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/features/theme/index.js

@@ -82,6 +82,10 @@ var theme_default = (api) => {
         DumiDemoGrid: {
           specifier: "{ DumiDemoGrid }",
           source: "dumi"
+        },
+        Link: {
+          specifier: "{ Link }",
+          source: "dumi"
         }
       });
       return memo;