@wix/zero-config-implementation 1.12.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);

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "version": "1.12.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": "6af8a6509bed6bf77cac3e06a3c9b2ce44962c86bda8e8eceafa5f45"
+  "falconPackageHash": "415f1144395df7902b157f7d63d64cd53a60a5f69c460b61c217594b"
 }

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)