@navita/engine 0.0.8 → 0.0.10

package/index.d.ts

@@ -11,6 +11,7 @@ type UsedIdCache = {
     [key in CacheKeys]?: (string | number)[];
 };
 type Options = {
+    context?: string;
     enableSourceMaps?: boolean;
     enableDebugIdentifiers?: boolean;
 };

package/index.js

@@ -154,7 +154,8 @@ function printSourceMap(sourceMapReferences, content) {
         return content;
     }
     const sourceMap$1 = new sourceMap.SourceMapGenerator({
-        file: "navita.css"
+        file: "navita.css",
+        skipValidation: true
     });
     const references = entries.flatMap(([filePath, references])=>references.map((reference)=>({
                 filePath,
@@ -646,6 +647,10 @@ function processStyles({ cache , type  }) {
                 if (typeof value === "string") {
                     newValue = value.trim().replace(/;[\n\s]*$/, "");
                 }
+                // Check if value starts with --, if so, wrap in var()
+                if (typeof newValue === "string" && newValue.startsWith("--")) {
+                    newValue = `var(${value})`;
+                }
                 if (typeof value === "number") {
                     newValue = pixelifyProperties(newProperty, value);
                 }
@@ -752,10 +757,11 @@ class Engine {
         const { name  } = path.parse(filePath);
         const extraClass = this.options.enableDebugIdentifiers ? `${name}_${identifier}` : '';
         const selector = '.' + classList.toString().split(' ').concat(extraClass).filter(Boolean).join('.');
-        if (index === 0 || !this.sourceMapReferences[filePath]) {
-            this.sourceMapReferences[filePath] = [];
+        const newFilePath = path.relative(this.options.context || process.cwd(), filePath);
+        if (index === 0 || !this.sourceMapReferences[newFilePath]) {
+            this.sourceMapReferences[newFilePath] = [];
         }
-        this.sourceMapReferences[filePath][index] = {
+        this.sourceMapReferences[newFilePath][index] = {
             selector,
             line,
             column

package/index.mjs

@@ -152,7 +152,8 @@ function printSourceMap(sourceMapReferences, content) {
         return content;
     }
     const sourceMap = new SourceMapGenerator({
-        file: "navita.css"
+        file: "navita.css",
+        skipValidation: true
     });
     const references = entries.flatMap(([filePath, references])=>references.map((reference)=>({
                 filePath,
@@ -644,6 +645,10 @@ function processStyles({ cache , type  }) {
                 if (typeof value === "string") {
                     newValue = value.trim().replace(/;[\n\s]*$/, "");
                 }
+                // Check if value starts with --, if so, wrap in var()
+                if (typeof newValue === "string" && newValue.startsWith("--")) {
+                    newValue = `var(${value})`;
+                }
                 if (typeof value === "number") {
                     newValue = pixelifyProperties(newProperty, value);
                 }
@@ -750,10 +755,11 @@ class Engine {
         const { name  } = path.parse(filePath);
         const extraClass = this.options.enableDebugIdentifiers ? `${name}_${identifier}` : '';
         const selector = '.' + classList.toString().split(' ').concat(extraClass).filter(Boolean).join('.');
-        if (index === 0 || !this.sourceMapReferences[filePath]) {
-            this.sourceMapReferences[filePath] = [];
+        const newFilePath = path.relative(this.options.context || process.cwd(), filePath);
+        if (index === 0 || !this.sourceMapReferences[newFilePath]) {
+            this.sourceMapReferences[newFilePath] = [];
         }
-        this.sourceMapReferences[filePath][index] = {
+        this.sourceMapReferences[newFilePath][index] = {
             selector,
             line,
             column

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navita/engine",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Navitas CSS-in-JS engine",
   "keywords": [
     "css-in-js",