dumi 2.0.0-beta.15 → 2.0.0-beta.17

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

@@ -3,6 +3,7 @@ export { useSiteData } from './context';
 export { DumiDemo } from './DumiDemo';
 export { DumiDemoGrid } from './DumiDemoGrid';
 export { DumiPage } from './DumiPage';
+export { openCodeSandbox } from './openCodeSandbox';
 export type { IPreviewerProps } from './types';
 export { useAtomAssets } from './useAtomAssets';
 export { useLocale } from './useLocale';

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

@@ -3,6 +3,7 @@ export { useSiteData } from "./context";
 export { DumiDemo } from "./DumiDemo";
 export { DumiDemoGrid } from "./DumiDemoGrid";
 export { DumiPage } from "./DumiPage";
+export { openCodeSandbox } from "./openCodeSandbox";
 export { useAtomAssets } from "./useAtomAssets";
 export { useLocale } from "./useLocale";
 export { useNavData } from "./useNavData";

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

@@ -0,0 +1,9 @@
+/**
+ * use CodeSandbox.io
+ * @param data  previewer opts
+ * @param opts  the api that CodeSandbox calls when creating the demo
+ * @note  return a open function for open demo on codesandbox.io
+ */
+export declare const openCodeSandbox: (data: IPreviewerProps, opts?: {
+    api?: string;
+}) => void;

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

@@ -0,0 +1,110 @@
+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 { getParameters } from 'codesandbox/lib/api/define';
+import { genReactRenderCode } from "./utils";
+var CSB_API_ENDPOINT = 'https://codesandbox.io/api/v1/sandboxes/define';
+/**
+ * get serialized data that use to submit to codesandbox.io
+ * @param opts  previewer props
+ */
+
+function getCSBData(opts) {
+  var _opts$asset$dependenc, _react, _deps$_react, _reactDom, _deps$_reactDom;
+
+  var isTSX = Boolean((_opts$asset$dependenc = opts.asset.dependencies) === null || _opts$asset$dependenc === void 0 ? void 0 : _opts$asset$dependenc['index.tsx']);
+  var ext = isTSX ? '.tsx' : '.jsx';
+  var files = {};
+  var deps = {};
+  var entryFileName = "index".concat(ext);
+  Object.entries(opts.asset.dependencies).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        name = _ref2[0],
+        _ref2$ = _ref2[1],
+        type = _ref2$.type,
+        value = _ref2$.value;
+
+    if (type === 'NPM') {
+      // generate dependencies
+      deps[name] = value;
+    } else {
+      // append other imported local files
+      files[name === entryFileName ? "App".concat(ext) : name] = {
+        content: value,
+        isBinary: false
+      };
+    }
+  }); // add react、react-dom dependency
+
+  (_deps$_react = deps[_react = 'react']) !== null && _deps$_react !== void 0 ? _deps$_react : deps[_react] = 'latest';
+  (_deps$_reactDom = deps[_reactDom = 'react-dom']) !== null && _deps$_reactDom !== void 0 ? _deps$_reactDom : deps[_reactDom] = deps.react; // append sandbox.config.json
+
+  files['sandbox.config.json'] = {
+    content: JSON.stringify({
+      template: isTSX ? 'create-react-app-typescript' : 'create-react-app'
+    }, null, 2),
+    isBinary: false
+  }; // append package.json
+
+  files['package.json'] = {
+    content: JSON.stringify({
+      name: opts.title,
+      description: opts.description || 'An auto-generated demo by dumi',
+      main: entryFileName,
+      dependencies: deps,
+      // add TypeScript dependency if required, must in devDeps to avoid csb compile error
+      devDependencies: isTSX ? {
+        typescript: '^4'
+      } : {}
+    }, null, 2),
+    isBinary: false
+  }; // append index.html
+
+  files['index.html'] = {
+    content: '<div style="margin: 16px;" id="root"></div>',
+    isBinary: false
+  }; // append entry file
+
+  files[entryFileName] = {
+    content: genReactRenderCode(deps.react),
+    isBinary: false
+  };
+  return getParameters({
+    files: files
+  });
+}
+/**
+ * use CodeSandbox.io
+ * @param data  previewer opts
+ * @param opts  the api that CodeSandbox calls when creating the demo
+ * @note  return a open function for open demo on codesandbox.io
+ */
+
+
+export var openCodeSandbox = function openCodeSandbox(data, opts) {
+  var _data$assets;
+
+  var form = document.createElement('form');
+  var input = document.createElement('input');
+  var CSBData = getCSBData(data);
+  form.method = 'POST';
+  form.target = '_blank';
+  form.style.display = 'none';
+  form.action = (opts === null || opts === void 0 ? void 0 : opts.api) || CSB_API_ENDPOINT;
+  form.appendChild(input);
+  form.setAttribute('data-demo', ((_data$assets = data.assets) === null || _data$assets === void 0 ? void 0 : _data$assets.id) || '');
+  input.name = 'parameters';
+  input.value = CSBData;
+  document.body.appendChild(form);
+  form.submit();
+  form.remove();
+};

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

