@immense/vue-pom-generator 1.0.41 → 1.0.43

package/dist/index.mjs

@@ -2,14 +2,14 @@ import path from "node:path";
 import process from "node:process";
 import { pathToFileURL, fileURLToPath } from "node:url";
 import fs from "node:fs";
+import * as compilerDom from "@vue/compiler-dom";
+import { parse as parse$2 } from "@vue/compiler-dom";
+import { parse as parse$1, compileScript } from "@vue/compiler-sfc";
 import { parseExpression, parse } from "@babel/parser";
 import { JSDOM } from "jsdom";
 import { NodeTypes, stringifyExpression, ConstantTypes, createSimpleExpression } from "@vue/compiler-core";
 import { isArrayExpression, isStringLiteral, isTemplateLiteral, isAssignmentExpression, isIdentifier, isMemberExpression, isCallExpression, isExpressionStatement, isArrowFunctionExpression, isOptionalMemberExpression, isObjectExpression, isFile, isBlockStatement, isOptionalCallExpression, isLogicalExpression, isConditionalExpression, isSequenceExpression, isAssignmentPattern, isRestElement, isObjectPattern, isObjectProperty, isProgram, VISITOR_KEYS, isBooleanLiteral, isNumericLiteral, isNullLiteral } from "@babel/types";
 import { performance } from "node:perf_hooks";
-import * as compilerDom from "@vue/compiler-dom";
-import { parse as parse$2 } from "@vue/compiler-dom";
-import { parse as parse$1 } from "@vue/compiler-sfc";
 import virtualImport from "vite-plugin-virtual";
 import vue from "@vitejs/plugin-vue";
 const VUE_POM_GENERATOR_LOG_PREFIX = "[vue-pom-generator]";
@@ -4727,148 +4727,6 @@ function getConstructor(childrenComponent, componentHierarchyMap, attachmentsFor
   return `${content}
 `;
 }
