cmat 0.0.21 → 0.0.23

package/tailwind/utils/json-to-sass-map.js

@@ -1,67 +1,59 @@
 const _ = require('lodash');
+const Color = require('colorjs.io').default;
 
-module.exports = (data) =>
-{
-    if ( !data )
-    {
+module.exports = (data) => {
+    if (!data) {
         return;
     }
 
     data = JSON.parse(data);
 
-    const getSCSS = (chunk) =>
-    {
+    const getSCSS = (chunk) => {
         let scss = '';
 
-        if ( typeof chunk === "object" && !Array.isArray(chunk) )
-        {
-            _.mapKeys(chunk, (value, key) =>
-            {
+        if (typeof chunk === "object" && !Array.isArray(chunk)) {
+            _.mapKeys(chunk, (value, key) => {
                 scss += key + ': ';
 
-                if ( typeof value === "object" )
-                {
-                    if ( Array.isArray(value) )
-                    {
+                if (typeof value === "object") {
+                    if (Array.isArray(value)) {
                         scss += '(';
-                        _.each(value, (val1) =>
-                        {
-                            if ( Array.isArray(val1) )
-                            {
-                                _.each(val1, (val2) =>
-                                {
-                                    scss += val2 + ' ';
+                        _.each(value, (val1) => {
+                            if (Array.isArray(val1)) {
+                                _.each(val1, (val2) => {
+                                    scss += convertColor(val2) + ' ';
                                 });
                                 scss = scss.slice(0, -1) + ', ';
-                            }
-                            else
-                            {
-                                scss += val1 + ', ';
+                            } else {
+                                scss += convertColor(val1) + ', ';
                             }
                         });
                         scss = scss.slice(0, -2);
                         scss += ')';
-                    }
-                    else
-                    {
+                    } else {
                         scss += '(' + getSCSS(value) + ')';
                     }
-                }
-                else
-                {
-                    scss += getSCSS(value);
+                } else {
+                    scss += convertColor(value);
                 }
                 scss += ', ';
             });
             scss = scss.slice(0, -2);
-        }
-        else
-        {
+        } else {
             scss += chunk;
         }
 
         return scss;
     };
 
+    const convertColor = (colorValue) => {
+        try {
+            const color = new Color(colorValue);
+            return color.to('srgb').toString({ format: 'hex' });
+        } catch (error) {
+            return colorValue; // Return original value if conversion fails
+        }
+    };
+
     return '$' + getSCSS(data) + ';';
-};
+};