dumi 2.4.23 → 2.5.0-beta.0

package/dist/features/compile/index.js

@@ -40,6 +40,7 @@ var import_path = __toESM(require("path"));
 var import_assets = require("../assets");
 var import_makoHooks = require("./makoHooks");
 var import_utils2 = require("./utils");
+var import_utoopackLoaders = require("./utoopackLoaders");
 var techStacks = [];
 var compile_default = (api) => {
   api.describe({ key: "dumi:compile" });
@@ -87,6 +88,21 @@ var compile_default = (api) => {
       );
     }
   });
+  api.onGenerateFiles({
+    fn() {
+      var _a;
+      if (api.config.utoopack) {
+        api.writeTmpFile({
+          noPluginDir: true,
+          path: import_utoopackLoaders.LOADER_CTX_FILENAME,
+          content: (0, import_utoopackLoaders.buildLoaderContextContent)(
+            techStacks,
+            ((_a = api.service.themeData) == null ? void 0 : _a.builtins) ?? {}
+          )
+        });
+      }
+    }
+  });
   api.addRuntimePlugin(
     () => techStacks.reduce((acc, techStack) => {
       var _a;
@@ -175,6 +191,25 @@ var compile_default = (api) => {
       return memo;
     }
   });
+  api.modifyConfig({
+    before: "utoopack",
+    fn: (memo) => {
+      var _a;
+      if (memo.utoopack) {
+        memo.utoopack = {
+          ...memo.utoopack,
+          module: {
+            ...memo.utoopack.module || {},
+            rules: {
+              ...((_a = memo.utoopack.module) == null ? void 0 : _a.rules) || {},
+              ...(0, import_utoopackLoaders.getUtoopackRules)(api)
+            }
+          }
+        };
+      }
+      return memo;
+    }
+  });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/features/compile/utoopackLoaders.d.ts

@@ -0,0 +1,8 @@
+import type { IApi, IDumiTechStack } from "../../types";
+export declare const UTOOPACK_LOADER_CTX_KEY = "__dumiLoaderContextPath";
+export declare const LOADER_CTX_FILENAME = "dumi-loader-ctx.cjs";
+export declare function buildLoaderContextContent(techStacks: IDumiTechStack[], builtins?: Record<string, {
+    specifier: string;
+    source: string;
+}>): string;
+export declare const getUtoopackRules: (api: IApi) => Record<string, unknown>;

package/dist/features/compile/utoopackLoaders.js

@@ -0,0 +1,228 @@
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/compile/utoopackLoaders.ts
+var utoopackLoaders_exports = {};
+__export(utoopackLoaders_exports, {
+  LOADER_CTX_FILENAME: () => LOADER_CTX_FILENAME,
+  UTOOPACK_LOADER_CTX_KEY: () => UTOOPACK_LOADER_CTX_KEY,
+  buildLoaderContextContent: () => buildLoaderContextContent,
+  getUtoopackRules: () => getUtoopackRules
+});
+module.exports = __toCommonJS(utoopackLoaders_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("./utils");
+var mdLoaderPath = require.resolve("../../loaders/markdown");
+var UTOOPACK_LOADER_CTX_KEY = "__dumiLoaderContextPath";
+var LOADER_CTX_FILENAME = "dumi-loader-ctx.cjs";
+function toSerializable(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+function findInRequireCache(target) {
+  for (const [filename, mod] of Object.entries(require.cache)) {
+    if (!(mod == null ? void 0 : mod.exports))
+      continue;
+    const exp = mod.exports;
+    if (exp === target)
+      return { modulePath: filename, exportName: "module.exports" };
+    if ((exp == null ? void 0 : exp.default) === target)
+      return { modulePath: filename, exportName: "default" };
+    for (const [k, v] of Object.entries(exp)) {
+      if (v === target)
+        return { modulePath: filename, exportName: k };
+    }
+  }
+  return null;
+}
+function buildLoaderContextContent(techStacks, builtins = {}) {
+  const refs = [];
+  for (const ts of techStacks) {
+    const ctor = ts.constructor;
+    if (ctor !== Object) {
+      const found = findInRequireCache(ctor);
+      if (found) {
+        const modRef = `require(${JSON.stringify(found.modulePath)})`;
+        const ctorRef = found.exportName === "module.exports" ? modRef : `(${modRef})[${JSON.stringify(found.exportName)}]`;
+        refs.push(`new (${ctorRef})()`);
+      }
+    } else {
+      const found = findInRequireCache(ts);
+      if (found) {
+        const modRef = `require(${JSON.stringify(found.modulePath)})`;
+        const ref = found.exportName === "module.exports" ? modRef : `(${modRef})[${JSON.stringify(found.exportName)}]`;
+        refs.push(ref);
+      }
+    }
+  }
+  return `'use strict';
+exports.techStacks = [${refs.join(", ")}];
+exports.builtins = ${JSON.stringify(builtins)};
+`;
+}
+var getUtoopackRules = (api) => {
+  const disableLiveDemo = (0, import_utils.shouldDisabledLiveDemo)(api);
+  const loaderContextPath = import_path.default.join(
+    api.paths.absTmpPath,
+    LOADER_CTX_FILENAME
+  );
+  const cfgResolve = api.config.resolve ?? {};
+  const serializableBaseOpts = toSerializable({
+    cwd: api.cwd,
+    alias: api.config.alias || {},
+    resolve: {
+      atomDirs: cfgResolve.atomDirs ?? [{ type: "component", dir: "src" }],
+      docDirs: cfgResolve.docDirs ?? ["docs"],
+      codeBlockMode: cfgResolve.codeBlockMode ?? "active",
+      forceKebabCaseRouting: cfgResolve.forceKebabCaseRouting ?? true,
+      ...cfgResolve.entryFile ? { entryFile: cfgResolve.entryFile } : {}
+    },
+    routes: api.appData.routes || {},
+    builtins: {},
+    locales: api.config.locales || [],
+    pkg: api.pkg,
+    disableLiveDemo,
+    [UTOOPACK_LOADER_CTX_KEY]: loaderContextPath
+  });
+  return {
+    // handle ?watch=parent virtual module: return empty content to establish file-watching dependency
+    "**/*": [
+      {
+        condition: { query: /^\?watch=parent$/ },
+        loaders: [require.resolve("../../loaders/null")],
+        as: "*.js"
+      },
+      // handle raw content for demo source display (?dumi-raw)
+      {
+        condition: { query: /^\?dumi-raw$/ },
+        loaders: [
+          require.resolve("../../loaders/post-raw"),
+          require.resolve("raw-loader"),
+          require.resolve("../../loaders/pre-raw")
+        ],
+        as: "*.js"
+      },
+      // handle external demo component files (?techStack=xxx)
+      // techStacks are NOT serializable; pass loaderContextPath and hydrate in the loader
+      {
+        condition: { query: /^\?techStack=.*$/ },
+        loaders: [
+          {
+            loader: require.resolve("../../loaders/demo"),
+            options: toSerializable({
+              cwd: api.cwd,
+              [UTOOPACK_LOADER_CTX_KEY]: loaderContextPath
+            })
+          }
+        ],
+        as: "*.js"
+      }
+    ],
+    // extract frontmatter/toc metadata from JS/TS page components (?type=frontmatter)
+    // NOTE:
+    // - Markdown ?type=frontmatter is already handled by the '*.md' rule below.
+    // - After the md loader outputs JS, utoopack will expose that virtual module as
+    //   '*.md.js?type=frontmatter'. Without the extra path guard here, this JS rule
+    //   runs again and page-loader overwrites markdown frontmatter with filename-based
+    //   fallbacks like "Docs" / "C Md".
+    // - Excluding '*.md.js' keeps the markdown frontmatter result intact while still
+    //   allowing real JS/TS page components to use page-loader.
+    "*.{js,jsx,ts,tsx}": {
+      condition: {
+        all: [
+          { query: /^\?type=frontmatter$/ },
+          { not: { path: /\.md\.js$/ } }
+        ]
+      },
+      loaders: [require.resolve("../../loaders/page")],
+      as: "*.js"
+    },
+    // handle markdown files with different modes based on query type
+    "*.md": [
+      {
+        condition: { query: /^\?type=frontmatter$/ },
+        loaders: [
+          {
+            loader: mdLoaderPath,
+            options: { ...serializableBaseOpts, mode: "frontmatter" }
+          }
+        ],
+        as: "*.js"
+      },
+      // extract plain text for full-text search
+      {
+        condition: { query: /^\?type=text$/ },
+        loaders: [
+          {
+            loader: mdLoaderPath,
+            options: { ...serializableBaseOpts, mode: "text" }
+          }
+        ],
+        as: "*.js"
+      },
+      // extract demo index metadata from markdown
+      {
+        condition: { query: /^\?type=demo-index$/ },
+        loaders: [
+          {
+            loader: mdLoaderPath,
+            options: { ...serializableBaseOpts, mode: "demo-index" }
+          }
+        ],
+        as: "*.js"
+      },
+      // compile inline demo code blocks
+      {
+        condition: { query: /^\?type=demo$/ },
+        loaders: [
+          {
+            loader: mdLoaderPath,
+            options: { ...serializableBaseOpts, mode: "demo" }
+          }
+        ],
+        as: "*.js"
+      },
+      // default: transform markdown into a React page component
+      {
+        loaders: [
+          {
+            loader: mdLoaderPath,
+            options: serializableBaseOpts
+          }
+        ],
+        as: "*.js"
+      }
+    ]
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LOADER_CTX_FILENAME,
+  UTOOPACK_LOADER_CTX_KEY,
+  buildLoaderContextContent,
+  getUtoopackRules
+});

package/dist/features/derivative.js

@@ -92,7 +92,7 @@ var derivative_default = (api) => {
     }
     (0, import_assert.default)(
       !api.config.ssr || api.config.ssr.builder === "webpack" || api.config.ssr.builder === "mako",
-      "Only `webpack` and mako` builder is supported in SSR mode!"
+      "Only `webpack` and `mako` builder is supported in SSR mode!"
     );
     (0, import_assert.default)(
       ((_a = api.config.cssLoader) == null ? void 0 : _a.modules) === void 0 && api.config.cssLoaderModules === void 0,

package/dist/features/exports.js

@@ -32,7 +32,7 @@ __export(exports_exports, {
   default: () => exports_default
 });
 module.exports = __toCommonJS(exports_exports);
-var import_plugin_utils = require("umi/plugin-utils");
+var import_utils = require("../utils");
 var exports_default = (api) => {
   api.describe({ key: "dumi:exports" });
   api.modifyConfig((memo) => {
@@ -44,7 +44,7 @@ var exports_default = (api) => {
       noPluginDir: true,
       path: "dumi/exports.ts",
       content: `export * from '../exports';
-export * from '${(0, import_plugin_utils.winPath)(require.resolve("../client/theme-api"))}';
+export * from '${(0, import_utils.toImportSpecifier)(require.resolve("../client/theme-api"))}';
 export * from './meta/exports';`
     });
   });

package/dist/features/locales.js

@@ -33,8 +33,8 @@ __export(locales_exports, {
 });
 module.exports = __toCommonJS(locales_exports);
 var import_constants = require("../constants");
+var import_utils = require("../utils");
 var import_path = __toESM(require("path"));
-var import_plugin_utils = require("umi/plugin-utils");
 var locales_default = (api) => {
   var _a;
   api.describe({
@@ -114,10 +114,10 @@ export const messages = ${JSON.stringify(
       content: `
 import { history } from 'dumi';
 import React, { useState, useLayoutEffect, useCallback, type ReactNode } from 'react';
-import { RawIntlProvider, createIntl, createIntlCache } from '${(0, import_plugin_utils.winPath)(
+import { RawIntlProvider, createIntl, createIntlCache } from '${(0, import_utils.toImportSpecifier)(
         import_path.default.dirname(require.resolve("react-intl/package"))
       )}';
-import { useIsomorphicLayoutEffect } from '${(0, import_plugin_utils.winPath)(
+import { useIsomorphicLayoutEffect } from '${(0, import_utils.toImportSpecifier)(
         require.resolve("../client/theme-api/utils")
       )}'
 import { locales, messages } from './config';

package/dist/features/meta.js

@@ -98,8 +98,12 @@ var meta_default = (api) => {
       path: "dumi/meta/runtime.ts",
       tplPath: require.resolve("../templates/meta/runtime.ts.tpl"),
       context: {
-        deepmerge: (0, import_plugin_utils.winPath)(import_path.default.dirname(require.resolve("deepmerge/package"))),
-        rc_util: (0, import_plugin_utils.winPath)(import_path.default.dirname(require.resolve("rc-util/package")))
+        deepmerge: (0, import_utils.toImportSpecifier)(
+          import_path.default.dirname(require.resolve("deepmerge/package"))
+        ),
+        rc_util: (0, import_utils.toImportSpecifier)(
+          import_path.default.dirname(require.resolve("rc-util/package"))
+        )
       }
     });
     api.writeTmpFile({

package/dist/features/parser.js

@@ -55,6 +55,10 @@ function filterIgnoredProps(props) {
 }
 var parser_default = (api) => {
   let prevData;
+  const fallbackData = {
+    components: {},
+    functions: {}
+  };
   const writeAtomsMetaFile = (data) => {
     const components = import_utils.lodash.mapValues(data.components, (component) => ({
       ...component,
@@ -114,7 +118,14 @@ var parser_default = (api) => {
   });
   api.onGenerateFiles(async () => {
     if (api.env === "production") {
-      writeAtomsMetaFile(await api.service.atomParser.parse());
+      try {
+        writeAtomsMetaFile(await api.service.atomParser.parse());
+      } catch (err) {
+        api.logger.warn(
+          `apiParser parse failed, fallback to empty metadata: ${err instanceof Error ? err.message : String(err)}`
+        );
+        writeAtomsMetaFile(fallbackData);
+      }
     } else if (prevData) {
       writeAtomsMetaFile(prevData);
     }

package/dist/features/theme/index.js

@@ -42,7 +42,9 @@ var import_path = __toESM(require("path"));
 var import_plugin_utils = require("umi/plugin-utils");
 var import_derivative = require("../derivative");
 var import_loader = __toESM(require("./loader"));
-var DEFAULT_THEME_PATH = import_path.default.join(__dirname, "../../../theme-default");
+var DEFAULT_THEME_PATH = (0, import_plugin_utils.winPath)(
+  import_path.default.join(__dirname, "../../../theme-default")
+);
 var DEFAULT_LOADING_PATH = (0, import_plugin_utils.winPath)(
   import_path.default.resolve(__dirname, "../../client/pages/Loading")
 );
@@ -163,19 +165,27 @@ var theme_default = (api) => {
   });
   api.modifyConfig((memo) => {
     var _a, _b, _c, _d;
+    themeMapKeys.forEach((key) => {
+      Object.values(pkgThemeData[key] || {}).forEach((item) => {
+        memo.alias[`dumi/theme/${key}/${item.specifier}`] = (0, import_plugin_utils.winPath)(
+          item.source
+        );
+      });
+    });
     if (localThemeData) {
       themeMapKeys.forEach((key) => {
         Object.values(localThemeData[key] || {}).forEach((item) => {
-          memo.alias[`dumi/theme/${key}/${item.specifier}`] = item.source;
+          memo.alias[`dumi/theme/${key}/${item.specifier}`] = (0, import_plugin_utils.winPath)(
+            item.source
+          );
         });
       });
     }
     memo.alias["dumi/theme"] = "dumi/theme-original";
-    memo.alias["dumi/theme-original"] = import_path.default.join(
-      api.paths.absTmpPath,
-      "dumi/theme"
+    memo.alias["dumi/theme-original"] = (0, import_plugin_utils.winPath)(
+      import_path.default.join(api.paths.absTmpPath, "dumi/theme")
     );
-    memo.alias["dumi/theme-default"] = DEFAULT_THEME_PATH;
+    memo.alias["dumi/theme-default"] = (0, import_plugin_utils.winPath)(DEFAULT_THEME_PATH);
     memo.extraBabelIncludes ?? (memo.extraBabelIncludes = []);
     memo.extraBabelIncludes.push(
       import_path.default.resolve(__dirname, "../../client/theme-api")
@@ -233,11 +243,11 @@ var theme_default = (api) => {
       api.writeTmpFile({
         noPluginDir: true,
         path: "dumi/theme/loading.tsx",
-        content: `${enableNProgress ? `import nprogress from '${(0, import_plugin_utils.winPath)(
+        content: `${enableNProgress ? `import nprogress from '${(0, import_utils.toImportSpecifier)(
           import_path.default.dirname(require.resolve("nprogress/package"))
         )}';
 import './nprogress.css';` : ""}
-import UserLoading from '${globalLoading}';
+import UserLoading from '${(0, import_utils.toImportSpecifier)(globalLoading)}';
 import React, { useLayoutEffect, type FC } from 'react';
 import { useSiteData } from 'dumi';
 
@@ -271,10 +281,12 @@ export default DumiLoading;
         const exports = await getModuleExports(item.source);
         const contents = [];
         if (exports.includes("default")) {
-          contents.push(`export { default } from '${item.source}';`);
+          contents.push(
+            `export { default } from '${(0, import_utils.toImportSpecifier)(item.source)}';`
+          );
         }
         if (exports.some((exp) => exp !== "default")) {
-          contents.push(`export * from '${item.source}';`);
+          contents.push(`export * from '${(0, import_utils.toImportSpecifier)(item.source)}';`);
         }
         api.writeTmpFile({
           noPluginDir: true,
@@ -293,9 +305,13 @@ export default DumiLoading;
       path: "dumi/theme/ContextWrapper.tsx",
       tplPath: require.resolve("../../templates/ContextWrapper.ts.tpl"),
       context: {
-        contextPath: (0, import_plugin_utils.winPath)(require.resolve("../../client/theme-api/context")),
-        defaultExport: hasDefaultExport ? `import entryDefaultExport from '${(0, import_plugin_utils.winPath)(entryFile)}';` : "",
-        namedExport: hasNamedExport ? `import * as entryMemberExports from '${(0, import_plugin_utils.winPath)(entryFile)}';` : "",
+        contextPath: (0, import_utils.toImportSpecifier)(
+          require.resolve("../../client/theme-api/context")
+        ),
+        defaultExport: hasDefaultExport ? `import entryDefaultExport from '${(0, import_utils.toImportSpecifier)(entryFile)}';` : "",
+        namedExport: hasNamedExport ? `import * as entryMemberExports from '${(0, import_utils.toImportSpecifier)(
+          entryFile
+        )}';` : "",
         hasDefaultExport,
         hasNamedExport,
         pkg: JSON.stringify(
@@ -309,7 +325,9 @@ export default DumiLoading;
             api.config.themeConfig
           )
         ),
-        rc_util: (0, import_plugin_utils.winPath)(import_path.default.dirname(require.resolve("rc-util/package"))),
+        rc_util: (0, import_utils.toImportSpecifier)(
+          import_path.default.dirname(require.resolve("rc-util/package"))
+        ),
         _2_level_nav_available: api.appData._2LevelNavAvailable
       }
     });
@@ -405,7 +423,9 @@ export default DumiLoading;
     },
     {
       specifier: "{ setPluginManager as setDumiPluginManager }",
-      source: (0, import_plugin_utils.winPath)(require.resolve("../../client/theme-api/utils"))
+      source: (0, import_utils.toImportSpecifier)(
+        require.resolve("../../client/theme-api/utils")
+      )
     }
   ]);
   api.addEntryCode(() => "setDumiPluginManager(getDumiPluginManager());");

package/dist/loaders/demo/index.js

@@ -22,13 +22,19 @@ __export(demo_exports, {
   default: () => demoLoader
 });
 module.exports = __toCommonJS(demo_exports);
+var import_utoopackLoaders = require("../../features/compile/utoopackLoaders");
 var import_utils = require("@umijs/utils");
 function demoLoader(raw) {
   const opts = this.getOptions();
+  let techStacks = opts.techStacks;
+  if (!techStacks && opts[import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY]) {
+    const ctx = require(opts[import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY]);
+    techStacks = ctx.techStacks;
+  }
   const techStackName = new URLSearchParams(this.resourceQuery).get(
     "techStack"
   );
-  const techStack = opts.techStacks.find((t) => t.name === techStackName);
+  const techStack = techStacks.find((t) => t.name === techStackName);
   let code = techStack.transformCode(raw, {
     type: "external",
     fileAbsPath: this.resourcePath

package/dist/loaders/markdown/index.js

@@ -32,6 +32,7 @@ __export(markdown_exports, {
   default: () => mdLoader
 });
 module.exports = __toCommonJS(markdown_exports);
+var import_utoopackLoaders = require("../../features/compile/utoopackLoaders");
 var import_tabs = require("../../features/tabs");
 var import_utils = require("../../utils");
 var import_fs = __toESM(require("fs"));
@@ -62,11 +63,11 @@ function emitDefault(opts, ret) {
   if (frontmatter.atomId && opts.onResolveAtomMeta) {
     opts.onResolveAtomMeta(frontmatter.atomId, frontmatter);
   }
-  const dependencies = this.getDependencies().slice(1).filter((filePath) => {
-    return !filePath.includes("node_modules");
-  });
+  const embeddedMdFiles = (ret.meta.embeds ?? []).filter(
+    (filePath) => filePath.endsWith(".md") && !filePath.includes("node_modules")
+  );
   return `${Object.values(opts.builtins).map((item) => `import ${item.specifier} from '${(0, import_plugin_utils.winPath)(item.source)}';`).join("\n")}
-${dependencies.filter((dep) => dep.endsWith(".md")).map(
+${embeddedMdFiles.map(
     (md) => `
 import '${(0, import_plugin_utils.winPath)(md)}?watch=parent';
 `
@@ -134,7 +135,7 @@ function emitDemo(opts, ret) {
   }, []);
   return import_plugin_utils.Mustache.render(
     `import React from 'react';
-import '${(0, import_plugin_utils.winPath)(this.getDependencies()[0])}?watch=parent';
+import '${(0, import_plugin_utils.winPath)(this.resourcePath)}?watch=parent';
 {{#dedupedDemosDeps}}
 import * as {{{specifier}}} from '{{{key}}}';
 {{/dedupedDemosDeps}}
@@ -162,7 +163,7 @@ export const demos = {
           var _a;
           if (((_a = asset.dependencies[file]) == null ? void 0 : _a.type) === "FILE") {
             let assetValue = `{{{require('-!${resolveMap[file]}?dumi-raw').default}}}`;
-            if (process.env.OKAM) {
+            if (process.env.OKAM || opts[import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY]) {
               assetValue = `{{{require('${resolveMap[file]}?dumi-raw').default}}}`;
             }
             asset = import_plugin_utils.lodash.cloneDeep(asset);
@@ -222,7 +223,7 @@ function emitDemoIndex(opts, ret) {
   const { demos } = ret.meta;
   return import_plugin_utils.Mustache.render(
     `
-    import '${(0, import_plugin_utils.winPath)(this.getDependencies()[0])}?watch=parent';
+    import '${(0, import_plugin_utils.winPath)(this.resourcePath)}?watch=parent';
     export const demoIndex = {
   ids: {{{ids}}},
   getter: {{{getter}}}
@@ -239,11 +240,28 @@ function emitDemoIndex(opts, ret) {
 }
 function emitFrontmatter(opts, ret) {
   const { frontmatter, toc } = ret.meta;
+  const resourcePath = (0, import_plugin_utils.winPath)(this.resourcePath);
+  const isUtoopack = import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY in opts;
+  if (isUtoopack) {
+    const rendered = import_plugin_utils.Mustache.render(
+      `import '${resourcePath}?watch=parent';
+globalThis.__DUMI_FM__ = globalThis.__DUMI_FM__ || {};
+globalThis.__DUMI_TOC__ = globalThis.__DUMI_TOC__ || {};
+globalThis.__DUMI_FM__['${resourcePath}'] = {{{frontmatter}}};
+globalThis.__DUMI_TOC__['${resourcePath}'] = {{{toc}}};
+export const frontmatter = globalThis.__DUMI_FM__['${resourcePath}'];
+export const toc = globalThis.__DUMI_TOC__['${resourcePath}'];`,
+      {
+        toc: JSON.stringify(toc),
+        frontmatter: JSON.stringify(frontmatter)
+      }
+    );
+    return rendered;
+  }
   return import_plugin_utils.Mustache.render(
-    `
-    import '${(0, import_plugin_utils.winPath)(this.getDependencies()[0])}?watch=parent';
-    export const toc = {{{toc}}};
-export const frontmatter = {{{frontmatter}}};`,
+    `import '${resourcePath}?watch=parent';
+export const toc = new Proxy({{{toc}}}, {});
+export const frontmatter = new Proxy({{{frontmatter}}}, {});`,
     {
       toc: JSON.stringify(toc),
       frontmatter: JSON.stringify(frontmatter)
@@ -254,7 +272,7 @@ function emitText(opts, ret) {
   const { texts } = ret.meta;
   return import_plugin_utils.Mustache.render(
     `
-  import '${(0, import_plugin_utils.winPath)(this.getDependencies()[0])}?watch=parent';
+  import '${(0, import_plugin_utils.winPath)(this.resourcePath)}?watch=parent';
   export const texts = {{{texts}}};
   `,
     {
@@ -291,7 +309,18 @@ function getDepsCacheKey(deps = []) {
 var deferrer = {};
 var depsMapping = {};
 function mdLoader(content) {
-  const opts = this.getOptions();
+  var _a;
+  let opts = this.getOptions();
+  const loaderContextPath = opts[import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY];
+  if (loaderContextPath) {
+    const ctx = require(loaderContextPath);
+    if (!((_a = opts.techStacks) == null ? void 0 : _a.length)) {
+      opts.techStacks = ctx.techStacks;
+    }
+    if (ctx.builtins && !Object.keys(opts.builtins ?? {}).length) {
+      opts.builtins = ctx.builtins;
+    }
+  }
   const cb = this.async();
   if (process.env.NODE_ENV === "production" && ["onResolveDemos", "onResolveAtomMeta"].some((k) => k in opts)) {
     this.cacheable(false);

package/dist/utils.d.ts

@@ -60,3 +60,8 @@ export declare function runLoaders(options: RunLoaderOption, callback: (err: Nod
  * check if version is in range
  */
 export declare function isVersionInRange(version: string, range: string | Range, options?: RangeOptions): boolean;
+/**
+ * normalize module specifier for generated import/export statements
+ * keep package/bare specifiers unchanged and normalize path separators
+ */
+export declare function toImportSpecifier(source: string): string;

package/dist/utils.js

@@ -42,6 +42,7 @@ __export(utils_exports, {
   isVersionInRange: () => isVersionInRange,
   parseCodeFrontmatter: () => parseCodeFrontmatter,
   runLoaders: () => runLoaders,
+  toImportSpecifier: () => toImportSpecifier,
   tryFatherBuildConfigs: () => tryFatherBuildConfigs
 });
 module.exports = __toCommonJS(utils_exports);
@@ -181,6 +182,13 @@ function isVersionInRange(version, range, options = { includePrerelease: true })
   }
   return false;
 }
+function toImportSpecifier(source) {
+  if (!source)
+    return source;
+  if (/^(?:node|data|file):/.test(source))
+    return source;
+  return (0, import_plugin_utils.winPath)(source);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   _setFSCacheDir,
@@ -196,5 +204,6 @@ function isVersionInRange(version, range, options = { includePrerelease: true })
   isVersionInRange,
   parseCodeFrontmatter,
   runLoaders,
+  toImportSpecifier,
   tryFatherBuildConfigs
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.4.23",
+  "version": "2.5.0-beta.0",
   "description": "📖 Documentation Generator of React Component",
   "keywords": [
     "generator",
@@ -65,9 +65,9 @@
     "@swc/core": "1.9.2",
     "@types/hast": "^2.3.5",
     "@types/mdast": "^3.0.12",
-    "@umijs/bundler-utils": "^4.3.0",
-    "@umijs/core": "^4.3.0",
-    "@umijs/utils": "^4.3.0",
+    "@umijs/bundler-utils": "^4.6.48",
+    "@umijs/core": "^4.6.48",
+    "@umijs/utils": "^4.6.48",
     "animated-scroll-to": "^2.3.0",
     "classnames": "2.3.2",
     "codesandbox-import-utils": "^2.2.3",
@@ -119,7 +119,7 @@
     "sass": "^1.64.1",
     "sitemap": "^7.1.1",
     "sucrase": "^3.34.0",
-    "umi": "^4.3.0",
+    "umi": "^4.6.48",
     "unified": "^10.1.2",
     "unist-util-visit": "^4.1.2",
     "unist-util-visit-parents": "^5.1.3",
@@ -142,7 +142,7 @@
     "@types/react": "^18.2.17",
     "@types/react-copy-to-clipboard": "^5.0.4",
     "@types/react-dom": "^18.2.7",
-    "@umijs/lint": "^4.3.0",
+    "@umijs/lint": "^4.6.48",
     "@umijs/plugins": "4.0.32",
     "eslint": "^8.46.0",
     "esno": "^4.7.0",
@@ -177,7 +177,7 @@
   ],
   "scripts": {
     "build": "father build && npm run build:crates",
-    "build:crates": "cargo build --target wasm32-wasip1 -r --out-dir compiled/crates -Z unstable-options",
+    "build:crates": "cargo build --target wasm32-wasip1 -r --artifact-dir compiled/crates -Z unstable-options",
     "build:deps": "node scripts/pre-bundle-worker.js && father prebundle",
     "build:suites": "pnpm run --filter=\"./suites/**\" build",
     "dev": "father dev",