dumi 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/assetParsers/block.js

@@ -50,7 +50,7 @@ async function parseBlockAsset(opts) {
   const result = {
     asset,
     sources: {},
-    frontmatter: {}
+    frontmatter: null
   };
   await (0, import_esbuild.build)({
     write: false,

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

@@ -1,14 +1,64 @@
-import React from 'react';
+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); }
+
+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 { useRouteMeta } from 'dumi/theme';
+import React, { useState } from 'react';
 import { DumiDemo } from "./DumiDemo";
 export var DumiDemoGrid = function DumiDemoGrid(props) {
+  var meta = useRouteMeta();
+
+  var _useState = useState(function () {
+    var _meta$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) {
+          var _cols$j;
+
+          (_cols$j = cols[j]) !== null && _cols$j !== void 0 ? _cols$j : cols[j] = [];
+          cols[j].push(item);
+        });
+      }
+
+      return cols;
+    } else {
+      cols.push(props.items);
+    }
+
+    return cols;
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      cols = _useState2[0];
+
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'grid',
-      gridTemplateColumns: 'repeat(2, 1fr)'
+      display: 'flex',
+      margin: -8
     }
-  }, props.items.map(function (item) {
+  }, cols.map(function (col, i) {
     return /*#__PURE__*/React.createElement("section", {
-      key: item.demo.id
-    }, /*#__PURE__*/React.createElement(DumiDemo, item));
+      style: {
+        flex: 1,
+        padding: 8
+      },
+      key: String(i)
+    }, col.map(function (item) {
+      return /*#__PURE__*/React.createElement(DumiDemo, _extends({
+        key: item.demo.id
+      }, item));
+    }));
   }));
 };

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

@@ -1,14 +1,11 @@
 import { type ComponentType } from 'react';
-import type { IPreviewerProps } from './types';
+import type { ILocalesConfig, IPreviewerProps, IThemeConfig } from './types';
 export interface IThemeContext {
     demos: Record<string, {
         component: ComponentType;
         asset: IPreviewerProps['asset'];
     }>;
-    locales: {
-        id: string;
-        name: string;
-        base: string;
-    }[];
+    locales: NonNullable<ILocalesConfig>;
+    themeConfig: IThemeConfig;
 }
 export declare const Context: import("react").Context<IThemeContext>;

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

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

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

@@ -3,3 +3,6 @@ export * from './context';
 export * from './DumiDemo';
 export * from './DumiDemoGrid';
 export * from './types';
+export * from './useNavData';
+export * from './useRouteMeta';
+export * from './useSidebarData';

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

@@ -2,4 +2,7 @@ export { useIntl } from 'react-intl';
 export * from "./context";
 export * from "./DumiDemo";
 export * from "./DumiDemoGrid";
-export * from "./types";
+export * from "./types";
+export * from "./useNavData";
+export * from "./useRouteMeta";
+export * from "./useSidebarData";

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

@@ -9,6 +9,10 @@ export interface IPreviewerProps {
      * description of current demo
      */
     description?: string;
+    /**
+     * file path of current demo
+     */
+    filePath?: string;
     /**
      * asset metadata of current demo
      */
@@ -17,4 +21,64 @@ export interface IPreviewerProps {
      * react node of current demo
      */
     children: ReactNode;
+    [key: string]: any;
+}
+export interface IRouteMeta {
+    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;
+    };
+    [key: string]: any;
+}
+declare type IBasicLocale = {
+    id: string;
+    name: string;
+};
+export declare type ILocalesConfig = ((IBasicLocale & {
+    base: string;
+}) | (IBasicLocale & {
+    suffix: string;
+}))[];
+export interface INavItem {
+    title: string;
+    link: string;
+    [key: string]: any;
+}
+interface ISidebarItem {
+    title: string;
+    link: string;
+    [key: string]: any;
+}
+export interface ISidebarGroup {
+    title?: string;
+    children: ISidebarItem[];
+    [key: string]: any;
+}
+export interface IThemeConfig {
+    nav?: (INavItem & {
+        children?: INavItem[];
+    })[];
+    sidebar?: Record<string, ISidebarGroup[]>;
+    [key: string]: any;
 }
