@immense/vue-pom-generator 1.0.29 → 1.0.31

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { pathToFileURL, fileURLToPath } from "node:url";
 import fs from "node:fs";
 import { JSDOM } from "jsdom";
 import { NodeTypes, stringifyExpression, ConstantTypes, createSimpleExpression } from "@vue/compiler-core";
-import { isArrayExpression, isStringLiteral, isTemplateLiteral, isAssignmentExpression, isIdentifier, isMemberExpression, isCallExpression, isExpressionStatement, isOptionalMemberExpression, isObjectExpression, isFile, isArrowFunctionExpression, isBlockStatement, isOptionalCallExpression, isLogicalExpression, isConditionalExpression, isSequenceExpression, isObjectProperty, isProgram, VISITOR_KEYS } from "@babel/types";
+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 { parseExpression, parse } from "@babel/parser";
 import { performance } from "node:perf_hooks";
 import * as compilerDom from "@vue/compiler-dom";
@@ -565,6 +565,124 @@ function getTemplateSlotScope(node) {
   }
   return null;
 }
+function isSimpleScopeIdentifier(value) {
+  return /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(value);
+}
+function buildSlotScopeFallbackKeyExpression(identifier) {
+  return `${identifier}.key ?? ${identifier}.data?.id ?? ${identifier}.id ?? ${identifier}.value ?? ${identifier}`;
+}
+function tryGetBindingIdentifierName(node) {
+  if (!node) {
+    return null;
+  }
+  if (isIdentifier(node)) {
+    return node.name;
+  }
+  if (isAssignmentPattern(node)) {
+    return tryGetBindingIdentifierName(node.left);
+  }
+  if (isRestElement(node)) {
+    return tryGetBindingIdentifierName(node.argument);
+  }
+  return null;
+}
+function getSlotScopeObjectPropertyKeyName(node) {
+  if (isIdentifier(node)) {
+    return node.name;
+  }
+  if (isStringLiteral(node)) {
+    return node.value;
+  }
+  return null;
+}
+function tryGetSlotScopeKeyCandidate(node) {
+  if (!node) {
+    return null;
+  }
+  if (isIdentifier(node)) {
+    return {
+      priority: 2,
+      expression: buildSlotScopeFallbackKeyExpression(node.name)
+    };
+  }
+  if (isAssignmentPattern(node)) {
+    return tryGetSlotScopeKeyCandidate(node.left);
+  }
+  if (isRestElement(node)) {
+    return tryGetSlotScopeKeyCandidate(node.argument);
+  }
+  if (!isObjectPattern(node)) {
+    return null;
+  }
+  let best = null;
+  for (const property of node.properties) {
+    let candidate = null;
+    if (isRestElement(property)) {
+      candidate = tryGetSlotScopeKeyCandidate(property.argument);
+      if (candidate) {
+        candidate = { ...candidate, priority: Math.max(candidate.priority, 2) };
+      }
+    } else if (isObjectProperty(property)) {
+      const keyName = getSlotScopeObjectPropertyKeyName(property.key);
+      const bindingName = tryGetBindingIdentifierName(property.value) ?? tryGetBindingIdentifierName(property.key);
+      if (bindingName) {
+        if (keyName === "key" || bindingName === "key") {
+          candidate = {
+            priority: 0,
+            expression: bindingName
+          };
+        } else {
+          candidate = {
+            priority: keyName === "data" ? 1 : 2,
+            expression: buildSlotScopeFallbackKeyExpression(bindingName)
+          };
+        }
+      }
+    }
+    if (candidate && (!best || candidate.priority < best.priority)) {
+      best = candidate;
+    }
+  }
+  return best;
+}
+function tryGetTemplateSlotScopeKeyExpression(scope) {
+  const trimmed = scope.trim();
+  if (!trimmed) {
+    return null;
+  }
+  if (isSimpleScopeIdentifier(trimmed)) {
+    return buildSlotScopeFallbackKeyExpression(trimmed);
+  }
+  try {
+    const parsed = parse(`(${trimmed}) => {}`, {
+      sourceType: "module",
+      plugins: ["typescript"]
+    });
+    const statement = parsed.program.body[0];
+    if (statement && isExpressionStatement(statement) && isArrowFunctionExpression(statement.expression)) {
+      return tryGetSlotScopeKeyCandidate(statement.expression.params[0])?.expression ?? null;
+    }
+  } catch {
+  }
+  if (trimmed.startsWith("{") && trimmed.endsWith("}")) {
+    const inner = trimmed.slice(1, -1).trim();
+    let cutIdx = -1;
+    const commaIdx = inner.indexOf(",");
+    const colonIdx = inner.indexOf(":");
+    if (commaIdx !== -1 && colonIdx !== -1) {
+      cutIdx = Math.min(commaIdx, colonIdx);
+    } else if (commaIdx !== -1) {
+      cutIdx = commaIdx;
+    } else if (colonIdx !== -1) {
+      cutIdx = colonIdx;
+    }
+    const first = (cutIdx === -1 ? inner : inner.slice(0, cutIdx)).trim();
+    if (first && isSimpleScopeIdentifier(first)) {
+      return buildSlotScopeFallbackKeyExpression(first);
+    }
+  }
+  return trimmed;
+}
 function nodeHasToDirective(node) {
   const toDirective = findDirectiveByName(node, "bind", "to");
   if (toDirective?.exp) {
@@ -640,25 +758,7 @@ function getContainedInSlotDataKeyValue(node, hierarchyMap2) {
     if (parent.type === NodeTypes.ELEMENT && parent.tag === "template") {
       const scope = getTemplateSlotScope(parent);
       if (scope) {
-        let key = scope.trim();
-        if (key.startsWith("{") && key.endsWith("}")) {
-          const inner = key.slice(1, -1).trim();
-          let cutIdx = -1;
-          const commaIdx = inner.indexOf(",");
-          const colonIdx = inner.indexOf(":");
-          if (commaIdx !== -1 && colonIdx !== -1) {
-            cutIdx = Math.min(commaIdx, colonIdx);
-          } else if (commaIdx !== -1) {
-            cutIdx = commaIdx;
-          } else if (colonIdx !== -1) {
-            cutIdx = colonIdx;
-          }
-          const first = (cutIdx === -1 ? inner : inner.slice(0, cutIdx)).trim();
-          if (first) {
-            key = first;
-          }
-        }
-        return key;
+        return tryGetTemplateSlotScopeKeyExpression(scope);
       }
     }
     parent = getParent(hierarchyMap2, parent);
@@ -1309,11 +1409,11 @@ function getStableClickHandlerNameFromExpression(exp) {
     return extractNameFromCallee(callee);
   }
   if (isAssignmentExpression(exp)) {
-    const left = exp.left;
-    if (isIdentifier(left))
-      return left.name;
-    if (isMemberExpression(left) || isOptionalMemberExpression(left))
-      return extractMemberPropertyName(left);
+    const left = getAssignmentTargetNameFromBabel(exp.left);
+    if (left) {
+      const right = getStableAssignmentValueSuffixFromBabel(exp.right);
+      return `Set${toPascalCase(left)}${right}`;
+    }
     return "";
   }
   if (isOptionalMemberExpression(exp)) {
@@ -1388,6 +1488,71 @@ function extractMemberPropertyName(member) {
   }
   return "";
 }
+function getLastIdentifierFromMemberChainBabel(node) {
+  if (!node) {
+    return "";
+  }
+  if (isIdentifier(node)) {
+    return node.name;
+  }
+  if (isMemberExpression(node) || isOptionalMemberExpression(node)) {
+    if (!node.computed) {
+      if (isIdentifier(node.property)) {
+        return node.property.name;
+      }
+    } else if (isStringLiteral(node.property)) {
+      return node.property.value;
+    }
+  }
+  return "";
+}
+function getAssignmentTargetNameFromBabel(node) {
+  if (!node) {
+    return "";
+  }
+  if (isIdentifier(node)) {
+    return node.name;
+  }
+  if (isMemberExpression(node) || isOptionalMemberExpression(node)) {
+    if (!node.computed && isIdentifier(node.property) && node.property.name === "value") {
+      return getLastIdentifierFromMemberChainBabel(node.object);
+    }
+    return getLastIdentifierFromMemberChainBabel(node);
+  }
+  return "";
+}
+function getStableAssignmentValueSuffixFromBabel(node) {
+  if (!node) {
+    return "";
+  }
+  if (isBooleanLiteral(node)) {
+    return node.value ? "True" : "False";
+  }
+  if (isNumericLiteral(node)) {
+    return `Value${String(node.value)}`;
+  }
+  if (isNullLiteral(node)) {
+    return "Null";
+  }
+  if (isStringLiteral(node)) {
+    const cleaned = (node.value ?? "").trim();
+    return cleaned ? toPascalCase(cleaned.slice(0, 24)) : "";
+  }
+  if (isTemplateLiteral(node) && node.expressions.length === 0) {
+    const value = node.quasis.map((q) => q.value?.cooked ?? "").join("").trim();
+    return value ? toPascalCase(value.slice(0, 24)) : "";
+  }
+  if (isMemberExpression(node) || isOptionalMemberExpression(node)) {
+    const name = getLastIdentifierFromMemberChainBabel(node);
+    return name ? toPascalCase(name.slice(0, 24)) : "";
+  }
+  if (isIdentifier(node)) {
+    const firstChar = node.name.charAt(0);
+    const isUpperAlpha = firstChar !== "" && firstChar === firstChar.toUpperCase() && firstChar !== firstChar.toLowerCase();
+    return isUpperAlpha ? toPascalCase(node.name.slice(0, 24)) : "";
+  }
+  return "";
+}
 function isCompilerGeneratedReferenceRoot(name) {
   return name.startsWith("_") || name.startsWith("$");
 }
@@ -3199,6 +3364,10 @@ function escapeGitAttributesPattern(value) {
   }
   return output;
 }
+function pathUsesGeneratedHeuristic(filePath) {
+  const normalized = path.normalize(filePath);
+  return normalized.split(path.sep).includes("__generated__");
+}
 function buildManagedGitAttributesBlock(entries) {
   return [
     GENERATED_GITATTRIBUTES_BLOCK_START,
@@ -3246,6 +3415,9 @@ function buildGeneratedGitAttributesFiles(generatedFilePaths) {
     if (path.basename(resolvedFilePath) === ".gitattributes") {
       continue;
     }
+    if (pathUsesGeneratedHeuristic(resolvedFilePath)) {
+      continue;
+    }
     const dir = path.dirname(resolvedFilePath);
     const entry = `${escapeGitAttributesPattern(path.basename(resolvedFilePath))} linguist-generated`;
     const entries = entriesByDir.get(dir) ?? /* @__PURE__ */ new Set();
@@ -4322,15 +4494,57 @@ function createBuildProcessorPlugin(options) {
 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;
-const inferredNativeWrapperConfigByTag = /* @__PURE__ */ new Map();
-const inferredSfcPathByTag = /* @__PURE__ */ new Map();
-let indexedVueSfcPathsByBasename = null;
+const inferredNativeWrapperConfigByLookup = /* @__PURE__ */ new Map();
+const inferredSfcPathByLookup = /* @__PURE__ */ new Map();
+const indexedVueSfcPathsByRoots = /* @__PURE__ */ new Map();
 function toKebabCaseTag(tag) {
-  return tag.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_.\s]+/g, "-").toLowerCase();
+  let result = "";
+  let previousWasSeparator = false;
+  for (let i = 0; i < tag.length; i += 1) {
+    const ch = tag[i];
+    const code = ch.charCodeAt(0);
+    if (ch === "_" || ch === "-" || ch === "." || ch === " " || ch === "	" || ch === "\n" || ch === "\r") {
+      if (result && !previousWasSeparator) {
+        result += "-";
+      }
+      previousWasSeparator = true;
+      continue;
+    }
+    const previous = i > 0 ? tag[i - 1] : "";
+    const previousCode = previous ? previous.charCodeAt(0) : 0;
+    const hasPrevious = i > 0;
+    const shouldInsertSeparator = hasPrevious && isAsciiUppercaseLetterCode(code) && (isAsciiLetterCode(previousCode) || isAsciiDigitCode(previousCode)) && !previousWasSeparator;
+    if (shouldInsertSeparator) {
+      result += "-";
+    }
+    result += ch.toLowerCase();
+    previousWasSeparator = false;
+  }
+  return result;
 }
-function buildVueSfcPathIndex() {
-  if (indexedVueSfcPathsByBasename) {
-    return indexedVueSfcPathsByBasename;
+function normalizeSearchRoots(wrapperSearchRoots) {
+  const normalized = /* @__PURE__ */ new Set();
+  for (const root of wrapperSearchRoots) {
+    const resolved = path.resolve(root);
+    try {
+      if (!fs.existsSync(resolved) || !fs.statSync(resolved).isDirectory()) {
+        continue;
+      }
+      normalized.add(path.normalize(fs.realpathSync(resolved)));
+    } catch {
+      continue;
+    }
+  }
+  return [...normalized];
+}
+function buildSearchRootsKey(searchRoots) {
+  return searchRoots.join("\n");
+}
+function buildVueSfcPathIndex(searchRoots) {
+  const indexKey = buildSearchRootsKey(searchRoots);
+  const existingIndex = indexedVueSfcPathsByRoots.get(indexKey);
+  if (existingIndex) {
+    return existingIndex;
   }
   const index = /* @__PURE__ */ new Map();
   const ignoredDirNames = /* @__PURE__ */ new Set([
@@ -4348,22 +4562,6 @@ function buildVueSfcPathIndex() {
     "out",
     "tmp"
   ]);
-  const cwd = process.cwd();
-  const parent = path.resolve(cwd, "..");
-  const searchRoots = /* @__PURE__ */ new Set();
-  const enqueueIfDirectory = (dirPath) => {
-    try {
-      if (fs.existsSync(dirPath) && fs.statSync(dirPath).isDirectory()) {
-        searchRoots.add(dirPath);
-      }
-    } catch {
-    }
-  };
-  for (const root of [cwd, parent]) {
-    for (const rel of ["src", "components", "app", "shared", "packages", "libs"]) {
-      enqueueIfDirectory(path.resolve(root, rel));
-    }
-  }
   const stack = [...searchRoots];
   const seenDirs = /* @__PURE__ */ new Set();
   while (stack.length > 0) {
@@ -4396,52 +4594,58 @@ function buildVueSfcPathIndex() {
       index.set(entry.name, matches);
     }
   }
-  indexedVueSfcPathsByBasename = index;
+  indexedVueSfcPathsByRoots.set(indexKey, index);
   return index;
 }
-function tryResolveSfcPathForTag(tag, vueFilesPathMap) {
-  if (inferredSfcPathByTag.has(tag)) {
-    return inferredSfcPathByTag.get(tag) ?? null;
-  }
+function tryResolveSfcPathForTag(tag, vueFilesPathMap, wrapperSearchRoots = []) {
   const registeredPath = vueFilesPathMap?.get(tag);
+  const normalizedSearchRoots = normalizeSearchRoots(wrapperSearchRoots);
+  const lookupKey = `${tag}
+${registeredPath ?? ""}
+${buildSearchRootsKey(normalizedSearchRoots)}`;
+  if (inferredSfcPathByLookup.has(lookupKey)) {
+    return inferredSfcPathByLookup.get(lookupKey) ?? null;
+  }
   const candidateNames = [`${tag}.vue`, `${toKebabCaseTag(tag)}.vue`];
   const directCandidates = [
     registeredPath ? path.resolve(process.cwd(), registeredPath) : null,
-    ...candidateNames.flatMap((fileName) => [
-      path.resolve(process.cwd(), "src/components", fileName),
-      path.resolve(process.cwd(), "components", fileName),
-      path.resolve(process.cwd(), "app/components", fileName),
-      path.resolve(process.cwd(), "shared/ui/src/components", fileName),
-      path.resolve(process.cwd(), "..", "shared/ui/src/components", fileName)
-    ])
+    ...normalizedSearchRoots.flatMap((root) => candidateNames.map((fileName) => path.join(root, fileName)))
   ].filter((value) => !!value);
   const directMatch = directCandidates.find((candidatePath) => fs.existsSync(candidatePath));
   if (directMatch) {
-    inferredSfcPathByTag.set(tag, directMatch);
+    inferredSfcPathByLookup.set(lookupKey, directMatch);
     return directMatch;
   }
-  const index = buildVueSfcPathIndex();
+  if (normalizedSearchRoots.length === 0) {
+    inferredSfcPathByLookup.set(lookupKey, null);
+    return null;
+  }
+  const index = buildVueSfcPathIndex(normalizedSearchRoots);
   const scorePath = (candidatePath) => {
-    let score = candidatePath.length;
-    if (candidatePath.includes(`${path.sep}src${path.sep}components${path.sep}`)) {
-      score -= 50;
-    }
-    if (candidatePath.includes(`${path.sep}shared${path.sep}`)) {
-      score -= 10;
-    }
-    return score;
+    const rootIndex = normalizedSearchRoots.findIndex((root) => {
+      return candidatePath === root || candidatePath.startsWith(root + path.sep);
+    });
+    const effectiveRootIndex = rootIndex === -1 ? Number.MAX_SAFE_INTEGER : rootIndex;
+    const relativeLength = rootIndex === -1 ? candidatePath.length : path.relative(normalizedSearchRoots[rootIndex], candidatePath).length;
+    return [effectiveRootIndex, relativeLength, candidatePath];
   };
+  let bestMatch = null;
+  let bestScore = null;
   for (const fileName of candidateNames) {
     const matches = index.get(fileName);
     if (!matches?.length) {
       continue;
     }
-    const bestMatch = matches.slice().sort((a, b) => scorePath(a) - scorePath(b))[0] ?? null;
-    inferredSfcPathByTag.set(tag, bestMatch);
-    return bestMatch;
+    for (const match of matches) {
+      const score = scorePath(match);
+      if (!bestScore || score[0] < bestScore[0] || score[0] === bestScore[0] && score[1] < bestScore[1] || score[0] === bestScore[0] && score[1] === bestScore[1] && score[2] < bestScore[2]) {
+        bestScore = score;
+        bestMatch = match;
+      }
+    }
   }
-  inferredSfcPathByTag.set(tag, null);
-  return null;
+  inferredSfcPathByLookup.set(lookupKey, bestMatch);
+  return bestMatch;
 }
 function trimLeadingSeparators(value) {
   if (!value) {
@@ -4556,7 +4760,7 @@ function tryExtractStableHintFromConditionalExpressionSource(source) {
     return null;
   }
 }
-function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap, seenTags = /* @__PURE__ */ new Set()) {
+function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap, wrapperSearchRoots = [], seenTags = /* @__PURE__ */ new Set()) {
   const first = tag.charCodeAt(0);
   const isUpper = isAsciiUppercaseLetterCode(first);
   if (!isUpper)
@@ -4564,19 +4768,23 @@ function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap, seenTags = /* @_
   if (seenTags.has(tag)) {
     return null;
   }
-  const cached = inferredNativeWrapperConfigByTag.get(tag);
+  const normalizedSearchRoots = normalizeSearchRoots(wrapperSearchRoots);
+  const cacheKey = `${tag}
+${vueFilesPathMap?.get(tag) ?? ""}
+${buildSearchRootsKey(normalizedSearchRoots)}`;
+  const cached = inferredNativeWrapperConfigByLookup.get(cacheKey);
   if (cached)
     return cached.role ? cached : null;
-  const filePath = tryResolveSfcPathForTag(tag, vueFilesPathMap);
+  const filePath = tryResolveSfcPathForTag(tag, vueFilesPathMap, normalizedSearchRoots);
   if (!filePath) {
-    inferredNativeWrapperConfigByTag.set(tag, { role: "" });
+    inferredNativeWrapperConfigByLookup.set(cacheKey, { role: "" });
     return null;
   }
   let source = "";
   try {
     source = fs.readFileSync(filePath, "utf8");
   } catch {
-    inferredNativeWrapperConfigByTag.set(tag, { role: "" });
+    inferredNativeWrapperConfigByLookup.set(cacheKey, { role: "" });
     return null;
   }
   let template = "";
@@ -4584,11 +4792,11 @@ function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap, seenTags = /* @_
     const { descriptor } = parse$1(source, { filename: filePath });
     template = descriptor.template?.content ?? "";
   } catch {
-    inferredNativeWrapperConfigByTag.set(tag, { role: "" });
+    inferredNativeWrapperConfigByLookup.set(cacheKey, { role: "" });
     return null;
   }
   if (!template.trim()) {
-    inferredNativeWrapperConfigByTag.set(tag, { role: "" });
+    inferredNativeWrapperConfigByLookup.set(cacheKey, { role: "" });
     return null;
   }
   try {
@@ -4607,6 +4815,7 @@ function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap, seenTags = /* @_
       });
       return (typeAttr?.value?.content ?? "").toLowerCase();
     };
+    let inferRoleFromNode;
     const inferRoleFromElement = (element) => {
       const elementTag = (element.tag || "").toLowerCase();
       const inputType = getStaticTypeAttribute(element);
@@ -4626,7 +4835,7 @@ function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap, seenTags = /* @_
       if (elementTag === "button" || elementTag === "ubutton")
         return { role: "button" };
       if (isComponentLikeTag(element.tag) && element.tag !== tag) {
-        const nested = tryInferNativeWrapperRoleFromSfc(element.tag, vueFilesPathMap, nextSeen);
+        const nested = tryInferNativeWrapperRoleFromSfc(element.tag, vueFilesPathMap, normalizedSearchRoots, nextSeen);
         if (nested)
           return nested;
       }
@@ -4637,7 +4846,7 @@ function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap, seenTags = /* @_
       }
       return null;
     };
-    const inferRoleFromNode = (node) => {
+    inferRoleFromNode = (node) => {
       if (!node || typeof node !== "object")
         return null;
       if (node.type === NodeTypes.ELEMENT) {
@@ -4662,14 +4871,14 @@ function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap, seenTags = /* @_
     };
     const inferred = inferRoleFromNode(ast);
     if (inferred) {
-      inferredNativeWrapperConfigByTag.set(tag, inferred);
+      inferredNativeWrapperConfigByLookup.set(cacheKey, inferred);
       return inferred;
     }
   } catch {
-    inferredNativeWrapperConfigByTag.set(tag, { role: "" });
+    inferredNativeWrapperConfigByLookup.set(cacheKey, { role: "" });
     return null;
   }
-  inferredNativeWrapperConfigByTag.set(tag, { role: "" });
+  inferredNativeWrapperConfigByLookup.set(cacheKey, { role: "" });
   return null;
 }
 function tryWrapClickDirectiveForTestEvents(element, testIdAttribute) {
@@ -4844,6 +5053,7 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
   const nameCollisionBehavior = options.nameCollisionBehavior ?? "suffix";
   const warn = options.warn;
   const vueFilesPathMap = options.vueFilesPathMap;
+  const wrapperSearchRoots = options.wrapperSearchRoots ?? [];
   const safeRealpath = (p) => {
     try {
       return fs.existsSync(p) ? fs.realpathSync(p) : p;
@@ -4969,7 +5179,7 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
       dependencies.usedComponentSet.add(element.tag);
     }
     if (!nativeWrappers[element.tag]) {
-      const inferred = tryInferNativeWrapperRoleFromSfc(element.tag, vueFilesPathMap);
+      const inferred = tryInferNativeWrapperRoleFromSfc(element.tag, vueFilesPathMap, wrapperSearchRoots);
       if (inferred?.role) {
         nativeWrappers[element.tag] = { role: inferred.role, inferred: true };
       } else if (element.tag.endsWith("Button") || element.tag === "AylaButton") {
@@ -5260,6 +5470,7 @@ function createDevProcessorPlugin(options) {
     excludedComponents,
     viewsDir,
     scanDirs,
+    getWrapperSearchRoots,
     projectRootRef,
     normalizedBasePagePath,
     basePageClassPath,
@@ -5410,7 +5621,11 @@ function createDevProcessorPlugin(options) {
                 nativeWrappers,
                 excludedComponents,
                 getViewsDirAbs(),
-                { existingIdBehavior: "preserve", testIdAttribute }
+                {
+                  existingIdBehavior: "preserve",
+                  testIdAttribute,
+                  wrapperSearchRoots: getWrapperSearchRoots()
+                }
               )
             ]
           });
@@ -5635,6 +5850,7 @@ function createSupportPlugins(options) {
     excludedComponents,
     viewsDir,
     scanDirs,
+    getWrapperSearchRoots,
     outDir,
     emitLanguages,
     csharp,
@@ -5697,6 +5913,7 @@ function createSupportPlugins(options) {
     excludedComponents,
     viewsDir,
     scanDirs,
+    getWrapperSearchRoots,
     projectRootRef,
     normalizedBasePagePath,
     basePageClassPath,
@@ -5869,6 +6086,7 @@ function createVuePluginWithTestIds(options) {
     testIdAttribute,
     loggerRef,
     scanDirs = ["src"],
+    getWrapperSearchRoots,
     getProjectRoot
   } = options;
   const getComponentNameFromPath = (filename) => {
@@ -5937,7 +6155,8 @@ function createVuePluginWithTestIds(options) {
                 testIdAttribute,
                 nameCollisionBehavior,
                 warn: (message) => loggerRef.current.warn(message),
-                vueFilesPathMap
+                vueFilesPathMap,
+                wrapperSearchRoots: getWrapperSearchRoots()
               }
             )
           );
@@ -5966,7 +6185,8 @@ function createVuePluginWithTestIds(options) {
               testIdAttribute,
               nameCollisionBehavior,
               warn: (message) => loggerRef.current.warn(message),
-              vueFilesPathMap
+              vueFilesPathMap,
+              wrapperSearchRoots: getWrapperSearchRoots()
             }
           );
           perFileTransform.set(componentName, transform);
@@ -6034,6 +6254,13 @@ function assertNonEmptyString(value, name) {
     throw new Error(`${name} must be a non-empty string.`);
   }
 }
+function assertNonEmptyStringArray(value, name) {
+  if (!value)
+    return;
+  for (const [index, entry] of value.entries()) {
+    assertNonEmptyString(entry, `${name}[${index}]`);
+  }
+}
 function assertRouterModuleShims(value, name) {
   if (!value)
     return;
@@ -6096,11 +6323,12 @@ function createVuePomGeneratorPlugins(options = {}) {
   const vueOptions = options.vueOptions;
   const viewsDir = injection.viewsDir ?? "src/views";
   const scanDirs = injection.scanDirs ?? ["src"];
+  const wrapperSearchRoots = injection.wrapperSearchRoots ?? [];
   const nativeWrappers = injection.nativeWrappers ?? {};
   const excludedComponents = injection.excludeComponents ?? [];
   const testIdAttribute = (injection.attribute ?? "data-testid").trim() || "data-testid";
   const existingIdBehavior = injection.existingIdBehavior ?? "preserve";
-  const outDir = (generationOptions?.outDir ?? "tests/playwright/generated").trim();
+  const outDir = (generationOptions?.outDir ?? "tests/playwright/__generated__").trim();
   const emitLanguages = generationOptions?.emit && generationOptions.emit.length ? generationOptions.emit : ["ts"];
   const nameCollisionBehavior = generationOptions?.nameCollisionBehavior ?? "suffix";
   const routerEntry = generationOptions?.router?.entry;
@@ -6126,6 +6354,7 @@ function createVuePomGeneratorPlugins(options = {}) {
       loggerRef.current = createLogger({ verbosity, viteLogger: config.logger });
       assertNonEmptyString(testIdAttribute, "[vue-pom-generator] injection.attribute");
       assertNonEmptyString(viewsDir, "[vue-pom-generator] injection.viewsDir");
+      assertNonEmptyStringArray(wrapperSearchRoots, "[vue-pom-generator] injection.wrapperSearchRoots");
       if (generationEnabled) {
         assertNonEmptyString(outDir, "[vue-pom-generator] generation.outDir");
         assertRouterModuleShims(routerModuleShims, "[vue-pom-generator] generation.router.moduleShims");
@@ -6138,6 +6367,7 @@ function createVuePomGeneratorPlugins(options = {}) {
     }
   };
   const getViewsDirAbs = () => resolveFromProjectRoot(projectRootRef.current, viewsDir);
+  const getWrapperSearchRootsAbs = () => wrapperSearchRoots.map((root) => resolveFromProjectRoot(projectRootRef.current, root));
   const componentTestIds = /* @__PURE__ */ new Map();
   const elementMetadata = /* @__PURE__ */ new Map();
   const semanticNameMap = /* @__PURE__ */ new Map();
@@ -6157,6 +6387,7 @@ function createVuePomGeneratorPlugins(options = {}) {
     testIdAttribute,
     loggerRef,
     scanDirs,
+    getWrapperSearchRoots: getWrapperSearchRootsAbs,
     getProjectRoot: () => projectRootRef.current
   });
   const routerAwarePoms = typeof routerEntry === "string" && routerEntry.trim().length > 0 || routerType === "nuxt";
@@ -6168,6 +6399,7 @@ function createVuePomGeneratorPlugins(options = {}) {
     excludedComponents,
     viewsDir,
     scanDirs,
+    getWrapperSearchRoots: getWrapperSearchRootsAbs,
     outDir,
     emitLanguages,
     csharp,