@mui/internal-docs-infra 0.12.1-canary.11 → 0.12.1-canary.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-docs-infra",
-  "version": "0.12.1-canary.11",
+  "version": "0.12.1-canary.12",
   "author": "MUI Team",
   "description": "MUI Infra - internal documentation creation tools.",
   "license": "MIT",
@@ -804,5 +804,5 @@
   "bin": {
     "docs-infra": "./cli/index.mjs"
   },
-  "gitSha": "bdd286eb27de9a0b2494f66b1b5b4712b28e2b1b"
+  "gitSha": "cd265618d793d94a8126db916013526ce860e836"
 }

package/useDemoController/buildScope.mjs

@@ -49,7 +49,9 @@ async function transpileModule(module, nested, transpile, signal) {
     compiledFiles.set(module.file, {
       kind: 'moduleError',
       nested,
-      error: error instanceof Error ? error.message : String(error)
+      // `toString()` (not `.message`) keeps the error name (e.g. `SyntaxError:`) in the
+      // surfaced message — the transpile paths reject with a live, named error.
+      error: error instanceof Error ? error.toString() : String(error)
     });
   }
 }

package/useDemoController/createTranspileWorkerClient.mjs

@@ -77,7 +77,7 @@ export function createTranspileWorkerClient(onFatal) {
     if (data.ok) {
       entry.resolve(data.code);
     } else {
-      entry.reject(new Error(data.error));
+      entry.reject(data.error);
     }
   });
   worker.addEventListener('error', event => {

package/useDemoController/transpileWorker.mjs

@@ -35,7 +35,7 @@ workerScope.addEventListener('message', event => {
       type: 'transpile',
       id: data.id,
       ok: false,
-      error: error instanceof Error ? error.message : String(error)
+      error
     });
   }
 });

package/useDemoController/useDemoController.mjs

@@ -64,7 +64,7 @@ export function useDemoController(options = {}) {
     }
     return `mui-docs-infra:demo-controller:${window.location.pathname}\u0000${url ?? ''}`;
   }, [crossTabSync, url]);
-  const [code, setCode] = useCrossTabState(syncChannel, undefined);
+  const [code, setControlledCode] = useCrossTabState(syncChannel, undefined);
   // Build errors (transpile/CSS failures) and render errors (the entry throwing) live
   // in SEPARATE maps so they never clobber each other: a build error is owned by
   // `useVariantBuilds` (set on failure, cleared on the next good build); a render
@@ -95,6 +95,21 @@ export function useDemoController(options = {}) {
     });
   }, []);
 
+  // Reset (the toolbar button clears `code` to `undefined`) must also drop any stale
+  // build/render error, so a prior syntax error's overlay doesn't linger over the
+  // restored original — nothing rebuilds after a reset to clear it otherwise. Do it in
+  // the setter that performs the reset rather than reacting to the `code` change in an
+  // effect; the length guards keep each clear a no-op once its map is empty.
+  const setCode = React.useCallback(action => {
+    setControlledCode(action);
+    // A reset passes the cleared value directly (never a functional update), so a
+    // falsy argument is the reset — drop stale errors alongside it.
+    if (typeof action !== 'function' && !action) {
+      setBuildErrors(previous => Object.keys(previous).length > 0 ? {} : previous);
+      setRenderErrors(previous => Object.keys(previous).length > 0 ? {} : previous);
+    }
+  }, [setControlledCode]);
+
   // Resolve the page-shared transpile (worker, or main-thread fallback) into state once
   // there's code to build — a local first edit, or a cross-tab edit that arrives without
   // this tab engaging its own editor. `onActivate` below has usually already spun the
@@ -168,12 +183,15 @@ export function useDemoController(options = {}) {
   // Merge the two channels: a build failure takes precedence (the preview is stale
   // until it builds), otherwise the render error, else `null`.
   const errors = React.useMemo(() => {
+    if (!code) {
+      return {};
+    }
     const merged = {};
     for (const variant of new Set([...Object.keys(buildErrors), ...Object.keys(renderErrors)])) {
       merged[variant] = buildErrors[variant] || renderErrors[variant] || null;
     }
     return merged;
-  }, [buildErrors, renderErrors]);
+  }, [code, buildErrors, renderErrors]);
   return {
     code,
     setCode,