@wix/zero-config-implementation 1.35.0 → 1.36.0

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "version": "1.35.0",
+  "version": "1.36.0",
   "description": "Core library for extracting component manifests from JS and CSS files",
   "type": "module",
   "main": "dist/index.js",
@@ -84,5 +84,5 @@
       ]
     }
   },
-  "falconPackageHash": "c6e9f573fcd1e0e0ae8582c94dd30bad934661b0c2396401d835a923"
+  "falconPackageHash": "783628b17db7e1730658c51eaaddf8d5abc8372807221c09c6828115"
 }

package/src/component-renderer.ts

@@ -138,6 +138,8 @@ export function renderWithExtractors(
 ): string {
   let nextId = 0
   const getNextId = () => `t${++nextId}`
+  const globalScopeWithReact = globalThis as typeof globalThis & { React?: typeof React }
+  const hasExistingGlobalReact = Object.prototype.hasOwnProperty.call(globalScopeWithReact, 'React')
 
   // Store originals
   const originalCreateElement = React.createElement
@@ -165,6 +167,11 @@ export function renderWithExtractors(
   const interceptedJsxDEV = createInterceptor(originalJsxDEV as ElementCreator, listeners, getNextId, store)
 
   try {
+    // Provide a scoped global React binding only when absent, for classic bundles
+    // that reference `React.createElement` without a runtime React import.
+    if (!hasExistingGlobalReact) {
+      globalScopeWithReact.React = React
+    }
     // @ts-expect-error Monkey-patch createElement
     React.createElement = interceptedCreateElement
     // Use the interceptor API for jsx-runtime (includes jsxDEV for dev mode)
@@ -188,5 +195,8 @@ export function renderWithExtractors(
     cjsRuntime.jsx = origCjsJsx
     cjsRuntime.jsxs = origCjsJsxs
     cjsDevRuntime.jsxDEV = origCjsJsxDEV
+    if (!hasExistingGlobalReact) {
+      Reflect.deleteProperty(globalScopeWithReact, 'React')
+    }
   }
 }

package/src/index.ts

@@ -8,7 +8,7 @@ import type { ExtractionError } from './extraction-types'
 import type { RunExtractorsOptions } from './information-extractors/react'
 import { extractCssImports, extractDefaultComponentInfo } from './information-extractors/ts'
 import { processComponent } from './manifest-pipeline'
-import { findComponent, loadModule } from './module-loader'
+import { findComponent, findDefaultComponent, loadModule } from './module-loader'
 import type { LoadModuleFailure } from './module-loader'
 import { compileTsFile } from './ts-compiler'
 
@@ -77,7 +77,7 @@ export function extractComponentManifest(
       // so componentName is known when reporting failures
       return loadModule(compiledEntryPath)
         .map((moduleExports) => ({
-          loadComponent: (name: string) => findComponent(moduleExports, name),
+          loadComponent: (name: string) => findComponent(moduleExports, name) ?? findDefaultComponent(moduleExports),
           failure: null as LoadModuleFailure | null,
         }))
         .orElse((failure) => okAsync({ loadComponent: () => null as ComponentType<unknown> | null, failure }))

package/src/module-loader.ts

@@ -79,3 +79,15 @@ export function findComponent(moduleExports: Record<string, unknown>, name: stri
 
   return null
 }
+
+/**
+ * Finds the default-exported React component from a module.
+ * Returns null when the default export is missing or is not component-like.
+ */
+export function findDefaultComponent(moduleExports: Record<string, unknown>): ComponentType<unknown> | null {
+  const defaultExport = moduleExports.default
+  if (isComponent(defaultExport)) {
+    return defaultExport as ComponentType<unknown>
+  }
+  return null
+}