@qualcomm-ui/mdx-vite 1.0.3 → 2.0.0

package/dist/index.js

@@ -1452,7 +1452,7 @@ var DocPropsIndexer = class {
     };
     const comment = prop.comment;
     if (!comment) {
-      return { content: [], heading: heading2 };
+      return { content: [], heading: heading2, richContent: [] };
     }
     const content = {
       tagName: "p",
@@ -1460,7 +1460,7 @@ var DocPropsIndexer = class {
         comment.summary.map((entry) => entry.text.replaceAll("\n", " ")).join("")
       ]
     };
-    return { content: [content], heading: heading2 };
+    return { content: [content], heading: heading2, richContent: [] };
   }
 };
 
@@ -1903,7 +1903,8 @@ var MarkdownIndexer = class {
   resetSection() {
     this.currentSection = {
       content: [],
-      heading: null
+      heading: null,
+      richContent: []
     };
   }
   get toc() {
@@ -1957,6 +1958,7 @@ var MarkdownIndexer = class {
       this.currentSection.heading = heading2;
       return;
     }
+    this.currentSection.richContent.push(element);
     const text = toText(element, { whitespace: "pre-wrap" }).replaceAll("\n", "	").split("	").filter(size);
     if (text.length) {
       this.currentSection.content.push({
@@ -2636,7 +2638,8 @@ var SearchIndexer = class {
         headingLevel: section.heading?.headingLevel,
         href: section.heading && (this.allowedHeadings.has(section.heading.tagName) || isDocProp) ? `${defaultSection.pathname}#${section.heading.id}` : defaultSection.pathname,
         id: `${defaultSection.id}-${index}${isDocProp ? "-prop" : ""}`,
-        isDocProp: isDocProp || void 0
+        isDocProp: isDocProp || void 0,
+        richContent: section.richContent
       };
     });
   }
@@ -2682,6 +2685,7 @@ var SearchIndexer = class {
 
 // src/docs-plugin/docs-plugin.ts
 var isDev = process.env.NODE_ENV === "development";
+var VIRTUAL_MODULE_ID2 = "\0@qualcomm-ui/mdx-vite-plugin";
 var PluginState = class {
   buildCount = 0;
   configFilePath = "";
@@ -2692,12 +2696,7 @@ var PluginState = class {
   servers = [];
   timeout = void 0;
   watching = false;
-  resolvedVirtualModuleId;
-  virtualModuleId = "@qualcomm-ui/mdx-vite-plugin";
   cwd;
-  constructor() {
-    this.resolvedVirtualModuleId = `\0${this.virtualModuleId}`;
-  }
   init(cwd) {
     this.cwd = cwd;
   }
@@ -2753,27 +2752,25 @@ var PluginState = class {
     }
   }
   /**
-   * When the user edits MDX content or modifies the plugin config, we re-index the
-   * site. This function handles module invalidation so that virtual file imports
-   * are refreshed as expected by the consumer's dev server.
+   * When the user adds or removes mdx files, we re-index the site. This function
+   * handles module invalidation so that virtual file imports are refreshed as
+   * expected by the consumer's dev server.
    */
   sendUpdate() {
     for (const server of this.servers) {
-      const virtualModule = server.moduleGraph.getModuleById(
-        this.resolvedVirtualModuleId
-      );
+      const virtualModule = server.moduleGraph.getModuleById(VIRTUAL_MODULE_ID2);
       if (virtualModule) {
         server.moduleGraph.invalidateModule(virtualModule);
         server.reloadModule(virtualModule);
       }
     }
   }
-  handleChange(callback) {
+  handleChange(opts = {}) {
     clearTimeout(this.timeout);
     this.timeout = setTimeout(() => {
       this.buildIndex(true);
       this.sendUpdate();
-      callback?.();
+      opts?.onComplete?.();
     }, 300);
   }
   initWatchers(configFile) {
@@ -2818,41 +2815,51 @@ function quiDocsPlugin(opts) {
       state.initWatchers(opts?.configFile);
       server.watcher.on("add", (path) => {
         if (path.endsWith(".mdx")) {
-          state.handleChange(() => {
-            server.ws.send({ type: "full-reload" });
+          state.handleChange({
+            onComplete: () => {
+              server.ws.send({ type: "full-reload" });
+            }
           });
         }
       });
       server.watcher.on("unlink", (path) => {
         if (path.endsWith(".mdx")) {
-          state.handleChange(() => {
-            server.ws.send({ type: "full-reload" });
+          state.handleChange({
+            onComplete: () => {
+              server.ws.send({ type: "full-reload" });
+            }
           });
         }
       });
       state.servers.push(server);
     },
-    handleHotUpdate: async ({ file: updateFile }) => {
+    handleHotUpdate: async ({ file: updateFile, modules, server }) => {
       const file = fixPath(updateFile);
       if ((!config.hotUpdateIgnore || !config.hotUpdateIgnore.test(file)) && // ignore watched files. We watch for these separately.
       file !== state.configFilePath) {
         if (state.docPropsDirectory && file.startsWith(state.docPropsFilePath)) {
           return [];
         }
-        state.handleChange();
+        state.buildIndex(true);
+        if (updateFile.endsWith(".mdx")) {
+          const virtualModule = server.moduleGraph.getModuleById(VIRTUAL_MODULE_ID2);
+          if (virtualModule) {
+            server.moduleGraph.invalidateModule(virtualModule);
+          }
+        }
       }
-      return [];
+      return modules;
     },
     load: (id) => {
-      if (id === state.resolvedVirtualModuleId) {
+      if (id === VIRTUAL_MODULE_ID2) {
         return `export const siteData = ${JSON.stringify({ navItems: state.indexer.navItems, pageDocProps: state.indexer.pageDocProps, pageMap: state.indexer.pageMap, searchIndex: state.indexer.searchIndex })}`;
       }
       return void 0;
     },
     name: "qui-mdx-vite-plugin",
     resolveId: (id) => {
-      if (id === state.virtualModuleId) {
-        return state.resolvedVirtualModuleId;
+      if (id === "@qualcomm-ui/mdx-vite-plugin") {
+        return VIRTUAL_MODULE_ID2;
       }
       return void 0;
     }
@@ -3282,7 +3289,6 @@ var NODE_BUILTINS = [
 
 // src/react-demo-plugin/demo-plugin-utils.ts
 import chalk5 from "chalk";
-import { createHash as createHash2 } from "node:crypto";
 import { existsSync as existsSync2, readFileSync as readFileSync3 } from "node:fs";
 import { readFile as readFile2 } from "node:fs/promises";
 import { dirname as dirname2, join as join3, relative as relative2, resolve as resolve3, sep } from "node:path";
@@ -3311,21 +3317,6 @@ async function extractFileImports(filePath) {
     return null;
   }
 }
-function mergeImports(importMap, imports) {
-  for (const { source, specifiers } of imports) {
-    if (isNodeBuiltin(source)) {
-      continue;
-    }
-    let sourceSpecifiers = importMap.get(source);
-    if (!sourceSpecifiers) {
-      sourceSpecifiers = /* @__PURE__ */ new Set();
-      importMap.set(source, sourceSpecifiers);
-    }
-    for (const spec of specifiers) {
-      sourceSpecifiers.add(spec);
-    }
-  }
-}
 function extractImports(code, fileName) {
   const sourceFile = ts2.createSourceFile(
     fileName,
@@ -3439,18 +3430,6 @@ function resolveRelativeImport(source, fromFile) {
   }
   return resolved;
 }
-async function extractAllImports(files) {
-  const importMap = /* @__PURE__ */ new Map();
-  const relativeImports = [];
-  for (const filePath of files) {
-    const result = await extractFileImports(filePath);
-    if (result) {
-      mergeImports(importMap, result.thirdPartyImports);
-      relativeImports.push(...result.relativeImports);
-    }
-  }
-  return { importMap, relativeImports };
-}
 function isRelativeImport(source) {
   return source.startsWith("./") || source.startsWith("../");
 }
@@ -3585,90 +3564,6 @@ function resolvePathAlias2(source, pathAliases) {
   }
   return null;
 }
-function sanitizeSourceName(source) {
-  return source.replace(/@/g, "at_").replace(/\//g, "_").replace(/[^a-zA-Z0-9_]/g, "_").replace(/_+/g, "_").replace(/^_|_$/g, "");
-}
-function sanitizeIdentifier(str) {
-  return str.replace(/[^a-zA-Z0-9]/g, "_");
-}
-function createUniqueModuleName(source) {
-  const hash = createHash2("sha256").update(source).digest("hex").substring(0, 8);
-  const baseName = source.split("/").pop()?.replace(/[^a-zA-Z0-9]/g, "_")?.replace(/^_+|_+$/g, "")?.replace(/^(\d)/, "_$1") || "module";
-  return `mod_${baseName}_${hash}`;
-}
-function addReactImports(imports, scopeEntries) {
-  imports.push(`import React from "react"`);
-  imports.push(`import {
-    ${REACT_IMPORTS.join(", ")}
-  } from "react"`);
-  scopeEntries.push("React", ...REACT_IMPORTS);
-}
-function addThirdPartyImports(importMap, imports, scopeEntries) {
-  const sortedImports = Array.from(importMap.entries()).sort(
-    ([a], [b]) => a.localeCompare(b)
-  );
-  const usedNames = /* @__PURE__ */ new Set(["React", ...REACT_IMPORTS]);
-  for (const [source, specifiers] of sortedImports) {
-    const moduleName = createUniqueModuleName(source);
-    imports.push(`import * as ${moduleName} from "${source}"`);
-    addModuleToScope(source, specifiers, moduleName, scopeEntries, usedNames);
-  }
-}
-function addThirdPartyImportsNamespaced(importMap, imports, scopeEntries, demoName) {
-  const sortedImports = Array.from(importMap.entries()).sort(
-    ([a], [b]) => a.localeCompare(b)
-  );
-  const usedNames = /* @__PURE__ */ new Set(["React", ...REACT_IMPORTS]);
-  for (const [source, specifiers] of sortedImports) {
-    const moduleName = `${sanitizeIdentifier(demoName)}_${createUniqueModuleName(source)}`;
-    imports.push(`import * as ${moduleName} from "${source}"`);
-    addModuleToScope(source, specifiers, moduleName, scopeEntries, usedNames);
-  }
-}
-function addRelativeImportsNamespaced(relativeImports, imports, scopeEntries, demoName) {
-  const processedPaths = /* @__PURE__ */ new Set();
-  for (const { resolvedPath, specifiers } of relativeImports) {
-    if (processedPaths.has(resolvedPath)) {
-      continue;
-    }
-    processedPaths.add(resolvedPath);
-    const moduleName = `${sanitizeIdentifier(demoName)}_${createUniqueModuleName(resolvedPath)}`;
-    imports.push(`import * as ${moduleName} from "${resolvedPath}"`);
-    for (const { imported, local } of specifiers) {
-      if (imported === "default") {
-        scopeEntries.push(`${local}: ${moduleName}.default`);
-      } else if (imported === "*") {
-        scopeEntries.push(`...${moduleName}`);
-      } else {
-        scopeEntries.push(`${local}: ${moduleName}.${imported}`);
-      }
-    }
-  }
-}
-function addModuleToScope(source, specifiers, moduleName, scopeEntries, usedNames) {
-  const specArray = Array.from(specifiers);
-  const hasDefault = specArray.some((spec) => spec.imported === "default");
-  const hasNamespace = specArray.some((spec) => spec.imported === "*");
-  const namedImports = specArray.filter(
-    (spec) => spec.imported !== "default" && spec.imported !== "*"
-  );
-  if (hasNamespace) {
-    scopeEntries.push(`...${moduleName}`);
-    return;
-  }
-  const sanitizedSource = sanitizeSourceName(source);
-  if (hasDefault) {
-    scopeEntries.push(`"${sanitizedSource}__default": ${moduleName}.default`);
-  }
-  for (const { imported, local } of namedImports) {
-    const sanitizedKey = `${sanitizedSource}__${imported}`;
-    scopeEntries.push(`"${sanitizedKey}": ${moduleName}.${imported}`);
-    if (!usedNames.has(local)) {
-      scopeEntries.push(`${local}: ${moduleName}.${imported}`);
-      usedNames.add(local);
-    }
-  }
-}
 function extractPageId(filePath, routesDir) {
   const relativePath = relative2(routesDir, filePath);
   const pathParts = relativePath.split(sep);
@@ -3683,20 +3578,15 @@ function isCssAsset(filePath) {
 }
 function isDemoFile(filePath) {
   try {
-    return filePath.includes("/demos/") && filePath.endsWith(".tsx") && // could also be in a comment, probably need to use TS parser
-    readFileSync3(filePath, "utf-8").includes("export default");
+    return filePath.includes("/demos/") && filePath.endsWith(".tsx") && !readFileSync3(filePath).includes("export default");
   } catch (error) {
     return false;
   }
 }
-function createEmptyScopeModule() {
-  return "export const createDemoScope = () => ({})";
-}
 
 // src/react-demo-plugin/react-demo-plugin.ts
 import { transformerRenderIndentGuides as transformerRenderIndentGuides2 } from "@shikijs/transformers";
 import chalk6 from "chalk";
-import { watch as watch2 } from "chokidar";
 import { glob as glob3 } from "glob";
 import { readFile as readFile3 } from "node:fs/promises";
 import { basename as basename2, resolve as resolve4 } from "node:path";
@@ -3704,27 +3594,12 @@ import { createHighlighter as createHighlighter2 } from "shiki";
 import * as ts3 from "typescript";
 import { quiCustomDarkTheme as quiCustomDarkTheme3 } from "@qualcomm-ui/mdx-common";
 import { dedent } from "@qualcomm-ui/utils/dedent";
-import { debounce } from "@qualcomm-ui/utils/functions";
-var isDev2 = process.env.NODE_ENV === "development";
 var highlighter2 = null;
-var initCount2 = 0;
-var hmrState = {
-  windowScrollY: 0
-};
 var demoRegistry2 = /* @__PURE__ */ new Map();
-var pageScopes = /* @__PURE__ */ new Map();
 var pageFiles = /* @__PURE__ */ new Map();
 var relativeImportDependents = /* @__PURE__ */ new Map();
-var hasWatcherInitialized2 = false;
-function logDev2(...args) {
-  if (!hasWatcherInitialized2) {
-    return;
-  }
-  console.log(...args);
-}
 function reactDemoPlugin({
   demoPattern = "src/routes/**/demos/*.tsx",
-  lazyLoadDevModules = true,
   routesDir = "src/routes",
   theme = {
     dark: quiCustomDarkTheme3,
@@ -3733,20 +3608,8 @@ function reactDemoPlugin({
   transformers = [],
   transformLine
 } = {}) {
-  let watcher = null;
   return {
-    async buildEnd() {
-      if (watcher) {
-        await watcher.close();
-        watcher = null;
-        hasWatcherInitialized2 = false;
-      }
-    },
     async buildStart() {
-      if (initCount2 === 0) {
-        initCount2++;
-        return;
-      }
       if (!highlighter2) {
         try {
           highlighter2 = await createHighlighter2({
@@ -3763,135 +3626,49 @@ function reactDemoPlugin({
           );
         }
       }
-      try {
-        await collectReactDemos();
-        if (isDev2 && !hasWatcherInitialized2) {
-          hasWatcherInitialized2 = true;
-          await setupFileWatcher();
-        } else if (isDev2) {
-          logDev2(
-            `${chalk6.magenta.bold(LOG_PREFIX2)} skipping watch: watcher already initialized by another instance`
-          );
-        }
-      } catch (error) {
-        if (watcher) {
-          await watcher.close();
-          watcher = null;
-          hasWatcherInitialized2 = false;
-        }
-        throw error;
-      }
-    },
-    configureServer(server) {
-      const debouncedRestore = debounce((data) => {
-        hmrState.windowScrollY = data.scrollY;
-      }, 100);
-      server.ws.on("custom:store-scroll-position", debouncedRestore);
-      server.ws.on("custom:request-scroll-position", () => {
-        server.ws.send({
-          data: hmrState.windowScrollY,
-          event: "custom:restore-scroll-position",
-          type: "custom"
-        });
-      });
+      await collectReactDemos();
     },
-    async handleHotUpdate({ file, server }) {
+    enforce: "pre",
+    async handleHotUpdate({ file, modules, server }) {
       if (isCssAsset(file)) {
-        return server.moduleGraph.getModulesByFile(file)?.values()?.toArray();
-      }
-      if (!lazyLoadDevModules) {
-        let shouldUpdate = false;
-        if (isDemoFile(file)) {
-          await handleFileAdditionOrUpdate(file, false);
-          shouldUpdate = true;
-        }
-        const normalizedFile = resolve4(file);
-        const dependents = relativeImportDependents.get(normalizedFile);
-        if (dependents) {
-          shouldUpdate = true;
-        }
-        if (shouldUpdate) {
-          const autoModule = server.moduleGraph.getModuleById(
-            VIRTUAL_MODULE_IDS.AUTO
-          );
-          if (autoModule) {
-            server.moduleGraph.invalidateModule(autoModule);
-            await server.reloadModule(autoModule);
-          }
-          return [];
-        }
+        return modules;
       }
       if (isDemoFile(file)) {
-        logDev2(
-          `${chalk6.magenta.bold(LOG_PREFIX2)} Processing change: ${chalk6.blueBright.bold(file)}`
-        );
-        const pageId = extractPageId(file, routesDir);
-        const demoName = createDemoName(file);
-        const wasNew = !demoRegistry2.has(demoName);
-        await handleFileAdditionOrUpdate(file, false);
-        const pageModule = server.moduleGraph.getModuleById(
-          `${VIRTUAL_MODULE_IDS.PAGE_PREFIX}${pageId}`
-        );
-        if (pageModule) {
-          console.debug(
-            "invalidating:",
-            `virtual:qui-demo-scope/page:${pageId}`
-          );
-          server.moduleGraph.invalidateModule(pageModule);
-          await server.reloadModule(pageModule);
-        }
-        if (wasNew) {
-          const autoModule = server.moduleGraph.getModuleById(
-            VIRTUAL_MODULE_IDS.AUTO
-          );
-          if (autoModule) {
-            server.moduleGraph.invalidateModule(autoModule);
-            await server.reloadModule(autoModule);
-          }
-        }
-        server.ws.send({
-          data: demoRegistry2.get(createDemoName(file)),
-          event: "qui-demo-update",
-          type: "custom"
-        });
+        await handleDemoAdditionOrUpdate({ filePath: file });
       } else {
         const normalizedFile = resolve4(file);
-        const dependents = relativeImportDependents.get(normalizedFile);
-        if (dependents) {
-          for (const demoName of dependents) {
-            server.ws.send({
-              data: { demoName },
-              event: "react-demo-updating",
-              type: "custom"
+        const dependentDemos = relativeImportDependents.get(normalizedFile);
+        if (!dependentDemos?.size) {
+          return modules;
+        }
+        for (const demoName of Array.from(dependentDemos)) {
+          const demo = demoRegistry2.get(demoName);
+          if (demo) {
+            await handleDemoAdditionOrUpdate({
+              filePath: demo.filePath
             });
           }
         }
       }
-      return [];
+      const autoModule = server.moduleGraph.getModuleById(
+        VIRTUAL_MODULE_IDS.AUTO
+      );
+      if (autoModule) {
+        server.moduleGraph.invalidateModule(autoModule);
+        await server.reloadModule(autoModule);
+      }
+      return modules;
     },
     async load(id) {
       if (id === VIRTUAL_MODULE_IDS.AUTO) {
         return generateAutoScopeModule();
       }
-      if (id.startsWith(VIRTUAL_MODULE_IDS.PAGE_PREFIX)) {
-        const pageId = id.replace(VIRTUAL_MODULE_IDS.PAGE_PREFIX, "");
-        return pageScopes.get(pageId) || createEmptyScopeModule();
-      }
-      if (id === VIRTUAL_MODULE_IDS.CONFIG) {
-        return generateConfigModule();
-      }
     },
     name: "auto-demo-scope",
     resolveId(id) {
       if (id === "virtual:qui-demo-scope/auto") {
         return VIRTUAL_MODULE_IDS.AUTO;
       }
-      if (id.startsWith("virtual:qui-demo-scope/page:")) {
-        return `\0${id}`;
-      }
-      if (id === "virtual:qui-demo-scope/config") {
-        return VIRTUAL_MODULE_IDS.CONFIG;
-      }
     },
     writeBundle() {
       console.log(
@@ -3899,43 +3676,9 @@ function reactDemoPlugin({
       );
     }
   };
-  async function setupFileWatcher() {
-    watcher = watch2(routesDir, {
-      ignoreInitial: true,
-      persistent: true
-    });
-    watcher.on("ready", () => {
-      logDev2(
-        `${chalk6.blue.bold(LOG_PREFIX2)} Registered ${chalk6.green(demoRegistry2.size)} demo files. Watching for file changes...`
-      );
-    });
-    watcher.on("addDir", (dirPath) => {
-      if (dirPath.endsWith("/demos")) {
-        logDev2(
-          `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.greenBright("New demo directory detected:")} ${chalk6.blueBright.bold(dirPath)}`
-        );
-      }
-    });
-    watcher.on("unlink", async (filePath) => {
-      if (isDemoFile(filePath)) {
-        logDev2(
-          `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.redBright("Demo file deleted:")} ${chalk6.blueBright.bold(filePath)}`
-        );
-        await handleFileDeletion(filePath);
-      }
-    });
-    watcher.on("add", async (filePath) => {
-      if (isDemoFile(filePath)) {
-        logDev2(
-          `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.greenBright("Demo file added:")} ${chalk6.blueBright.bold(filePath)}`
-        );
-        await handleFileAdditionOrUpdate(filePath, true).catch(() => {
-          console.debug("failed to add file", filePath);
-        });
-      }
-    });
-  }
-  async function handleFileAdditionOrUpdate(filePath, isAdd) {
+  async function handleDemoAdditionOrUpdate({
+    filePath
+  }) {
     const pageId = extractPageId(filePath, routesDir);
     const demoName = createDemoName(filePath);
     const existingFiles = pageFiles.get(pageId) ?? [];
@@ -3959,43 +3702,6 @@ function reactDemoPlugin({
         }
       }
     }
-    const previousScope = pageScopes.get(pageId);
-    const allPageFiles = pageFiles.get(pageId);
-    const scope = await generateScopeForPage(pageId, allPageFiles);
-    pageScopes.set(pageId, scope);
-    logDev2(
-      `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.greenBright(isAdd ? "Added demo:" : "Updated demo:")} ${chalk6.greenBright.bold(demoName)}`
-    );
-    return previousScope !== scope;
-  }
-  async function handleFileDeletion(deletedFile) {
-    const demoName = createDemoName(deletedFile);
-    const pageId = extractPageId(deletedFile, routesDir);
-    demoRegistry2.delete(demoName);
-    for (const [importPath, dependents] of relativeImportDependents.entries()) {
-      dependents.delete(demoName);
-      if (dependents.size === 0) {
-        relativeImportDependents.delete(importPath);
-      }
-    }
-    const files = pageFiles.get(pageId);
-    if (files) {
-      const updatedFiles = files.filter((f) => f !== deletedFile);
-      if (updatedFiles.length === 0) {
-        pageFiles.delete(pageId);
-        pageScopes.delete(pageId);
-        logDev2(
-          `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.redBright("Removed empty page:")} ${chalk6.blueBright.bold(pageId)}`
-        );
-      } else {
-        pageFiles.set(pageId, updatedFiles);
-        const scope = await generateScopeForPage(pageId, updatedFiles);
-        pageScopes.set(pageId, scope);
-      }
-    }
-    logDev2(
-      `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.redBright("Cleaned up deleted file:")} ${chalk6.blueBright.bold(deletedFile)}`
-    );
   }
   function isPreviewLine(trimmedLine) {
     return trimmedLine === "// preview" || /^\{\s*\/\*\s*preview\s*\*\/\s*\}$/.test(trimmedLine);
@@ -4056,10 +3762,7 @@ function reactDemoPlugin({
     }
   }
   async function collectReactDemos() {
-    if (demoRegistry2.size && pageScopes.size && pageFiles.size) {
-      logDev2(
-        `${chalk6.magenta.bold(LOG_PREFIX2)} Using cached ${chalk6.cyanBright.bold(demoRegistry2.size)} demos`
-      );
+    if (demoRegistry2.size) {
       return;
     }
     const demoFiles = (await glob3(demoPattern)).filter(isDemoFile);
@@ -4086,243 +3789,15 @@ function reactDemoPlugin({
         }
       }
     }
-    for (const [pageId, files] of pageFiles.entries()) {
-      const scope = await generateScopeForPage(pageId, files);
-      pageScopes.set(pageId, scope);
-    }
-  }
-  async function generateScopeForPage(pageId, files) {
-    const demosData = [];
-    const allThirdPartyImports = /* @__PURE__ */ new Map();
-    const allRelativeImports = [];
-    const demoImportData = /* @__PURE__ */ new Map();
-    for (const file of files) {
-      const demoName = createDemoName(file);
-      const demo = demoRegistry2.get(demoName);
-      if (!demo) {
-        continue;
-      }
-      demosData.push({
-        demoName,
-        fileName: demo.fileName,
-        imports: demo.imports,
-        pageId: demo.pageId,
-        sourceCode: demo.sourceCode
-      });
-      const { importMap, relativeImports } = await extractAllImports([file]);
-      demoImportData.set(demoName, {
-        relative: relativeImports.map((r) => ({
-          resolvedPath: r.resolvedPath,
-          specifiers: r.specifiers
-        })),
-        thirdParty: Array.from(importMap.entries()).map(([source, specs]) => ({
-          source,
-          specifiers: Array.from(specs)
-        }))
-      });
-      for (const [source, specifiers] of importMap) {
-        if (!allThirdPartyImports.has(source)) {
-          allThirdPartyImports.set(source, /* @__PURE__ */ new Set());
-        }
-        for (const spec of specifiers) {
-          allThirdPartyImports.get(source).add(spec);
-        }
-      }
-      for (const relImport of relativeImports) {
-        if (!allRelativeImports.some(
-          (r) => r.resolvedPath === relImport.resolvedPath
-        )) {
-          allRelativeImports.push(relImport);
-        }
-      }
-    }
-    const pageImports = [];
-    const reactScopeEntries = [];
-    addReactImports(pageImports, reactScopeEntries);
-    const moduleNames = /* @__PURE__ */ new Map();
-    const moduleRegistryEntries = [];
-    for (const [source] of Array.from(allThirdPartyImports.entries()).sort(
-      ([a], [b]) => a.localeCompare(b)
-    )) {
-      const moduleName = createUniqueModuleName(source);
-      moduleNames.set(source, moduleName);
-      pageImports.push(`import * as ${moduleName} from "${source}"`);
-      moduleRegistryEntries.push(`  "${source}": ${moduleName}`);
-    }
-    for (const { resolvedPath } of allRelativeImports) {
-      const moduleName = createUniqueModuleName(resolvedPath);
-      moduleNames.set(resolvedPath, moduleName);
-      pageImports.push(`import * as ${moduleName} from "${resolvedPath}"`);
-      moduleRegistryEntries.push(`  "${resolvedPath}": ${moduleName}`);
-    }
-    const demosJson = JSON.stringify(demosData);
-    const demoImportDataJson = JSON.stringify(
-      Array.from(demoImportData.entries())
-    );
-    const reactScopeEntriesCode = reactScopeEntries.map((e) => `  ${e}`).join(",\n");
-    return `// Auto-generated page scope for ${pageId}
-${pageImports.join("\n")}
-
-const modules = {
-${moduleRegistryEntries.join(",\n")}
-}
-
-const demosData = ${demosJson}
-const demoImportData = new Map(${demoImportDataJson})
-
-const reactScope = {
-${reactScopeEntriesCode}
-}
-
-const scopeCache = new Map()
-
-function createScope(demoName) {
-  if (scopeCache.has(demoName)) {
-    return scopeCache.get(demoName)
-  }
-  
-  const imports = demoImportData.get(demoName)
-  if (!imports) return {}
-  
-  const scope = {...reactScope}
-  
-  for (const {source, specifiers} of imports.thirdParty) {
-    const mod = modules[source]
-    if (!mod) continue
-    
-    for (const {imported, local} of specifiers) {
-      if (imported === 'default') {
-        scope[local] = mod.default
-      } else if (imported === '*') {
-        Object.assign(scope, mod)
-      } else {
-        scope[local] = mod[imported]
-      }
-    }
-  }
-  
-  for (const {resolvedPath, specifiers} of imports.relative) {
-    const mod = modules[resolvedPath]
-    if (!mod) continue
-    
-    for (const {imported, local} of specifiers) {
-      if (imported === 'default') {
-        scope[local] = mod.default
-      } else if (imported === '*') {
-        Object.assign(scope, mod)
-      } else {
-        scope[local] = mod[imported]
-      }
-    }
-  }
-  
-  scopeCache.set(demoName, scope)
-  return scope
-}
-
-export function getDemo(demoName) {
-  const demo = demosData.find(d => d.demoName === demoName)
-  if (!demo) return null
-  return {
-    ...demo,
-    scope: createScope(demoName)
-  }
-}
-
-export function getDemos() {
-  return demosData.map(demo => ({
-    ...demo,
-    scope: createScope(demo.demoName)
-  }))
-}
-`;
   }
-  async function generateAutoScopeModule() {
-    if (isDev2 && lazyLoadDevModules) {
-      return [
-        "// Auto-generated demo scope resolver (DEV MODE - Lazy by Page)",
-        generateLazyPageLoaders(),
-        generateDemoToPageMap(),
-        generateDevGetDemo()
-      ].join("\n\n");
-    }
+  function generateAutoScopeModule() {
     const registryCode = generateDemoRegistry(demoRegistry2);
     return [
       "// Auto-generated demo scope resolver (PROD MODE)",
-      generatePageImports(),
-      generateScopeMap(),
       registryCode,
       generateExportedFunctions()
     ].join("\n\n");
   }
-  function generateConfigModule() {
-    return dedent`
-      export function getReactDemoConfig() {
-        return {lazyLoadDevModules: ${lazyLoadDevModules}}
-      }
-    `;
-  }
-  function generateLazyPageLoaders() {
-    const pageIds = Array.from(pageFiles.keys()).sort();
-    if (pageIds.length === 0) {
-      return "export const lazyDemoLoader = {}";
-    }
-    const entries = pageIds.map((pageId) => {
-      return `  "${pageId}": () => import("virtual:qui-demo-scope/page:${pageId}")`;
-    }).join(",\n");
-    return `export const lazyDemoLoader = {
-${entries}
-}`;
-  }
-  function generateDemoToPageMap() {
-    const entries = Array.from(demoRegistry2.entries()).map(([demoName, { pageId }]) => {
-      return `  "${demoName}": "${pageId}"`;
-    }).join(",\n");
-    return `const demoToPageMap = {
-${entries}
-}`;
-  }
-  function generateDevGetDemo() {
-    return dedent`
-    export async function getDemo(demoName) {
-      const pageId = demoToPageMap[demoName]
-      if (!pageId) {
-        return {
-          fileName: "",
-          imports: [],
-          errorMessage: \`Demo "\${demoName}" not found.\`,
-          scope: {},
-          pageId: "",
-          sourceCode: [],
-        }
-      }
-      
-      const loader = lazyDemoLoader[pageId]
-      if (!loader) {
-        return {
-          fileName: "",
-          imports: [],
-          errorMessage: \`Page "\${pageId}" not found.\`,
-          scope: {},
-          pageId: "",
-          sourceCode: [],
-        }
-      }
-      
-      const pageModule = await loader()
-      const demo = pageModule.getDemo(demoName)
-      
-      return demo || {
-        fileName: "",
-        imports: [],
-        errorMessage: \`Demo "\${demoName}" not found in page.\`,
-        scope: {},
-        pageId: "",
-        sourceCode: [],
-      }
-    }
-  `;
-  }
   function extractHighlightedVariants(highlightedHtml) {
     const preMatch = highlightedHtml.match(/^<pre[^>]*><code>/)?.[0] || "";
     const postMatch = highlightedHtml.match(/<\/code><\/pre>$/)?.[0] || "";
@@ -4451,23 +3926,18 @@ ${entries}
                 withoutImports: importedCodeWithoutImports
               }
             });
-          } catch (error) {
-            logDev2(
-              `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.yellowBright("Failed to process relative import:")} ${chalk6.blueBright.bold(relativeImport.resolvedPath)}`
-            );
+          } catch {
           }
         }
       }
       return {
         demoName: createDemoName(filePath),
         fileName,
+        filePath,
         imports,
         sourceCode
       };
-    } catch (e) {
-      logDev2(
-        `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.yellowBright("Failed to parse")} ${chalk6.blueBright.bold(filePath)}. ${chalk6.yellowBright("Removing from registry")}`
-      );
+    } catch {
       return null;
     }
   }
@@ -4514,36 +3984,12 @@ ${entries}
         strippedCode: strippedCode.replace(/^\n+/, "")
       };
     } catch (error) {
-      logDev2(
-        `${chalk6.magenta.bold(LOG_PREFIX2)} ${chalk6.redBright("Failed to strip imports from")} ${chalk6.blueBright.bold(fileName)}:`,
-        error
-      );
       return {
         imports: [],
         strippedCode: code
       };
     }
   }
-  function generatePageImports() {
-    const pageIds = Array.from(pageScopes.keys());
-    return pageIds.map((pageId) => {
-      const safeName = sanitizeIdentifier(pageId);
-      return `import * as page_${safeName} from "virtual:qui-demo-scope/page:${pageId}"`;
-    }).join("\n");
-  }
-  function generateScopeMap() {
-    const pageIds = Array.from(pageScopes.keys());
-    if (pageIds.length === 0) {
-      return "const pageModules = {}";
-    }
-    const entries = pageIds.map((pageId) => {
-      const safeName = sanitizeIdentifier(pageId);
-      return `  "${pageId}": page_${safeName}`;
-    }).join(",\n");
-    return `const pageModules = {
-${entries}
-}`;
-  }
   function generateDemoRegistry(registry) {
     const entries = Array.from(registry.entries()).map(([demoName, { fileName, imports, pageId, sourceCode }]) => {
       return `  ["${demoName}", { fileName: "${fileName}", imports: ${JSON.stringify(imports)}, pageId: "${pageId}", sourceCode: ${JSON.stringify(sourceCode)}, demoName: "${demoName}" }]`;
@@ -4561,31 +4007,11 @@ ${entries}
           fileName: "",
           imports: [],
           errorMessage: \`Demo "\${demoName}" not found.\`,
-          scope: {},
           pageId: "",
           sourceCode: [],
         }
       }
-      
-      const pageModule = pageModules[demo.pageId]
-      if (!pageModule) {
-        return {
-          fileName: "",
-          imports: [],
-          errorMessage: \`Page module not found.\`,
-          scope: {},
-          pageId: demo.pageId,
-          sourceCode: [],
-        }
-      }
-      
-      return pageModule.getDemo(demoName) || {
-        fileName: demo.fileName,
-        imports: demo.imports,
-        scope: {},
-        pageId: demo.pageId,
-        sourceCode: demo.sourceCode,
-      }
+      return demo
     }
   `;
   }
@@ -4595,15 +4021,8 @@ export {
   NODE_BUILTINS,
   REACT_IMPORTS,
   VIRTUAL_MODULE_IDS,
-  addReactImports,
-  addRelativeImportsNamespaced,
-  addThirdPartyImports,
-  addThirdPartyImportsNamespaced,
   angularDemoPlugin,
   createDemoName,
-  createEmptyScopeModule,
-  createUniqueModuleName,
-  extractAllImports,
   extractFileImports,
   extractPageId,
   getAlertIcon,
@@ -4625,8 +4044,6 @@ export {
   remarkGfm2 as remarkGfm,
   remarkMdxFrontmatter,
   remarkSelfLinkHeadings,
-  remarkSpoilers,
-  sanitizeIdentifier,
-  sanitizeSourceName
+  remarkSpoilers
 };
 //# sourceMappingURL=index.js.map