@salesforce-ux/eslint-plugin-slds 1.0.2-internal → 1.0.3-internal

package/build/index.js

@@ -1119,6 +1119,32 @@ function getRecommendation(lwcToken) {
   const hasRecommendation = oldValue in lwcToSlds && replacementCategory !== "empty" /* EMPTY */;
   return { hasRecommendation, recommendation, replacementCategory };
 }
+function extractLwcVariableWithFallback(node, sourceCode) {
+  if (!node?.children || node.type !== "Function" || node.name !== "var") {
+    return null;
+  }
+  const children = Array.from(node.children);
+  const firstChild = children[0];
+  if (!firstChild?.name?.startsWith("--lwc-") || firstChild.type !== "Identifier") {
+    return null;
+  }
+  const commaIndex = children.findIndex(
+    (child) => child.type === "Operator" && child.value === ","
+  );
+  let fallbackValue = null;
+  if (commaIndex !== -1 && commaIndex + 1 < children.length) {
+    const fallbackStart = children[commaIndex + 1];
+    const fallbackEnd = children[children.length - 1];
+    if (fallbackStart?.loc && fallbackEnd?.loc) {
+      const fullText = sourceCode.getText();
+      fallbackValue = fullText.substring(fallbackStart.loc.start.offset, fallbackEnd.loc.end.offset).trim();
+    }
+  }
+  return {
+    lwcToken: firstChild.name,
+    fallbackValue
+  };
+}
 function getReportMessage(cssVar, replacementCategory, recommendation) {
   if (!recommendation) {
     return {
@@ -1168,6 +1194,12 @@ var lwc_token_to_slds_hook_default = {
             if (textAtPosition === oldValue) {
               return fixer.replaceTextRange([propertyStart, propertyEnd], suggestedMatch);
             }
+          } else if (node.type === "Function" && node.name === "var") {
+            const sourceCode = context.sourceCode;
+            const fullText = sourceCode.getText();
+            const nodeOffset = node.loc.start.offset;
+            const nodeEnd = node.loc.end.offset;
+            return fixer.replaceTextRange([nodeOffset, nodeEnd], suggestedMatch);
           } else {
             const sourceCode = context.sourceCode;
             const fullText = sourceCode.getText();
@@ -1206,23 +1238,27 @@ var lwc_token_to_slds_hook_default = {
         reportAndFix(node, property, suggestedMatch, messageId, data);
       },
       // LWC tokens inside var() functions: var(--lwc-*)
-      "Function[name='var'] Identifier[name=/^--lwc-/]"(node) {
-        const tokenName = node.name;
-        if (shouldIgnoreDetection(tokenName)) {
+      "Function[name='var']"(node) {
+        const lwcVarInfo = extractLwcVariableWithFallback(node, context.sourceCode);
+        if (!lwcVarInfo) {
+          return;
+        }
+        const { lwcToken, fallbackValue } = lwcVarInfo;
+        if (shouldIgnoreDetection(lwcToken)) {
           return;
         }
-        const { hasRecommendation, recommendation, replacementCategory } = getRecommendation(tokenName);
-        const { messageId, data } = getReportMessage(tokenName, replacementCategory, recommendation);
+        const { hasRecommendation, recommendation, replacementCategory } = getRecommendation(lwcToken);
+        const { messageId, data } = getReportMessage(lwcToken, replacementCategory, recommendation);
         let suggestedMatch = null;
         if (hasRecommendation) {
           if (replacementCategory === "slds_token" /* SLDS_TOKEN */) {
-            const originalVarCall = `var(${tokenName})`;
+            const originalVarCall = fallbackValue ? `var(${lwcToken}, ${fallbackValue})` : `var(${lwcToken})`;
             suggestedMatch = `var(${recommendation}, ${originalVarCall})`;
           } else if (replacementCategory === "raw_value" /* RAW_VALUE */) {
             suggestedMatch = recommendation;
           }
         }
-        reportAndFix(node, tokenName, suggestedMatch, messageId, data);
+        reportAndFix(node, lwcToken, suggestedMatch, messageId, data);
       }
     };
   }
@@ -2316,7 +2352,7 @@ var rules = {
 var plugin = {
   meta: {
     name: "@salesforce-ux/eslint-plugin-slds",
-    version: "1.0.2-internal"
+    version: "1.0.3-internal"
   },
   rules,
   configs: {}