dumi 2.0.0-alpha.3 → 2.0.0-alpha.4

package/dist/client/pages/404.d.ts

@@ -0,0 +1 @@
+export { default } from 'dumi/theme/slots/NotFound';

package/dist/client/pages/404.js

@@ -0,0 +1,2 @@
+// allow customize 404 via theme slots
+export { default } from 'dumi/theme/slots/NotFound';

package/dist/client/pages/Demo.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+declare const DemoRenderPage: FC;
+export default DemoRenderPage;

package/dist/client/pages/Demo.js

@@ -0,0 +1,17 @@
+import { useParams, useSiteData } from 'dumi';
+import { createElement } from 'react';
+
+var DemoRenderPage = function DemoRenderPage() {
+  var _useParams = useParams(),
+      id = _useParams.id;
+
+  var _useSiteData = useSiteData(),
+      demos = _useSiteData.demos;
+
+  var _ref = demos[id] || {},
+      component = _ref.component;
+
+  return component && /*#__PURE__*/createElement(component);
+};
+
+export default DemoRenderPage;

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

@@ -1,16 +1,19 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+import { SP_ROUTE_PREFIX } from "../../constants";
+import { useSiteData } from 'dumi';
 import Previewer from 'dumi/theme/builtins/Previewer';
-import React, { createElement, useContext } from 'react';
-import { Context } from "./context";
+import React, { createElement } from 'react';
 export var DumiDemo = function DumiDemo(props) {
-  var _useContext = useContext(Context),
-      demos = _useContext.demos;
+  var _useSiteData = useSiteData(),
+      demos = _useSiteData.demos;
 
   var _demos$props$demo$id = demos[props.demo.id],
       component = _demos$props$demo$id.component,
       asset = _demos$props$demo$id.asset;
   return /*#__PURE__*/React.createElement(Previewer, _extends({
-    asset: asset
+    asset: asset,
+    demoUrl: // allow user override demoUrl by frontmatter
+    props.previewerProps.demoUrl || "".concat(SP_ROUTE_PREFIX, "demos/").concat(props.demo.id)
   }, props.previewerProps), /*#__PURE__*/createElement(component));
 };

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

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import { IDumiDemoProps } from './DumiDemo';
+import type { IDumiDemoProps } from './DumiDemo';
 export interface IDumiDemoGridProps {
     items: IDumiDemoProps[];
 }

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

@@ -12,20 +12,20 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { useRouteMeta } from 'dumi/theme';
+import { DumiDemo, useRouteMeta } from 'dumi';
 import React, { useState } from 'react';