@@ -10,9 +10,9 @@ export interface IPreviewerProps {
      */
     description?: string;
     /**
-     * file path of current demo
+     * filename of current demo
      */
-    filePath?: string;
+    filename?: string;
     /**
      * use iframe to render demo
      */
@@ -78,6 +78,9 @@ export interface IRouteMeta {
             cols?: number;
             tocDepth?: number;
         };
+        atomId?: string;
+        filename?: string;
+        [key: string]: any;
     };
     toc: {
         id: string;
@@ -110,7 +113,6 @@ export interface IRouteMeta {
             [key: string]: any;
         };
     }[];
-    [key: string]: any;
 }
 declare type IBasicLocale = {
     id: string;
@@ -147,6 +149,7 @@ export interface IThemeConfig {
         children?: INavItem[];
     })[];
     sidebar?: Record<string, ISidebarGroup[]>;
+    footer?: string;
     [key: string]: any;
 }
 export declare type IRoutesById = Record<string, {

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

@@ -1,2 +1,8 @@
 import type { IRoutesById } from './types';
 export declare const useLocaleDocRoutes: () => IRoutesById;
+/**
+ * 在 react 18 中需要新的 render 方式，这个函数用来处理不同的 jsx 模式。
+ * @param version react version
+ * @returns code string
+ */
+export declare const genReactRenderCode: (version: string) => string;

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

@@ -41,4 +41,19 @@ export var useLocaleDocRoutes = function useLocaleDocRoutes() {
       localeDocRoutes = _useState2[0];
 
   return localeDocRoutes;
+};
+/**
+ * 在 react 18 中需要新的 render 方式，这个函数用来处理不同的 jsx 模式。
+ * @param version react version
+ * @returns code string
+ */
+
+export var genReactRenderCode = function genReactRenderCode(version) {
+  var annotation = "/**\n * This is an auto-generated demo by dumi\n * if you think it is not working as expected,\n * please report the issue at\n * https://github.com/umijs/dumi/issues\n */";
+
+  if (version.startsWith('18.') || version === 'latest') {
+    return "".concat(annotation, "\n\nimport React from 'react';\nimport { createRoot } from \"react-dom/client\";\nimport App from \"./App\";\n\nconst rootElement = document.getElementById(\"root\");\nconst root = createRoot(rootElement);\n\nroot.render(<App />);");
+  }
+
+  return "".concat(annotation, "\n    \nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n    \nReactDOM.render(\n  <App />,\n  document.getElementById('root'),\n);");
 };

package/dist/constants.d.ts

@@ -1,5 +1,6 @@
 export declare const LOCAL_DUMI_DIR = ".dumi";
 export declare const LOCAL_THEME_DIR: string;
+export declare const LOCAL_PAGES_DIR: string;
 export declare const THEME_PREFIX = "dumi-theme-";
 export declare const SP_ROUTE_PREFIX = "~";
 export declare const PICKED_PKG_FIELDS: {
@@ -11,3 +12,4 @@ export declare const PICKED_PKG_FIELDS: {
     author: string;
     authors: string;
 };
+export declare const CLIENT_DEPS: string[];

package/dist/constants.js

@@ -19,7 +19,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/constants.ts
 var constants_exports = {};
 __export(constants_exports, {
+  CLIENT_DEPS: () => CLIENT_DEPS,
   LOCAL_DUMI_DIR: () => LOCAL_DUMI_DIR,
+  LOCAL_PAGES_DIR: () => LOCAL_PAGES_DIR,
   LOCAL_THEME_DIR: () => LOCAL_THEME_DIR,
   PICKED_PKG_FIELDS: () => PICKED_PKG_FIELDS,
   SP_ROUTE_PREFIX: () => SP_ROUTE_PREFIX,
@@ -28,6 +30,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 var LOCAL_DUMI_DIR = ".dumi";
 var LOCAL_THEME_DIR = `${LOCAL_DUMI_DIR}/theme`;
+var LOCAL_PAGES_DIR = `${LOCAL_DUMI_DIR}/pages`;
 var THEME_PREFIX = "dumi-theme-";
 var SP_ROUTE_PREFIX = "~";
 var PICKED_PKG_FIELDS = {
@@ -39,9 +42,24 @@ var PICKED_PKG_FIELDS = {
   author: "",
   authors: ""
 };
+var CLIENT_DEPS = [
+  "@ant-design/icons-svg",
+  "@makotot/ghostui",
+  "deepmerge",
+  "highlight-words-core",
+  "lodash.throttle",
+  "prism-react-renderer",
+  "prismjs",
+  "rc-tabs",
+  "react-copy-to-clipboard",
+  "react-helmet",
+  "react-intl"
+];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CLIENT_DEPS,
   LOCAL_DUMI_DIR,
+  LOCAL_PAGES_DIR,
   LOCAL_THEME_DIR,
   PICKED_PKG_FIELDS,
   SP_ROUTE_PREFIX,

package/dist/features/assets.d.ts

@@ -1,10 +1,14 @@
 import type { IApi } from "../types";
-import type { ExampleAsset } from 'dumi-assets-types';
+import type { AtomAsset, ExampleAsset } from 'dumi-assets-types';
 declare const examples: ExampleAsset[];
 /**
  * internal function to add example assets
  */
 export declare function addExampleAssets(data: typeof examples): void;
+/**
+ * internal function to add meta for atom
+ */
+export declare function addAtomMeta(atomId: string, data: Partial<AtomAsset>): void;
 /**
  * plugin for generate assets.json
  */

package/dist/features/assets.js

@@ -22,6 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/features/assets.ts
 var assets_exports = {};
 __export(assets_exports, {
+  addAtomMeta: () => addAtomMeta,
   addExampleAssets: () => addExampleAssets,
   default: () => assets_default
 });
@@ -30,9 +31,13 @@ var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
 var import_plugin_utils = require("umi/plugin-utils");
 var examples = [];
+var atomsMeta = {};
 function addExampleAssets(data) {
   examples.push(...data);
 }
+function addAtomMeta(atomId, data) {
+  atomsMeta[atomId] = import_plugin_utils.lodash.pick(data, ["title", "keywords", "deprecated"]);
+}
 var assets_default = (api) => {
   api.describe({
     config: {
@@ -53,7 +58,7 @@ var assets_default = (api) => {
         homepage: api.pkg.homepage,
         repository: api.pkg.repository,
         assets: {
-          atoms: Object.values(components),
+          atoms: Object.values(components).map((atom) => Object.assign(atom, atomsMeta[atom.id] || {})),
           examples: import_plugin_utils.lodash.uniqBy(examples, "id")
         }
       }
@@ -63,5 +68,6 @@ var assets_default = (api) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  addAtomMeta,
   addExampleAssets
 });

package/dist/features/autoAlias.d.ts

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

package/dist/features/autoAlias.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/autoAlias.ts
+var autoAlias_exports = {};
+__export(autoAlias_exports, {
+  default: () => autoAlias_default
+});
+module.exports = __toCommonJS(autoAlias_exports);
+var import_utils = require("../utils");
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var autoAlias_default = (api) => {
+  api.describe({
+    key: "autoAlias",
+    config: {
+      schema: (Joi) => Joi.bool()
+    },
+    enableBy: ({ userConfig }) => userConfig.autoAlias !== false
+  });
+  api.modifyDefaultConfig(async (memo) => {
+    var _a;
+    let entryDir = "";
+    if ((_a = api.userConfig.resolve) == null ? void 0 : _a.entryFile) {
+      entryDir = import_path.default.resolve(api.cwd, api.userConfig.resolve.entryFile);
+    } else if (import_fs.default.existsSync(import_path.default.join(api.cwd, "src"))) {
+      entryDir = import_path.default.join(api.cwd, "src");
+    }
+    if (entryDir && api.pkg.name) {
+      const fatherConfigs = await (0, import_utils.tryFatherBuildConfigs)(api.cwd);
+      fatherConfigs.sort((a, b) => {
+        var _a2, _b;
+        const aLevel = (((_a2 = a.output) == null ? void 0 : _a2.path) || a.output).split("/").length;
+        const bLevel = (((_b = b.output) == null ? void 0 : _b.path) || b.output).split("/").length;
+        return bLevel - aLevel;
+      });
+      fatherConfigs.forEach((item) => {
+        var _a2;
+        memo.alias[`${api.pkg.name}/${((_a2 = item.output) == null ? void 0 : _a2.path) || item.output}`] = import_path.default.join(api.cwd, item.entry || item.input);
+      });
+      memo.alias[api.pkg.name] = entryDir;
+    }
+    return memo;
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/features/compile.js

@@ -44,7 +44,7 @@ var compile_default = (api) => {
       techStacks,
       cwd: api.cwd,
       alias: api.config.alias,
-      codeBlockMode: api.config.resolve.codeBlockMode,
+      resolve: api.config.resolve,
       extraRemarkPlugins: api.config.extraRemarkPlugins,
       extraRehypePlugins: api.config.extraRehypePlugins
     };
@@ -58,7 +58,8 @@ var compile_default = (api) => {
           return ret;
         }, []);
         (0, import_assets.addExampleAssets)(assets);
-      }
+      },
+      onResolveAtomMeta: import_assets.addAtomMeta
     }).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

package/dist/features/configPlugins/index.js

@@ -30,7 +30,9 @@ var configPlugins_default = (api) => {
       atomDirs: [{ type: "component", dir: "src" }],
       codeBlockMode: "active"
     },
-    themeConfig: {}
+    themeConfig: {
+      footer: `Copyright \xA9 ${new Date().getFullYear()} | Powered by <a href="https://d.umijs.org" target="_blank" rel="noreferrer">dumi</a>`
+    }
   };
   const schemas = (0, import_schema.getSchemas)();
   for (const key of Object.keys(schemas)) {

package/dist/features/derivative.js

@@ -27,11 +27,14 @@ __export(derivative_exports, {
 });
 module.exports = __toCommonJS(derivative_exports);
 var import_constants = require("../constants");
+var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
 var import_plugin_utils = require("umi/plugin-utils");
 function safeExcludeInMFSU(api, excludes) {
   if (api.userConfig.mfsu !== false) {
     api.modifyDefaultConfig((memo) => {
+      if (memo.mfsu === false)
+        return memo;
       memo.mfsu ?? (memo.mfsu = {});
       memo.mfsu.exclude = (0, import_plugin_utils.deepmerge)(memo.mfsu.exclude || [], excludes);
       memo.extraBabelIncludes ?? (memo.extraBabelIncludes = []);
@@ -55,8 +58,23 @@ var derivative_default = (api) => {
   safeExcludeInMFSU(api, [new RegExp("dumi/dist/client")]);
   api.modifyDefaultConfig((memo) => {
     if (api.userConfig.mfsu !== false) {
-      memo.mfsu.strategy = "normal";
+      if (import_fs.default.existsSync(import_path.default.join(api.cwd, "node_modules", ".pnpm"))) {
+        memo.mfsu = false;
+      } else {
+        memo.mfsu.strategy = "normal";
+        import_constants.CLIENT_DEPS.forEach((pkg) => {
+          memo.alias ?? (memo.alias = {});
+          memo.alias[pkg] = (0, import_plugin_utils.winPath)(import_path.default.dirname(require.resolve(`${pkg}/package.json`)));
+        });
+      }
     }
+    if (api.userConfig.conventionRoutes !== false) {
+      memo.conventionRoutes = {
+        base: import_path.default.join(api.cwd, import_constants.LOCAL_PAGES_DIR),
+        exclude: [/(\/|^)(\.|_\/)/]
+      };
+    }
+    memo.hash = true;
     return memo;
   });
   api.modifyAppData((memo) => {

package/dist/features/routes.js

@@ -58,15 +58,8 @@ var routes_default = (api) => {
       { dir: "docs" }
     ]
   ].map(({ dir }) => import_path.default.join(api.cwd, dir, "**/*.md"));
-  const pagesDir = import_path.default.join(api.cwd, ".dumi/pages");
   api.describe({ key: "dumi:routes" });
   api.addTmpGenerateWatcherPaths(() => extraWatchPaths);
-  api.modifyConfig((memo) => {
-    memo.conventionRoutes = {
-      base: pagesDir
-    };
-    return memo;
-  });
   api.modifyDefaultConfig((memo) => {
     if (api.userConfig.resolve) {
       const keys = ["docDirs", "atomDirs"];
@@ -117,7 +110,7 @@ var routes_default = (api) => {
       };
     }
     Object.entries(pages).forEach(([, route]) => {
-      route.file = (0, import_plugin_utils.winPath)(import_path.default.resolve(pagesDir, route.file));
+      route.file = (0, import_plugin_utils.winPath)(import_path.default.resolve(api.config.conventionRoutes.base, route.file));
       flatRoute(route);
       routes[route.id] = route;
     });
@@ -125,7 +118,7 @@ var routes_default = (api) => {
       const base = import_path.default.join(api.cwd, dir);
       const dirRoutes = (0, import_core.getConventionRoutes)({
         base,
-        exclude: [/.*(?<!md)$/]
+        exclude: [/.*(?<!md)$/, /(\/|^)(\.|_\/)/]
       });
       Object.entries(dirRoutes).forEach(([key, route]) => {
         route.id = `${dir}/${key}`;

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

@@ -7,6 +7,7 @@ interface IMdLoaderDefaultModeOptions extends Omit<IMdTransformerOptions, 'fileA
 interface IMdLoaderDemosModeOptions extends Omit<IMdLoaderDefaultModeOptions, 'builtins' | 'mode'> {
     mode: 'meta';
     onResolveDemos?: (demos: NonNullable<IMdTransformerResult['meta']['demos']>) => void;
+    onResolveAtomMeta?: (atomId: string, meta: IMdTransformerResult['meta']['frontmatter']) => void;
 }
 export declare type IMdLoaderOptions = IMdLoaderDefaultModeOptions | IMdLoaderDemosModeOptions;
 export default function mdLoader(this: any, content: string): void;

package/dist/loaders/markdown/index.js

@@ -38,6 +38,9 @@ function emit(opts, ret) {
     if (demos && opts.onResolveDemos) {
       opts.onResolveDemos(demos);
     }
+    if (frontmatter.atomId && opts.onResolveAtomMeta) {
+      opts.onResolveAtomMeta(frontmatter.atomId, frontmatter);
+    }
     return import_plugin_utils.Mustache.render(`import React from 'react';
 
 export const demos = {
@@ -84,16 +87,24 @@ function DumiMarkdownContent() {
 export default DumiMarkdownContent;`;
   }
 }
+function getEmbedsCacheKey(embeds = []) {
+  return JSON.stringify(embeds.map((file) => `${file}:${import_fs.default.statSync(file).mtimeMs}`));
+}
 var deferrer = {};
+var embedsMapping = {};
 function mdLoader(content) {
   const opts = this.getOptions();
   const cb = this.async();
   const cache = (0, import_utils.getCache)("md-loader");
-  const cacheKey = [
+  const baseCacheKey = [
     this.resourcePath,
     import_fs.default.statSync(this.resourcePath).mtimeMs,
     JSON.stringify(import_plugin_utils.lodash.omit(opts, ["mode", "builtins", "onResolveDemos"]))
   ].join(":");
+  const cacheKey = [
+    baseCacheKey,
+    getEmbedsCacheKey(embedsMapping[this.resourcePath])
+  ].join(":");
   const cacheRet = cache.getSync(cacheKey, "");
   if (cacheRet) {
     cb(null, emit.call(this, opts, cacheRet));
@@ -109,7 +120,12 @@ function mdLoader(content) {
     fileAbsPath: this.resourcePath
   });
   deferrer[cacheKey].then((ret) => {
-    cache.setSync(cacheKey, ret);
+    const finalCacheKey = [
+      baseCacheKey,
+      getEmbedsCacheKey(ret.meta.embeds)
+    ].join(":");
+    embedsMapping[this.resourcePath] = ret.meta.embeds || [];
+    cache.setSync(finalCacheKey, ret);
     cb(null, emit.call(this, opts, ret));
   }).catch(cb);
 }

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

@@ -37,7 +37,7 @@ export interface IMdTransformerOptions {
     alias: object;
     parentAbsPath?: string;
     techStacks: IDumiTechStack[];
-    codeBlockMode: IDumiConfig['resolve']['codeBlockMode'];
+    resolve: IDumiConfig['resolve'];
     extraRemarkPlugins?: IDumiConfig['extraRemarkPlugins'];
     extraRehypePlugins?: IDumiConfig['extraRehypePlugins'];
 }

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

@@ -57,7 +57,11 @@ var transformer_default = async (raw, opts) => {
     extensions: [".js", ".jsx", ".ts", ".tsx"],
     alias: opts.alias
   });
-  const processor = unified().use(remarkParse).use(import_remarkEmbed.default, { fileAbsPath: opts.fileAbsPath, alias: opts.alias }).use(remarkFrontmatter).use(import_remarkMeta.default, { fileAbsPath: opts.fileAbsPath }).use(remarkBreaks).use(remarkGfm);
+  const processor = unified().use(remarkParse).use(import_remarkEmbed.default, { fileAbsPath: opts.fileAbsPath, alias: opts.alias }).use(remarkFrontmatter).use(import_remarkMeta.default, {
+    cwd: opts.cwd,
+    fileAbsPath: opts.fileAbsPath,
+    resolve: opts.resolve
+  }).use(remarkBreaks).use(remarkGfm);
   (_a = opts.extraRemarkPlugins) == null ? void 0 : _a.forEach((plugin) => applyUnifiedPlugin({
     plugin,
     processor,
@@ -67,7 +71,7 @@ var transformer_default = async (raw, opts) => {
     techStacks: opts.techStacks,
     cwd: opts.cwd,
     fileAbsPath: opts.fileAbsPath,
-    codeBlockMode: opts.codeBlockMode,
+    resolve: opts.resolve,
     resolver
   }).use(import_rehypeSlug.default).use(rehypeAutolinkHeadings).use(import_rehypeIsolation.default).use(import_rehypeEnhancedTag.default).use(import_rehypeText.default);
   (_b = opts.extraRehypePlugins) == null ? void 0 : _b.forEach((plugin) => applyUnifiedPlugin({

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

@@ -5,7 +5,7 @@ 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'> & {
+declare type IRehypeDemoOptions = Pick<IMdTransformerOptions, 'techStacks' | 'cwd' | 'fileAbsPath' | 'resolve'> & {
     resolver: typeof sync;
 };
 export default function rehypeDemo(opts: IRehypeDemoOptions): Transformer<Root>;

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

@@ -51,14 +51,14 @@ function getCodeLang(node, opts) {
   if (typeof ((_a = node.properties) == null ? void 0 : _a.src) === "string") {
     node.properties.src = opts.resolver(import_path.default.dirname(opts.fileAbsPath), node.properties.src);
     lang = import_path.default.extname(node.properties.src).slice(1);
-  } else if (Array.isArray((_b = node.properties) == null ? void 0 : _b.className) && (opts.codeBlockMode === "passive" ? / demo/.test(String((_c = node.data) == null ? void 0 : _c.meta)) : !/ pure/.test(String((_d = node.data) == null ? void 0 : _d.meta)))) {
+  } else if (Array.isArray((_b = node.properties) == null ? void 0 : _b.className) && (opts.resolve.codeBlockMode === "passive" ? / demo/.test(String((_c = node.data) == null ? void 0 : _c.meta)) : !/ pure/.test(String((_d = node.data) == null ? void 0 : _d.meta)))) {
     lang = String(node.properties.className[0]).replace("language-", "");
   }
   return lang;
 }
 function getCodeId(cwd, fileAbsPath, localId, atomId) {
   const prefix = atomId || (0, import_utils.getRoutePathFromFsPath)(import_path.default.relative(cwd, fileAbsPath)).replace(/\//g, "-");
-  return [prefix, "demo", localId].filter(Boolean).join("-");
+  return [prefix.toLowerCase(), "demo", localId.toLowerCase()].filter(Boolean).join("-");
 }
 function tryMarkDemoNode(node, opts) {
   var _a, _b;
@@ -131,7 +131,7 @@ function rehypeDemo(opts) {
             const codeValue = toString(codeNode).trim();
             const parseOpts = {
               id: "",
-              refAtomIds: [],
+              refAtomIds: vFile.data.frontmatter.atomId ? [vFile.data.frontmatter.atomId] : [],
               fileAbsPath: "",
               entryPointCode: codeType === "external" ? void 0 : codeValue,
               resolver: opts.resolver
@@ -140,13 +140,13 @@ function rehypeDemo(opts) {
             let component = "";
             if (codeType === "external") {
               parseOpts.fileAbsPath = codeNode.properties.src;
-              parseOpts.id = getCodeId(opts.cwd, opts.fileAbsPath, import_path.default.parse(parseOpts.fileAbsPath).name);
+              parseOpts.id = getCodeId(opts.cwd, opts.fileAbsPath, import_path.default.parse(parseOpts.fileAbsPath).name, vFile.data.frontmatter.atomId);
               component = `React.lazy(() => import('${(0, import_plugin_utils.winPath)(parseOpts.fileAbsPath)}?techStack=${techStack.name}'))`;
               codeNode.properties.title = codeValue || void 0;
-              (_a2 = codeNode.properties).filePath ?? (_a2.filePath = (0, import_plugin_utils.winPath)(import_path.default.relative(opts.cwd, parseOpts.fileAbsPath)));
+              (_a2 = codeNode.properties).filename ?? (_a2.filename = (0, import_plugin_utils.winPath)(import_path.default.relative(opts.cwd, parseOpts.fileAbsPath)));
             } else {
               parseOpts.fileAbsPath = opts.fileAbsPath.replace(".md", ".tsx");
-              parseOpts.id = getCodeId(opts.cwd, opts.fileAbsPath, String(index++));
+              parseOpts.id = getCodeId(opts.cwd, opts.fileAbsPath, String(index++), vFile.data.frontmatter.atomId);
               component = techStack.transformCode(codeValue, {
                 type: "code-block",
                 fileAbsPath: opts.fileAbsPath

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

@@ -1,5 +1,6 @@
 import type { Root } from 'mdast';
 import type { Transformer } from 'unified';
-export default function remarkMeta(opts: {
-    fileAbsPath: string;
-}): Transformer<Root>;
+import type { IMdTransformerOptions } from '.';
+declare type IRemarkMetaOpts = Pick<IMdTransformerOptions, 'cwd' | 'fileAbsPath' | 'resolve'>;
+export default function remarkMeta(opts: IRemarkMetaOpts): Transformer<Root>;
+export {};