trying stuff

primer · Jun 20, 2023 · c7a895a · c7a895a
1 parent 7cc4c08
commit c7a895a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/__tests__/no-deprecated-colors.js b/__tests__/no-deprecated-colors.js
@@ -9,6 +9,7 @@ testRule({
     true,
     {
       deprecatedFile: path.join(__dirname, '../plugins/lib/primitives-v8.json')
+      // inlineFallback: true
     }
   ],
   fix: true,
@@ -72,6 +73,13 @@ testRule({
       code: '.x { border: 1px solid var(--color-neutral-emphasis); .foo { background-color: var(--color-neutral-emphasis); } }',
       fixed:
         '.x { border: 1px solid var(--borderColor-neutral-emphasis); .foo { background-color: var(--bgColor-neutral-emphasis); } }',
+      config: [
+        true,
+        {
+          deprecatedFile: path.join(__dirname, '../plugins/lib/primitives-v8.json'),
+          inlineFallback: false
+        }
+      ],
       warnings: [
         {
           message:

diff --git a/plugins/no-deprecated-colors.js b/plugins/no-deprecated-colors.js
@@ -20,6 +20,8 @@ const replacedVars = {}
 const newVars = {}
 
 module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
+  const {inlineFallback = false} = options
+
   if (!enabled) {
     return noop
   }
@@ -66,8 +68,11 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, contex
             }
           }
 
+          console.log('inlineFallback', inlineFallback)
+
           if (context.fix && replacement !== null) {
-            replacement = `${replacement}`
+            // replacement = `${replacement}`
+            replacement = `${replacement}${inlineFallback ? `, var(${variableName})` : ''}`
             replacedVars[variableName] = true
             newVars[replacement] = true
             if (node.type === 'atrule') {