dumi 2.0.0-beta.6 → 2.0.0-beta.8

package/dist/loaders/markdown/transformer/rehypeImg.js

@@ -0,0 +1,57 @@
+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/loaders/markdown/transformer/rehypeImg.ts
+var rehypeImg_exports = {};
+__export(rehypeImg_exports, {
+  default: () => rehypeImg
+});
+module.exports = __toCommonJS(rehypeImg_exports);
+var import_path = __toESM(require("path"));
+var visit;
+(async () => {
+  ({ visit } = await import("unist-util-visit"));
+})();
+function isRelativeUrl(url) {
+  return !/^((blob:)?\w+:)?\/\//.test(url) && !import_path.default.isAbsolute(url);
+}
+function rehypeImg() {
+  return (tree) => {
+    visit(tree, "element", (node) => {
+      var _a;
+      if (node.tagName === "img" && typeof ((_a = node.properties) == null ? void 0 : _a.src) === "string") {
+        const src = node.properties.src.trim();
+        if (isRelativeUrl(src)) {
+          delete node.properties.src;
+          node.JSXAttributes = [
+            {
+              type: "JSXAttribute",
+              name: "src",
+              value: `require('${decodeURI(src)}')`
+            }
+          ];
+        }
+      }
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/loaders/markdown/transformer/rehypeJsxify.js

@@ -59,7 +59,23 @@ function rehypeJsxify() {
         }
       });
     });
