dumi 2.0.0-alpha.3 → 2.0.0-beta.0

package/dist/features/meta.js

@@ -26,6 +26,7 @@ var import_plugin_utils = require("umi/plugin-utils");
 var meta_default = (api) => {
   const mdRouteFiles = [];
   api.modifyRoutes((routes) => {
+    mdRouteFiles.length = 0;
     Object.values(routes).forEach((route) => {
       if (route.file.endsWith(".md")) {
         mdRouteFiles.push({
@@ -42,7 +43,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 +54,7 @@ export const demos = {
 
 export const routesMeta = {
   {{#mdRouteFiles}}
-  '{{{id}}}': fm{{{index}}},
+  '{{{id}}}': { frontmatter: fm{{{index}}}, toc: toc{{{index}}} },
   {{/mdRouteFiles}}
 }`, { mdRouteFiles })
     });

package/dist/features/routes.js

@@ -25,6 +25,7 @@ __export(routes_exports, {
   default: () => routes_default
 });
 module.exports = __toCommonJS(routes_exports);
+var import_constants = require("../constants");
 var import_core = require("@umijs/core");
 var import_utils = require("@umijs/core/dist/route/utils");
 var import_path = __toESM(require("path"));
@@ -41,7 +42,13 @@ function localizeUmiRoute(route, locales) {
   }
 }
 var routes_default = (api) => {
+  var _a, _b, _c;
+  const extraWatchPaths = [
+    ...((_b = (_a = api.userConfig.resolve) == null ? void 0 : _a.entityDirs) == null ? void 0 : _b.map(({ dir }) => dir)) || ["docs"],
+    ...((_c = api.userConfig.resolve) == null ? void 0 : _c.docDirs) || []
+  ].map((dir) => import_path.default.join(api.cwd, dir, "**/*.md"));
   api.describe({ key: "dumi:routes" });
+  api.addTmpGenerateWatcherPaths(() => extraWatchPaths);
   api.modifyConfig((memo) => {
     memo.conventionRoutes = {
       base: import_path.default.join(__dirname, "dumi-disable-default-routes")
@@ -52,8 +59,8 @@ var routes_default = (api) => {
     if (api.userConfig.resolve) {
       const keys = ["docDirs", "entityDirs"];
       keys.forEach((key) => {
-        var _a;
-        if (((_a = api.userConfig.resolve[key]) == null ? void 0 : _a.length) === 0)
+        var _a2;
+        if (((_a2 = api.userConfig.resolve[key]) == null ? void 0 : _a2.length) === 0)
           memo.resolve[key] = [];
       });
     }
@@ -66,11 +73,12 @@ var routes_default = (api) => {
       }
       return ret;
     }, {});
-    const { DocLayout } = api.service.themeData.layouts;
+    const { DocLayout, DemoLayout } = api.service.themeData.layouts;
     const { docDirs, entityDirs } = api.config.resolve;
     const layoutRouteValues = Object.values(routes);
     const lastLayoutId = layoutRouteValues.find(({ id }) => layoutRouteValues.every(({ parentId }) => id !== parentId)).id;
     let docLayoutId = lastLayoutId;
+    let demoLayoutId = lastLayoutId;
     if (DocLayout) {
       docLayoutId = DocLayout.specifier;
       routes[DocLayout.specifier] = {
@@ -82,6 +90,17 @@ var routes_default = (api) => {
         isLayout: true
       };
     }
+    if (DemoLayout) {
+      demoLayoutId = DemoLayout.specifier;
+      routes[DemoLayout.specifier] = {
+        id: DemoLayout.specifier,
+        path: "/",
+        file: DemoLayout.source,
+        parentId: lastLayoutId,
+        absPath: "/",
+        isLayout: true
+      };
+    }
     docDirs.forEach((dir) => {
       const base = import_path.default.join(api.cwd, dir);
       const dirRoutes = (0, import_core.getConventionRoutes)({
@@ -112,6 +131,20 @@ var routes_default = (api) => {
         localizeUmiRoute(routes[routeId], api.config.locales);
       });
     });
+    routes["404"] = {
+      id: "404",
+      path: "*",
+      absPath: "/*",
+      parentId: docLayoutId,
+      file: require.resolve("../client/pages/404")
+    };
+    routes["demo-render"] = {
+      id: "demo-render",
+      path: `${import_constants.SP_ROUTE_PREFIX}demos/:id`,
+      absPath: `/${import_constants.SP_ROUTE_PREFIX}demos/:id`,
+      parentId: demoLayoutId,
+      file: require.resolve("../client/pages/Demo")
+    };
     return routes;
   });
   api.addLayouts(() => {

package/dist/features/theme/index.js

@@ -52,7 +52,7 @@ var theme_default = (api) => {
     async fn(memo) {
       const defaultThemeData = (0, import_loader.default)(DEFAULT_THEME_PATH);
       const pkgThemePath = getPkgThemePath(api);
-      const pkgThemeData = (0, import_plugin_utils.deepmerge)(defaultThemeData, pkgThemePath ? (0, import_loader.default)(pkgThemePath) : {});
+      const pkgThemeData = (0, import_plugin_utils.deepmerge)(defaultThemeData, pkgThemePath ? (0, import_loader.default)(import_path.default.join(pkgThemePath, "dist")) : {});
       originalThemeData = await api.applyPlugins({
         key: "modifyTheme",
         initialValue: pkgThemeData
@@ -66,11 +66,11 @@ var theme_default = (api) => {
       Object.assign(api.service.themeData.builtins, {
         DumiDemo: {
           specifier: "{ DumiDemo }",
-          source: "dumi/theme"
+          source: "dumi"
         },
         DumiDemoGrid: {
           specifier: "{ DumiDemoGrid }",
-          source: "dumi/theme"
+          source: "dumi"
         }
       });
       return memo;
@@ -106,8 +106,8 @@ export { default } from '${item.source}';`
     api.writeTmpFile({
       noPluginDir: true,
       path: "dumi/theme/ContextWrapper.tsx",
-      content: `import { Context } from 'dumi/theme';
-import { useOutlet } from 'umi';
+      content: `import { useOutlet } from 'dumi';
+import { SiteContext } from '${(0, import_plugin_utils.winPath)(require.resolve("../../client/theme-api/context"))}';
 import { demos } from '../meta';
 import { locales } from '../locales/config';
 
@@ -115,7 +115,7 @@ export default function DumiContextWrapper() {
   const outlet = useOutlet();
 
   return (
-    <Context.Provider value={{ demos, locales, themeConfig: ${JSON.stringify(api.config.themeConfig)} }}>{outlet}</Context.Provider>
+    <SiteContext.Provider value={{ demos, locales, themeConfig: ${JSON.stringify(api.config.themeConfig)} }}>{outlet}</SiteContext.Provider>
   );
 }`
     });

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import type { IDumiUserConfig } from "./types";
 declare let unistUtilVisit: typeof import('unist-util-visit');
+export * from 'umi';
+export * from './client/theme-api';
 export { IApi } from "./types";
 export type { Root as HastRoot } from 'hast';
-export * from 'umi';
 export type { Plugin as UnifiedPlugin, Transformer as UnifiedTransformer, } from 'unified';
 export { unistUtilVisit };
 export declare const defineConfig: (config: IDumiUserConfig) => IDumiUserConfig;

package/dist/index.js

@@ -28,6 +28,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("umi"), module.exports);
+__reExport(src_exports, require("./client/theme-api"), module.exports);
 var unistUtilVisit;
 (async () => {
   unistUtilVisit = await import("unist-util-visit");

package/dist/loaders/markdown/index.js

@@ -45,7 +45,8 @@ function mdLoader(raw) {
     fileAbsPath: this.resourcePath
   }).then((ret) => {
     if (opts.mode === "meta") {
-      const { demos, frontmatter = {} } = ret.meta;
+      const { demos, frontmatter, toc, embeds = [] } = ret.meta;
+      embeds.forEach((file) => this.addDependency(file));
       cb(null, import_plugin_utils.Mustache.render(`import React from 'react';
 
 export const demos = {
@@ -56,11 +57,12 @@ export const demos = {
   },
   {{/demos}}
 };
-
 export const frontmatter = {{{frontmatter}}};
+export const toc = {{{toc}}}
 `, {
         demos,
         frontmatter: JSON.stringify(frontmatter),
+        toc: JSON.stringify(toc),
         renderAsset: function renderAsset() {
           Object.keys(this.sources).forEach((file) => {
             this.asset.dependencies[file].value = `{{{require('!!raw-loader!${this.sources[file]}?raw').default}}}`;

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

@@ -1,5 +1,5 @@
 import type { IParsedBlockAsset } from "../../../assetParsers/block";
-import type { IRouteMeta } from "../../../client/theme-api";
+import type { IRouteMeta } from "../../../client/theme-api/types";
 import type { IDumiConfig, IDumiTechStack } from "../../../types";
 import type { DataMap } from 'vfile';
 declare module 'hast' {
@@ -22,12 +22,15 @@ declare module 'vfile' {
             asset: IParsedBlockAsset['asset'];
             sources: IParsedBlockAsset['sources'];
         }[];
-        frontmatter: IRouteMeta;
+        frontmatter: IRouteMeta['frontmatter'];
+        toc: IRouteMeta['toc'];
+        embeds?: string[];
     }
 }
 export interface IMdTransformerOptions {
     cwd: string;
     fileAbsPath: string;
+    parentAbsPath?: string;
     techStacks: IDumiTechStack[];
     codeBlockMode: IDumiConfig['resolve']['codeBlockMode'];
     extraRemarkPlugins?: IDumiConfig['extraRemarkPlugins'];

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

@@ -27,9 +27,11 @@ __export(transformer_exports, {
 module.exports = __toCommonJS(transformer_exports);
 var import_rehypeDemo = __toESM(require("./rehypeDemo"));
 var import_rehypeEmbed = __toESM(require("./rehypeEmbed"));
+var import_rehypeEnhancedTag = __toESM(require("./rehypeEnhancedTag"));
 var import_rehypeIsolation = __toESM(require("./rehypeIsolation"));
 var import_rehypeJsxify = __toESM(require("./rehypeJsxify"));
 var import_rehypeRaw = __toESM(require("./rehypeRaw"));
+var import_rehypeSlug = __toESM(require("./rehypeSlug"));
 var import_rehypeStrip = __toESM(require("./rehypeStrip"));
 var import_remarkMeta = __toESM(require("./remarkMeta"));
 function applyUnifiedPlugin(opts) {
@@ -46,7 +48,8 @@ var transformer_default = async (raw, opts) => {
   const { default: remarkBreaks } = await import("remark-breaks");
   const { default: remarkGfm } = await import("remark-gfm");
   const { default: remarkRehype } = await import("remark-rehype");
-  const processor = unified().use(remarkParse).use(remarkFrontmatter).use(import_remarkMeta.default).use(remarkBreaks).use(remarkGfm);
+  const { default: rehypeAutolinkHeadings } = await import("rehype-autolink-headings");
+  const processor = unified().use(remarkParse).use(remarkFrontmatter).use(import_remarkMeta.default, { fileAbsPath: opts.fileAbsPath }).use(remarkBreaks).use(remarkGfm);
   (_a = opts.extraRemarkPlugins) == null ? void 0 : _a.forEach((plugin) => applyUnifiedPlugin({
     plugin,
     processor,
@@ -59,7 +62,7 @@ var transformer_default = async (raw, opts) => {
     cwd: opts.cwd,
     fileAbsPath: opts.fileAbsPath,
     codeBlockMode: opts.codeBlockMode
-  }).use(import_rehypeIsolation.default);
+  }).use(import_rehypeSlug.default, opts).use(rehypeAutolinkHeadings).use(import_rehypeIsolation.default).use(import_rehypeEnhancedTag.default);
   (_b = opts.extraRehypePlugins) == null ? void 0 : _b.forEach((plugin) => applyUnifiedPlugin({
     plugin,
     processor,

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

@@ -1,6 +1,9 @@
 import type { Root } from 'hast';
 import type { Transformer } from 'unified';
 import type { IMdTransformerOptions } from '.';
+export declare const DEMO_PROP_VALUE_KEY = "$demo-prop-value-key";
+export declare const DUMI_DEMO_TAG = "DumiDemo";
+export declare const DUMI_DEMO_GRID_TAG = "DumiDemoGrid";
 declare type IRehypeDemoOptions = Pick<IMdTransformerOptions, 'techStacks' | 'cwd' | 'fileAbsPath' | 'codeBlockMode'>;
 export default function rehypeDemo(opts: IRehypeDemoOptions): Transformer<Root>;
 export {};

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

@@ -22,6 +22,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/loaders/markdown/transformer/rehypeDemo.ts
 var rehypeDemo_exports = {};
 __export(rehypeDemo_exports, {
+  DEMO_PROP_VALUE_KEY: () => DEMO_PROP_VALUE_KEY,
+  DUMI_DEMO_GRID_TAG: () => DUMI_DEMO_GRID_TAG,
+  DUMI_DEMO_TAG: () => DUMI_DEMO_TAG,
   default: () => rehypeDemo
 });
 module.exports = __toCommonJS(rehypeDemo_exports);
@@ -35,9 +38,11 @@ var toString;
 var isElement;
 var DEMO_NODE_CONTAINER = "$demo-container";
 var DEMO_PROP_VALUE_KEY = "$demo-prop-value-key";
+var DUMI_DEMO_TAG = "DumiDemo";
+var DUMI_DEMO_GRID_TAG = "DumiDemoGrid";
 (async () => {
   ({ visit, SKIP } = await import("unist-util-visit"));
-  ({ toString } = await import("mdast-util-to-string"));
+  ({ toString } = await import("hast-util-to-string"));
   ({ isElement } = await import("hast-util-is-element"));
 })();
 function getCodeLang(node, opts) {
@@ -122,7 +127,7 @@ function rehypeDemo(opts) {
           if (isElement(codeNode, "code")) {
             const codeType = codeNode.data.type;
             const techStack = codeNode.data.techStack;
-            const codeValue = toString(codeNode.children).trim();
+            const codeValue = toString(codeNode).trim();
             const parseOpts = {
               id: "",
               refAtomIds: [],
@@ -191,11 +196,11 @@ function rehypeDemo(opts) {
         replaceNodes.push(node);
         node.children = [];
         if (demosPropData.length === 1) {
-          node.tagName = "DumiDemo";
+          node.tagName = DUMI_DEMO_TAG;
           node.data[DEMO_PROP_VALUE_KEY] = demosPropData[0];
           node.JSXAttributes = [{ type: "JSXSpreadAttribute", argument: "" }];
         } else {
-          node.tagName = "DumiDemoGrid";
+          node.tagName = DUMI_DEMO_GRID_TAG;
           node.data[DEMO_PROP_VALUE_KEY] = demosPropData;
           node.JSXAttributes = [
             { type: "JSXAttribute", name: "items", value: "" }
@@ -213,10 +218,13 @@ function rehypeDemo(opts) {
         } else {
           node.JSXAttributes[0].argument = value;
         }
-        delete node.data[DEMO_PROP_VALUE_KEY];
       });
     });
   };
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  DEMO_PROP_VALUE_KEY,
+  DUMI_DEMO_GRID_TAG,
+  DUMI_DEMO_TAG
+});

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

@@ -1,4 +1,12 @@
-import type { Root } from 'hast';
+/// <reference types="node" />
+import type { Node, Root } from 'hast';
 import type { Transformer } from 'unified';
+import url from 'url';
 import type { IMdTransformerOptions } from '.';
+export declare type IEmbedNodeData = Node['data'] & {
+    tagName: string;
+    fileAbsPath: string;
+    query: InstanceType<typeof url.URLSearchParams>;
+};
+export declare const EMBED_TAG = "embed";
 export default function rehypeEmbed(opts: Pick<IMdTransformerOptions, 'fileAbsPath'>): Transformer<Root>;

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

@@ -22,6 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/loaders/markdown/transformer/rehypeEmbed.ts
 var rehypeEmbed_exports = {};
 __export(rehypeEmbed_exports, {
+  EMBED_TAG: () => EMBED_TAG,
   default: () => rehypeEmbed
 });
 module.exports = __toCommonJS(rehypeEmbed_exports);
@@ -31,11 +32,12 @@ var visit;
 (async () => {
   ({ visit } = await import("unist-util-visit"));
 })();
+var EMBED_TAG = "embed";
 function rehypeEmbed(opts) {
-  return async (tree) => {
+  return async (tree, vFile) => {
     visit(tree, "element", (node, idx, parent) => {
-      var _a;
-      if (node.tagName === "embed" && ((_a = node.properties) == null ? void 0 : _a.hasOwnProperty("src"))) {
+      var _a, _b;
+      if (node.tagName === EMBED_TAG && ((_a = node.properties) == null ? void 0 : _a.hasOwnProperty("src"))) {
         const { src } = node.properties;
         const parsed = import_url.default.parse((src == null ? void 0 : src.toString()) || "");
         const absPath = import_path.default.resolve(import_path.default.parse(opts.fileAbsPath).dir, parsed.pathname);
@@ -48,6 +50,11 @@ function rehypeEmbed(opts) {
             query.append("regexp", hash.substring(3));
           }
           const moduleReqPath = `${absPath}?${query}`;
+          const nodeData = {
+            tagName: EMBED_TAG,
+            fileAbsPath: absPath,
+            query
+          };
           switch (import_path.default.extname(parsed.pathname)) {
             case ".md":
             default:
@@ -56,6 +63,7 @@ function rehypeEmbed(opts) {
                 tagName: "React.Fragment",
                 children: [],
                 properties: {},
+                data: nodeData,
                 position: node.position,
                 JSXAttributes: [
                   {
@@ -66,10 +74,14 @@ function rehypeEmbed(opts) {
                 ]
               });
           }
+          (_b = vFile.data).embeds ?? (_b.embeds = []);
+          vFile.data.embeds.push(absPath);
         }
       }
     });
   };
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  EMBED_TAG
+});

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

@@ -0,0 +1,3 @@
+import type { Root } from 'hast';
+import type { Transformer } from 'unified';
+export default function rehypeEnhancedTag(): Transformer<Root>;

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

@@ -0,0 +1,54 @@
+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/rehypeEnhancedTag.ts
+var rehypeEnhancedTag_exports = {};
+__export(rehypeEnhancedTag_exports, {
+  default: () => rehypeEnhancedTag
+});
+module.exports = __toCommonJS(rehypeEnhancedTag_exports);
+var visit;
+var isElement;
+var toString;
+(async () => {
+  ({ visit } = await import("unist-util-visit"));
+  ({ isElement } = await import("hast-util-is-element"));
+  ({ toString } = await import("hast-util-to-string"));
+})();
+function rehypeEnhancedTag() {
+  return async (tree) => {
+    visit(tree, "element", (node, i, parent) => {
+      var _a, _b, _c;
+      if (node.tagName === "pre" && isElement((_a = node.children) == null ? void 0 : _a[0]) && node.children[0].tagName === "code") {
+        const className = ((_b = node.children[0].properties) == null ? void 0 : _b.className) || [];
+        const lang = (_c = className.join("").match(/language-(\w+)(?:$| )/)) == null ? void 0 : _c[1];
+        parent.children.splice(i, 1, {
+          type: "element",
+          tagName: "SourceCode",
+          properties: { lang },
+          children: [{ type: "text", value: toString(node.children[0]) }]
+        });
+      }
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -32,19 +32,25 @@ var visit;
 function isDemoNode(node) {
   return ["DumiDemo", "DumiDemoGrid"].includes(node.tagName);
 }
+function isReactComponent(node) {
+  return /^[A-Z].+/.test(node.tagName);
+}
 function rehypeIsolation() {
   return (tree) => {
     visit(tree, "root", (node) => {
       node.children = node.children.reduce((nextChildren, current) => {
+        var _a, _b;
         let prevSibling = nextChildren[nextChildren.length - 1];
         if (isDemoNode(current)) {
           nextChildren.push(current);
+        } else if (current.tagName === "p" && ((_a = current.children) == null ? void 0 : _a.length) === 1 && isReactComponent(current.children[0]) || isReactComponent(current)) {
+          nextChildren.push(current.tagName === "p" ? (_b = current.children) == null ? void 0 : _b[0] : current);
         } else {
-          if (!prevSibling || isDemoNode(prevSibling)) {
+          if (!prevSibling || isDemoNode(prevSibling) || isReactComponent(prevSibling)) {
             prevSibling = {
               type: "element",
               tagName: "div",
-              properties: { className: "markdown" },
+              properties: { className: ["markdown"] },
               children: []
             };
             nextChildren.push(prevSibling);

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

@@ -35,7 +35,7 @@ var CODE_META_STUB_ATTR = "$code-meta";
   ({ raw } = await import("hast-util-raw"));
 })();
 function rehypeRaw() {
-  return (tree, file) => {
+  return (tree, vFile) => {
     visit(tree, (node) => {
       var _a;
       if (node.type === "raw" && COMPONENT_NAME_REGEX.test(node.value)) {
@@ -48,7 +48,7 @@ function rehypeRaw() {
         node.properties[CODE_META_STUB_ATTR] = node.data.meta;
       }
     });
-    const newTree = raw(tree, file);
+    const newTree = raw(tree, vFile);
     visit(newTree, "element", (node) => {
       var _a, _b;
       if ((_a = node.properties) == null ? void 0 : _a[COMPONENT_STUB_ATTR]) {

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

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

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

@@ -0,0 +1,105 @@
+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/rehypeSlug.ts
+var rehypeSlug_exports = {};
+__export(rehypeSlug_exports, {
+  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) {
+  return async (tree, vFile) => {
+    const pathWithRandom = `${opts.fileAbsPath}?${Math.random()}`;
+    const slugger = getFileSlugger(pathWithRandom, opts.parentAbsPath);
+    const deferrers = [];
+    vFile.data.toc = [];
+    visit(tree, "element", (node) => {
+      var _a, _b, _c;
+      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
+              });
+            }
+          });
+        });
+      }
+    });
+    for (let deferrer of deferrers) {
+      await deferrer();
+    }
+    sharedSluggers.delete(pathWithRandom);
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -1,3 +1,5 @@
-import type { Root } from 'remark-frontmatter';
+import type { Root } from 'mdast';
 import type { Transformer } from 'unified';
-export default function remarkMeta(): Transformer<Root>;
+export default function remarkMeta(opts: {
+    fileAbsPath: string;
+}): Transformer<Root>;