void-css - npm Package Compare versions

Comparing version 1.0.22 to 1.0.23

package.json

 {
   "name": "void-css",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "A JIT & statically compiled CSS processor",
@@ -5,0 +5,0 @@ "main": "index.js",

src/compiler/compiler.js

@@ -86,2 +86,3 @@ "use strict";
     const shiftBy = compress ? "" : ctx.config.indentationStyle;
+    const queryExtensions = ctx.queryExtensions.bind(ctx);
     for (let i = 0; i < tokens.length; i++) {
@@ -111,4 +112,5 @@ const token = tokens[i];
         else if (["keyframesPropertyValue"].includes(name)) {
+            const value = queryExtensions("propertyValue", token.match.trim(), token);
             const semiColon = compress && tokens[i + 1]?.match.toString() === "}" ? "" : ";";
-            css += `${token.match.trim()}${semiColon}${compress ? "" : newLine}`;
+            css += `${value}${semiColon}${compress ? "" : newLine}`;
         }
@@ -115,0 +117,0 @@ else if (["keyframesBlockEnd"].includes(name)) {

src/compiler/compiler.ts

@@ -126,2 +126,3 @@ import Context, { Token } from "../context";
     const shiftBy = compress ? "" : ctx.config.indentationStyle;
+    const queryExtensions = ctx.queryExtensions.bind(ctx);
 
@@ -132,5 +133,5 @@ for (let i = 0; i < tokens.length; i++) {
 
-       
 
 
+
         if (["atSymbol", "keyframes", "keyframesWhiteSpace", "atKeyframes"].includes(name)) {
@@ -151,4 +152,5 @@ css += `${token.match}`;
         } else if (["keyframesPropertyValue"].includes(name)) {
+            const value = queryExtensions("propertyValue", token.match.trim(), token);
             const semiColon = compress && tokens[i + 1]?.match.toString() === "}" ? "" : ";";
-            css += `${token.match.trim()}${semiColon}${compress ? "" : newLine}`;
+            css += `${value}${semiColon}${compress ? "" : newLine}`;
         } else if (["keyframesBlockEnd"].includes(name)) {
@@ -166,12 +168,12 @@ const match = token.match.trim();
 
-         // handles empty keyframes
-         /* if (["atSymbol", "atKeyframes"].includes(name)) {
-            const endIndex = tokens.slice(i).findIndex(v => (v.renamed || v.name) === "keyframesScopeEnd")
-            const propertyIndex = tokens.slice(i).findIndex(v => (v.renamed || v.name) === "keyframesBlockPropertyName")
+        // handles empty keyframes
+        /* if (["atSymbol", "atKeyframes"].includes(name)) {
+           const endIndex = tokens.slice(i).findIndex(v => (v.renamed || v.name) === "keyframesScopeEnd")
+           const propertyIndex = tokens.slice(i).findIndex(v => (v.renamed || v.name) === "keyframesBlockPropertyName")
 
-            if (endIndex < propertyIndex) {
-                i = endIndex;
-                continue;
-            }
-        } */
+           if (endIndex < propertyIndex) {
+               i = endIndex;
+               continue;
+           }
+       } */
     }
@@ -178,0 +180,0 @@ return css;

No alert changes

Improved metrics

Total package byte prevSize

207787

increased by0.13%

Lines of code

4340

increased by0.09%

No dependency changes