@wix/zero-config-implementation 1.20.0 → 1.22.0

package/src/information-extractors/css/types.ts

@@ -53,4 +53,15 @@ export interface CSSParserAPI {
    * @returns DOM-matchable selector string or null
    */
   getDomSelector: (selector: string) => string | null
+
+  /**
+   * Determines the CSS property type for a custom property based on how it is used.
+   * If all usages of varName are within the same CSS property, returns that property name.
+   * If usages differ, returns the CSS data type inferred from the initial value
+   * ('color', 'length', 'number', or 'string').
+   * Returns undefined if the variable is never used via var().
+   * @param varName - The CSS variable name (with or without --)
+   * @param defaultValue - The initial value string of the custom property
+   */
+  getVarPropertyType: (varName: string, defaultValue: string) => string | undefined
 }

package/src/manifest-pipeline.ts

@@ -39,6 +39,7 @@ export interface ExtractedCssInfo {
 
 export interface ComponentInfoWithCss extends CoupledComponentInfo {
   css: ExtractedCssInfo[]
+  varUsedByTraceId: Map<string, Set<string>>
 }
 
 /** The result of processing a single component through the manifest pipeline. */
@@ -147,13 +148,15 @@ export function processComponent(
   warnings.push(...cssWarnings)
 
   // Match CSS selectors to elements
+  let varUsedByTraceId = new Map<string, Set<string>>()
   if (html && extractedElements.length > 0 && css.length > 0) {
     try {
-      const enrichedElements = matchCssSelectors(html, extractedElements, css)
+      const matchResult = matchCssSelectors(html, extractedElements, css)
       enhancedInfo = {
         ...enhancedInfo,
-        elements: convertElements(enrichedElements),
+        elements: convertElements(matchResult.elements),
       }
+      varUsedByTraceId = matchResult.varUsedByTraceId
     } catch (error) {
       warnings.push({
         componentName: componentInfo.componentName,
@@ -168,6 +171,7 @@ export function processComponent(
     component: {
       ...enhancedInfo,
       css,
+      varUsedByTraceId,
     },
     warnings,
   }