dumi 2.4.48-alpha.0 → 2.4.49-alpha.0

package/dist/assetParsers/block.js

@@ -60,13 +60,6 @@ function getDepsKey(deps) {
     Array.from(new Set(deps)).sort().map((file) => `${(0, import_plugin_utils.winPath)(file)}:${getContentHashFromFile(file)}`)
   );
 }
-function getDepsKeyFromSnapshot(deps, snapshot) {
-  return JSON.stringify(
-    Array.from(new Set(deps)).sort().map(
-      (file) => `${(0, import_plugin_utils.winPath)(file)}:${snapshot.get(file) ?? getContentHashFromFile(file)}`
-    )
-  );
-}
 function getParseCacheKey(opts) {
   const entryContent = opts.entryPointCode ?? import_fs.default.readFileSync(opts.fileAbsPath, "utf-8");
   return JSON.stringify({
@@ -82,8 +75,10 @@ function getParseCacheKey(opts) {
     hasGenerateSources: Boolean(opts.techStack.generateSources)
   });
 }
-function getParseDeps(ret) {
-  return Object.values(ret.resolveMap).filter((file) => import_path.default.isAbsolute(file));
+function getParseDeps(ret, entryFile) {
+  return Object.values(ret.resolveMap).filter(
+    (file) => import_path.default.isAbsolute(file) && file !== entryFile
+  );
 }
 function getCachedBlockAsset(cacheKey) {
   const cached = blockAssetCache.get(cacheKey);
@@ -91,7 +86,7 @@ function getCachedBlockAsset(cacheKey) {
     return cloneParsedBlockAsset(cached.result);
   }
 }
-function setCachedBlockAsset(cacheKey, ret, deps, depsKey) {
+function setCachedBlockAsset(cacheKey, ret, deps) {
   if (blockAssetCache.size >= MAX_BLOCK_ASSET_CACHE_SIZE) {
     const firstKey = blockAssetCache.keys().next().value;
     if (firstKey)
@@ -99,7 +94,7 @@ function setCachedBlockAsset(cacheKey, ret, deps, depsKey) {
   }
   blockAssetCache.set(cacheKey, {
     deps,
-    depsKey,
+    depsKey: getDepsKey(deps),
     result: cloneParsedBlockAsset(ret)
   });
 }
@@ -121,7 +116,6 @@ async function parseBlockAsset(opts) {
     resolveMap: {},
     frontmatter: null
   };
-  const loadedFileSnapshot = /* @__PURE__ */ new Map();
   const deferrer = (0, import_esbuild.build)({
     // do not emit file
     write: false,
@@ -171,8 +165,6 @@ async function parseBlockAsset(opts) {
             let ext = import_path.default.extname(args.path);
             const techStack = opts.techStack;
             const isEntryPoint = args.pluginData.kind === "entry-point";
-            let sourceContent;
-            const getSourceContent = () => sourceContent ?? (sourceContent = isEntryPoint && opts.entryPointCode !== void 0 ? opts.entryPointCode : import_fs.default.readFileSync(args.path, "utf-8"));
             const filename = `${isEntryPoint ? "index" : (0, import_plugin_utils.winPath)(
               import_path.default.format({
                 ...import_path.default.parse(args.pluginData.source),
@@ -180,12 +172,15 @@ async function parseBlockAsset(opts) {
                 ext: ""
               })
             )}${ext}`;
-            let entryPointCode = isEntryPoint ? opts.entryPointCode : void 0;
+            let entryPointCode = opts.entryPointCode;
             let contents = void 0;
             if (techStack.onBlockLoad) {
               const result2 = techStack.onBlockLoad({
                 filename,
-                entryPointCode: entryPointCode ?? (entryPointCode = getSourceContent()),
+                entryPointCode: entryPointCode ?? (entryPointCode = import_fs.default.readFileSync(
+                  args.path,
+                  "utf-8"
+                )),
                 ...args
               });
               if (result2) {
@@ -196,11 +191,9 @@ async function parseBlockAsset(opts) {
             let isModule = import_constants.DEFAULT_DEMO_MODULE_EXTENSIONS.includes(ext);
             let isPlainText = import_constants.DEFAULT_DEMO_PLAIN_TEXT_EXTENSIONS.includes(ext);
             if (isModule || isPlainText) {
-              const assetValue = getSourceContent();
-              loadedFileSnapshot.set(args.path, (0, import_utils.getContentHash)(assetValue));
               asset.dependencies[filename] = {
                 type: "FILE",
-                value: assetValue
+                value: opts.entryPointCode ?? import_fs.default.readFileSync(args.path, "utf-8")
               };
               const file = asset.dependencies[filename];
               if (isEntryPoint) {
@@ -220,7 +213,7 @@ async function parseBlockAsset(opts) {
                   result.frontmatter = frontmatter;
                 }
               }
-              if (opts.techStack.runtimeOpts && (!isEntryPoint || opts.entryPointCode === void 0)) {
+              if (opts.techStack.runtimeOpts && (!isEntryPoint || !opts.entryPointCode)) {
                 result.resolveMap[filename] = args.path;
               }
               return {
@@ -241,12 +234,10 @@ async function parseBlockAsset(opts) {
     hasError = true;
   }
   if (!hasError && cacheKey) {
-    const deps = getParseDeps(result);
     setCachedBlockAsset(
       cacheKey,
       result,
-      deps,
-      getDepsKeyFromSnapshot(deps, loadedFileSnapshot)
+      getParseDeps(result, opts.fileAbsPath)
     );
   }
   return result;

package/dist/client/pages/Demo/index.js

@@ -1,61 +1,14 @@
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useDemo, useLiveDemo, useLocation, useParams } from 'dumi';
-import { createElement, useEffect, useState } from 'react';
-import { getDemoHMRRevision, subscribeDemoHMR } from "../../theme-api/DumiDemo/hmr";
+import { createElement, useEffect } from 'react';
 import { useRenderer } from "../../theme-api/useRenderer";
 import "./index.less";
-function useDemoHMRRevision(moduleId, id) {
-  var hmr = process.env.NODE_ENV === 'production' ? undefined : moduleId;
-  var revision = hmr ? getDemoHMRRevision(hmr, id) : 0;
-  var _useState = useState(function () {
-      return {
-        id: id,
-        moduleId: hmr,
-        revision: revision
-      };
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    setHMRState = _useState2[1];
-  useEffect(function () {
-    if (!hmr) return;
-    var observedRevision = revision;
-    var syncRevision = function syncRevision() {
-      var nextRevision = getDemoHMRRevision(hmr, id);
-      if (nextRevision === observedRevision) return;
-      observedRevision = nextRevision;
-      setHMRState(function (current) {
-        if (current.id === id && current.moduleId === hmr && current.revision === nextRevision) return current;
-        return {
-          id: id,
-          moduleId: hmr,
-          revision: nextRevision
-        };
-      });
-    };
-    var unsubscribe = subscribeDemoHMR(hmr, id, syncRevision);
-
-    // Re-read after subscribing so a change between render and effect is not lost.
-    syncRevision();
-    return unsubscribe;
-  }, [hmr, id, revision]);
-  return revision;
-}
 var DemoRenderPage = function DemoRenderPage() {
   var params = useParams();
   var _useLocation = useLocation(),
     search = _useLocation.search;
   var id = params.id;
-  var routeParams = new URLSearchParams(search);
-  var routeId = routeParams.get('routeId') || undefined;
-  var hmrModuleId = routeParams.get('dumi-hmr') || undefined;
-  var hmrRevision = useDemoHMRRevision(hmrModuleId, id);
-  var cacheVersion = hmrRevision ? "dumi-hmr:".concat(hmrRevision, ":route=").concat(routeId !== null && routeId !== void 0 ? routeId : '') : undefined;
-  var demo = useDemo(id, undefined, cacheVersion, routeId);
+  var routeId = new URLSearchParams(search).get('routeId') || undefined;
+  var demo = useDemo(id, undefined, undefined, routeId);
   var _useRenderer = useRenderer({
       id: id,
       component: demo.component,

package/dist/client/theme-api/DumiDemo/areDumiDemoPropsEqual.d.ts

@@ -0,0 +1 @@
+export declare function areDumiDemoPropsEqual<T>(prev: T, next: T): boolean;

package/dist/client/theme-api/DumiDemo/areDumiDemoPropsEqual.js

@@ -0,0 +1,4 @@
+export function areDumiDemoPropsEqual(prev, next) {
+  // Ignore loader function identity while still detecting serializable demo updates.
+  return JSON.stringify(prev) === JSON.stringify(next);
+}

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

@@ -5,7 +5,6 @@ type DemoGetter = () => Promise<{
 }>;
 export interface IDumiDemoProps {
     demo: {
-        __dumiUtoopackHMR?: string;
         id: string;
         inline?: boolean;
         loader?: DemoGetter;
@@ -13,6 +12,5 @@ export interface IDumiDemoProps {
     };
     previewerProps: Omit<IPreviewerProps, 'asset' | 'children'>;
 }
-export declare function areDumiDemoPropsEqual(prev: IDumiDemoProps, next: IDumiDemoProps): boolean;
 export declare const DumiDemo: FC<IDumiDemoProps>;
 export {};

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

@@ -1,75 +1,24 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { SP_ROUTE_PREFIX } from "../../../constants";
 import { useAppData, useDemo, useSiteData } from 'dumi';
-import React, { createElement, useEffect, useState } from 'react';
+import React, { createElement } from 'react';
 import Previewer from 'dumi/theme/builtins/Previewer';
 import { useRenderer } from "../useRenderer";
 import DemoErrorBoundary from "./DemoErrorBoundary";
-import { getDemoHMRRevision, subscribeDemoHMR } from "./hmr";
-function useDemoCacheVersion(id, metadataVersion, hmrModuleId) {
-  var hmr = process.env.NODE_ENV === 'production' ? undefined : hmrModuleId;
-  var _useState = useState(function () {
-      return {
-        id: id,
-        moduleId: hmr,
-        revision: hmr ? getDemoHMRRevision(hmr, id) : 0
-      };
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    hmrState = _useState2[0],
-    setHMRState = _useState2[1];
-  useEffect(function () {
-    if (!hmr) return;
-    var syncRevision = function syncRevision() {
-      var revision = getDemoHMRRevision(hmr, id);
-      setHMRState(function (current) {
-        if (current.id === id && current.moduleId === hmr && current.revision === revision) return current;
-        return {
-          id: id,
-          moduleId: hmr,
-          revision: revision
-        };
-      });
-    };
-    var unsubscribe = subscribeDemoHMR(hmr, id, syncRevision);
-
-    // Re-read after subscribing so a change between render and effect is not lost.
-    syncRevision();
-    return unsubscribe;
-  }, [hmr, id]);
-  if (!hmr) return metadataVersion;
-  var storedRevision = getDemoHMRRevision(hmr, id);
-  var revision = hmrState.id === id && hmrState.moduleId === hmr ? Math.max(hmrState.revision, storedRevision) : storedRevision;
-  return "".concat(metadataVersion, ":").concat(revision);
-}
+import { areDumiDemoPropsEqual } from "./areDumiDemoPropsEqual";
 var InternalDumiDemo = function InternalDumiDemo(props) {
   var _useSiteData = useSiteData(),
     historyType = _useSiteData.historyType;
   var _useAppData = useAppData(),
     basename = _useAppData.basename;
   var _props$demo = props.demo,
-    hmrModuleId = _props$demo.__dumiUtoopackHMR,
     id = _props$demo.id,
     loader = _props$demo.loader,
     version = _props$demo.version;
-  var cacheVersion = useDemoCacheVersion(id, version, hmrModuleId);
-  var demo = useDemo(id, loader, cacheVersion);
+  var demo = useDemo(id, loader, version);
   var component = demo.component,
     asset = demo.asset,
     renderOpts = demo.renderOpts;
-  var previewerProps = hmrModuleId ? _objectSpread(_objectSpread({}, demo.previewerProps), props.previewerProps) : props.previewerProps;
   var _useRenderer = useRenderer({
       id: id,
       renderOpts: demo.renderOpts,
@@ -78,7 +27,7 @@ var InternalDumiDemo = function InternalDumiDemo(props) {
     canvasRef = _useRenderer.canvasRef;
 
   // hide debug demo in production
-  if (process.env.NODE_ENV === 'production' && previewerProps.debug) return null;
+  if (process.env.NODE_ENV === 'production' && props.previewerProps.debug) return null;
   var demoNode = /*#__PURE__*/React.createElement(DemoErrorBoundary, null, renderOpts !== null && renderOpts !== void 0 && renderOpts.renderer ? /*#__PURE__*/React.createElement("div", {
     ref: canvasRef
   }) : ( /*#__PURE__*/createElement(component)));
@@ -86,24 +35,15 @@ var InternalDumiDemo = function InternalDumiDemo(props) {
     return demoNode;
   }
   var isHashRoute = historyType === 'hash';
-  var routeParams = new URLSearchParams();
-  if (hmrModuleId) routeParams.set('dumi-hmr', hmrModuleId);
-  // Keep routeId last for compatibility with custom previewers that append
-  // their own query string to demoUrl instead of merging URLSearchParams.
-  if (demo.routeId) routeParams.set('routeId', demo.routeId);
-  var routeQueryString = routeParams.toString();
-  var routeQuery = routeQueryString ? "?".concat(routeQueryString) : '';
+  var routeQuery = demo.routeId ? "?routeId=".concat(encodeURIComponent(demo.routeId)) : '';
   return /*#__PURE__*/React.createElement(Previewer, _extends({
     asset: asset,
     demoUrl:
     // allow user override demoUrl by frontmatter
-    previewerProps.demoUrl || // when use hash route, browser can automatically handle relative paths starting with #
+    props.previewerProps.demoUrl || // when use hash route, browser can automatically handle relative paths starting with #
     "".concat(isHashRoute ? "#" : '').concat(basename).concat(SP_ROUTE_PREFIX, "demos/").concat(props.demo.id).concat(routeQuery)
-  }, previewerProps), previewerProps.iframe ? null : demoNode);
+  }, props.previewerProps), props.previewerProps.iframe ? null : demoNode);
 };
-export function areDumiDemoPropsEqual(prev, next) {
-  return JSON.stringify(prev) === JSON.stringify(next);
-}
 export var DumiDemo = /*#__PURE__*/React.memo(InternalDumiDemo, areDumiDemoPropsEqual);
 if (process.env.NODE_ENV !== 'production') {
   InternalDumiDemo.displayName = 'DumiDemo';

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

@@ -0,0 +1,5 @@
+type RouteMetaHMRListener = () => void;
+export declare function getRouteMetaHMRRevision(routeId: string): number;
+export declare function subscribeRouteMetaHMR(routeId: string, listener: RouteMetaHMRListener): () => void;
+export declare function notifyRouteMetaHMR(routeId: string): void;
+export {};

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

@@ -0,0 +1,23 @@
+var revisions = new Map();
+var listeners = new Map();
+export function getRouteMetaHMRRevision(routeId) {
+  var _revisions$get;
+  return (_revisions$get = revisions.get(routeId)) !== null && _revisions$get !== void 0 ? _revisions$get : 0;
+}
+export function subscribeRouteMetaHMR(routeId, listener) {
+  var _listeners$get;
+  var routeListeners = (_listeners$get = listeners.get(routeId)) !== null && _listeners$get !== void 0 ? _listeners$get : new Set();
+  routeListeners.add(listener);
+  listeners.set(routeId, routeListeners);
+  return function () {
+    routeListeners.delete(listener);
+    if (!routeListeners.size) listeners.delete(routeId);
+  };
+}
+export function notifyRouteMetaHMR(routeId) {
+  var _listeners$get2;
+  revisions.set(routeId, getRouteMetaHMRRevision(routeId) + 1);
+  (_listeners$get2 = listeners.get(routeId)) === null || _listeners$get2 === void 0 || _listeners$get2.forEach(function (listener) {
+    return listener();
+  });
+}

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

@@ -238,7 +238,6 @@ export type IDemoData = {
     component: ReactComponentType | AgnosticComponentType;
     asset: IPreviewerProps['asset'];
     routeId: string;
-    previewerProps?: Omit<IPreviewerProps, 'asset' | 'children'>;
     context?: Record<string, unknown>;
     renderOpts?: {
         /**

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

@@ -1,4 +1,5 @@
-import type { IRouteMeta } from './types';
+import type { IRouteMeta, IRoutesById } from './types';
+export declare function getCachedRouteMeta(route: IRoutesById[string], revision: number): IRouteMeta;
 /**
  * hook for get matched route
  * @internal internal use. Do not use in your production code.

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

@@ -7,27 +7,35 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import deepmerge from 'deepmerge';
 import { getRouteMetaById, matchRoutes, useAppData, useLocation, useRouteData } from 'dumi';
 import { useCallback, useState } from 'react';
+import { getRouteMetaHMRRevision, subscribeRouteMetaHMR } from "./routeMetaHMR";
 import { useIsomorphicLayoutEffect } from "./utils";
 var cache = new Map();
 var asyncCache = new Map();
+var cacheRevisions = new Map();
 var EMPTY_META = {
   frontmatter: {},
   toc: [],
   texts: []
 };
 var ASYNC_META_PROPS = ['texts'];
-function getCachedRouteMeta(route) {
+export function getCachedRouteMeta(route, revision) {
   var cacheKey = route.id;
+  if (cacheRevisions.get(cacheKey) !== revision) {
+    cache.delete(cacheKey);
+    asyncCache.delete(cacheKey);
+    cacheRevisions.set(cacheKey, revision);
+  }
   if (!cache.get(cacheKey)) {
     var _meta$tabs;
     var merge = function merge() {
       var meta = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : EMPTY_META;
       if (route.meta) {
+        var _ref2, _ref3;
         Object.keys(route.meta).forEach(function (key) {
           var _ref, _ref$key;
           (_ref$key = (_ref = meta)[key]) !== null && _ref$key !== void 0 ? _ref$key : _ref[key] = route.meta[key];
         });
-        meta.frontmatter = deepmerge(meta.frontmatter, route.meta.frontmatter, {
+        meta.frontmatter = deepmerge((_ref2 = revision ? route.meta.frontmatter : meta.frontmatter) !== null && _ref2 !== void 0 ? _ref2 : {}, (_ref3 = revision ? meta.frontmatter : route.meta.frontmatter) !== null && _ref3 !== void 0 ? _ref3 : {}, {
           arrayMerge: function arrayMerge(_destinationArray, sourceArray) {
             return sourceArray;
           }
@@ -45,6 +53,10 @@ function getCachedRouteMeta(route) {
           // load async meta then replace cache
           if (routeMetaPromise) {
             asyncCache.set(cacheKey, routeMetaPromise.then(function (full) {
+              if (cacheRevisions.get(cacheKey) !== revision) {
+                var _cacheRevisions$get;
+                return getCachedRouteMeta(route, (_cacheRevisions$get = cacheRevisions.get(cacheKey)) !== null && _cacheRevisions$get !== void 0 ? _cacheRevisions$get : 0);
+              }
               return cache.set(cacheKey, merge(full)).get(cacheKey);
             }));
           }
@@ -111,5 +123,25 @@ export var useMatchedRoute = function useMatchedRoute() {
  */
 export var useRouteMeta = function useRouteMeta() {
   var route = useMatchedRoute();
-  return getCachedRouteMeta(route);
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    forceUpdate = _useState4[1];
+  var revision = process.env.NODE_ENV === 'production' ? 0 : getRouteMetaHMRRevision(route.id);
+  useIsomorphicLayoutEffect(function () {
+    if (process.env.NODE_ENV === 'production') return;
+    var unsubscribe = subscribeRouteMetaHMR(route.id, function () {
+      forceUpdate(function (count) {
+        return count + 1;
+      });
+    });
+
+    // Do not miss an update dispatched between render and subscription.
+    if (getRouteMetaHMRRevision(route.id) !== revision) {
+      forceUpdate(function (count) {
+        return count + 1;
+      });
+    }
+    return unsubscribe;
+  }, [route.id, revision]);
+  return getCachedRouteMeta(route, revision);
 };

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

@@ -1,5 +1,6 @@
 import type { IApi, IDumiTechStack } from '../../types';
 export declare const techStacks: IDumiTechStack[];
+export declare function replaceTechStacks(nextTechStacks: IDumiTechStack[]): void;
 export declare function getUtoopackDemoAssetsFile(api: {
     env: string;
     paths: {

package/dist/features/compile/index.js

@@ -31,6 +31,7 @@ var compile_exports = {};
 __export(compile_exports, {
   default: () => compile_default,
   getUtoopackDemoAssetsFile: () => getUtoopackDemoAssetsFile,
+  replaceTechStacks: () => replaceTechStacks,
   techStacks: () => techStacks
 });
 module.exports = __toCommonJS(compile_exports);
@@ -80,24 +81,6 @@ function normalizeMakoAliases(alias, cwd) {
 }
 var compile_default = (api) => {
   api.describe({ key: "dumi:compile" });
-  api.register({
-    key: "onExit",
-    stage: Infinity,
-    fn() {
-      const cacheDirectory = (0, import_utils.resolveDumiCacheDir)(
-        api.cwd,
-        api.userConfig.cacheDirectoryPath || api.config.cacheDirectoryPath
-      );
-      const sessionCache = (0, import_utils.getCache)(
-        (0, import_utoopackLoaders.getUtoopackMdCacheNamespace)(import_utoopackLoaders.MARKDOWN_LOADER_CACHE_EPOCH),
-        cacheDirectory
-      );
-      const sessionCachePath = sessionCache.basePath;
-      if (sessionCachePath) {
-        import_fs.default.rmSync(sessionCachePath, { force: true, recursive: true });
-      }
-    }
-  });
   api.register({
     key: "registerTechStack",
     stage: Infinity,
@@ -113,7 +96,8 @@ var compile_default = (api) => {
       }
       memo.babelLoaderCustomize = require.resolve("./babelLoaderCustomize");
       const cacheDirPath = api.userConfig.cacheDirectoryPath || memo.cacheDirectoryPath;
-      (0, import_utils._setFSCacheDir)((0, import_utils.resolveDumiCacheDir)(api.cwd, cacheDirPath));
+      if (cacheDirPath)
+        (0, import_utils._setFSCacheDir)(import_path.default.join(cacheDirPath, "dumi"));
       const SEARCH_WORKER_CODE = import_fs.default.readFileSync(
         import_path.default.resolve(
           __dirname,
@@ -276,5 +260,6 @@ var compile_default = (api) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getUtoopackDemoAssetsFile,
+  replaceTechStacks,
   techStacks
 });

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

@@ -2,9 +2,6 @@ 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 const UTOOPACK_DEMO_ASSETS_FILENAME = "dumi-utoopack-demo-assets.jsonl";
-export declare const MARKDOWN_LOADER_CACHE_EPOCH: string;
-export declare const UTOOPACK_MD_CACHE_NAMESPACE = "md-loader-sessions";
-export declare function getUtoopackMdCacheNamespace(epoch: string): string;
 export declare function buildLoaderContextContent(techStacks: IDumiTechStack[], builtins?: Record<string, {
     specifier: string;
     source: string;

package/dist/features/compile/utoopackLoaders.js

@@ -30,31 +30,22 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utoopackLoaders_exports = {};
 __export(utoopackLoaders_exports, {
   LOADER_CTX_FILENAME: () => LOADER_CTX_FILENAME,
-  MARKDOWN_LOADER_CACHE_EPOCH: () => MARKDOWN_LOADER_CACHE_EPOCH,
   UTOOPACK_DEMO_ASSETS_FILENAME: () => UTOOPACK_DEMO_ASSETS_FILENAME,
   UTOOPACK_LOADER_CTX_KEY: () => UTOOPACK_LOADER_CTX_KEY,
-  UTOOPACK_MD_CACHE_NAMESPACE: () => UTOOPACK_MD_CACHE_NAMESPACE,
   buildLoaderContextContent: () => buildLoaderContextContent,
-  getUtoopackMdCacheNamespace: () => getUtoopackMdCacheNamespace,
   getUtoopackRules: () => getUtoopackRules
 });
 module.exports = __toCommonJS(utoopackLoaders_exports);
-var import_utils = require("../../utils");
 var import_esbuild = __toESM(require("@umijs/bundler-utils/compiled/esbuild"));
-var import_utils2 = require("@umijs/utils");
+var import_utils = require("@umijs/utils");
 var import_path = __toESM(require("path"));
-var import_utils3 = require("./utils");
+var import_utils2 = require("./utils");
 var mdLoaderPath = require.resolve("../../loaders/markdown");
 var utilsRegisterPath = require.resolve("@umijs/utils");
 var esbuildImplementorPath = require.resolve("@umijs/bundler-utils/compiled/esbuild");
 var UTOOPACK_LOADER_CTX_KEY = "__dumiLoaderContextPath";
 var LOADER_CTX_FILENAME = "dumi-loader-ctx.cjs";
 var UTOOPACK_DEMO_ASSETS_FILENAME = "dumi-utoopack-demo-assets.jsonl";
-var MARKDOWN_LOADER_CACHE_EPOCH = `${process.pid}-${Date.now()}`;
-var UTOOPACK_MD_CACHE_NAMESPACE = "md-loader-sessions";
-function getUtoopackMdCacheNamespace(epoch) {
-  return import_path.default.join(UTOOPACK_MD_CACHE_NAMESPACE, epoch);
-}
 function toSerializable(value) {
   return JSON.parse(JSON.stringify(value));
 }
@@ -98,8 +89,8 @@ function findInModuleExports(target, mod) {
   return null;
 }
 function findInSourceFiles(target, sourceFiles) {
-  import_utils2.register.register({ implementor: import_esbuild.default });
-  import_utils2.register.clearFiles();
+  import_utils.register.register({ implementor: import_esbuild.default });
+  import_utils.register.clearFiles();
   try {
     for (const file of sourceFiles) {
       try {
@@ -115,13 +106,13 @@ function findInSourceFiles(target, sourceFiles) {
     }
     return null;
   } finally {
-    for (const file of import_utils2.register.getFiles()) {
+    for (const file of import_utils.register.getFiles()) {
       delete require.cache[file];
     }
     for (const file of sourceFiles) {
       delete require.cache[file];
     }
-    import_utils2.register.restore();
+    import_utils.register.restore();
   }
 }
 function toRequireRef(found) {
@@ -207,18 +198,13 @@ exports.extraRehypePlugins = ${toPluginRefs(
 `;
 }
 var getUtoopackRules = (api, config = api.config) => {
-  const disableLiveDemo = (0, import_utils3.shouldDisabledLiveDemo)(api);
+  const disableLiveDemo = (0, import_utils2.shouldDisabledLiveDemo)(api);
   const loaderContextPath = import_path.default.join(
     api.paths.absTmpPath,
     LOADER_CTX_FILENAME
   );
   const cfgResolve = config.resolve ?? {};
   const serializableBaseOpts = toSerializable({
-    cacheDirectory: (0, import_utils.resolveDumiCacheDir)(
-      api.cwd,
-      api.userConfig.cacheDirectoryPath || config.cacheDirectoryPath
-    ),
-    cacheEpoch: MARKDOWN_LOADER_CACHE_EPOCH,
     cwd: api.cwd,
     alias: config.alias || {},
     resolve: {
@@ -233,7 +219,6 @@ var getUtoopackRules = (api, config = api.config) => {
     locales: config.locales || [],
     pkg: api.pkg,
     disableLiveDemo,
-    useUtoopackDemoHMR: api.env === "development",
     [UTOOPACK_LOADER_CTX_KEY]: loaderContextPath
   });
   const externalDemoLoader = {
@@ -343,6 +328,18 @@ var getUtoopackRules = (api, config = api.config) => {
         ],
         as: "*.js"
       },
+      // Keep page rendering on a separate module identity from lazy route
+      // metadata so React Refresh can accept text changes locally.
+      {
+        condition: { query: /^\?type=text-render$/ },
+        loaders: [
+          {
+            loader: mdLoaderPath,
+            options: { ...serializableBaseOpts, mode: "text-render" }
+          }
+        ],
+        as: "*.js"
+      },
       // extract demo index metadata from markdown
       {
         condition: { query: /^\?type=demo-index$/ },
@@ -381,11 +378,8 @@ var getUtoopackRules = (api, config = api.config) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LOADER_CTX_FILENAME,
-  MARKDOWN_LOADER_CACHE_EPOCH,
   UTOOPACK_DEMO_ASSETS_FILENAME,
   UTOOPACK_LOADER_CTX_KEY,
-  UTOOPACK_MD_CACHE_NAMESPACE,
   buildLoaderContextContent,
-  getUtoopackMdCacheNamespace,
   getUtoopackRules
 });

package/dist/features/meta.js

@@ -84,7 +84,9 @@ var meta_default = (api) => {
       path: "dumi/meta/index.ts",
       tplPath: require.resolve("../templates/meta/index.ts.tpl"),
       context: {
+        enableUtoopackHMR: useUtoopackDemoHMR,
         metaFiles: parsedMetaFiles,
+        metaStructureHash: (0, import_utils.getContentHash)(JSON.stringify(parsedMetaFiles)),
         chunkName: function chunkName() {
           var _a;
           if (!("file" in this)) {