-function summarizeHierarchyMap(componentHierarchyMap) {
-  let interactiveComponentCount = 0;
-  let dataTestIdCount = 0;
-  for (const dependencies of componentHierarchyMap.values()) {
-    const selectorCount = dependencies.dataTestIdSet?.size ?? 0;
-    if (selectorCount > 0) {
-      interactiveComponentCount += 1;
-      dataTestIdCount += selectorCount;
-    }
-  }
-  return {
-    entryCount: componentHierarchyMap.size,
-    interactiveComponentCount,
-    dataTestIdCount
-  };
-}
-function isLessRich(candidate, previous) {
-  if (candidate.dataTestIdCount !== previous.dataTestIdCount) {
-    return candidate.dataTestIdCount < previous.dataTestIdCount;
-  }
-  if (candidate.interactiveComponentCount !== previous.interactiveComponentCount) {
-    return candidate.interactiveComponentCount < previous.interactiveComponentCount;
-  }
-  return candidate.entryCount < previous.entryCount;
-}
-function createBuildProcessorPlugin(options) {
-  const {
-    componentHierarchyMap,
-    vueFilesPathMap,
-    viewsDir,
-    scanDirs,
-    basePageClassPath,
-    normalizedBasePagePath,
-    outDir,
-    emitLanguages,
-    csharp,
-    generateFixtures,
-    customPomAttachments,
-    projectRootRef,
-    customPomDir,
-    customPomImportAliases,
-    customPomImportNameCollisionBehavior,
-    testIdAttribute,
-    routerAwarePoms,
-    resolvedRouterEntry,
-    routerType,
-    routerModuleShims,
-    loggerRef
-  } = options;
-  let lastGeneratedMetrics = {
-    entryCount: 0,
-    interactiveComponentCount: 0,
-    dataTestIdCount: 0
-  };
-  return {
-    name: "vue-pom-generator-build",
-    // This plugin exists to generate code on build output; it is not needed during dev-server HMR.
-    apply: "build",
-    enforce: "pre",
-    async buildStart() {
-      if (!routerAwarePoms) {
-        setRouteNameToComponentNameMap(/* @__PURE__ */ new Map());
-        setResolveToComponentNameFn(() => null);
-        return;
-      }
-      let result;
-      if (routerType === "nuxt") {
-        result = await introspectNuxtPages(projectRootRef.current);
-      } else {
-        if (!resolvedRouterEntry)
-          throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
-        result = await parseRouterFileFromCwd(resolvedRouterEntry, {
-          moduleShims: routerModuleShims,
-          componentNaming: {
-            projectRoot: projectRootRef.current,
-            viewsDirAbs: path.isAbsolute(viewsDir) ? viewsDir : path.resolve(projectRootRef.current, viewsDir),
-            scanDirs
-          }
-        });
-      }
-      const { routeNameMap, routePathMap } = result;
-      setRouteNameToComponentNameMap(routeNameMap);
-      setResolveToComponentNameFn((to) => {
-        if (typeof to === "string") {
-          return routePathMap.get(to) ?? null;
-        }
-        const maybe = to;
-        if (typeof maybe.name === "string" && maybe.name.length) {
-          const key = toPascalCase(maybe.name);
-          return routeNameMap.get(key) ?? null;
-        }
-        if (typeof maybe.path === "string" && maybe.path.length) {
-          return routePathMap.get(maybe.path) ?? null;
-        }
-        return null;
-      });
-      if (!fs.existsSync(basePageClassPath)) {
-        this.error(`BasePage.ts not found at ${basePageClassPath}. Ensure it is included in the build.`);
-      }
-      this.addWatchFile(basePageClassPath);
-      const pointerPath = path.resolve(path.dirname(basePageClassPath), "Pointer.ts");
-      if (!fs.existsSync(pointerPath)) {
-        this.error(`Pointer.ts not found at ${pointerPath}. Ensure it is included in the build.`);
-      }
-      this.addWatchFile(pointerPath);
-    },
-    async buildEnd(error) {
-      if (error) {
-        return;
-      }
-      const metrics = summarizeHierarchyMap(componentHierarchyMap);
-      if (metrics.dataTestIdCount <= 0) {
-        return;
-      }
-      if (isLessRich(metrics, lastGeneratedMetrics)) {
-        return;
-      }
-      await generateFiles(componentHierarchyMap, vueFilesPathMap, normalizedBasePagePath, {
-        outDir,
-        emitLanguages,
-        csharp,
-        generateFixtures,
-        customPomAttachments,
-        projectRoot: projectRootRef.current,
-        customPomDir,
-        customPomImportAliases,
-        customPomImportNameCollisionBehavior,
-        testIdAttribute,
-        vueRouterFluentChaining: routerAwarePoms,
-        routerEntry: resolvedRouterEntry,
-        routerType,
-        viewsDir,
-        scanDirs
-      });
-      lastGeneratedMetrics = metrics;
-      loggerRef.current.info(`generated POMs (${metrics.entryCount} entries, ${metrics.interactiveComponentCount} interactive components, ${metrics.dataTestIdCount} selectors)`);
-    },
-    closeBundle() {
-      loggerRef.current.info("build complete");
-    }
-  };
-}
 const TESTID_CLICK_EVENT_NAME = "__testid_event__";
 const TESTID_CLICK_EVENT_STRICT_FLAG = "__testid_click_event_strict__";
 const CLICK_EVENT_NAME = TESTID_CLICK_EVENT_NAME;
@@ -5951,6 +5809,265 @@ Fix: remove the explicit ${attrLabel}, or change existingIdBehavior to "overwrit
     }
   };
 }
