fix: Fix including line break

sya-ri · Sep 2, 2024 · aa1472b · aa1472b
1 parent b055483
commit aa1472b
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/.changeset/rotten-hotels-own.md b/.changeset/rotten-hotels-own.md
@@ -0,0 +1,5 @@
+---
+"css-var-extract": patch
+---
+
+Fix including line break
diff --git a/packages/css-var-extract/src/extractCssVars.ts b/packages/css-var-extract/src/extractCssVars.ts
@@ -6,7 +6,7 @@ export const extractCssVars = (css: string): CssVars => {
     while (true) {
         const root = rootRegex.exec(css);
         if (!root) break;
-        const condition = root[1]?.trim() ?? "";
+        const condition = root[1]?.trim()?.replace("\n", " ") ?? "";
         if (!root[2]) break;
         const cssVarRegex = /\s*(--[^;]*):([^;]*);?\n*/g;
         while (true) {

diff --git a/packages/css-var-extract/tests/extractCssVars.test.ts b/packages/css-var-extract/tests/extractCssVars.test.ts
@@ -81,4 +81,16 @@ describe("ExtractCssVars", () => {
             },
         });
     });
+
+    it.each([
+        [[":root,", ".light { --primary: #fff }"]],
+        [[":root, .light", "{ --primary: #fff }"]],
+        [[":root, .light {", " --primary: #fff }"]],
+    ])("should be extracted including line break", (input) => {
+        expect(extractCssVars(input.join("\n"))).toEqual({
+            "--primary": {
+                ":root, .light": "#fff",
+            },
+        });
+    });
 });