@projectwallace/css-layer-tree 2.0.2 → 2.1.0

package/dist/css-layer-tree.js

@@ -1,23 +1,23 @@
-import * as p from "css-tree";
-class d {
+import { traverse as g, AT_RULE as m, LAYER_NAME as f, parse as b } from "@projectwallace/css-parser";
+class _ {
   /** @param {string} name */
-  constructor(e) {
-    this.name = e, this.is_anonymous = !1, this.children = /* @__PURE__ */ new Map(), this.locations = [];
+  constructor(t) {
+    this.name = t, this.is_anonymous = !1, this.children = /* @__PURE__ */ new Map(), this.locations = [];
   }
   /**
    * @param {string[]} path
    * @param {string} name
    * @param {T} location
    */
-  add_child(e, a, u) {
-    let s = this;
-    if (e.forEach((t) => {
-      s = s.children.get(t);
-    }), s.children.has(a))
-      u !== void 0 && s.children.get(a).locations.push(u);
+  add_child(t, r, n) {
+    let a = this;
+    if (t.forEach((e) => {
+      a = a.children.get(e);
+    }), a.children.has(r))
+      n !== void 0 && a.children.get(r).locations.push(n);
     else {
-      const t = new d(a);
-      u !== void 0 && t.locations.push(u), t.is_anonymous = a.startsWith("__anonymous"), s.children.set(a, t);
+      const e = new _(r);
+      n !== void 0 && e.locations.push(n), e.is_anonymous = r.startsWith("__anonymous"), a.children.set(r, e);
     }
   }
   /**
@@ -36,86 +36,90 @@ class d {
       name: this.name,
       is_anonymous: this.is_anonymous,
       locations: this.locations,
-      children: Array.from(this.children.values(), (e) => e.to_plain_object())
+      children: Array.from(this.children.values(), (t) => t.to_plain_object())
     };
   }
 }
-function _(i) {
-  let e = i.loc;
-  if (e)
-    return {
-      line: e.start.line,
-      column: e.start.column,
-      start: e.start.offset,
-      end: e.end.offset
-    };
+function h(s) {
+  return s.split(".").map((t) => t.trim());
 }
-function h(i) {
-  return i.name.toLowerCase() === "layer";
+function u(s) {
+  return {
+    line: s.line,
+    column: s.column,
+    start: s.start,
+    end: s.end
+  };
 }
-function c(i) {
-  return p.generate(i).split(".").map((e) => e.trim());
-}
-function g(i) {
-  let e = [], a = new d("root"), u = 0;
-  function s() {
-    return u++, `__anonymous-${u}__`;
+function k(s) {
+  let t = [], r = new _("root"), n = 0;
+  function a() {
+    return n++, `__anonymous-${n}__`;
   }
-  return p.walk(i, {
-    visit: "Atrule",
-    enter(t) {
-      if (h(t)) {
-        let n = _(t);
-        if (t.prelude === null) {
-          let r = s();
-          a.add_child(e, r, n), e.push(r);
-        } else if (t.prelude.type === "AtrulePrelude")
-          if (t.block === null) {
-            let r = p.findAll(t.prelude, (o) => o.type === "Layer").map((o) => o.name);
-            for (let o of r) {
-              let f = o.split(".").map((l) => l.trim());
-              for (let l = 0; l < f.length; l++) {
-                let y = f.slice(0, l), m = f[l], w = l === f.length - 1 ? { ...n } : void 0;
-                a.add_child(y, m, w);
+  return g(s, {
+    enter(e) {
+      if (e.type === m) {
+        if (e.name === "layer")
+          if (e.prelude) {
+            let i = e.prelude.text.split(",").map((l) => l.trim());
+            if (e.has_block)
+              for (let l of e.prelude.children)
+                l.type === f && (r.add_child(t, l.text, u(e)), t.push(l.text));
+            else
+              for (let l of i) {
+                let o = h(l);
+                for (let c = 0; c < o.length; c++) {
+                  let d = o.slice(0, c), p = o[c];
+                  if (p) {
+                    let y = c === o.length - 1 ? u(e) : void 0;
+                    r.add_child(d, p, y);
+                  }
+                }
+              }
+          } else {
+            let i = a();
+            r.add_child(t, i, u(e)), t.push(i);
+          }
+        else if (e.name === "import" && e.prelude) {
+          for (let i of e.prelude.children)
+            if (i.type === f) {
+              if (i.name.trim())
+                for (let l of h(i.name))
+                  r.add_child(t, l, u(e)), t.push(l);
+              else {
+                let l = a();
+                r.add_child([], l, u(e));
               }
+              break;
             }
-          } else
-            for (let r of c(t.prelude))
-              a.add_child(e, r, n), e.push(r);
-      } else if (t.name.toLowerCase() === "import" && t.prelude !== null && t.prelude.type === "AtrulePrelude") {
-        let n = _(t), r = t.prelude, o = p.find(r, (l) => l.type === "Layer");
-        if (o) {
-          for (let l of c(o))
-            a.add_child(e, l, n), e.push(l);
-          return this.skip;
         }
-        if (p.find(r, (l) => l.type === "Identifier" && l.name.toLowerCase() === "layer"))
-          return a.add_child([], s(), n), this.skip;
       }
     },
-    leave(t) {
-      if (h(t))
-        if (t.prelude !== null && t.prelude.type === "AtrulePrelude") {
-          let n = c(t.prelude);
-          for (let r = 0; r < n.length; r++)
-            e.pop();
-        } else
-          e.pop();
-      else t.name.toLowerCase() === "import" && (e.length = 0);
+    leave(e) {
+      if (e.type === m)
+        if (e.name === "layer")
+          if (e.prelude && e.has_block) {
+            for (let i of e.prelude.children)
+              if (i.type === f) {
+                let l = h(i.text);
+                for (let o = 0; o < l.length; o++)
+                  t.pop();
+                break;
+              }
+          } else
+            t.pop();
+        else e.name === "import" && (t.length = 0);
     }
-  }), a.to_plain_object().children;
+  }), r.to_plain_object().children;
 }
-function k(i) {
-  let e = p.parse(i, {
-    positions: !0,
-    parseAtrulePrelude: !0,
-    parseValue: !1,
-    parseRulePrelude: !1,
-    parseCustomProperty: !1
+function v(s) {
+  let t = b(s, {
+    parse_selectors: !1,
+    parse_values: !1
   });
-  return g(e);
+  return k(t);
 }
 export {
-  k as layer_tree,
-  g as layer_tree_from_ast
+  v as layer_tree,
+  k as layer_tree_from_ast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectwallace/css-layer-tree",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "Discover the composition of your CSS @layers in a tree-based format.",
   "repository": {
     "type": "git",
@@ -25,21 +25,17 @@
   "scripts": {
     "build": "vite build",
     "test": "c8 --reporter=lcov uvu",
-    "check": "tsc",
+    "check": "tsc --noEmit",
     "prettier": "prettier --check src/**/*.js test/**/*.js"
   },
   "devDependencies": {
     "@codecov/vite-plugin": "^1.2.1",
-    "@types/css-tree": "^2.3.8",
     "c8": "^10.1.2",
     "prettier": "^3.3.3",
     "typescript": "5.4.2",
     "uvu": "^0.5.6",
     "vite": "^5.4.10"
   },
-  "dependencies": {
-    "css-tree": "^3.0.0"
-  },
   "files": [
     "dist",
     "index.d.ts"
@@ -58,5 +54,8 @@
     "useTabs": true,
     "printWidth": 140,
     "singleQuote": true
+  },
+  "dependencies": {
+    "@projectwallace/css-parser": "^0.12.2"
   }
-}
+}