-    const esTree = toEstree(ast);
+    const esTree = toEstree(ast, {
+      handlers: {
+        text: function text(node) {
+          var _a;
+          const value = String(node.value || "");
+          if (!value)
+            return null;
+          return {
+            type: "JSXExpressionContainer",
+            expression: ((_a = node.data) == null ? void 0 : _a.expression) || {
+              type: "Literal",
+              value
+            }
+          };
+        }
+      }
+    });
     visitEstree(esTree, (node) => {
       var _a, _b;
       const isStubJSXAttr = node.type === "JSXAttribute" && "name" in node && String(node.name.name).startsWith(JSX_PROP_PREFIX);

package/dist/loaders/markdown/transformer/rehypeSlug.d.ts

@@ -1,4 +1,4 @@
 import type { Root } from 'hast';
 import type { Transformer } from 'unified';
-import { type IMdTransformerOptions } from '.';
-export default function rehypeSlug(opts: IMdTransformerOptions): Transformer<Root>;
+export declare const HEADING_TAGS: string[];
+export default function rehypeSlug(): Transformer<Root>;

package/dist/loaders/markdown/transformer/rehypeSlug.js

@@ -22,84 +22,48 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/loaders/markdown/transformer/rehypeSlug.ts
 var rehypeSlug_exports = {};
 __export(rehypeSlug_exports, {
+  HEADING_TAGS: () => HEADING_TAGS,
   default: () => rehypeSlug
 });
 module.exports = __toCommonJS(rehypeSlug_exports);
-var import_utils = require("../../../utils");
-var import_fs = __toESM(require("fs"));
 var import_github_slugger = __toESM(require("github-slugger"));
-var import__ = __toESM(require("."));
 var import_rehypeDemo = require("./rehypeDemo");
-var import_rehypeEmbed = require("./rehypeEmbed");
 var visit;
 var toString;
-var sharedSluggers = /* @__PURE__ */ new Map();
-function getFileSlugger(fileAbsPath, parentAbsPath) {
-  if (parentAbsPath)
-    return sharedSluggers.get(parentAbsPath);
-  const slugger = new import_github_slugger.default();
-  sharedSluggers.set(fileAbsPath, slugger);
-  return slugger;
-}
 (async () => {
   ({ visit } = await import("unist-util-visit"));
   ({ toString } = await import("hast-util-to-string"));
 })();
 var HEADING_TAGS = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function rehypeSlug(opts) {
+function rehypeSlug() {
   return async (tree, vFile) => {
-    const pathWithRandom = `${opts.fileAbsPath}?${Math.random()}`;
-    const slugger = getFileSlugger(pathWithRandom, opts.parentAbsPath);
-    const deferrers = [];
+    const slugger = new import_github_slugger.default();
     vFile.data.toc = [];
     visit(tree, "element", (node) => {
-      var _a, _b, _c;
+      var _a, _b;
       if (HEADING_TAGS.includes(node.tagName)) {
         const title = toString(node);
         const depth = Number(node.tagName.slice(1));
-        deferrers.push(() => {
-          const id = slugger.slug(title);
-          node.properties.id = id;
-          vFile.data.toc.push({ id, depth, title });
-        });
-      } else if (((_a = node.data) == null ? void 0 : _a.tagName) === import_rehypeEmbed.EMBED_TAG) {
-        const { fileAbsPath, query } = node.data;
-        let content = import_fs.default.readFileSync(fileAbsPath, "utf-8");
-        if (query.get("range")) {
-          content = (0, import_utils.getFileRangeLines)(content, query.get("range"));
-        } else if (query.get("regexp")) {
-          content = (0, import_utils.getFileContentByRegExp)(content, query.get("regexp"), fileAbsPath);
-        }
-        deferrers.push(async () => {
-          const {
-            meta: { toc }
-          } = await (0, import__.default)(content, {
-            ...opts,
-            parentAbsPath: opts.parentAbsPath || pathWithRandom
-          });
-          vFile.data.toc.push(...toc);
-        });
-      } else if ([import_rehypeDemo.DUMI_DEMO_TAG, import_rehypeDemo.DUMI_DEMO_GRID_TAG].includes(node.tagName) && ((_b = node.data) == null ? void 0 : _b[import_rehypeDemo.DEMO_PROP_VALUE_KEY])) {
-        const demos = [].concat((_c = node.data) == null ? void 0 : _c[import_rehypeDemo.DEMO_PROP_VALUE_KEY]);
-        deferrers.push(() => {
-          demos.forEach(({ demo, previewerProps }) => {
-            var _a2, _b2;
-            if (!demo.inline && previewerProps.title) {
-              vFile.data.toc.push({
-                id: slugger.slug(demo.id),
-                depth: ((_b2 = (_a2 = vFile.data.frontmatter) == null ? void 0 : _a2.demo) == null ? void 0 : _b2.tocDepth) || 3,
-                title: previewerProps.title
-              });
-            }
-          });
+        const id = slugger.slug(title);
+        node.properties.id = id;
+        vFile.data.toc.push({ id, depth, title });
+      } else if ([import_rehypeDemo.DUMI_DEMO_TAG, import_rehypeDemo.DUMI_DEMO_GRID_TAG].includes(node.tagName) && ((_a = node.data) == null ? void 0 : _a[import_rehypeDemo.DEMO_PROP_VALUE_KEY])) {
+        const demos = [].concat((_b = node.data) == null ? void 0 : _b[import_rehypeDemo.DEMO_PROP_VALUE_KEY]);
+        demos.forEach(({ demo, previewerProps }) => {
+          var _a2, _b2;
+          if (!demo.inline && previewerProps.title) {
+            vFile.data.toc.push({
+              id: slugger.slug(demo.id),
+              depth: ((_b2 = (_a2 = vFile.data.frontmatter) == null ? void 0 : _a2.demo) == null ? void 0 : _b2.tocDepth) || 3,
+              title: previewerProps.title
+            });
+          }
         });
       }
     });
-    for (let deferrer of deferrers) {
-      await deferrer();
-    }
-    sharedSluggers.delete(pathWithRandom);
   };
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  HEADING_TAGS
+});

package/dist/loaders/markdown/transformer/rehypeText.d.ts

@@ -0,0 +1,4 @@
+import type { Root } from 'hast';
+import type { Transformer } from 'unified';
+export declare const CONTENT_TEXTS_OBJ_NAME = "$$contentTexts";
+export default function rehypeText(): Transformer<Root>;

package/dist/loaders/markdown/transformer/rehypeText.js

@@ -0,0 +1,110 @@
+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/loaders/markdown/transformer/rehypeText.ts
+var rehypeText_exports = {};
+__export(rehypeText_exports, {
+  CONTENT_TEXTS_OBJ_NAME: () => CONTENT_TEXTS_OBJ_NAME,
+  default: () => rehypeText
+});
+module.exports = __toCommonJS(rehypeText_exports);
+var import_rehypeSlug = require("./rehypeSlug");
+var CONTENT_TEXTS_OBJ_NAME = "$$contentTexts";
+var visit;
+(async () => {
+  ({ visitParents: visit } = await import("unist-util-visit-parents"));
+})();
+function findParagraphAncestor(ancestors) {
+  for (let i = ancestors.length - 1; i >= 0; i--) {
+    const node = ancestors[i];
+    if (node.type === "element" && node.tagName === "p" || node.type === "root") {
+      return node;
+    }
+  }
+}
+function findClosestTitle(ancestors, node) {
+  for (let i = ancestors.length - 1; i >= 0; i--) {
+    const parent = ancestors[i];
+    const current = ancestors[i + 1] || node;
+    for (let i2 = parent.children.indexOf(current) - 1; i2 >= 0; i2 -= 1) {
+      const child = parent.children[i2];
+      if (child.type === "element" && import_rehypeSlug.HEADING_TAGS.includes(child.tagName)) {
+        return child;
+      }
+    }
+  }
+}
+function rehypeText() {
+  return (tree, vFile) => {
+    let textId = 0;
+    let paraId = 0;
+    vFile.data.texts = [];
+    visit(tree, "text", (node, ancestors) => {
+      var _a, _b, _c;
+      const parent = ancestors[ancestors.length - 1];
+      if (parent.type !== "element" || !import_rehypeSlug.HEADING_TAGS.includes(parent.tagName)) {
+        const paraNode = findParagraphAncestor(ancestors);
+        const titleNode = paraNode.type === "element" && findClosestTitle(ancestors, paraNode);
+        let tocIndex = -1;
+        if (titleNode) {
+          tocIndex = vFile.data.toc.findIndex(({ id }) => {
+            var _a2;
+            return id === ((_a2 = titleNode.properties) == null ? void 0 : _a2.id);
+          });
+        }
+        paraNode.data ?? (paraNode.data = {});
+        (_a = paraNode.data).id ?? (_a.id = paraId++);
+        node.data = {
+          expression: {
+            type: "MemberExpression",
+            start: (_b = node.position) == null ? void 0 : _b.start,
+            end: (_c = node.position) == null ? void 0 : _c.end,
+            object: {
+              type: "MemberExpression",
+              computed: true,
+              object: {
+                type: "Identifier",
+                name: CONTENT_TEXTS_OBJ_NAME
+              },
+              property: {
+                type: "Literal",
+                value: textId++
+              }
+            },
+            property: {
+              type: "Identifier",
+              name: "value"
+            }
+          }
+        };
+        vFile.data.texts.push({
+          value: node.value,
+          paraId: paraNode.data.id,
+          ...tocIndex > -1 ? { tocIndex } : {}
+        });
+      }
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CONTENT_TEXTS_OBJ_NAME
+});

package/dist/loaders/markdown/transformer/remarkEmbed.d.ts

@@ -0,0 +1,4 @@
+import type { Root } from 'mdast';
+import type { Transformer } from 'unified';
+import type { IMdTransformerOptions } from '.';
+export default function remarkEmbed(opts: Pick<IMdTransformerOptions, 'fileAbsPath'>): Transformer<Root>;

package/dist/loaders/markdown/transformer/remarkEmbed.js

@@ -0,0 +1,89 @@
+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/loaders/markdown/transformer/remarkEmbed.ts
+var remarkEmbed_exports = {};
+__export(remarkEmbed_exports, {
+  default: () => remarkEmbed
+});
+module.exports = __toCommonJS(remarkEmbed_exports);
+var import_utils = require("../../../utils");
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var import_plugin_utils = require("umi/plugin-utils");
+var import_url = __toESM(require("url"));
+var EMBED_OPEN_TAG = "<embed ";
+var EMBED_CLOSE_TAG = "</embed>";
+var unified;
+var remarkParse;
+var remarkFrontmatter;
+var visit;
+(async () => {
+  ({ visit } = await import("unist-util-visit"));
+  ({ unified } = await import("unified"));
+  ({ default: remarkParse } = await import("remark-parse"));
+  ({ default: remarkFrontmatter } = await import("remark-frontmatter"));
+})();
+function remarkRawAST() {
+  this.Compiler = function Compiler(ast) {
+    return ast;
+  };
+}
+function remarkEmbed(opts) {
+  return (tree, vFile) => {
+    visit(tree, "html", (node, i, parent) => {
+      var _a, _b;
+      if (node.value.startsWith(EMBED_OPEN_TAG)) {
+        let relatedNodeCount = 1;
+        const src = (_a = node.value.match(/src=("|')([^"']+)\1/)) == null ? void 0 : _a[2];
+        if (src) {
+          const parsed = import_url.default.parse(src);
+          const hash = decodeURIComponent(parsed.hash || "").replace("#", "");
+          const absPath = (0, import_plugin_utils.winPath)(import_path.default.resolve(import_path.default.parse(opts.fileAbsPath).dir, parsed.pathname));
+          let content = import_fs.default.readFileSync(absPath, "utf-8");
+          if (hash.startsWith("L")) {
+            content = (0, import_utils.getFileRangeLines)(content, hash);
+          } else if (hash.startsWith("RE-")) {
+            content = (0, import_utils.getFileContentByRegExp)(content, hash.slice(3), absPath);
+          }
+          const mdast = unified().use(remarkParse).use(remarkFrontmatter).use(remarkRawAST).processSync(content).result;
+          if (!node.value.endsWith(EMBED_CLOSE_TAG)) {
+            for (let j = i; j < parent.children.length; j++) {
+              const sibling = parent.children[j];
+              const isCloseTag = sibling.type === "html" && sibling.value === EMBED_CLOSE_TAG;
+              if (isCloseTag) {
+                relatedNodeCount += j - i;
+                break;
+              } else if (j === parent.children.length - 1) {
+                throw new Error(`Missing close tag for \`${node.value}\``);
+              }
+            }
+          }
+          parent.children.splice(i, relatedNodeCount, ...mdast.children);
+          (_b = vFile.data).embeds ?? (_b.embeds = []);
+          vFile.data.embeds.push(absPath);
+        }
+      }
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/loaders/page/index.js

@@ -35,6 +35,7 @@ function pageMetaLoader(raw) {
   frontmatter.title ?? (frontmatter.title = import_plugin_utils.lodash.startCase(import_path.default.basename(pathWithoutIndex)));
   return `export const frontmatter = ${JSON.stringify(frontmatter)};
 export const toc = [];
+export const texts = [];
 export const demos = {};`;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/types.d.ts

@@ -14,7 +14,14 @@ export interface IDumiConfig extends IUmiConfig {
             type?: string;
             dir: string;
         })[];
-        entityDirs: {
+        /**
+         * @deprecated use `resolve.atomDirs` instead
+         */
+        entityDirs?: {
+            type: string;
+            dir: string;
+        }[];
+        atomDirs: {
             type: string;
             dir: string;
         }[];

package/dist/utils.d.ts

@@ -1,3 +1,4 @@
+import Cache from 'file-system-cache';
 /**
  * get route path from file-system path
  */
@@ -20,3 +21,9 @@ export declare function parseCodeFrontmatter(raw: string): {
     code: string;
     frontmatter: Record<string, any> | null;
 };
+/**
+ * get file-system cache for specific namespace
+ */
+declare const caches: Record<string, ReturnType<typeof Cache>>;
+export declare function getCache(ns: string): typeof caches['0'];
+export {};

package/dist/utils.js

@@ -22,13 +22,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
+  getCache: () => getCache,
   getFileContentByRegExp: () => getFileContentByRegExp,
   getFileRangeLines: () => getFileRangeLines,
   getRoutePathFromFsPath: () => getRoutePathFromFsPath,
   parseCodeFrontmatter: () => parseCodeFrontmatter
 });
 module.exports = __toCommonJS(utils_exports);
+var import_file_system_cache = __toESM(require("file-system-cache"));
 var import_js_yaml = __toESM(require("js-yaml"));
+var import_path = __toESM(require("path"));
 var import_plugin_utils = require("umi/plugin-utils");
 function getRoutePathFromFsPath(fsPath) {
   return import_plugin_utils.lodash.kebabCase((0, import_plugin_utils.winPath)(fsPath).replace(/((\/|^)index(\.[a-zA-Z-]+)?)?\.\w+$/g, ""));
@@ -63,8 +66,21 @@ function parseCodeFrontmatter(raw) {
   }
   return { code: frontmatter ? code : raw, frontmatter };
 }
+var caches = {};
+var CACHE_PATH = "node_modules/.cache/dumi";
+function getCache(ns) {
+  if (process.env.DUMI_CACHE === "none") {
+    return { set() {
+    }, get() {
+    }, setSync() {
+    }, getSync() {
+    } };
+  }
+  return caches[ns] ?? (caches[ns] = (0, import_file_system_cache.default)({ basePath: import_path.default.join(CACHE_PATH, ns) }));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getCache,
   getFileContentByRegExp,
   getFileRangeLines,
   getRoutePathFromFsPath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.0.0-beta.6",
+  "version": "2.0.0-beta.8",
   "description": "Framework for developing UI components",
   "keywords": [],
   "license": "MIT",
@@ -27,7 +27,7 @@
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "npm run build && node ./bin/dumi.js setup",
     "prepublishOnly": "npm run build",
-    "test": "cross-env NODE_OPTIONS=--experimental-vm-modules pnpm jest"
+    "test": "vitest"
   },
   "commitlint": {
     "extends": [
@@ -57,18 +57,21 @@
     "@swc/core": "^1.2.224",
     "@types/hast": "^2.3.4",
     "@types/mdast": "^3.0.10",
-    "@umijs/bundler-utils": "^4.0.22",
-    "@umijs/core": "^4.0.22",
+    "@umijs/bundler-utils": "^4.0.26",
+    "@umijs/core": "^4.0.26",
+    "deepmerge": "^4.2.2",
     "dumi-afx-deps": "^1.0.0-alpha.1",
     "dumi-assets-types": "2.0.0-alpha.0",
     "estree-util-to-js": "^1.1.0",
     "estree-util-visit": "^1.2.0",
+    "file-system-cache": "^2.0.0",
     "github-slugger": "^1.4.0",
     "hast-util-is-element": "^2.1.2",
     "hast-util-raw": "^7.2.2",
     "hast-util-to-estree": "^2.1.0",
     "hast-util-to-string": "^2.0.0",
     "heti": "^0.9.2",
+    "highlight-words-core": "^1.2.2",
     "html-to-text": "^8.2.1",
     "js-yaml": "^4.1.0",
     "mdast-util-to-string": "^3.1.0",
@@ -88,9 +91,10 @@
     "remark-parse": "^10.0.1",
     "remark-rehype": "^10.1.0",
     "sass": "^1.55.0",
-    "umi": "^4.0.22",
+    "umi": "^4.0.26",
     "unified": "^10.1.2",
     "unist-util-visit": "^4.1.0",
+    "unist-util-visit-parents": "^5.1.1",
     "url": "^0.11.0",
     "v8-compile-cache": "2.3.0",
     "vfile": "^5.3.4"
@@ -98,9 +102,8 @@
   "devDependencies": {
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
-    "@jest/types": "^27.0.0",
     "@types/github-slugger": "^1.3.0",
-    "@types/jest": "^27.0.0",
+    "@types/highlight-words-core": "^1.2.1",
     "@types/js-yaml": "^4.0.5",
     "@types/node": "^18.6.3",
     "@types/pluralize": "^0.0.29",
@@ -108,12 +111,9 @@
     "@types/react-copy-to-clipboard": "^5.0.4",
     "@types/react-helmet": "^6.1.5",
     "@umijs/lint": "^4.0.22",
-    "@umijs/test": "^4.0.22",
-    "cross-env": "^7.0.3",
     "eslint": "^8.20.0",
     "father": "^4.0.7",
     "husky": "^8.0.1",
-    "jest": "^27.0.0",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^3.0.0",
@@ -121,7 +121,8 @@
     "react": "^18.2.0",
     "stylelint": "^14.9.1",
     "ts-node": "^10.0.0",
-    "typescript": "~4.7.4"
+    "typescript": "~4.7.4",
+    "vitest": "^0.24.3"
   },
   "peerDependencies": {
     "react": ">=16.8",

package/theme-default/builtins/Previewer/index.js

@@ -75,6 +75,7 @@ var Previewer = function Previewer(props) {
   var lang = ((_files$activeKey$0$ma = files[activeKey][0].match(/\.([^.]+)$/)) === null || _files$activeKey$0$ma === void 0 ? void 0 : _files$activeKey$0$ma[1]) || 'text';
   var link = "#".concat(props.asset.id);
   return /*#__PURE__*/React.createElement("div", {
+    id: props.asset.id,
     className: "dumi-default-previewer",
     "data-debug": props.debug,
     "data-active": hash === link || undefined

package/theme-default/layouts/DocLayout/index.js

@@ -1,6 +1,8 @@
 import { useIntl, useOutlet, useRouteMeta } from 'dumi';
 import Content from 'dumi/theme/slots/Content';
+import Features from 'dumi/theme/slots/Features';
 import Header from 'dumi/theme/slots/Header';
+import Hero from 'dumi/theme/slots/Hero';
 import Sidebar from 'dumi/theme/slots/Sidebar';
 import React from 'react';
 import Helmet from 'react-helmet';
@@ -32,7 +34,7 @@ var DocLayout = function DocLayout() {
   }), fm.keywords && /*#__PURE__*/React.createElement("meta", {
     property: "og:keywords",
     content: fm.keywords.join(',')
-  })), /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Sidebar, null), /*#__PURE__*/React.createElement(Content, null, outlet)));
+  })), /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Hero, null), /*#__PURE__*/React.createElement(Features, null), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Sidebar, null), /*#__PURE__*/React.createElement(Content, null, outlet)));
 };
 
 export default DocLayout;

package/theme-default/layouts/DocLayout/index.less

@@ -7,12 +7,17 @@ body {
 }
 
 .@{prefix}-doc-layout {
-  max-width: @s-content-width;
-  margin: 0 auto;
-  padding: 0 24px;
-
   > main {
     display: flex;
     align-items: flex-start;
+    margin: 0 auto;
+    padding: 0 24px;
+    max-width: @s-content-width;
+    box-sizing: border-box;
+
+    > section {
+      flex: 1;
+      max-width: 100%;
+    }
   }
 }

package/theme-default/locales/en-US.json

@@ -15,5 +15,6 @@
   "api.component.required": "(required)",
   "api.component.loading": "Properties definition is resolving, wait a moment...",
   "api.component.not.found": "Properties definition not found for {id} component",
-  "content.tabs.default": "Doc"
+  "content.tabs.default": "Doc",
+  "search.not.found": "No content was found"
 }

package/theme-default/locales/zh-CN.json

@@ -15,5 +15,6 @@
   "api.component.required": "(必选)",
   "api.component.loading": "属性定义正在解析中，稍等片刻...",
   "api.component.not.found": "未找到 {id} 组件的属性定义",
-  "content.tabs.default": "文档"
+  "content.tabs.default": "文档",
+  "search.not.found": "未找到相关内容"
 }

package/theme-default/slots/ContentTabs/index.d.ts

@@ -4,7 +4,7 @@ import './index.less';
 declare type IContentTabs = ReturnType<typeof useRouteMeta>['tabs'];
 export interface IContentTabsProps {
     tabs: IContentTabs;
-    tabKey?: string;
+    tabKey: string | null;
     onChange: (tab?: NonNullable<IContentTabs>[0]) => void;
 }
 declare const ContentTabs: FC<IContentTabsProps>;

package/theme-default/slots/ContentTabs/index.js

@@ -28,7 +28,7 @@ var ContentTabs = function ContentTabs(_ref) {
       "data-active": key === tab.key || undefined
     }, /*#__PURE__*/React.createElement("button", {
       type: "button"
-    }, tab.frontmatter.title));
+    }, tab.meta.frontmatter.title));
   })) : null;
 };