@umijs/plugin-docs 4.0.7 → 4.0.8

package/client/theme-doc/Search.tsx

@@ -1,9 +1,9 @@
 import cx from 'classnames';
+import slugger from 'github-slugger';
 import key from 'keymaster';
 import React, { Fragment, useEffect, useState } from 'react';
 import { useThemeContext } from './context';
 import useLanguage from './useLanguage';
-import getLinkFromTitle from './utils/getLinkFromTitle';
 
 export default () => {
   const { components } = useThemeContext()!;
@@ -168,7 +168,7 @@ function search(routes: any, keyword: string): SearchResultItem[] {
               .join(' > ') +
             ' > ' +
             title.title,
-          href: '/' + path + '#' + getLinkFromTitle(title.title),
+          href: '/' + path + '#' + slugger.slug(title.title),
         });
       }
     });

package/client/theme-doc/Toc.tsx

@@ -1,11 +1,12 @@
+import GithubSlugger from 'github-slugger';
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { useThemeContext } from './context';
 import useLanguage from './useLanguage';
-import getLinkFromTitle from './utils/getLinkFromTitle';
 import getTocTitle from './utils/getTocTitle';
 
 export default () => {
+  const slugger = new GithubSlugger();
   const { location, appData, themeConfig } = useThemeContext()!;
   const lang = useLanguage();
   const route =
@@ -48,7 +49,7 @@ export default () => {
                 className={`${
                   item.level > 2 ? 'text-sm' : 'text-base'
                 } break-all 2xl:break-words`}
-                href={'#' + getLinkFromTitle(item.title)}
+                href={'#' + slugger.slug(item.title)}
               >
                 {getTocTitle(item.title)}
               </a>

package/client/theme-doc/tailwind.out.css

@@ -885,6 +885,10 @@ video {
   display: block;
 }
 
+.inline-block {
+  display: inline-block;
+}
+
 .flex {
   display: flex;
 }

package/dist/compiler.js

@@ -1,60 +1,70 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compile = void 0;
-const rehype_pretty_code_1 = __importDefault(require("rehype-pretty-code"));
-const plugin_utils_1 = require("umi/plugin-utils");
-// @ts-ignore
-const mdx_1 = require("../compiled/@mdx-js/mdx");
-// @ts-ignore
-const rehype_slug_1 = __importDefault(require("../compiled/rehype-slug"));
-// @ts-ignore
-const remark_gfm_1 = __importDefault(require("../compiled/remark-gfm"));
-// @ts-ignore
-const rehype_autolink_headings_1 = __importDefault(require("../compiled/rehype-autolink-headings"));
-// https://rehype-pretty-code.netlify.app
-const rehypePrettyCodeOptions = {
-    theme: 'dark-plus',
-    onVisitLine(node) {
-        // Prevent lines from collapsing in `display: grid` mode, and
-        // allow empty lines to be copy/pasted
-        if (node.children.length === 0) {
-            node.children = [{ type: 'text', value: ' ' }];
-        }
-    },
-    // 允许高亮代码行
-    // 对于高亮的代码行，设置为 highlighted 样式表类
-    onVisitHighlightedLine(node) {
-        node.properties.className.push('highlighted');
-    },
-    // 允许高亮代码文字
-    // 对于高亮的代码文字，设置为 word 样式表类
-    onVisitHighlightedWord(node) {
-        node.properties.className = ['word'];
-    },
+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);
+
+// compiler.ts
+var compiler_exports = {};
+__export(compiler_exports, {
+  compile: () => compile
+});
+module.exports = __toCommonJS(compiler_exports);
+var import_rehype_pretty_code = __toESM(require("rehype-pretty-code"));
+var import_plugin_utils = require("umi/plugin-utils");
+var import_mdx = require("../compiled/@mdx-js/mdx");
+var import_rehype_slug = __toESM(require("../compiled/rehype-slug"));
+var import_remark_gfm = __toESM(require("../compiled/remark-gfm"));
+var import_rehype_autolink_headings = __toESM(require("../compiled/rehype-autolink-headings"));
+var rehypePrettyCodeOptions = {
+  theme: "dark-plus",
+  onVisitLine(node) {
+    if (node.children.length === 0) {
+      node.children = [{ type: "text", value: " " }];
+    }
+  },
+  onVisitHighlightedLine(node) {
+    node.properties.className.push("highlighted");
+  },
+  onVisitHighlightedWord(node) {
+    node.properties.className = ["word"];
+  }
 };
 async function compile(opts) {
-    const compiler = (0, mdx_1.createProcessor)({
-        jsx: true,
-        remarkPlugins: [remark_gfm_1.default],
-        rehypePlugins: [
-            rehype_slug_1.default,
-            [rehype_pretty_code_1.default, rehypePrettyCodeOptions],
-            rehype_autolink_headings_1.default,
-        ],
-    });
-    try {
-        let result = String(await compiler.process(opts.content));
-        result = result.replace('function MDXContent(props = {}) {', `
+  const compiler = (0, import_mdx.createProcessor)({
+    jsx: true,
+    remarkPlugins: [import_remark_gfm.default],
+    rehypePlugins: [
+      import_rehype_slug.default,
+      [import_rehype_pretty_code.default, rehypePrettyCodeOptions],
+      import_rehype_autolink_headings.default
+    ]
+  });
+  try {
+    let result = String(await compiler.process(opts.content));
+    result = result.replace("function MDXContent(props = {}) {", `
 import { useEffect } from 'react';
 
 function MDXContent(props = {}) {
 
   useEffect(() => {
     if (window.location.hash.length !== 0) {
-      // 为了右侧内容区能正常跳转
+      // \u4E3A\u4E86\u53F3\u4FA7\u5185\u5BB9\u533A\u80FD\u6B63\u5E38\u8DF3\u8F6C
       const hash = decodeURIComponent(window.location.hash);
       setTimeout(() => {
         document.getElementById(hash.slice(1))?.scrollIntoView();
@@ -69,17 +79,16 @@ function MDXContent(props = {}) {
   }, []);
 
 `);
-        return { result };
-    }
-    catch (e) {
-        plugin_utils_1.logger.error(e.reason);
-        plugin_utils_1.logger.error(`Above error occurred in ${opts.fileName} at line ${e.line}`);
-        plugin_utils_1.logger.error(opts.content
-            .split('\n')
-            .filter((_, i) => i == e.line - 1)
-            .join('\n'));
-        plugin_utils_1.logger.error(' '.repeat(e.column - 1) + '^');
-        return { result: '' };
-    }
+    return { result };
+  } catch (e) {
+    import_plugin_utils.logger.error(e.reason);
+    import_plugin_utils.logger.error(`Above error occurred in ${opts.fileName} at line ${e.line}`);
+    import_plugin_utils.logger.error(opts.content.split("\n").filter((_, i) => i == e.line - 1).join("\n"));
+    import_plugin_utils.logger.error(" ".repeat(e.column - 1) + "^");
+    return { result: "" };
+  }
 }
-exports.compile = compile;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compile
+});

package/dist/index.js

@@ -1,135 +1,141 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+  return a;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const bundler_utils_1 = require("@umijs/bundler-utils");
-const utils_1 = require("@umijs/utils");
-const fs_1 = __importStar(require("fs"));
-const path_1 = require("path");
-const markdown_1 = require("./markdown");
-exports.default = (api) => {
-    // 把用户当前有设置在 docs/locales 下的语系放到变量 locales 中，方便后续使用
-    const locales = {};
-    const localesPath = (0, path_1.join)(api.cwd, 'docs/locales');
-    if ((0, fs_1.existsSync)(localesPath)) {
-        fs_1.default.readdirSync(localesPath).forEach((file) => {
-            if (file.endsWith('.json')) {
-                const filePath = (0, path_1.join)(localesPath, file);
-                const content = fs_1.default.readFileSync(filePath).toString();
-                const json = JSON.parse(content);
-                const localeName = file.replace('.json', '');
-                locales[localeName] = json;
-            }
-        });
-    }
-    api.modifyDefaultConfig((memo) => {
-        memo.conventionRoutes = {
-            ...memo.conventionRoutes,
-            base: (0, path_1.join)(api.cwd, 'docs'),
-        };
-        memo.mdx = {
-            loader: require.resolve('./loader'),
-            loaderOptions: {},
-        };
-        return memo;
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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);
+
+// index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_bundler_utils = require("@umijs/bundler-utils");
+var import_utils = require("@umijs/utils");
+var import_fs = __toESM(require("fs"));
+var import_path = require("path");
+var import_markdown = require("./markdown");
+var src_default = (api) => {
+  const locales = {};
+  const localesPath = (0, import_path.join)(api.cwd, "docs/locales");
+  if ((0, import_fs.existsSync)(localesPath)) {
+    import_fs.default.readdirSync(localesPath).forEach((file) => {
+      if (file.endsWith(".json")) {
+        const filePath = (0, import_path.join)(localesPath, file);
+        const content = import_fs.default.readFileSync(filePath).toString();
+        const json = JSON.parse(content);
+        const localeName = file.replace(".json", "");
+        locales[localeName] = json;
+      }
     });
-    api.addLayouts(() => {
-        return [
-            {
-                id: 'docs-layout',
-                file: withTmpPath({ api, path: 'Layout.tsx' }),
-            },
-        ];
+  }
+  api.modifyDefaultConfig((memo) => {
+    memo.conventionRoutes = __spreadProps(__spreadValues({}, memo.conventionRoutes), {
+      base: (0, import_path.join)(api.cwd, "docs")
     });
-    api.onPatchRoute(({ route }) => {
-        if (route.__content) {
-            route.titles = (0, markdown_1.parseTitle)({
-                content: route.__content,
-            });
-        }
-        // 放在 docs/xxx.zh-CN.md 的文档，会被映射到 /zh-CN/docs/xxx 目录
-        if (route.file.match(/.[a-z]{2}-[A-Z]{2}.md$/)) {
-            route.path = route.path.replace(/(.*).([a-z]{2}-[A-Z]{2})$/, '$2/$1');
-            // 放在 docs/xxx/README.zh-CN.md 格式结尾的文档，会被映射到 /zh-CN/docs 目录
-            if (route.path.endsWith('README')) {
-                route.path = route.path.replace(/README$/, '');
-            }
+    memo.mdx = {
+      loader: require.resolve("./loader"),
+      loaderOptions: {}
+    };
+    return memo;
+  });
+  api.addLayouts(() => {
+    return [
+      {
+        id: "docs-layout",
+        file: withTmpPath({ api, path: "Layout.tsx" })
+      }
+    ];
+  });
+  api.onPatchRoute(({ route }) => {
+    if (route.__content) {
+      route.titles = (0, import_markdown.parseTitle)({
+        content: route.__content
+      });
+    }
+    if (route.file.match(/.[a-z]{2}-[A-Z]{2}.md$/)) {
+      route.path = route.path.replace(/(.*).([a-z]{2}-[A-Z]{2})$/, "$2/$1");
+      if (route.path.endsWith("README")) {
+        route.path = route.path.replace(/README$/, "");
+      }
+    }
+  });
+  api.modifyRoutes((r) => {
+    if (!locales)
+      return r;
+    for (const route in r) {
+      if (r[route].path.match(/^[a-z]{2}-[A-Z]{2}\/.*/))
+        continue;
+      const defaultLangFile = r[route].file.replace(/(.[a-z]{2}-[A-Z]{2})?.md$/, "");
+      Object.keys(locales).map((l) => {
+        if (r[defaultLangFile] && !r[defaultLangFile + "." + l]) {
+          r[defaultLangFile + "." + l] = __spreadProps(__spreadValues({}, r[defaultLangFile]), {
+            path: `/${l}/${r[defaultLangFile].path}`
+          });
         }
+      });
+    }
+    return r;
+  });
+  api.onGenerateFiles(() => {
+    var _a;
+    let theme = ((_a = api.config.docs) == null ? void 0 : _a.theme) || require.resolve("../client/theme-doc/index.ts");
+    if (theme === "blog") {
+      theme = require.resolve("../client/theme-blog/index.ts");
+    }
+    theme = (0, import_utils.winPath)(theme);
+    const themeConfigPath = (0, import_utils.winPath)((0, import_path.join)(api.cwd, "theme.config.ts"));
+    const themeExists = (0, import_fs.existsSync)(themeConfigPath);
+    let injectLocale = `themeConfig.locales = ${JSON.stringify(locales)};`;
+    const [_, exports] = (0, import_bundler_utils.parseModuleSync)({
+      content: (0, import_fs.readFileSync)(theme, "utf-8"),
+      path: theme
     });
-    // 检查路由是否存在其他语言，没有的话做 fallback 处理
-    api.modifyRoutes((r) => {
-        if (!locales)
-            return r;
-        for (const route in r) {
-            if (r[route].path.match(/^[a-z]{2}-[A-Z]{2}\/.*/))
-                continue;
-            const defaultLangFile = r[route].file.replace(/(.[a-z]{2}-[A-Z]{2})?.md$/, '');
-            Object.keys(locales).map((l) => {
-                if (r[defaultLangFile] && !r[defaultLangFile + '.' + l]) {
-                    r[defaultLangFile + '.' + l] = {
-                        ...r[defaultLangFile],
-                        path: `/${l}/${r[defaultLangFile].path}`,
-                    };
-                }
-            });
-        }
-        return r;
+    api.writeTmpFile({
+      path: "index.ts",
+      content: `
+export { ${exports.filter((item) => !item.startsWith("$")).join(", ")} } from '${(0, import_utils.winPath)(require.resolve("../client/theme-doc/index.ts"))}';
+    `
     });
-    api.onGenerateFiles(() => {
-        var _a;
-        // theme path
-        let theme = ((_a = api.config.docs) === null || _a === void 0 ? void 0 : _a.theme) || require.resolve('../client/theme-doc/index.ts');
-        if (theme === 'blog') {
-            theme = require.resolve('../client/theme-blog/index.ts');
-        }
-        theme = (0, utils_1.winPath)(theme);
-        const themeConfigPath = (0, utils_1.winPath)((0, path_1.join)(api.cwd, 'theme.config.ts'));
-        const themeExists = (0, fs_1.existsSync)(themeConfigPath);
-        // 将 docs/locales 目录下的 json 文件注入到 themeConfig.locales 中
-        let injectLocale = `themeConfig.locales = ${JSON.stringify(locales)};`;
-        // exports don't start with $ will be MDX Component
-        const [_, exports] = (0, bundler_utils_1.parseModuleSync)({
-            content: (0, fs_1.readFileSync)(theme, 'utf-8'),
-            path: theme,
-        });
-        api.writeTmpFile({
-            path: 'index.ts',
-            content: `
-export { ${exports
-                .filter((item) => !item.startsWith('$'))
-                .join(', ')} } from '${(0, utils_1.winPath)(require.resolve('../client/theme-doc/index.ts'))}';
-    `,
-        });
-        api.writeTmpFile({
-            path: 'Layout.tsx',
-            content: `
+    api.writeTmpFile({
+      path: "Layout.tsx",
+      content: `
 import React from 'react';
 import { useOutlet, useAppData, useLocation, Link, history } from 'umi';
-import { $Layout as Layout } from '${(0, utils_1.winPath)(require.resolve('../client/theme-doc/index.ts'))}';
-${themeExists
-                ? `import themeConfig from '${themeConfigPath}'`
-                : `const themeConfig = {}`}
+import { $Layout as Layout } from '${(0, import_utils.winPath)(require.resolve("../client/theme-doc/index.ts"))}';
+${themeExists ? `import themeConfig from '${themeConfigPath}'` : `const themeConfig = {}`}
 
 ${injectLocale}
 
@@ -143,12 +149,12 @@ export default () => {
     </Layout>
   );
 };
-`,
-        });
+`
     });
+  });
 };
 function withTmpPath(opts) {
-    return (0, path_1.join)(opts.api.paths.absTmpPath, opts.api.plugin.key && !opts.noPluginDir
-        ? `plugin-${opts.api.plugin.key}`
-        : '', opts.path);
+  return (0, import_path.join)(opts.api.paths.absTmpPath, opts.api.plugin.key && !opts.noPluginDir ? `plugin-${opts.api.plugin.key}` : "", opts.path);
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/loader.js

@@ -1,22 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const compiler_1 = require("./compiler");
-async function default_1(content) {
-    // @ts-ignore
-    const filename = this.resourcePath;
-    // @ts-ignore
-    const callback = this.async();
-    try {
-        const { result } = await (0, compiler_1.compile)({
-            content,
-            fileName: filename,
-        });
-        return callback(null, result);
-    }
-    catch (e) {
-        const err = e;
-        e.message = `${filename}: ${e.message}`;
-        throw err;
-    }
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// loader.ts
+var loader_exports = {};
+__export(loader_exports, {
+  default: () => loader_default
+});
+module.exports = __toCommonJS(loader_exports);
+var import_compiler = require("./compiler");
+async function loader_default(content) {
+  const filename = this.resourcePath;
+  const callback = this.async();
+  try {
+    const { result } = await (0, import_compiler.compile)({
+      content,
+      fileName: filename
+    });
+    return callback(null, result);
+  } catch (e) {
+    const err = e;
+    e.message = `${filename}: ${e.message}`;
+    throw err;
+  }
 }
-exports.default = default_1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/markdown.js

@@ -1,23 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseTitle = void 0;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// markdown.ts
+var markdown_exports = {};
+__export(markdown_exports, {
+  parseTitle: () => parseTitle
+});
+module.exports = __toCommonJS(markdown_exports);
 function parseTitle(opts) {
-    const lines = opts.content
-        .replace(/{[\n\s\t]*\/\*[\s\S]*?\*\/[\n\s\t]*}/g, '')
-        .split('\n');
-    let i = 0;
-    const ret = [];
-    while (i < lines.length) {
-        const line = lines[i].trim();
-        const match = line.match(/^(#+)\s+(.*)/);
-        if (match) {
-            ret.push({
-                level: match[1].length,
-                title: match[2],
-            });
-        }
-        i += 1;
+  const lines = opts.content.replace(/{[\n\s\t]*\/\*[\s\S]*?\*\/[\n\s\t]*}/g, "").split("\n");
+  let i = 0;
+  const ret = [];
+  while (i < lines.length) {
+    const line = lines[i].trim();
+    const match = line.match(/^(#+)\s+(.*)/);
+    if (match) {
+      ret.push({
+        level: match[1].length,
+        title: match[2]
+      });
     }
-    return ret;
+    i += 1;
+  }
+  return ret;
 }
-exports.parseTitle = parseTitle;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  parseTitle
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugin-docs",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "description": "@umijs/plugin-docs",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/plugin-docs#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -17,15 +17,16 @@
     "compiled"
   ],
   "scripts": {
-    "build": "pnpm tsc",
+    "build": "pnpm father build",
     "build:css": "tailwindcss -i ./client/theme-doc/tailwind.css -o ./client/theme-doc/tailwind.out.css",
     "build:deps": "umi-scripts bundleDeps",
     "build:extra": "pnpm build:css",
-    "dev": "pnpm build --watch",
+    "dev": "pnpm father dev",
     "dev:css": "pnpm build:css --watch",
     "test": "umi-scripts jest-turbo"
   },
   "dependencies": {
+    "github-slugger": "^1.4.0",
     "keymaster": "1.6.2",
     "react-helmet": "^6.1.0",
     "rehype-pretty-code": "^0.3.1",
@@ -33,6 +34,7 @@
   },
   "devDependencies": {
     "@mdx-js/mdx": "2.1.1",
+    "@types/github-slugger": "^1.3.0",
     "@types/keymaster": "^1.6.30",
     "@types/react-helmet": "^6.1.5",
     "classnames": "^2.3.1",
@@ -40,7 +42,7 @@
     "rehype-slug": "5.0.1",
     "remark-gfm": "^3.0.1",
     "tailwindcss": "^3.0.24",
-    "umi": "4.0.7"
+    "umi": "4.0.8"
   },
   "publishConfig": {
     "access": "public"

package/client/theme-doc/utils/getLinkFromTitle.ts

@@ -1,15 +0,0 @@
-export default function getLinkFromTitle(title: string) {
-  return (
-    title
-      .toLowerCase()
-      .trim()
-      // not remove html tags
-      // .replace(/<[!\/a-z].*?>/gi, '')
-      // remove unwanted chars
-      .replace(
-        /[\u2000-\u206F\u2E00-\u2E7F\\'!！"#$%&()（）*+,，.。/:：;；<=>?？@[\]^`{|}~]/g,
-        '',
-      )
-      .replace(/\s/g, '-')
-  );
-}