+export declare type IRoutesById = Record<string, {
+    path?: string;
+    parentId?: string;
+    meta?: IRouteMeta;
+    id: string;
+    redirect?: string;
+    [key: string]: any;
+}>;
+export {};

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

@@ -0,0 +1,6 @@
+/**
+ * hook for get nav data
+ */
+export declare const useNavData: () => (import("./types").INavItem & {
+    children?: import("./types").INavItem[] | undefined;
+})[] | undefined;

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

@@ -0,0 +1,78 @@
+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."); }
+
+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 { Context } from 'dumi/theme';
+import { useContext, useState } from 'react';
+import { useFullSidebarData } from "./useSidebarData";
+import { useLocaleDocRoutes } from "./utils";
+/**
+ * hook for get nav data
+ */
+
+export var useNavData = function useNavData() {
+  var routes = useLocaleDocRoutes();
+
+  var _useContext = useContext(Context),
+      themeConfig = _useContext.themeConfig;
+
+  var sidebar = useFullSidebarData();
+
+  var _useState = useState(function () {
+    // use user config first
+    if (themeConfig.nav) return themeConfig.nav; // fallback to generate nav data from sidebar data
+
+    var data = Object.entries(sidebar).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          link = _ref2[0],
+          groups = _ref2[1];
+
+      var meta = Object.values(routes).reduce(function (ret, route) {
+        var _nav$order;
+
+        // find routes which within the nav path
+        if (route.path.startsWith(link.slice(1))) {
+          switch (_typeof(route.meta.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;
+              break;
+
+            case 'string':
+              ret.title = route.meta.nav || ret.title;
+              break;
+
+            default:
+          }
+        }
+
+        return ret;
+      }, {});
+      return {
+        title: meta.title || groups[0].title || groups[0].children[0].title,
+        order: meta.order || 0,
+        link: groups[0].children[0].link
+      };
+    }); // TODO: 2-level nav data
+
+    return data.sort(function (a, b) {
+      var _a$title;
+
+      return a.order - b.order || ((_a$title = a.title) === null || _a$title === void 0 ? void 0 : _a$title.localeCompare(b.title));
+    });
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      nav = _useState2[0];
+
+  return nav;
+};

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

@@ -0,0 +1,5 @@
+import type { IRouteMeta } from './types';
+/**
+ * hook for get matched route meta
+ */
+export declare const useRouteMeta: () => IRouteMeta;

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

@@ -0,0 +1,55 @@
+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 { matchRoutes, useAppData, useLocation, useRouteData } from 'dumi';
+import { useCallback, useEffect, useState } from 'react';
+
+/**
+ * hook for get matched route meta
+ */
+export var useRouteMeta = function useRouteMeta() {
+  var _useRouteData = useRouteData(),
+      route = _useRouteData.route;
+
+  var _useLocation = useLocation(),
+      pathname = _useLocation.pathname;
+
+  var _useAppData = useAppData(),
+      clientRoutes = _useAppData.clientRoutes;
+
+  var getter = useCallback(function () {
+    var ret;
+
+    if (route.path === pathname && !('isLayout' in route)) {
+      // use `useRouteData` result if matched, for performance
+      ret = route.meta;
+    } else {
+      var _matchRoutes, _matched$route;
+
+      // match manually for dynamic route & layout component
+      var matched = (_matchRoutes = matchRoutes(clientRoutes, pathname)) === null || _matchRoutes === void 0 ? void 0 : _matchRoutes.pop();
+      ret = matched === null || matched === void 0 ? void 0 : (_matched$route = matched.route) === null || _matched$route === void 0 ? void 0 : _matched$route.meta;
+    }
+
+    return ret || {};
+  }, [clientRoutes.length, pathname]);
+
+  var _useState = useState(getter),
+      _useState2 = _slicedToArray(_useState, 2),
+      meta = _useState2[0],
+      setMeta = _useState2[1];
+
+  useEffect(function () {
+    setMeta(getter);
+  }, [clientRoutes.length, pathname]);
+  return meta;
+};

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

@@ -0,0 +1,8 @@
+/**
+ * hook for get sidebar data for all nav
+ */
+export declare const useFullSidebarData: () => any;
+/**
+ * hook for get sidebar data for current nav
+ */
+export declare const useSidebarData: () => any;

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

@@ -0,0 +1,132 @@
+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."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+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."); }
+
+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 { useLocation } from 'dumi';
+import { Context } from 'dumi/theme';
+import { useContext, useState } from 'react';
+import { useLocale, useLocaleDocRoutes } 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;
+};
+/**
+ * hook for get sidebar data for all nav
+ */
+
+
+export var useFullSidebarData = function useFullSidebarData() {
+  var locale = useLocale();
+  var routes = useLocaleDocRoutes();
+
+  var _useContext = useContext(Context),
+      themeConfig = _useContext.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) {
+        var _ret$parentPath, _ret$parentPath$title, _ret$parentPath$title2;
+
+        // extract parent path from route path
+        // a => /a
+        // en-US/a => /en-US/a
+        // a/b => /a
+        // 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
+        },
+            title = _ref.title,
+            _ref$order = _ref.order,
+            order = _ref$order === void 0 ? 0 : _ref$order;
+
+        var titleKey = title || DEFAULT_GROUP_STUB_TITLE; // create group data by nav path & group name
+
+        (_ret$parentPath = ret[parentPath]) !== null && _ret$parentPath !== void 0 ? _ret$parentPath : ret[parentPath] = {};
+        ret[parentPath][titleKey] = {
+          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,
+            link: "/".concat(route.path),
+            order: route.meta.order || 0
+          }])
+        };
+      }
+
+      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];
+
+      ret[navPath] = Object.values(groups).sort(function (a, b) {
+        var _a$title;
+
+        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)
+        );
+      }); // sort group children by order or title
+
+      ret[navPath].forEach(function (group) {
+        return group.children.sort(function (a, b) {
+          return a.order - b.order || a.title.localeCompare(b.title);
+        });
+      });
+      return ret;
+    }, {}); // allow user partial override
+
+    return Object.assign(sidebarConfig, themeConfig.sidebar);
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      sidebar = _useState2[0];
+
+  return sidebar;
+};
+/**
+ * hook for get sidebar data for current nav
+ */
+
+export var useSidebarData = function useSidebarData() {
+  var locale = useLocale();
+  var sidebar = useFullSidebarData();
+
+  var _useLocation = useLocation(),
+      pathname = _useLocation.pathname;
+
+  var clearPath = getLocaleClearPath(pathname.slice(1), locale); // extract parent path from location pathname
+  // /a => /a
+  // /a/b => /a
+  // /en-US/a => /en-US/a
+  // /en-US/a/b => /en-US/a
+
+  var parentPath = clearPath ? pathname.replace(/(\/[^/]+)(\/[^/]+)$/, '$1') : pathname;
+  return parentPath ? sidebar[parentPath] : [];
+};

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

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

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