+function summarizeHierarchyMap(componentHierarchyMap) {
+  let interactiveComponentCount = 0;
+  let dataTestIdCount = 0;
+  for (const dependencies of componentHierarchyMap.values()) {
+    const selectorCount = dependencies.dataTestIdSet?.size ?? 0;
+    if (selectorCount > 0) {
+      interactiveComponentCount += 1;
+      dataTestIdCount += selectorCount;
+    }
+  }
+  return {
+    entryCount: componentHierarchyMap.size,
+    interactiveComponentCount,
+    dataTestIdCount
+  };
+}
+function isLessRich(candidate, previous) {
+  if (candidate.dataTestIdCount !== previous.dataTestIdCount) {
+    return candidate.dataTestIdCount < previous.dataTestIdCount;
+  }
+  if (candidate.interactiveComponentCount !== previous.interactiveComponentCount) {
+    return candidate.interactiveComponentCount < previous.interactiveComponentCount;
+  }
+  return candidate.entryCount < previous.entryCount;
+}
+function createBuildProcessorPlugin(options) {
+  const {
+    componentHierarchyMap,
+    vueFilesPathMap,
+    viewsDir,
+    scanDirs,
+    basePageClassPath,
+    normalizedBasePagePath,
+    outDir,
+    emitLanguages,
+    csharp,
+    generateFixtures,
+    customPomAttachments,
+    projectRootRef,
+    customPomDir,
+    customPomImportAliases,
+    customPomImportNameCollisionBehavior,
+    testIdAttribute,
+    nameCollisionBehavior,
+    existingIdBehavior,
+    nativeWrappers,
+    excludedComponents,
+    getWrapperSearchRoots,
+    routerAwarePoms,
+    resolvedRouterEntry,
+    routerType,
+    routerModuleShims,
+    loggerRef
+  } = options;
+  let lastGeneratedMetrics = {
+    entryCount: 0,
+    interactiveComponentCount: 0,
+    dataTestIdCount: 0
+  };
+  const getViewsDirAbs = () => path.isAbsolute(viewsDir) ? viewsDir : path.resolve(projectRootRef.current, viewsDir);
+  const getScriptInfo = (source, filename) => {
+    try {
+      const { descriptor } = parse$1(source, { filename });
+      if (!descriptor.script && !descriptor.scriptSetup)
+        return { bindings: void 0, isScriptSetup: false };
+      const scriptBlock = compileScript(descriptor, { id: filename });
+      return { bindings: scriptBlock.bindings, isScriptSetup: !!descriptor.scriptSetup };
+    } catch {
+      return { bindings: void 0, isScriptSetup: false };
+    }
+  };
+  const supplementHierarchyFromFilesystem = () => {
+    const walkFilesRecursive = (rootDir) => {
+      const out = [];
+      const stack = [rootDir];
+      while (stack.length) {
+        const dir = stack.pop();
+        if (!dir) continue;
+        let entries = [];
+        try {
+          entries = fs.readdirSync(dir, { withFileTypes: true });
+        } catch {
+          continue;
+        }
+        for (const ent of entries) {
+          if (ent.isDirectory()) {
+            if (ent.name === "node_modules" || ent.name === ".git" || ent.name === "dist")
+              continue;
+            stack.push(path.join(dir, ent.name));
+            continue;
+          }
+          if (ent.isFile() && ent.name.endsWith(".vue")) {
+            out.push(path.join(dir, ent.name));
+          }
+        }
+      }
+      return out;
+    };
+    let supplemented = 0;
+    for (const dir of scanDirs) {
+      const absDir = path.resolve(projectRootRef.current, dir);
+      if (!fs.existsSync(absDir))
+        continue;
+      for (const filePath of walkFilesRecursive(absDir)) {
+        const absolutePath = path.resolve(filePath);
+        const componentName = resolveComponentNameFromPath({
+          filename: absolutePath,
+          projectRoot: projectRootRef.current,
+          viewsDirAbs: getViewsDirAbs(),
+          scanDirs,
+          extraRoots: [process.cwd()]
+        });
+        if (componentHierarchyMap.has(componentName))
+          continue;
+        let sfc = "";
+        try {
+          sfc = fs.readFileSync(absolutePath, "utf8");
+        } catch {
+          continue;
+        }
+        const { descriptor } = parse$1(sfc, { filename: absolutePath });
+        const template = descriptor.template?.content ?? "";
+        if (!template.trim()) {
+          vueFilesPathMap.set(componentName, absolutePath);
+          componentHierarchyMap.set(componentName, {
+            filePath: absolutePath,
+            childrenComponentSet: /* @__PURE__ */ new Set(),
+            usedComponentSet: /* @__PURE__ */ new Set(),
+            dataTestIdSet: /* @__PURE__ */ new Set(),
+            isView: false,
+            methodsContent: ""
+          });
+          supplemented++;
+          continue;
+        }
+        const { bindings: bindingMetadata, isScriptSetup } = getScriptInfo(sfc, absolutePath);
+        vueFilesPathMap.set(componentName, absolutePath);
+        try {
+          compilerDom.compile(template, {
+            filename: absolutePath,
+            prefixIdentifiers: true,
+            inline: isScriptSetup,
+            bindingMetadata,
+            nodeTransforms: [
+              createTestIdTransform(
+                componentName,
+                componentHierarchyMap,
+                nativeWrappers,
+                excludedComponents,
+                getViewsDirAbs(),
+                {
+                  existingIdBehavior: existingIdBehavior ?? "preserve",
+                  testIdAttribute,
+                  nameCollisionBehavior,
+                  warn: (message) => loggerRef.current.warn(message),
+                  vueFilesPathMap,
+                  wrapperSearchRoots: getWrapperSearchRoots()
+                }
+              )
+            ]
+          });
+        } catch {
+        }
+        supplemented++;
+      }
+    }
+    if (supplemented > 0) {
+      loggerRef.current.info(`supplemented ${supplemented} components from filesystem walk (not in build graph)`);
+    }
+  };
+  return {
+    name: "vue-pom-generator-build",
+    // This plugin exists to generate code on build output; it is not needed during dev-server HMR.
+    apply: "build",
+    enforce: "pre",
+    async buildStart() {
+      if (!routerAwarePoms) {
+        setRouteNameToComponentNameMap(/* @__PURE__ */ new Map());
+        setResolveToComponentNameFn(() => null);
+        return;
+      }
+      let result;
+      if (routerType === "nuxt") {
+        result = await introspectNuxtPages(projectRootRef.current);
+      } else {
+        if (!resolvedRouterEntry)
+          throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
+        result = await parseRouterFileFromCwd(resolvedRouterEntry, {
+          moduleShims: routerModuleShims,
+          componentNaming: {
+            projectRoot: projectRootRef.current,
+            viewsDirAbs: path.isAbsolute(viewsDir) ? viewsDir : path.resolve(projectRootRef.current, viewsDir),
+            scanDirs
+          }
+        });
+      }
+      const { routeNameMap, routePathMap } = result;
+      setRouteNameToComponentNameMap(routeNameMap);
+      setResolveToComponentNameFn((to) => {
+        if (typeof to === "string") {
+          return routePathMap.get(to) ?? null;
+        }
+        const maybe = to;
+        if (typeof maybe.name === "string" && maybe.name.length) {
+          const key = toPascalCase(maybe.name);
+          return routeNameMap.get(key) ?? null;
+        }
+        if (typeof maybe.path === "string" && maybe.path.length) {
+          return routePathMap.get(maybe.path) ?? null;
+        }
+        return null;
+      });
+      if (!fs.existsSync(basePageClassPath)) {
+        this.error(`BasePage.ts not found at ${basePageClassPath}. Ensure it is included in the build.`);
+      }
+      this.addWatchFile(basePageClassPath);
+      const pointerPath = path.resolve(path.dirname(basePageClassPath), "Pointer.ts");
+      if (!fs.existsSync(pointerPath)) {
+        this.error(`Pointer.ts not found at ${pointerPath}. Ensure it is included in the build.`);
+      }
+      this.addWatchFile(pointerPath);
+    },
+    async buildEnd(error) {
+      if (error) {
+        return;
+      }
+      supplementHierarchyFromFilesystem();
+      const metrics = summarizeHierarchyMap(componentHierarchyMap);
+      if (metrics.dataTestIdCount <= 0) {
+        return;
+      }
+      if (isLessRich(metrics, lastGeneratedMetrics)) {
+        return;
+      }
+      await generateFiles(componentHierarchyMap, vueFilesPathMap, normalizedBasePagePath, {
+        outDir,
+        emitLanguages,
+        csharp,
+        generateFixtures,
+        customPomAttachments,
+        projectRoot: projectRootRef.current,
+        customPomDir,
+        customPomImportAliases,
+        customPomImportNameCollisionBehavior,
+        testIdAttribute,
+        vueRouterFluentChaining: routerAwarePoms,
+        routerEntry: resolvedRouterEntry,
+        routerType,
+        viewsDir,
+        scanDirs
+      });
+      lastGeneratedMetrics = metrics;
+      loggerRef.current.info(`generated POMs (${metrics.entryCount} entries, ${metrics.interactiveComponentCount} interactive components, ${metrics.dataTestIdCount} selectors)`);
+    },
+    closeBundle() {
+      loggerRef.current.info("build complete");
+    }
+  };
+}
 function createDevProcessorPlugin(options) {
   const {
     nativeWrappers,
@@ -5970,6 +6087,7 @@ function createDevProcessorPlugin(options) {
     customPomImportAliases,
     customPomImportNameCollisionBehavior,
     nameCollisionBehavior = "suffix",
+    existingIdBehavior,
     testIdAttribute,
     routerAwarePoms,
     resolvedRouterEntry,
@@ -5996,7 +6114,7 @@ function createDevProcessorPlugin(options) {
         return;
       scheduleVueFileRegen(ctx.file, "hmr");
     },
-    configureServer(server) {
+    async configureServer(server) {
       const getViewsDirAbs = () => path.isAbsolute(viewsDir) ? viewsDir : path.resolve(projectRootRef.current, viewsDir);
       const routerInitPromise = (async () => {
         if (!routerAwarePoms) {
@@ -6047,6 +6165,17 @@ function createDevProcessorPlugin(options) {
         });
         return descriptor.template?.content ?? "";
       };
+      const getScriptInfo = (source, filename) => {
+        try {
+          const { descriptor } = parse$1(source, { filename });
+          if (!descriptor.script && !descriptor.scriptSetup)
+            return { bindings: void 0, isScriptSetup: false };
+          const scriptBlock = compileScript(descriptor, { id: filename });
+          return { bindings: scriptBlock.bindings, isScriptSetup: !!descriptor.scriptSetup };
+        } catch {
+          return { bindings: void 0, isScriptSetup: false };
+        }
+      };
       const walkFilesRecursive = (rootDir) => {
         const out = [];
         const stack = [rootDir];
@@ -6073,8 +6202,8 @@ function createDevProcessorPlugin(options) {
         }
         return out;
       };
-      const snapshotHierarchy = /* @__PURE__ */ new Map();
-      const snapshotVuePathMap = /* @__PURE__ */ new Map();
+      let snapshotHierarchy = /* @__PURE__ */ new Map();
+      let snapshotVuePathMap = /* @__PURE__ */ new Map();
       const filePathToComponentName = /* @__PURE__ */ new Map();
       const getComponentNameForFile = (filePath) => {
         const normalized = path.resolve(filePath);
@@ -6091,12 +6220,12 @@ function createDevProcessorPlugin(options) {
         filePathToComponentName.set(normalized, name);
         return name;
       };
-      const compileVueFileIntoSnapshot = (filePath) => {
+      const compileVueFileIntoSnapshot = (filePath, targetHierarchy = snapshotHierarchy, targetVuePathMap = snapshotVuePathMap) => {
         const started = performance.now();
         const absolutePath = path.resolve(filePath);
         const componentName = getComponentNameForFile(absolutePath);
-        snapshotVuePathMap.set(componentName, absolutePath);
-        snapshotHierarchy.delete(componentName);
+        targetVuePathMap.set(componentName, absolutePath);
+        targetHierarchy.delete(componentName);
         let sfc = "";
         try {
           sfc = fs.readFileSync(absolutePath, "utf8");
@@ -6106,36 +6235,36 @@ function createDevProcessorPlugin(options) {
         const template = extractTemplateFromSfc(sfc, absolutePath);
         if (!template.trim())
           return { componentName, ms: performance.now() - started, compiled: true };
-        try {
-          compilerDom.compile(template, {
-            filename: absolutePath,
-            prefixIdentifiers: true,
-            nodeTransforms: [
-              createTestIdTransform(
-                componentName,
-                snapshotHierarchy,
-                nativeWrappers,
-                excludedComponents,
-                getViewsDirAbs(),
-                {
-                  existingIdBehavior: "preserve",
-                  nameCollisionBehavior,
-                  testIdAttribute,
-                  warn: (message) => loggerRef.current.warn(message),
-                  vueFilesPathMap: snapshotVuePathMap,
-                  wrapperSearchRoots: getWrapperSearchRoots()
-                }
-              )
-            ]
-          });
-        } catch {
-        }
+        const { bindings: bindingMetadata, isScriptSetup } = getScriptInfo(sfc, absolutePath);
+        compilerDom.compile(template, {
+          filename: absolutePath,
+          prefixIdentifiers: true,
+          inline: isScriptSetup,
+          bindingMetadata,
+          nodeTransforms: [
+            createTestIdTransform(
+              componentName,
+              targetHierarchy,
+              nativeWrappers,
+              excludedComponents,
+              getViewsDirAbs(),
+              {
+                existingIdBehavior: existingIdBehavior ?? "preserve",
+                nameCollisionBehavior,
+                testIdAttribute,
+                warn: (message) => loggerRef.current.warn(message),
+                vueFilesPathMap: targetVuePathMap,
+                wrapperSearchRoots: getWrapperSearchRoots()
+              }
+            )
+          ]
+        });
         return { componentName, ms: performance.now() - started, compiled: true };
       };
       const fullRebuildSnapshotFromFilesystem = () => {
         const t0 = performance.now();
-        snapshotHierarchy.clear();
-        snapshotVuePathMap.clear();
+        const nextHierarchy = /* @__PURE__ */ new Map();
+        const nextVuePathMap = /* @__PURE__ */ new Map();
         filePathToComponentName.clear();
         let totalVueFiles = 0;
         let compiledCount = 0;
@@ -6146,11 +6275,13 @@ function createDevProcessorPlugin(options) {
           const vueFiles = walkFilesRecursive(absDir);
           totalVueFiles += vueFiles.length;
           for (const file of vueFiles) {
-            const res = compileVueFileIntoSnapshot(file);
+            const res = compileVueFileIntoSnapshot(file, nextHierarchy, nextVuePathMap);
             if (res.compiled)
               compiledCount++;
           }
         }
+        snapshotHierarchy = nextHierarchy;
+        snapshotVuePathMap = nextVuePathMap;
         const t1 = performance.now();
         logInfo(`initial scan: found ${totalVueFiles} .vue files in ${scanDirs.join(", ")}`);
         logInfo(`initial compile: ${compiledCount}/${totalVueFiles} files in ${formatMs(t1 - t0)} (components=${snapshotHierarchy.size})`);
@@ -6177,6 +6308,10 @@ function createDevProcessorPlugin(options) {
         const t1 = performance.now();
         logInfo(`generate(${reason}): components=${snapshotHierarchy.size} in ${formatMs(t1 - t0)}`);
       };
+      let timer = null;
+      let maxWaitTimer = null;
+      const pendingChangedVueFiles = /* @__PURE__ */ new Set();
+      const pendingDeletedComponents = /* @__PURE__ */ new Set();
       const initialBuildPromise = (async () => {
         const t0 = performance.now();
         await routerInitPromise;
@@ -6185,13 +6320,44 @@ function createDevProcessorPlugin(options) {
         const t1 = performance.now();
         logInfo(`startup total: ${formatMs(t1 - t0)}`);
       })();
+      const logGenerationError = (reason, message) => {
+        server.config.logger.error(`[vue-pom-generator] dev generation failed during ${reason}: ${message}`);
+      };
+      const regenerateFromPending = async (reason) => {
+        const t0 = performance.now();
+        await initialBuildPromise;
+        const nextHierarchy = new Map(snapshotHierarchy);
+        const nextVuePathMap = new Map(snapshotVuePathMap);
+        for (const componentName of pendingDeletedComponents) {
+          nextHierarchy.delete(componentName);
+          nextVuePathMap.delete(componentName);
+        }
+        const files = Array.from(pendingChangedVueFiles);
+        const deletedCount = pendingDeletedComponents.size;
+        pendingChangedVueFiles.clear();
+        pendingDeletedComponents.clear();
+        let compileMs = 0;
+        for (const f of files) {
+          const res = compileVueFileIntoSnapshot(f, nextHierarchy, nextVuePathMap);
+          compileMs += res.ms;
+        }
+        snapshotHierarchy = nextHierarchy;
+        snapshotVuePathMap = nextVuePathMap;
+        const t1 = performance.now();
+        generateAggregatedFromSnapshot(reason);
+        const t2 = performance.now();
+        return {
+          files,
+          deletedCount,
+          compileMs,
+          preGenerateMs: t1 - t0,
+          generateMs: t2 - t1,
+          totalMs: t2 - t0
+        };
+      };
       const watchedVueGlobs = scanDirs.map((dir) => path.resolve(projectRootRef.current, dir, "**", "*.vue"));
       const watchedPluginGlob = path.resolve(projectRootRef.current, "vite-plugins", "vue-pom-generator", "**", "*.ts");
       server.watcher.add([...watchedVueGlobs, watchedPluginGlob, basePageClassPath]);
-      let timer = null;
-      let maxWaitTimer = null;
-      const pendingChangedVueFiles = /* @__PURE__ */ new Set();
-      const pendingDeletedComponents = /* @__PURE__ */ new Set();
       scheduleVueFileRegenLocal = (filePath, source) => {
         pendingChangedVueFiles.add(filePath);
         logDebug(`queued(${source}): files=${pendingChangedVueFiles.size} deleted=${pendingDeletedComponents.size}`);
@@ -6208,29 +6374,14 @@ function createDevProcessorPlugin(options) {
               timer = null;
             }
             maxWaitTimer = null;
-            void (async () => {
-              const t0 = performance.now();
-              await initialBuildPromise;
-              for (const componentName of pendingDeletedComponents) {
-                snapshotHierarchy.delete(componentName);
-                snapshotVuePathMap.delete(componentName);
-              }
-              const files = Array.from(pendingChangedVueFiles);
-              const deletedCount = pendingDeletedComponents.size;
-              pendingChangedVueFiles.clear();
-              pendingDeletedComponents.clear();
-              let compileMs = 0;
-              for (const f of files) {
-                const res = compileVueFileIntoSnapshot(f);
-                compileMs += res.ms;
-              }
-              const t1 = performance.now();
-              generateAggregatedFromSnapshot("max-wait");
-              const t2 = performance.now();
+            void regenerateFromPending("max-wait").then(({ files, deletedCount, compileMs, preGenerateMs, generateMs, totalMs }) => {
               logInfo(
-                `max-wait: files=${files.length} deleted=${deletedCount} compile=${formatMs(compileMs)} wall=${formatMs(t1 - t0)} gen=${formatMs(t2 - t1)} total=${formatMs(t2 - t0)}`
+                `max-wait: files=${files.length} deleted=${deletedCount} compile=${formatMs(compileMs)} wall=${formatMs(preGenerateMs)} gen=${formatMs(generateMs)} total=${formatMs(totalMs)}`
               );
-            })();
+            }).catch((error) => {
+              const message = error instanceof Error ? error.message : String(error);
+              logGenerationError("max-wait", message);
+            });
           }, MAX_WAIT_MS);
         }
         if (wasEmpty) {
@@ -6246,31 +6397,17 @@ function createDevProcessorPlugin(options) {
             clearTimeout(maxWaitTimer);
             maxWaitTimer = null;
           }
-          void (async () => {
-            const t0 = performance.now();
-            await initialBuildPromise;
-            for (const componentName of pendingDeletedComponents) {
-              snapshotHierarchy.delete(componentName);
-              snapshotVuePathMap.delete(componentName);
-            }
-            const files = Array.from(pendingChangedVueFiles);
-            const deletedCount = pendingDeletedComponents.size;
-            pendingChangedVueFiles.clear();
-            pendingDeletedComponents.clear();
-            let compileMs = 0;
-            for (const f of files) {
-              const res = compileVueFileIntoSnapshot(f);
-              compileMs += res.ms;
-            }
-            const t1 = performance.now();
-            generateAggregatedFromSnapshot(files.length || deletedCount ? "batched" : "noop");
-            const t2 = performance.now();
+          const reason = pendingChangedVueFiles.size || pendingDeletedComponents.size ? "batched" : "noop";
+          void regenerateFromPending(reason).then(({ files, deletedCount, compileMs, preGenerateMs, generateMs, totalMs }) => {
             if (files.length || deletedCount) {
               logInfo(
-                `batched: files=${files.length} deleted=${deletedCount} compile=${formatMs(compileMs)} wall=${formatMs(t1 - t0)} gen=${formatMs(t2 - t1)} total=${formatMs(t2 - t0)}`
+                `batched: files=${files.length} deleted=${deletedCount} compile=${formatMs(compileMs)} wall=${formatMs(preGenerateMs)} gen=${formatMs(generateMs)} total=${formatMs(totalMs)}`
               );
             }
-          })();
+          }).catch((error) => {
+            const message = error instanceof Error ? error.message : String(error);
+            logGenerationError(reason, message);
+          });
         }, 75);
       }
       server.watcher.on("change", async (changedPath) => {
@@ -6322,6 +6459,7 @@ function createDevProcessorPlugin(options) {
       });
       setTimeout(() => {
       }, 250);
+      await initialBuildPromise;
     }
   };
 }
@@ -6353,6 +6491,7 @@ function createSupportPlugins(options) {
     scanDirs,
     getWrapperSearchRoots,
     nameCollisionBehavior = "suffix",
+    existingIdBehavior,
     outDir,
     emitLanguages,
     csharp,
@@ -6406,6 +6545,11 @@ function createSupportPlugins(options) {
     customPomImportAliases,
     customPomImportNameCollisionBehavior,
     testIdAttribute,
+    nameCollisionBehavior,
+    existingIdBehavior,
+    nativeWrappers,
+    excludedComponents,
+    getWrapperSearchRoots,
     routerAwarePoms,
     routerType,
     resolvedRouterEntry,
@@ -6430,6 +6574,7 @@ function createSupportPlugins(options) {
     customPomImportAliases,
     customPomImportNameCollisionBehavior,
     nameCollisionBehavior,
+    existingIdBehavior,
     testIdAttribute,
     routerAwarePoms,
     routerType,
@@ -7011,6 +7156,7 @@ function createVuePomGeneratorPlugins(options = {}) {
     scanDirs,
     getWrapperSearchRoots: getWrapperSearchRootsAbs,
     nameCollisionBehavior,
+    existingIdBehavior,
     outDir,
     emitLanguages,
     csharp,