@wix/zero-config-implementation 1.11.0 → 1.13.0

package/dist/index.js

@@ -1475,11 +1475,23 @@ const Ym = (e) => e.declarations && e.declarations.length > 0 ? !e.declarations.
   shouldRemoveUndefinedFromOptional: !0,
   shouldIncludePropTagMap: !0,
   skipChildrenPropWithoutDoc: !0,
-  propFilter: Ym
+  propFilter: Ym,
+  // react-docgen-typescript resolves `commentSource` for known wrapper types (MemoExoticComponent,
+  // ForwardRefExoticComponent, etc.) but not for NamedExoticComponent — the base type that
+  // TypeScript reports when a memo-wrapped component is accessed via a default export alias.
+  // Adding it here makes the library correctly resolve the actual variable symbol.
+  customComponentTypes: ["NamedExoticComponent"]
 };
 function Jm(e, t) {
-  const r = e.getTypeChecker(), n = e.getCompilerOptions();
-  return ym.withCompilerOptions(n, Wm).parseWithProgramProvider([t], () => e).map((o) => qm(o, e, r));
+  const r = e.getTypeChecker(), n = e.getCompilerOptions(), a = (A, u) => {
+    const s = r.getSymbolAtLocation(u);
+    if (!s) return;
+    const c = r.getExportsOfModule(s).find((l) => l.getName() === "default");
+    if (!c || !(c.getFlags() & tt.SymbolFlags.Alias)) return;
+    const h = r.getAliasedSymbol(c).getName();
+    return h !== "default" ? h : void 0;
+  };
+  return ym.withCompilerOptions(n, { ...Wm, componentNameResolver: a }).parseWithProgramProvider([t], () => e).map((A) => qm(A, e, r));
 }
 function Vm(e, t) {
   const r = Km(e, t);
@@ -12038,7 +12050,7 @@ function T0() {
 }
 function Uk() {
   return {
-    ariaLabel: Ye.lorem.sentence(),
+    ariaLabel: `mock_ariaLabel_${Ye.string.alphanumeric(6)}`,
     role: Ye.helpers.arrayElement(["button", "link", "img", "region"]),
     tabIndex: Ye.helpers.arrayElement([0, -1])
   };
@@ -12226,7 +12238,7 @@ function $k(e, t) {
   if (r && !r.startsWith("mock_"))
     return Ln(r);
   const n = Vr(e, "aria-label");
-  if (n)
+  if (n && !n.startsWith("mock_"))
     return Ln(n);
   const a = Vr(e, "aria-labelledby");
   if (a) {

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "version": "1.11.0",
+  "version": "1.13.0",
   "description": "Core library for extracting component manifests from JS and CSS files",
   "type": "module",
   "main": "dist/index.js",
@@ -74,5 +74,5 @@
       ]
     }
   },
-  "falconPackageHash": "72ed033142da89f1b47261236ac0406e5d01201b896daec0491a39ff"
+  "falconPackageHash": "415f1144395df7902b157f7d63d64cd53a60a5f69c460b61c217594b"
 }

package/src/information-extractors/react/extractors/core/tree-builder.ts

@@ -154,7 +154,7 @@ function getElementNamePart(element: Element, getElementById: (id: string) => El
   }
 
   const ariaLabel = getAttribute(element, 'aria-label')
-  if (ariaLabel) {
+  if (ariaLabel && !ariaLabel.startsWith('mock_')) {
     return pascalCase(ariaLabel)
   }
 

package/src/information-extractors/react/utils/mock-generator.ts

@@ -377,7 +377,7 @@ function generateMockLink(): Record<string, unknown> {
 
 function generateMockA11y(): Record<string, unknown> {
   return {
-    ariaLabel: faker.lorem.sentence(),
+    ariaLabel: `mock_ariaLabel_${faker.string.alphanumeric(6)}`,
     role: faker.helpers.arrayElement(['button', 'link', 'img', 'region']),
     tabIndex: faker.helpers.arrayElement([0, -1]),
   }

package/src/information-extractors/ts/components.ts

@@ -20,6 +20,11 @@ const sharedParserOptions = {
   shouldIncludePropTagMap: true,
   skipChildrenPropWithoutDoc: true,
   propFilter: sharedPropFilter,
+  // react-docgen-typescript resolves `commentSource` for known wrapper types (MemoExoticComponent,
+  // ForwardRefExoticComponent, etc.) but not for NamedExoticComponent — the base type that
+  // TypeScript reports when a memo-wrapped component is accessed via a default export alias.
+  // Adding it here makes the library correctly resolve the actual variable symbol.
+  customComponentTypes: ['NamedExoticComponent'],
 }
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -30,7 +35,21 @@ export function extractAllComponentInfo(program: ts.Program, filePath: string):
   const checker = program.getTypeChecker()
   const options = program.getCompilerOptions()
 
-  const parser = withCompilerOptions(options, sharedParserOptions)
+  // react-docgen-typescript uses the filename stem as displayName fallback when a
+  // component symbol has a "generic" React type name (e.g. "FunctionComponent",
+  // "__function"). This happens for components only exported via `export default`,
+  // not as named exports. We resolve the actual name from the module's default export.
+  const componentNameResolver = (_exp: ts.Symbol, source: ts.SourceFile): string | undefined => {
+    const moduleSymbol = checker.getSymbolAtLocation(source)
+    if (!moduleSymbol) return undefined
+    const defaultSym = checker.getExportsOfModule(moduleSymbol).find((s) => s.getName() === 'default')
+    if (!defaultSym || !(defaultSym.getFlags() & ts.SymbolFlags.Alias)) return undefined
+    const aliased = checker.getAliasedSymbol(defaultSym)
+    const name = aliased.getName()
+    return name !== 'default' ? name : undefined
+  }
+
+  const parser = withCompilerOptions(options, { ...sharedParserOptions, componentNameResolver })
 
   const docs = parser.parseWithProgramProvider([filePath], () => program)