@projectwallace/css-layer-tree 1.0.0 → 2.0.0-alpha.0

package/README.md

@@ -11,7 +11,7 @@ npm install @projectwallace/css-layer-tree
 ## Usage
 
 ```js
-import { get_tree } from '@projectwallace/css-layer-tree'
+import { layer_tree } from '@projectwallace/css-layer-tree'
 
 let css = `
 @import url("test.css") layer;
@@ -25,7 +25,7 @@ let css = `
 @layer {}
 `
 
-let tree = get_tree(css)
+let tree = layer_tree(css)
 ```
 
 This example would result in this `tree`:

package/dist/css-layer-tree.js

@@ -2,28 +2,28 @@ import * as u from "css-tree";
 class f {
   /** @param {string} name */
   constructor(e) {
-    this.name = e, this.children = /* @__PURE__ */ new Map(), this.locations = [];
+    this.name = e, this.is_anonymous = !1, this.children = /* @__PURE__ */ new Map(), this.locations = [];
   }
   /**
-   *
    * @param {string[]} path
    * @param {string} name
    * @param {T} location
    */
   add_child(e, l, p) {
-    let n = this;
+    let s = this;
     if (e.forEach((t) => {
-      n = n.children.get(t);
-    }), n.children.has(l))
-      n.children.get(l).locations.push(p);
+      s = s.children.get(t);
+    }), s.children.has(l))
+      s.children.get(l).locations.push(p);
     else {
       const t = new f(l);
-      t.locations.push(p), n.children.set(l, t);
+      t.locations.push(p), t.is_anonymous = l.startsWith("__anonymous"), s.children.set(l, t);
     }
   }
   /**
    * @typedef PlainObject
    * @property {string} name
+   * @property {boolean} is_anonymous
    * @property {T[]} locations
    * @property {PlainObject[]} children
    */
@@ -34,13 +34,14 @@ class f {
   to_plain_object() {
     return {
       name: this.name,
+      is_anonymous: this.is_anonymous,
       locations: this.locations,
       children: Array.from(this.children.values(), (e) => e.to_plain_object())
     };
   }
 }
-function d(i) {
-  let e = i.loc;
+function _(a) {
+  let e = a.loc;
   if (e)
     return {
       line: e.start.line,
@@ -49,51 +50,49 @@ function d(i) {
       end: e.end.offset
     };
 }
-function _(i) {
-  return i.name.toLowerCase() === "layer";
+function d(a) {
+  return a.name.toLowerCase() === "layer";
 }
-function c(i) {
-  return u.generate(i).split(".").map((e) => e.trim());
+function c(a) {
+  return u.generate(a).split(".").map((e) => e.trim());
 }
-function h(i) {
+function h(a) {
   let e = [], l = new f("root"), p = 0;
-  function n() {
+  function s() {
     return p++, `__anonymous-${p}__`;
   }
-  return u.walk(i, {
+  return u.walk(a, {
     visit: "Atrule",
     enter(t) {
-      if (_(t)) {
-        let s = d(t);
+      if (d(t)) {
+        let i = _(t);
         if (t.prelude === null) {
-          let r = n();
-          l.add_child(e, r, s), e.push(r);
+          let r = s();
+          l.add_child(e, r, i), e.push(r);
         } else if (t.prelude.type === "AtrulePrelude")
           if (t.block === null) {
-            let r = u.findAll(t.prelude, (o) => o.type === "Layer").map((o) => o.name);
-            for (let o of r)
-              l.add_child(e, o, s);
+            let r = u.findAll(t.prelude, (n) => n.type === "Layer").map((n) => n.name);
+            for (let n of r)
+              l.add_child(e, n, i);
           } else
             for (let r of c(t.prelude))
-              l.add_child(e, r, s), e.push(r);
+              l.add_child(e, r, i), e.push(r);
       } else if (t.name.toLowerCase() === "import" && t.prelude !== null && t.prelude.type === "AtrulePrelude") {
-        let s = d(t), r = t.prelude, o = u.find(r, (a) => a.type === "Layer");
-        if (o) {
-          for (let a of c(o))
-            l.add_child(e, a, s), e.push(a);
+        let i = _(t), r = t.prelude, n = u.find(r, (o) => o.type === "Layer");
+        if (n) {
+          for (let o of c(n))
+            l.add_child(e, o, i), e.push(o);
           return this.skip;
         }
-        if (u.find(r, (a) => a.type === "Function" && a.name.toLowerCase() === "layer"))
-          return l.add_child([], n(), s), this.skip;
-        if (u.find(r, (a) => a.type === "Identifier" && a.name.toLowerCase() === "layer"))
-          return l.add_child([], n(), s), this.skip;
+        if (u.find(r, (o) => o.type === "Identifier" && o.name.toLowerCase() === "layer"))
+          return l.add_child([], s(), i), this.skip;
       }
     },
     leave(t) {
-      if (_(t))
+      if (d(t))
         if (t.prelude !== null && t.prelude.type === "AtrulePrelude") {
-          let s = c(t.prelude);
-          for (let r = 0; r < s.length; r++)
+          let i = c(t.prelude);
+          for (let r = 0; r < i.length; r++)
             e.pop();
         } else
           e.pop();
@@ -101,8 +100,8 @@ function h(i) {
     }
   }), l.to_plain_object().children;
 }
-function w(i) {
-  let e = u.parse(i, {
+function m(a) {
+  let e = u.parse(a, {
     positions: !0,
     parseAtrulePrelude: !0,
     parseValue: !1,
@@ -112,6 +111,6 @@ function w(i) {
   return h(e);
 }
 export {
-  w as layer_tree,
+  m as layer_tree,
   h as layer_tree_from_ast
 };

package/index.d.ts

@@ -9,6 +9,7 @@ export type Location = {
 
 export type TreeNode = {
 	name: string;
+	is_anonymous: boolean;
 	children: TreeNode[];
 	locations: Location[];
 }

package/package.json

@@ -1,25 +1,27 @@
 {
   "name": "@projectwallace/css-layer-tree",
-  "version": "1.0.0",
-  "description": "Discover the composition of your CSS @layers",
+  "version": "2.0.0-alpha.0",
+  "description": "Discover the composition of your CSS @layers in a tree-based format.",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/projectwallace/css-layer-tree.git"
   },
+  "author": {
+    "name": "Bart Veneman"
+  },
   "homepage": "https://github.com/projectwallace/css-layer-tree",
   "issues": "https://github.com/projectwallace/css-layer-tree/issues",
   "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "type": "module",
-  "source": "src/index.js",
+  "main": "./dist/css-layer-tree.js",
+  "types": "./index.d.ts",
   "exports": {
     "types": "./index.d.ts",
-    "require": "./dist/css-layer-tree.umd.cjs",
     "default": "./dist/css-layer-tree.js"
   },
-  "types": "./index.d.ts",
-  "main": "./dist/css-layer-tree.umd.cjs",
-  "module": "./dist/css-layer-tree.js",
-  "unpkg": "./dist/css-layer-tree.umd.cjs",
   "scripts": {
     "build": "vite build",
     "test": "c8 --reporter=lcov uvu",

package/dist/css-layer-tree.umd.cjs

@@ -1 +0,0 @@
-(function(o,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("css-tree")):typeof define=="function"&&define.amd?define(["exports","css-tree"],p):(o=typeof globalThis<"u"?globalThis:o||self,p(o.cssLayerTree={},o.csstree))})(this,function(o,p){"use strict";function g(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(e,r,u.get?u:{enumerable:!0,get:()=>l[r]})}}return e.default=l,Object.freeze(e)}const f=g(p);class d{constructor(e){this.name=e,this.children=new Map,this.locations=[]}add_child(e,r,u){let a=this;if(e.forEach(t=>{a=a.children.get(t)}),a.children.has(r))a.children.get(r).locations.push(u);else{const t=new d(r);t.locations.push(u),a.children.set(r,t)}}to_plain_object(){return{name:this.name,locations:this.locations,children:Array.from(this.children.values(),e=>e.to_plain_object())}}}function y(l){let e=l.loc;if(e)return{line:e.start.line,column:e.start.column,start:e.start.offset,end:e.end.offset}}function h(l){return l.name.toLowerCase()==="layer"}function _(l){return f.generate(l).split(".").map(e=>e.trim())}function m(l){let e=[],r=new d("root"),u=0;function a(){return u++,`__anonymous-${u}__`}return f.walk(l,{visit:"Atrule",enter(t){if(h(t)){let s=y(t);if(t.prelude===null){let n=a();r.add_child(e,n,s),e.push(n)}else if(t.prelude.type==="AtrulePrelude")if(t.block===null){let n=f.findAll(t.prelude,c=>c.type==="Layer").map(c=>c.name);for(let c of n)r.add_child(e,c,s)}else for(let n of _(t.prelude))r.add_child(e,n,s),e.push(n)}else if(t.name.toLowerCase()==="import"&&t.prelude!==null&&t.prelude.type==="AtrulePrelude"){let s=y(t),n=t.prelude,c=f.find(n,i=>i.type==="Layer");if(c){for(let i of _(c))r.add_child(e,i,s),e.push(i);return this.skip}if(f.find(n,i=>i.type==="Function"&&i.name.toLowerCase()==="layer"))return r.add_child([],a(),s),this.skip;if(f.find(n,i=>i.type==="Identifier"&&i.name.toLowerCase()==="layer"))return r.add_child([],a(),s),this.skip}},leave(t){if(h(t))if(t.prelude!==null&&t.prelude.type==="AtrulePrelude"){let s=_(t.prelude);for(let n=0;n<s.length;n++)e.pop()}else e.pop();else t.name.toLowerCase()==="import"&&(e.length=0)}}),r.to_plain_object().children}function w(l){let e=f.parse(l,{positions:!0,parseAtrulePrelude:!0,parseValue:!1,parseRulePrelude:!1,parseCustomProperty:!1});return m(e)}o.layer_tree=w,o.layer_tree_from_ast=m,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});