dumi 2.4.51 → 2.4.53

package/dist/loaders/markdown/index.js

@@ -38,14 +38,14 @@ __export(markdown_exports, {
   getMdLoaderCacheSync: () => getMdLoaderCacheSync
 });
 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_utils = require("../../features/tabs/utils");
+var import_constants = require("../constants");
+var import_utils2 = require("../../utils");
+var import_utils3 = require("@umijs/utils");
 var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
-var import_plugin_utils = require("umi/plugin-utils");
 var import_transformer = __toESM(require("./transformer"));
-var import_rehypeText = require("./transformer/rehypeText");
+var MD_LOADER_CACHE_VERSION = 1;
 function isMalformedCacheError(err) {
   return err instanceof SyntaxError || err instanceof Error && /Unexpected end of JSON input|Unterminated string in JSON/.test(
     err.message
@@ -83,7 +83,7 @@ function isRelativePath(path2) {
   return /^\.{1,2}(?!\w)/.test(path2);
 }
 function normalizeRouteFile(file) {
-  return (0, import_plugin_utils.winPath)(file).replace(/\.(mdx?)\.js$/, ".$1");
+  return (0, import_utils3.winPath)(file).replace(/\.(mdx?)\.js$/, ".$1");
 }
 function getRouteId(opts, fileAbsPath) {
   const normalizedFile = normalizeRouteFile(fileAbsPath);
@@ -96,9 +96,9 @@ function getRouteId(opts, fileAbsPath) {
 function emitDefault(opts, ret) {
   const { frontmatter, demos } = ret.meta;
   const sharedDemoProps = ret.meta.demoSharedProps ?? [];
-  const isTabContent = (0, import_tabs.isTabRouteFile)(this.resourcePath);
+  const isTabContent = (0, import_utils.isTabRouteFile)(this.resourcePath);
   const wrapper = isTabContent ? "" : "DumiPage";
-  const textMode = import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY in opts && process.env.NODE_ENV !== "production" ? "text-render" : "text";
+  const textMode = import_constants.UTOOPACK_LOADER_CTX_KEY in opts && process.env.NODE_ENV !== "production" ? "text-render" : "text";
   if (demos && opts.onResolveDemos) {
     opts.onResolveDemos(demos);
   }
@@ -120,16 +120,16 @@ function emitDefault(opts, ret) {
   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")}
+  return `${Object.values(opts.builtins).map((item) => `import ${item.specifier} from '${(0, import_utils3.winPath)(item.source)}';`).join("\n")}
 ${embeddedMdFiles.map(
     (md) => `
-import '${(0, import_plugin_utils.winPath)(md)}?watch=parent';
+import '${(0, import_utils3.winPath)(md)}?watch=parent';
 `
   ).join("\n")}
 import LoadingComponent from '@@/dumi/theme/loading';
 import React, { Suspense } from 'react';
 import { DumiPage } from 'dumi';
-import { texts as ${import_rehypeText.CONTENT_TEXTS_OBJ_NAME} } from '${(0, import_plugin_utils.winPath)(
+import { texts as ${import_constants.CONTENT_TEXTS_OBJ_NAME} } from '${(0, import_utils3.winPath)(
     this.resourcePath
   )}?type=${textMode}';
 ${sharedDemoProps.length ? `const __dumi_demo_shared_props__ = ${JSON.stringify(sharedDemoProps)};` : ""}
@@ -153,6 +153,7 @@ function emitDemo(opts, ret) {
   const shareDepsMap = {};
   const demoDepsMap = {};
   const relativeDepsMap = {};
+  const sideEffectDepsMap = /* @__PURE__ */ new Map();
   demos == null ? void 0 : demos.forEach((demo) => {
     var _a, _b;
     if ("resolveMap" in demo && "asset" in demo) {
@@ -160,10 +161,15 @@ function emitDemo(opts, ret) {
       demoDepsMap[_a = demo.id] ?? (demoDepsMap[_a] = {});
       relativeDepsMap[_b = demo.id] ?? (relativeDepsMap[_b] = {});
       Object.keys(demo.resolveMap).forEach((key, index) => {
+        var _a2;
         const specifier = `${demo.id.replace(/[^\w\d]/g, "_")}_deps_${index}`;
         if (key !== entryFileName) {
           const isRelative = isRelativePath(key);
-          const normalizedKey = isRelative ? (0, import_plugin_utils.winPath)(demo.resolveMap[key]) : key;
+          const normalizedKey = isRelative ? (0, import_utils3.winPath)(demo.resolveMap[key]) : key;
+          sideEffectDepsMap.set(
+            normalizedKey,
+            sideEffectDepsMap.get(normalizedKey) !== false && ((_a2 = demo.sideEffectStyles) == null ? void 0 : _a2.includes(normalizedKey)) === true
+          );
           if (!shareDepsMap[normalizedKey]) {
             demoDepsMap[demo.id][normalizedKey] = specifier;
             shareDepsMap[normalizedKey] = specifier;
@@ -182,18 +188,29 @@ function emitDemo(opts, ret) {
       Object.entries(deps).map(([key, specifier]) => {
         const existingIndex = acc.findIndex((obj) => obj.key === key);
         if (existingIndex === -1) {
-          return { key, specifier };
+          return {
+            key,
+            specifier,
+            // Preserve webpack's namespace behavior, including custom style exports.
+            sideEffectOnly: Boolean(opts[import_constants.UTOOPACK_LOADER_CTX_KEY]) && sideEffectDepsMap.get(key) === true
+          };
         }
         return void 0;
       }).filter((item) => item !== void 0)
     );
   }, []);
   const routeId = getRouteId(opts, this.resourcePath);
-  return import_plugin_utils.Mustache.render(
+  return import_utils3.Mustache.render(
     `import React from 'react';
-import '${(0, import_plugin_utils.winPath)(this.resourcePath)}?watch=parent';
+import '${(0, import_utils3.winPath)(this.resourcePath)}?watch=parent';
 {{#dedupedDemosDeps}}
+{{#sideEffectOnly}}
+import '{{{key}}}';
+const {{{specifier}}} = {};
+{{/sideEffectOnly}}
+{{^sideEffectOnly}}
 import * as {{{specifier}}} from '{{{key}}}';
+{{/sideEffectOnly}}
 {{/dedupedDemosDeps}}
 export const demos = {
   {{#demos}}
@@ -223,10 +240,10 @@ 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 || opts[import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY]) {
+            if (process.env.OKAM || opts[import_constants.UTOOPACK_LOADER_CTX_KEY]) {
               assetValue = `{{{require('${resolveMap[file]}?dumi-raw').default}}}`;
             }
-            asset = import_plugin_utils.lodash.cloneDeep(asset);
+            asset = import_utils3.lodash.cloneDeep(asset);
             asset.dependencies[file].value = assetValue;
           }
         });
@@ -253,20 +270,20 @@ export const demos = {
         if (renderOpts.compilePath) {
           propertyArray.push(`
           compile: async (...args) => {
-            return (await import('${(0, import_plugin_utils.winPath)(
+            return (await import('${(0, import_utils3.winPath)(
             renderOpts.compilePath
           )}')).default(...args);
           },`);
         }
         if (renderOpts.rendererPath) {
           propertyArray.push(`
-            renderer: (await import('${(0, import_plugin_utils.winPath)(
+            renderer: (await import('${(0, import_utils3.winPath)(
             renderOpts.rendererPath
           )}')).default,`);
         }
         if (renderOpts.preflightPath) {
           propertyArray.push(`
-            preflight: (await import('${(0, import_plugin_utils.winPath)(
+            preflight: (await import('${(0, import_utils3.winPath)(
             renderOpts.preflightPath
           )}')).default,`);
         }
@@ -280,7 +297,7 @@ export const demos = {
   );
 }
 function renderDemoIndex(resourcePath, opts, demos) {
-  return import_plugin_utils.Mustache.render(
+  return import_utils3.Mustache.render(
     `
 export const demoIndex = {
   ids: {{{ids}}},
@@ -288,31 +305,31 @@ export const demoIndex = {
 };`,
     {
       ids: JSON.stringify(demos == null ? void 0 : demos.map((demo) => demo.id)),
-      getter: `() => import(/* webpackChunkName: "${(0, import_utils.generateMetaChunkName)(
+      getter: `() => import(/* webpackChunkName: "${(0, import_utils2.generateMetaChunkName)(
         resourcePath,
         opts.cwd,
         opts.locales.map(({ id }) => id)
-      )}" */'${(0, import_plugin_utils.winPath)(resourcePath)}?type=demo')`
+      )}" */'${(0, import_utils3.winPath)(resourcePath)}?type=demo')`
     }
   );
 }
 function emitDemoIndex(opts, ret) {
   const { demos } = ret.meta;
-  return `import '${(0, import_plugin_utils.winPath)(this.resourcePath)}?watch=parent';
+  return `import '${(0, import_utils3.winPath)(this.resourcePath)}?watch=parent';
 ${renderDemoIndex(this.resourcePath, opts, demos)}`;
 }
 function emitFrontmatter(opts, ret) {
   const { demos } = ret.meta;
   const frontmatter = ret.meta.frontmatter;
   const toc = ret.meta.toc ?? [];
-  const resourcePath = (0, import_plugin_utils.winPath)(this.resourcePath);
-  const isUtoopack = import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY in opts;
+  const resourcePath = (0, import_utils3.winPath)(this.resourcePath);
+  const isUtoopack = import_constants.UTOOPACK_LOADER_CTX_KEY in opts;
   const enableUtoopackHMR = isUtoopack && process.env.NODE_ENV !== "production";
-  const routeMetaHMRPath = enableUtoopackHMR ? (0, import_plugin_utils.winPath)(require.resolve("../../client/theme-api/routeMetaHMR")) : void 0;
+  const routeMetaHMRPath = enableUtoopackHMR ? (0, import_utils3.winPath)(require.resolve("../../client/theme-api/routeMetaHMR")) : void 0;
   const routeId = getRouteId(opts, this.resourcePath);
   const demoIndex = renderDemoIndex(this.resourcePath, opts, demos);
   if (isUtoopack) {
-    const routeStructureHash = (0, import_utils.getContentHash)(
+    const routeStructureHash = (0, import_utils2.getContentHash)(
       JSON.stringify({
         atomId: frontmatter.atomId,
         demoIds: demos == null ? void 0 : demos.map(({ id }) => id),
@@ -323,7 +340,7 @@ function emitFrontmatter(opts, ret) {
         title: frontmatter.title
       })
     );
-    const rendered = import_plugin_utils.Mustache.render(
+    const rendered = import_utils3.Mustache.render(
       `{{#enableUtoopackHMR}}
 import { notifyRouteMetaHMR } from {{{routeMetaHMRSpecifier}}};
 {{/enableUtoopackHMR}}
@@ -381,7 +398,7 @@ if (module.hot) {
     );
     return rendered;
   }
-  return import_plugin_utils.Mustache.render(
+  return import_utils3.Mustache.render(
     `import '${resourcePath}?watch=parent';
 export const toc = new Proxy({{{toc}}}, {});
 export const frontmatter = new Proxy({{{frontmatter}}}, {});
@@ -395,14 +412,14 @@ export const frontmatter = new Proxy({{{frontmatter}}}, {});
 }
 function emitText(opts, ret) {
   const texts = ret.meta.texts ?? [];
-  const resourcePath = (0, import_plugin_utils.winPath)(this.resourcePath);
-  const enableUtoopackHMR = import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY in opts && process.env.NODE_ENV !== "production";
+  const resourcePath = (0, import_utils3.winPath)(this.resourcePath);
+  const enableUtoopackHMR = import_constants.UTOOPACK_LOADER_CTX_KEY in opts && process.env.NODE_ENV !== "production";
   if (enableUtoopackHMR) {
     const routeId = getRouteId(opts, this.resourcePath);
     const routeMetaHMRSpecifier = JSON.stringify(
-      (0, import_plugin_utils.winPath)(require.resolve("../../client/theme-api/routeMetaHMR"))
+      (0, import_utils3.winPath)(require.resolve("../../client/theme-api/routeMetaHMR"))
     );
-    return import_plugin_utils.Mustache.render(
+    return import_utils3.Mustache.render(
       `import { notifyRouteMetaHMR } from {{{routeMetaHMRSpecifier}}};
 import {{{watchSpecifier}}};
 globalThis.__DUMI_TEXTS__ = globalThis.__DUMI_TEXTS__ || {};
@@ -430,7 +447,7 @@ if (module.hot) {
       }
     );
   }
-  return import_plugin_utils.Mustache.render(
+  return import_utils3.Mustache.render(
     `
   import '${resourcePath}?watch=parent';
   export const texts = {{{texts}}};
@@ -441,7 +458,7 @@ if (module.hot) {
   );
 }
 function emitRenderText(_opts, ret) {
-  return import_plugin_utils.Mustache.render(
+  return import_utils3.Mustache.render(
     `
   import {{{watchSpecifier}}};
   export const texts = {{{texts}}};
@@ -449,7 +466,7 @@ function emitRenderText(_opts, ret) {
     {
       texts: JSON.stringify(ret.meta.texts ?? []),
       watchSpecifier: JSON.stringify(
-        `${(0, import_plugin_utils.winPath)(this.resourcePath)}?watch=parent`
+        `${(0, import_utils3.winPath)(this.resourcePath)}?watch=parent`
       )
     }
   );
@@ -477,25 +494,73 @@ function emit(opts, ret) {
       return emitDefault.call(this, opts, ret);
   }
 }
-function getDepsCacheKey(deps = []) {
-  return JSON.stringify(
-    deps.map(
-      (file) => `${file}:${(0, import_utils.getContentHash)(import_fs.default.readFileSync(file, "utf-8"))}`
-    )
+function getDepsCacheKey(deps = [], cacheSession) {
+  if (!cacheSession) {
+    return JSON.stringify(
+      deps.map(
+        (file) => `${file}:${(0, import_utils2.getContentHash)(import_fs.default.readFileSync(file, "utf-8"))}`
+      )
+    );
+  }
+  const files = Array.from(
+    new Set(deps.concat(deps.flatMap(getDemoSidecarFiles)))
   );
+  try {
+    return JSON.stringify(
+      files.map(
+        (file) => `${file}:${(0, import_utils2.getContentHash)(import_fs.default.readFileSync(file, "utf-8"))}`
+      )
+    );
+  } catch (err) {
+    const code = err.code;
+    if (code === "ENOENT" || code === "ENOTDIR") {
+      return void 0;
+    }
+    throw err;
+  }
 }
 var deferrer = {};
 var depsMapping = {};
+var loaderContextHashes = /* @__PURE__ */ new WeakMap();
 function mdLoader(content) {
   var _a, _b, _c;
   let opts = this.getOptions();
-  const loaderContextPath = opts[import_utoopackLoaders.UTOOPACK_LOADER_CTX_KEY];
+  let cacheSession;
+  const loaderContextPath = opts[import_constants.UTOOPACK_LOADER_CTX_KEY];
   const useUtoopackDemoHMR = process.env.NODE_ENV !== "production" && Boolean(loaderContextPath);
   if (loaderContextPath) {
-    const ctx = require(loaderContextPath);
+    const contextModuleId = useUtoopackDemoHMR && process.env.DUMI_CACHE !== "none" ? require.resolve(loaderContextPath) : void 0;
+    const cachedContextModule = contextModuleId ? require.cache[contextModuleId] : void 0;
+    const initialContextHash = contextModuleId && !cachedContextModule ? (0, import_utils2.getContentHash)(import_fs.default.readFileSync(loaderContextPath, "utf-8"), 32) : void 0;
+    let ctx = require(loaderContextPath);
+    if (contextModuleId && ctx.cacheSession) {
+      const contextHash = initialContextHash ?? (0, import_utils2.getContentHash)(import_fs.default.readFileSync(loaderContextPath, "utf-8"), 32);
+      if (cachedContextModule && loaderContextHashes.get(cachedContextModule) !== contextHash) {
+        const parents = /* @__PURE__ */ new Set([
+          cachedContextModule.parent,
+          typeof module === "undefined" ? void 0 : module,
+          ...Object.values(require.cache)
+        ]);
+        for (const parent of parents) {
+          const children = parent == null ? void 0 : parent.children;
+          const index = (children == null ? void 0 : children.indexOf(cachedContextModule)) ?? -1;
+          if (index !== -1)
+            children.splice(index, 1);
+        }
+        delete require.cache[contextModuleId];
+        ctx = require(contextModuleId);
+      }
+      const contextModule = require.cache[contextModuleId];
+      if (contextModule)
+        loaderContextHashes.set(contextModule, contextHash);
+    }
+    cacheSession = useUtoopackDemoHMR && process.env.DUMI_CACHE !== "none" ? ctx.cacheSession : void 0;
     if (!((_a = opts.techStacks) == null ? void 0 : _a.length)) {
       opts.techStacks = ctx.techStacks;
     }
+    if (ctx.alias !== void 0) {
+      opts = { ...opts, alias: ctx.alias };
+    }
     if (ctx.builtins && !Object.keys(opts.builtins ?? {}).length) {
       opts.builtins = ctx.builtins;
     }
@@ -518,44 +583,72 @@ function mdLoader(content) {
   )) {
     this.cacheable(false);
   }
-  const cache = (0, import_utils.getCache)("md-loader");
+  const cache = (0, import_utils2.getCache)("md-loader");
+  let optionsCacheKey = JSON.stringify(
+    import_utils3.lodash.omit(opts, ["mode", "builtins", "onResolveDemos"])
+  );
+  if (cacheSession)
+    optionsCacheKey = (0, import_utils2.getContentHash)(optionsCacheKey, 32);
   const baseCacheKey = [
+    MD_LOADER_CACHE_VERSION,
     this.resourcePath,
-    (0, import_utils.getContentHash)(content),
+    (0, import_utils2.getContentHash)(content),
     useUtoopackDemoHMR,
-    JSON.stringify(import_plugin_utils.lodash.omit(opts, ["mode", "builtins", "onResolveDemos"]))
-  ].join(":");
-  const cacheKey = [
-    baseCacheKey,
-    getDepsCacheKey(depsMapping[this.resourcePath])
+    optionsCacheKey
   ].join(":");
-  const cacheRet = getMdLoaderCacheSync(cache, cacheKey, "");
-  if (cacheRet) {
+  const depsCacheKey = cacheSession ? `deps:${baseCacheKey}` : void 0;
+  const depsMappingKey = cacheSession ? `${cacheSession}:${this.resourcePath}` : this.resourcePath;
+  const cachedDeps = depsCacheKey ? getMdLoaderCacheSync(
+    cache,
+    depsCacheKey,
+    void 0
+  ) : void 0;
+  const deps = cachedDeps && cachedDeps.cacheSession === cacheSession && Array.isArray(cachedDeps.deps) && cachedDeps.deps.every((file) => typeof file === "string") ? cachedDeps.deps : depsMapping[depsMappingKey];
+  const depsKey = getDepsCacheKey(deps, cacheSession);
+  const cacheKey = [baseCacheKey, depsKey].join(":");
+  const cacheRet = depsKey === void 0 ? "" : getMdLoaderCacheSync(cache, cacheKey, "");
+  const matchesSession = !cacheSession || !(deps == null ? void 0 : deps.length) || cacheRet && cacheRet.__dumiCacheSession === cacheSession;
+  const deferrerKey = cacheSession ? `${cacheSession}:${cacheKey}` : cacheKey;
+  if (cacheRet && matchesSession) {
     cb(null, emit.call(this, opts, cacheRet));
     return;
-  } else if (cacheKey in deferrer) {
-    deferrer[cacheKey].then((res) => {
+  } else if (deferrerKey in deferrer) {
+    deferrer[deferrerKey].then((res) => {
       cb(null, emit.call(this, opts, res));
     }).catch(cb);
     return;
   }
-  deferrer[cacheKey] = (0, import_transformer.default)(content, {
-    ...import_plugin_utils.lodash.omit(opts, ["mode", "builtins", "onResolveDemos"]),
-    fileAbsPath: (0, import_plugin_utils.winPath)(this.resourcePath),
-    useUtoopackDemoHMR
+  deferrer[deferrerKey] = (0, import_transformer.default)(content, {
+    ...import_utils3.lodash.omit(opts, ["mode", "builtins", "onResolveDemos"]),
+    fileAbsPath: (0, import_utils3.winPath)(this.resourcePath),
+    useUtoopackDemoHMR,
+    collectSideEffectStyles: Boolean(loaderContextPath)
   });
-  deferrer[cacheKey].then((ret) => {
-    depsMapping[this.resourcePath] = ret.meta.embeds.concat(
+  deferrer[deferrerKey].then((ret) => {
+    depsMapping[depsMappingKey] = ret.meta.embeds.concat(
       getDemoSourceFiles(ret.meta.demos)
     );
-    const finalCacheKey = [
-      baseCacheKey,
-      getDepsCacheKey(depsMapping[this.resourcePath])
-    ].join(":");
-    cache.setSync(finalCacheKey, ret);
+    const finalDepsKey = getDepsCacheKey(
+      depsMapping[depsMappingKey],
+      cacheSession
+    );
+    if (finalDepsKey !== void 0) {
+      cache.setSync(
+        [baseCacheKey, finalDepsKey].join(":"),
+        cacheSession && depsMapping[depsMappingKey].length ? { ...ret, __dumiCacheSession: cacheSession } : ret
+      );
+      if (depsCacheKey)
+        cache.setSync(depsCacheKey, {
+          cacheSession,
+          deps: depsMapping[depsMappingKey]
+        });
+    }
     cb(null, emit.call(this, opts, ret));
-    delete deferrer[cacheKey];
-  }).catch(cb);
+    delete deferrer[deferrerKey];
+  }).catch((err) => {
+    delete deferrer[deferrerKey];
+    cb(err);
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -24,6 +24,7 @@ declare module 'vfile' {
             component: string;
             asset: IParsedBlockAsset['asset'];
             resolveMap: IParsedBlockAsset['resolveMap'];
+            sideEffectStyles?: IParsedBlockAsset['sideEffectStyles'];
             renderOpts: {
                 type?: string;
                 rendererPath?: string;
@@ -51,6 +52,7 @@ export interface IMdTransformerOptions {
     cwd: string;
     fileAbsPath: string;
     useUtoopackDemoHMR?: boolean;
+    collectSideEffectStyles?: boolean;
     alias: ResolveOptions['alias'];
     parentAbsPath?: string;
     techStacks: IDumiTechStack[];

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

@@ -114,6 +114,7 @@ var transformer_default = async (raw, opts) => {
     fileLocaleLessPath,
     fileLocale,
     useUtoopackDemoHMR: opts.useUtoopackDemoHMR,
+    collectSideEffectStyles: opts.collectSideEffectStyles,
     resolve: opts.resolve,
     resolver,
     codeBlockBabelPlugins: opts.codeBlockBabelPlugins

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

@@ -11,6 +11,7 @@ type IRehypeDemoOptions = Pick<IMdTransformerOptions, 'techStacks' | 'cwd' | 'fi
     fileLocaleLessPath: string;
     fileLocale?: string;
     useUtoopackDemoHMR?: boolean;
+    collectSideEffectStyles?: boolean;
 };
 export default function rehypeDemo(opts: IRehypeDemoOptions): Transformer<Root>;
 export {};

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

@@ -38,8 +38,8 @@ __export(rehypeDemo_exports, {
 module.exports = __toCommonJS(rehypeDemo_exports);
 var import_block = __toESM(require("../../../assetParsers/block"));
 var import_utils = require("../../../utils");
+var import_utils2 = require("@umijs/utils");
 var import_path = __toESM(require("path"));
-var import_plugin_utils = require("umi/plugin-utils");
 var visit;
 var SKIP;
 var EXIT;
@@ -227,7 +227,7 @@ function rehypeDemo(opts) {
       }
     });
     if (process.env.NODE_ENV === "production" && (hasOnlySign || hasSkipSign)) {
-      import_plugin_utils.logger.warn(
+      import_utils2.logger.warn(
         `The 'only' or 'skip' mark is not supported in production environment, please remove it. at ${vFile.data.frontmatter.filename}`
       );
     }
@@ -259,7 +259,7 @@ function rehypeDemo(opts) {
             let component = "";
             if (codeType === "external") {
               const chunkName = [vFile.data.frontmatter.atomId, "demos"].filter(Boolean).join("__");
-              parseOpts.fileAbsPath = (0, import_plugin_utils.winPath)(
+              parseOpts.fileAbsPath = (0, import_utils2.winPath)(
                 codeNode.properties.src
               );
               let localId = ((_b = codeNode.properties) == null ? void 0 : _b.id) ?? import_path.default.parse(
@@ -271,7 +271,7 @@ function rehypeDemo(opts) {
                 localId,
                 vFile.data.frontmatter.atomId
               );
-              const importChunk = `import( /* webpackChunkName: "${chunkName}" */ '${(0, import_plugin_utils.winPath)(
+              const importChunk = `import( /* webpackChunkName: "${chunkName}" */ '${(0, import_utils2.winPath)(
                 parseOpts.fileAbsPath
               )}?techStack=${techStack.name}')`;
               if (runtimeOpts == null ? void 0 : runtimeOpts.rendererPath) {
@@ -281,7 +281,7 @@ function rehypeDemo(opts) {
               }
               if (codeValue)
                 codeNode.properties.title = codeValue;
-              (_c = codeNode.properties).filename ?? (_c.filename = (0, import_plugin_utils.winPath)(
+              (_c = codeNode.properties).filename ?? (_c.filename = (0, import_utils2.winPath)(
                 import_path.default.relative(opts.cwd, parseOpts.fileAbsPath)
               ));
             } else {
@@ -310,14 +310,20 @@ function rehypeDemo(opts) {
             deferrers.push(
               (0, import_block.default)({
                 ...parseOpts,
-                cacheable: opts.useUtoopackDemoHMR
+                cacheable: opts.useUtoopackDemoHMR,
+                collectSideEffectStyles: opts.collectSideEffectStyles
               }).then(
-                async ({ asset, resolveMap, frontmatter }) => {
+                async ({
+                  asset,
+                  resolveMap,
+                  frontmatter,
+                  sideEffectStyles
+                }) => {
                   var _a2, _b2, _c2;
                   if (demoIds.indexOf(parseOpts.id) !== demoIds.lastIndexOf(parseOpts.id)) {
                     const startLine = (_a2 = node.position) == null ? void 0 : _a2.start.line;
                     const suffix = startLine ? `:${startLine}` : "";
-                    import_plugin_utils.logger.warn(
+                    import_utils2.logger.warn(
                       `Duplicate demo id found due to filename conflicts, please consider adding a unique id to code tag to resolve this.
         at ${opts.fileAbsPath}${suffix}`
                     );
@@ -396,6 +402,8 @@ function rehypeDemo(opts) {
                       resolveMap,
                       techStackOpts
                     ) : resolveMap,
+                    // Custom source mappings may replace the original dependencies.
+                    sideEffectStyles: techStack.generateSources ? void 0 : sideEffectStyles,
                     renderOpts: {
                       rendererPath: runtimeOpts == null ? void 0 : runtimeOpts.rendererPath,
                       compilePath: runtimeOpts == null ? void 0 : runtimeOpts.compilePath,
@@ -437,7 +445,7 @@ function rehypeDemo(opts) {
         vFile.data.demoSharedProps = sharedPreviewerProps;
       }
       replaceNodes.forEach((node) => {
-        const demoLoader = `() => import('${(0, import_plugin_utils.winPath)(
+        const demoLoader = `() => import('${(0, import_utils2.winPath)(
           opts.fileAbsPath
         )}?type=demo')`;
         let value = JSON.stringify(node.data[DEMO_PROP_VALUE_KEY]);

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

@@ -32,7 +32,6 @@ __export(rehypeJsxify_exports, {
   default: () => rehypeJsxify
 });
 module.exports = __toCommonJS(rehypeJsxify_exports);
-var parser = __toESM(require("@umijs/bundler-utils/compiled/babel/parser"));
 var visitUnist;
 var visitEstree;
 var toEstree;
@@ -48,6 +47,7 @@ var JSX_SPREAD_PROP_PREFIX = "$jsx-spread-prop-";
 })();
 function getJSXAttrAST(node) {
   const tmpCode = `<a ${node.type === "JSXAttribute" ? `${node.name}={${node.value}}` : `{...${node.argument}}`} />`;
+  const parser = require("@umijs/bundler-utils/compiled/babel/parser");
   const ast = parser.parseExpression(tmpCode, {
     plugins: ["jsx", "estree"]
   });