@wix/zero-config-implementation 1.9.0 → 1.10.0

package/dist/information-extractors/react/utils/mock-generator.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInfo } from '../../ts/types';
+export declare const PRESETS_WRAPPER_CLASS_NAME = "mock-presets-wrapper-probe";
 /**
  * Reset faker's seed and internal state for reproducible results
  */

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "Core library for extracting component manifests from JS and CSS files",
   "type": "module",
   "main": "dist/index.js",
@@ -74,5 +74,5 @@
       ]
     }
   },
-  "falconPackageHash": "ce9c2a83ea75ac5b0a6b67e4fd624304cdad011d081dfdf2d8c72b4b"
+  "falconPackageHash": "21d3bc497b17268af6551d502a02de709d17f09eaa98040d2017ae4b"
 }

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

@@ -8,6 +8,7 @@
 import { pascalCase } from 'case-anything'
 import { type DefaultTreeAdapterMap, parseFragment } from 'parse5'
 import { TRACE_ATTR } from '../../../../component-renderer'
+import { PRESETS_WRAPPER_CLASS_NAME } from '../../utils/mock-generator'
 import type { CssPropertiesData } from '../css-properties'
 import { addTextProperties } from '../css-properties'
 import type { ExtractorStore } from './store'
@@ -175,6 +176,22 @@ function getElementNamePart(element: Element, getElementById: (id: string) => El
 // Tree Building
 // ─────────────────────────────────────────────────────────────────────────────
 
+/**
+ * Replaces any presetsWrapper element (identified by PRESETS_WRAPPER_CLASS_NAME on its class
+ * attribute) with its children, so the real root element is promoted to the top level.
+ * The presetsWrapper is injected by the Wix renderer and is not a real component element.
+ */
+function unwrapPresetsWrappers(nodes: Node[]): Node[] {
+  return nodes.flatMap((node) => {
+    if (!isElement(node)) return [node]
+    const classAttr = getAttribute(node, 'class')
+    if (getAttribute(node, TRACE_ATTR) && classAttr?.includes(PRESETS_WRAPPER_CLASS_NAME)) {
+      return [...node.childNodes] as Array<Node>
+    }
+    return [node]
+  })
+}
+
 /**
  * Builds an element tree from HTML, merging with store data.
  * Each element gets a semantic name from concatenated ancestor names.
@@ -260,10 +277,12 @@ export function buildElementTree(html: string, store: ExtractorStore): Extracted
   }
 
   // Start with empty ancestor path, first traced element is root
+  const topLevelNodes = unwrapPresetsWrappers([...fragment.childNodes])
+
   let isFirst = true
   const result: ExtractedElement[] = []
 
-  for (const node of fragment.childNodes) {
+  for (const node of topLevelNodes) {
     const elements = walkTree(node, '', isFirst)
     if (elements.length > 0) {
       result.push(...elements)

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

@@ -6,6 +6,8 @@
 import { faker } from '@faker-js/faker'
 import type { ComponentInfo, DefaultValue, PropInfo, ResolvedType } from '../../ts/types'
 
+export const PRESETS_WRAPPER_CLASS_NAME = 'mock-presets-wrapper-probe'
+
 // Unique primes used as traceable number values. Each rendered number prop gets
 // one; the value is distinct enough to be identified in DOM attributes later.
 const TRACEABLE_PRIMES = [11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83, 89, 97]
@@ -51,6 +53,12 @@ export function generateMockProps(componentInfo: ComponentInfo, registrar?: Prop
     mockProps[propName] = generateMockValue(propInfo, propName, `props.${propName}`, registrar)
   }
 
+  // Always inject wix renderer object; components that don't use it will ignore it
+  mockProps.wix = {
+    elementsRemovalState: {},
+    presetsWrapperProps: { className: PRESETS_WRAPPER_CLASS_NAME },
+  }
+
   return mockProps
 }