release

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to the extension will be documented in this file.
 
+## [2.0.12] - 2025-01-01
+
+- Fixed escape character breaking css intellisense
+
 ## [2.0.11] - 2024-11-06
 
 - Added maud support (."container")

src/parser.ts

@@ -20,7 +20,7 @@ export interface Style {
 
 export function parse(text: string) {
   const selector =
-    /([.#])(-?[_a-zA-Z]+[\\!+_a-zA-Z0-9-]*)(?=[#.,()\s\[\]\^:*"'>=_a-zA-Z0-9-]*{[^}]*})/g;
+    /([.#])(-?[_a-zA-Z\]+[\\!+_a-zA-Z0-9-]*)(?=[#.,()\s\[\]\^:*"'>=_a-zA-Z0-9-]*{[^}]*})/g;
   const styles: Style[] = [];
   const lc = lineColumn(text, { origin: 0 });
   let match,
@@ -40,7 +40,7 @@ export function parse(text: string) {
       line,
       col,
       type: match[1] as StyleType,
-      selector: match[2].replaceAll("\\", ''),
+      selector: match[2].replaceAll("\\", ""),
     });
   }
   return styles;

test/suite/parser.test.ts

@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) 1986-2024 Ecmel Ercan (https://ecmel.dev/)
+ * Licensed under the MIT License
+ */
+
+import assert from "assert";
+import { describe, it } from "mocha";
+import { parse } from "../../src/parser";
+
+describe("parser", () => {
+  it("should parse escaped classes", async () => {
+    const css = `
+      .\+pd-all-lg {
+	      padding: 64px!important;
+      }
+      .\+pd-all-md {
+        padding: 32px!important;
+      }
+      .\+pd-all-sm {
+        padding: 7.999px!important;
+      }
+      .\+pd-all-none {
+        padding: 0!important;
+      }
+    `;
+    const res = parse(css);
+    assert.strictEqual(res.length, 4);
+  });
+});