@@ -0,0 +1,62 @@
+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 { 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;
+};
+export var useLocaleDocRoutes = function useLocaleDocRoutes() {
+  var intl = useIntl();
+
+  var _useAppData = useAppData(),
+      routes = _useAppData.routes;
+
+  var _useContext2 = useContext(Context),
+      locales = _useContext2.locales;
+
+  var _useState3 = useState(function () {
+    var reversedLocales = locales.slice().reverse();
+    return Object.values(routes).reduce(function (ret, route) {
+      var matched = reversedLocales.find(function (locale) {
+        return 'suffix' in locale ? // suffix mode
+        route.path.endsWith(locale.suffix) : // base mode
+        route.path.startsWith(locale.base.slice(1));
+      });
+
+      if (route.parentId === 'DocLayout' && matched.id === intl.locale) {
+        ret[route.id] = route;
+      }
+
+      return ret;
+    }, {});
+  }),
+      _useState4 = _slicedToArray(_useState3, 1),
+      localeDocRoutes = _useState4[0];
+
+  return localeDocRoutes;
+};

package/dist/client/tsconfig.json

@@ -3,6 +3,8 @@
   "compilerOptions": {
     "paths": {
       "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "dumi": ["src"],
       "dumi/theme": ["src/client/theme-api"],
       "dumi/theme/*": ["src/client/theme-default/*"]
     }

package/dist/features/compile.js

@@ -27,17 +27,34 @@ __export(compile_exports, {
 module.exports = __toCommonJS(compile_exports);
 var import_react = __toESM(require("../techStacks/react"));
 var compile_default = (api) => {
-  api.registerTechStack(() => new import_react.default());
+  api.register({
+    key: "registerTechStack",
+    stage: Infinity,
+    fn: () => new import_react.default()
+  });
+  api.modifyDefaultConfig((memo) => {
+    memo.alias.dumi$ = memo.alias.umi;
+    return memo;
+  });
   api.chainWebpack(async (memo) => {
-    const loaderPath = require.resolve("../loaders/markdown");
     const babelInUmi = memo.module.rule("src").use("babel-loader").entries();
     const techStacks = await api.applyPlugins({
       key: "registerTechStack",
       type: api.ApplyPluginsType.add
     });
-    memo.module.rule("dumi-md").type("javascript/auto").test(/\.md$/).oneOf("demo-index").resourceQuery(/meta\.demos/).use("demo-index-loader").loader(loaderPath).options({ techStacks, cwd: api.cwd, mode: "demos" }).end().end().oneOf("md").use("babel-loader").loader(babelInUmi.loader).options(babelInUmi.options).end().use("md-loader").loader(loaderPath).options({
+    const loaderPath = require.resolve("../loaders/markdown");
+    const loaderBaseOpts = {
       techStacks,
       cwd: api.cwd,
+      codeBlockMode: api.config.resolve.codeBlockMode,
+      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({
+      ...loaderBaseOpts,
+      mode: "meta"
+    }).end().end().oneOf("md").use("babel-loader").loader(babelInUmi.loader).options(babelInUmi.options).end().use("md-loader").loader(loaderPath).options({
+      ...loaderBaseOpts,
       builtins: api.service.themeData.builtins
     });
     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 });

package/dist/features/configPlugins/index.js

@@ -27,8 +27,10 @@ var configPlugins_default = (api) => {
   const configDefaults = {
     resolve: {
       docDirs: ["docs"],
-      entityDirs: [{ type: "component", dir: "src" }]
-    }
+      entityDirs: [{ type: "component", dir: "src" }],
+      codeBlockMode: "active"
+    },
+    themeConfig: {}
   };
   const schemas = (0, import_schema.getSchemas)();
   for (const key of Object.keys(schemas)) {

package/dist/features/configPlugins/schema.js

@@ -22,11 +22,21 @@ __export(schema_exports, {
   getSchemas: () => getSchemas
 });
 module.exports = __toCommonJS(schema_exports);
+function getUnifiedPluginSchema(Joi) {
+  return Joi.array().items(Joi.alternatives(Joi.string(), Joi.func(), Joi.array().items(Joi.alternatives(Joi.string(), Joi.func()), Joi.object()).length(2))).optional();
+}
 function getSchemas() {
   return {
     resolve: (Joi) => Joi.object({
       docDirs: Joi.array().items(Joi.string()).optional(),
-      entityDirs: Joi.array().items(Joi.object({ type: Joi.string(), dir: Joi.string() })).optional()
+      entityDirs: Joi.array().items(Joi.object({ type: Joi.string(), dir: Joi.string() })).optional(),
+      codeBlockMode: Joi.string().valid("active", "passive").optional()
+    }).optional(),
+    extraRemarkPlugins: getUnifiedPluginSchema,
+    extraRehypePlugins: getUnifiedPluginSchema,
+    themeConfig: (Joi) => Joi.object({
+      nav: Joi.array().items(Joi.object()).optional(),
+      sidebar: Joi.object().optional()
     }).optional()
   };
 }