-import { DumiDemo } from "./DumiDemo";
 export var DumiDemoGrid = function DumiDemoGrid(props) {
-  var meta = useRouteMeta();
+  var _useRouteMeta = useRouteMeta(),
+      fm = _useRouteMeta.frontmatter;
 
   var _useState = useState(function () {
-    var _meta$demo;
+    var _fm$demo;
 
     var cols = [];
 
-    if ((_meta$demo = meta.demo) !== null && _meta$demo !== void 0 && _meta$demo.cols && meta.demo.cols > 1) {
-      for (var i = 0; i < props.items.length; i += meta.demo.cols) {
-        props.items.slice(i, i + meta.demo.cols).forEach(function (item, j) {
+    if ((_fm$demo = fm.demo) !== null && _fm$demo !== void 0 && _fm$demo.cols && fm.demo.cols > 1) {
+      for (var i = 0; i < props.items.length; i += fm.demo.cols) {
+        props.items.slice(i, i + fm.demo.cols).forEach(function (item, j) {
           var _cols$j;
 
           (_cols$j = cols[j]) !== null && _cols$j !== void 0 ? _cols$j : cols[j] = [];
@@ -47,7 +47,8 @@ export var DumiDemoGrid = function DumiDemoGrid(props) {
     style: {
       display: 'flex',
       margin: -8
-    }
+    },
+    "data-dumi-demo-grid": true
   }, cols.map(function (col, i) {
     return /*#__PURE__*/React.createElement("section", {
       style: {

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

@@ -1,6 +1,6 @@
 import { type ComponentType } from 'react';
 import type { ILocalesConfig, IPreviewerProps, IThemeConfig } from './types';
-export interface IThemeContext {
+interface ISiteContext {
     demos: Record<string, {
         component: ComponentType;
         asset: IPreviewerProps['asset'];
@@ -8,4 +8,6 @@ export interface IThemeContext {
     locales: NonNullable<ILocalesConfig>;
     themeConfig: IThemeConfig;
 }
-export declare const Context: import("react").Context<IThemeContext>;
+export declare const SiteContext: import("react").Context<ISiteContext>;
+export declare const useSiteData: () => ISiteContext;
+export {};

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

@@ -1,6 +1,9 @@
-import { createContext } from 'react';
-export var Context = /*#__PURE__*/createContext({
+import { createContext, useContext } from 'react';
+export var SiteContext = /*#__PURE__*/createContext({
   demos: {},
   locales: [],
   themeConfig: {}
-});
+});
+export var useSiteData = function useSiteData() {
+  return useContext(SiteContext);
+};

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

@@ -1,8 +1,9 @@
 export { useIntl } from 'react-intl';
-export * from './context';
-export * from './DumiDemo';
-export * from './DumiDemoGrid';
-export * from './types';
-export * from './useNavData';
-export * from './useRouteMeta';
-export * from './useSidebarData';
+export { useSiteData } from './context';
+export { DumiDemo } from './DumiDemo';
+export { DumiDemoGrid } from './DumiDemoGrid';
+export type { IPreviewerProps } from './types';
+export { useLocale } from './useLocale';
+export { useNavData } from './useNavData';
+export { useRouteMeta } from './useRouteMeta';
+export { useFullSidebarData, useSidebarData } from './useSidebarData';

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

@@ -1,8 +1,8 @@
 export { useIntl } from 'react-intl';
-export * from "./context";
-export * from "./DumiDemo";
-export * from "./DumiDemoGrid";
-export * from "./types";
-export * from "./useNavData";
-export * from "./useRouteMeta";
-export * from "./useSidebarData";
+export { useSiteData } from "./context";
+export { DumiDemo } from "./DumiDemo";
+export { DumiDemoGrid } from "./DumiDemoGrid";
+export { useLocale } from "./useLocale";
+export { useNavData } from "./useNavData";
+export { useRouteMeta } from "./useRouteMeta";
+export { useFullSidebarData, useSidebarData } from "./useSidebarData";

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

@@ -13,6 +13,26 @@ export interface IPreviewerProps {
      * file path of current demo
      */
     filePath?: string;
+    /**
+     * use iframe to render demo
+     */
+    iframe?: boolean | number;
+    /**
+     * debug mark (will only render in dev by default)
+     */
+    debug?: boolean;
+    /**
+     * disable demo content padding
+     */
+    compact?: boolean;
+    /**
+     * add transform property for handle absolute/fixed position element
+     */
+    transform?: boolean;
+    /**
+     * background color for demo content
+     */
+    background?: string;
     /**
      * asset metadata of current demo
      */
@@ -24,22 +44,30 @@ export interface IPreviewerProps {
     [key: string]: any;
 }
 export interface IRouteMeta {
-    title: string;
-    description?: string;
-    keywords?: string[];
-    nav?: string | {
-        title?: string;
+    frontmatter: {
+        title: string;
+        description?: string;
+        keywords?: string[];
+        nav?: string | {
+            title?: string;
+            order?: number;
+        };
+        group?: string | {
+            title?: string;
+            order?: number;
+        };
         order?: number;
+        toc?: boolean | 'content' | 'menu';
+        demo?: {
+            cols?: number;
+            tocDepth?: number;
+        };
     };
-    group?: string | {
-        title?: string;
-        order?: number;
-    };
-    order?: number;
-    toc?: boolean | 'content' | 'menu';
-    demo?: {
-        cols?: number;
-    };
+    toc: {
+        id: string;
+        depth: number;
+        title: string;
+    }[];
     [key: string]: any;
 }
 declare type IBasicLocale = {
@@ -54,6 +82,7 @@ export declare type ILocalesConfig = ((IBasicLocale & {
 export interface INavItem {
     title: string;
     link: string;
+    activePath?: string;
     [key: string]: any;
 }
 interface ISidebarItem {
@@ -67,6 +96,8 @@ export interface ISidebarGroup {
     [key: string]: any;
 }
 export interface IThemeConfig {
+    name?: string;
+    logo?: string;
     nav?: (INavItem & {
         children?: INavItem[];
     })[];

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

@@ -0,0 +1 @@
+export declare const useLocale: () => any;

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

@@ -0,0 +1,31 @@
+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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useIntl, useSiteData } from 'dumi';
+import { useState } from 'react';
+export var useLocale = function useLocale() {
+  var intl = useIntl();
+
+  var _useSiteData = useSiteData(),
+      locales = _useSiteData.locales;
+
+  var _useState = useState(function () {
+    return locales.find(function (_ref) {
+      var id = _ref.id;
+      return id === intl.locale;
+    });
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      locale = _useState2[0];
+
+  return locale;
+};

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

@@ -3,4 +3,4 @@
  */
 export declare const useNavData: () => (import("./types").INavItem & {
     children?: import("./types").INavItem[] | undefined;
-})[] | undefined;
+})[];

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

@@ -12,9 +12,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { Context } from 'dumi/theme';
-import { useContext, useState } from 'react';
-import { useFullSidebarData } from "./useSidebarData";
+import { useFullSidebarData, useSiteData } from 'dumi';
+import { useState } from 'react';
 import { useLocaleDocRoutes } from "./utils";
 /**
  * hook for get nav data
@@ -23,8 +22,8 @@ import { useLocaleDocRoutes } from "./utils";
 export var useNavData = function useNavData() {
   var routes = useLocaleDocRoutes();
 
-  var _useContext = useContext(Context),
-      themeConfig = _useContext.themeConfig;
+  var _useSiteData = useSiteData(),
+      themeConfig = _useSiteData.themeConfig;
 
   var sidebar = useFullSidebarData();
 
@@ -38,18 +37,18 @@ export var useNavData = function useNavData() {
           groups = _ref2[1];
 
       var meta = Object.values(routes).reduce(function (ret, route) {
-        var _nav$order;
+        var _frontmatter$nav$orde;
 
         // find routes which within the nav path
         if (route.path.startsWith(link.slice(1))) {
-          switch (_typeof(route.meta.nav)) {
+          switch (_typeof(route.meta.frontmatter.nav)) {
             case 'object':
-              ret.title = route.meta.nav.title || ret.title;
-              ret.order = (_nav$order = route.meta.nav.order) !== null && _nav$order !== void 0 ? _nav$order : ret.order;
+              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.nav || ret.title;
+              ret.title = route.meta.frontmatter.nav || ret.title;
               break;
 
             default:
@@ -61,7 +60,8 @@ export var useNavData = function useNavData() {
       return {
         title: meta.title || groups[0].title || groups[0].children[0].title,
         order: meta.order || 0,
-        link: groups[0].children[0].link
+        link: groups[0].children[0].link,
+        activePath: link
       };
     }); // TODO: 2-level nav data
 

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

@@ -40,7 +40,10 @@ export var useRouteMeta = function useRouteMeta() {
       ret = matched === null || matched === void 0 ? void 0 : (_matched$route = matched.route) === null || _matched$route === void 0 ? void 0 : _matched$route.meta;
     }
 
-    return ret || {};
+    return ret || {
+      frontmatter: {},
+      toc: []
+    };
   }, [clientRoutes.length, pathname]);
 
   var _useState = useState(getter),

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

@@ -20,10 +20,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { useLocation } from 'dumi';
-import { Context } from 'dumi/theme';
-import { useContext, useState } from 'react';
-import { useLocale, useLocaleDocRoutes } from "./utils";
+import { useLocale, useLocation, useSiteData } from 'dumi';
+import { useState } from 'react';
+import { useLocaleDocRoutes } from "./utils";
 var DEFAULT_GROUP_STUB_TITLE = '$default-group-title';
 
 var getLocaleClearPath = function getLocaleClearPath(routePath, locale) {
@@ -38,15 +37,15 @@ export var useFullSidebarData = function useFullSidebarData() {
   var locale = useLocale();
   var routes = useLocaleDocRoutes();
 
-  var _useContext = useContext(Context),
-      themeConfig = _useContext.themeConfig;
+  var _useSiteData = useSiteData(),
+      themeConfig = _useSiteData.themeConfig;
 
   var _useState = useState(function () {
     // auto generate sidebar data from routes
     var data = Object.values(routes).reduce(function (ret, route) {
       var clearPath = getLocaleClearPath(route.path, locale); // skip index routes
 
-      if (clearPath) {
+      if (clearPath && route.meta) {
         var _ret$parentPath, _ret$parentPath$title, _ret$parentPath$title2;
 
         // extract parent path from route path
@@ -56,8 +55,8 @@ export var useFullSidebarData = function useFullSidebarData() {
         // en-US/a/b => /en-US/a
         var parentPath = "/".concat(route.path.replace(/\/[^/]+$/, ''));
 
-        var _ref = _typeof(route.meta.group) === 'object' ? route.meta.group : {
-          title: route.meta.group
+        var _ref = _typeof(route.meta.frontmatter.group) === 'object' ? route.meta.frontmatter.group : {
+          title: route.meta.frontmatter.group
         },
             title = _ref.title,
             _ref$order = _ref.order,
@@ -70,9 +69,9 @@ export var useFullSidebarData = function useFullSidebarData() {
           title: title,
           order: ((_ret$parentPath$title = ret[parentPath][titleKey]) === null || _ret$parentPath$title === void 0 ? void 0 : _ret$parentPath$title.order) || order,
           children: [].concat(_toConsumableArray(((_ret$parentPath$title2 = ret[parentPath][titleKey]) === null || _ret$parentPath$title2 === void 0 ? void 0 : _ret$parentPath$title2.children) || []), [{
-            title: route.meta.title,
+            title: route.meta.frontmatter.title,
             link: "/".concat(route.path),
-            order: route.meta.order || 0
+            order: route.meta.frontmatter.order || 0
           }])
         };
       }
@@ -91,7 +90,7 @@ export var useFullSidebarData = function useFullSidebarData() {
         return (// sort by group order
           a.order - b.order || (a.title ? // sort by group title
           (_a$title = a.title) === null || _a$title === void 0 ? void 0 : _a$title.localeCompare(b.title || '') : // put non-title group at the end
-          -1)
+          1)
         );
       }); // sort group children by order or title
 

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

@@ -1,3 +1,2 @@
 import type { IRoutesById } from './types';
-export declare const useLocale: () => any;
 export declare const useLocaleDocRoutes: () => IRoutesById;

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

@@ -10,36 +10,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { useAppData } from 'dumi';
-import { Context, useIntl } from 'dumi/theme';
-import { useContext, useState } from 'react';
-export var useLocale = function useLocale() {
-  var intl = useIntl();
-
-  var _useContext = useContext(Context),
-      locales = _useContext.locales;
-
-  var _useState = useState(function () {
-    return locales.find(function (_ref) {
-      var id = _ref.id;
-      return id === intl.locale;
-    });
-  }),
-      _useState2 = _slicedToArray(_useState, 1),
-      locale = _useState2[0];
-
-  return locale;
-};
+import { useAppData, useIntl, useSiteData } from 'dumi';
+import { useState } from 'react';
 export var useLocaleDocRoutes = function useLocaleDocRoutes() {
   var intl = useIntl();
 
   var _useAppData = useAppData(),
       routes = _useAppData.routes;
 
-  var _useContext2 = useContext(Context),
-      locales = _useContext2.locales;
+  var _useSiteData = useSiteData(),
+      locales = _useSiteData.locales;
 
-  var _useState3 = useState(function () {
+  var _useState = useState(function () {
     var reversedLocales = locales.slice().reverse();
     return Object.values(routes).reduce(function (ret, route) {
       var matched = reversedLocales.find(function (locale) {
@@ -55,8 +37,8 @@ export var useLocaleDocRoutes = function useLocaleDocRoutes() {
       return ret;
     }, {});
   }),
-      _useState4 = _slicedToArray(_useState3, 1),
-      localeDocRoutes = _useState4[0];
+      _useState2 = _slicedToArray(_useState, 1),
+      localeDocRoutes = _useState2[0];
 
   return localeDocRoutes;
 };

package/dist/client/tsconfig.json

@@ -7,6 +7,7 @@
       "dumi": ["src"],
       "dumi/theme": ["src/client/theme-api"],
       "dumi/theme/*": ["src/client/theme-default/*"]
-    }
+    },
+    "types": ["../../src/.umi/typings"]
   }
 }

package/dist/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const LOCAL_THEME_DIR = ".dumi/theme";
 export declare const THEME_PREFIX = "dumi-theme-";
+export declare const SP_ROUTE_PREFIX = "~";

package/dist/constants.js

@@ -20,13 +20,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var constants_exports = {};
 __export(constants_exports, {
   LOCAL_THEME_DIR: () => LOCAL_THEME_DIR,
+  SP_ROUTE_PREFIX: () => SP_ROUTE_PREFIX,
   THEME_PREFIX: () => THEME_PREFIX
 });
 module.exports = __toCommonJS(constants_exports);
 var LOCAL_THEME_DIR = ".dumi/theme";
 var THEME_PREFIX = "dumi-theme-";
+var SP_ROUTE_PREFIX = "~";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LOCAL_THEME_DIR,
+  SP_ROUTE_PREFIX,
   THEME_PREFIX
 });

package/dist/features/compile.js

@@ -50,7 +50,7 @@ var compile_default = (api) => {
       extraRemarkPlugins: api.config.extraRemarkPlugins,
       extraRehypePlugins: api.config.extraRehypePlugins
     };
-    memo.module.rule("dumi-md").type("javascript/auto").test(/\.md$/).oneOf("demo-index").resourceQuery(/meta$/).use("demo-index-loader").loader(loaderPath).options({
+    memo.module.rule("dumi-md").type("javascript/auto").test(/\.md$/).oneOf("md-meta").resourceQuery(/meta$/).use("md-meta-loader").loader(loaderPath).options({
       ...loaderBaseOpts,
       mode: "meta"
     }).end().end().oneOf("md").use("babel-loader").loader(babelInUmi.loader).options(babelInUmi.options).end().use("md-loader").loader(loaderPath).options({

package/dist/features/configPlugins/schema.js

@@ -34,10 +34,7 @@ function getSchemas() {
     }).optional(),
     extraRemarkPlugins: getUnifiedPluginSchema,
     extraRehypePlugins: getUnifiedPluginSchema,
-    themeConfig: (Joi) => Joi.object({
-      nav: Joi.array().items(Joi.object()).optional(),
-      sidebar: Joi.object().optional()
-    }).optional()
+    themeConfig: (Joi) => Joi.object().optional()
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/features/exports.d.ts

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

package/dist/features/exports.js

@@ -0,0 +1,45 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/exports.ts
+var exports_exports = {};
+__export(exports_exports, {
+  default: () => exports_default
+});
+module.exports = __toCommonJS(exports_exports);
+var import_plugin_utils = require("umi/plugin-utils");
+var exports_default = (api) => {
+  api.describe({ key: void 0 });
+  api.modifyConfig((memo) => {
+    memo.alias["dumi$"] = "@@/dumi/exports";
+    return memo;
+  });
+  api.onGenerateFiles(() => {
+    api.writeTmpFile({
+      noPluginDir: true,
+      path: "dumi/exports.ts",
+      content: `export * from '../exports.ts';
+export * from '${(0, import_plugin_utils.winPath)(require.resolve("../client/theme-api"))}';`
+    });
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/features/locales.js

@@ -69,7 +69,7 @@ export const messages = ${JSON.stringify(api.service.themeData.locales, null, 2)
       noPluginDir: true,
       path: "dumi/locales/runtime.tsx",
       content: `
-import { history } from 'umi';
+import { history } from 'dumi';
 import React, { useState, type ReactNode } from 'react';
 import { RawIntlProvider, createIntl, createIntlCache } from 'react-intl';
 import { locales, messages } from './config';
@@ -88,7 +88,7 @@ const LocalesContainer: FC<{ children: ReactNode }> = (props) => {
 
     return matched ? matched.id : locales[0].id;
   });
-  const [intl] = useState(() => createIntl({ locale, messages: messages[locale] || {} }, cache))
+  const [intl] = useState(() => createIntl({ locale, messages: messages[locale] || {} }, cache));
 
   return <RawIntlProvider value={intl}>{props.children}</RawIntlProvider>;
 }

package/dist/features/meta.js

@@ -42,7 +42,7 @@ var meta_default = (api) => {
       noPluginDir: true,
       path: "dumi/meta/index.ts",
       content: import_plugin_utils.Mustache.render(`{{#mdRouteFiles}}
-import { demos as d{{{index}}}, frontmatter as fm{{{index}}} } from '{{{file}}}?type=meta';
+import { demos as d{{{index}}}, frontmatter as fm{{{index}}}, toc as toc{{{index}}} } from '{{{file}}}?type=meta';
 {{/mdRouteFiles}}
 
 export const demos = {
@@ -53,7 +53,7 @@ export const demos = {
 
 export const routesMeta = {
   {{#mdRouteFiles}}
-  '{{{id}}}': fm{{{index}}},
+  '{{{id}}}': { frontmatter: fm{{{index}}}, toc: toc{{{index}}} },
   {{/mdRouteFiles}}
 }`, { mdRouteFiles })
     });