@styleframe/transpiler 2.1.0 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @styleframe/transpiler
 
+## 2.3.0
+
+### Minor Changes
+
+- [#68](https://github.com/styleframe-dev/styleframe/pull/68) [`653d1fc`](https://github.com/styleframe-dev/styleframe/commit/653d1fc4e8fb80f8c3371e728ffc962cf1fb1cec) Thanks [@alexgrozav](https://github.com/alexgrozav)! - feat: add support for dot notation in variable names
+
+### Patch Changes
+
+- [#65](https://github.com/styleframe-dev/styleframe/pull/65) [`7d32059`](https://github.com/styleframe-dev/styleframe/commit/7d320590a311ace8882a5a29db3a911c24b53710) Thanks [@alexgrozav](https://github.com/alexgrozav)! - fix: do not generate default keyword for utilities
+
+- Updated dependencies [[`653d1fc`](https://github.com/styleframe-dev/styleframe/commit/653d1fc4e8fb80f8c3371e728ffc962cf1fb1cec)]:
+  - @styleframe/core@2.3.0
+
+## 2.2.0
+
+### Minor Changes
+
+- [`628e650`](https://github.com/styleframe-dev/styleframe/commit/628e65039bae5e21ab9a66e16037e7e2791f8c8b) Thanks [@alexgrozav](https://github.com/alexgrozav)! - chore: update dependencies
+
+### Patch Changes
+
+- Updated dependencies [[`628e650`](https://github.com/styleframe-dev/styleframe/commit/628e65039bae5e21ab9a66e16037e7e2791f8c8b)]:
+  - @styleframe/core@2.2.0
+
 ## 2.1.0
 
 ### Minor Changes

package/dist/transpiler.js

@@ -1,42 +1,42 @@
-const ve = "	", N = ["charset", "import", "namespace"], R = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, I = ({
+const Ce = "	", N = ["charset", "import", "namespace"], R = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, I = ({
   name: e,
   value: t,
   modifiers: n
-}) => `._${[...n, e, t].filter(Boolean).join("\\:")}`, w = ({ name: e }) => e;
+}) => `._${[...n, e, ...t === "default" ? [] : [t]].filter(Boolean).join("\\:")}`, w = ({ name: e }) => e.replace(/^\.+|\.+$/g, "").replace(/\.+/g, "--");
 function L(e, t) {
   return `@${e}${t ? " " : ""}${t}`;
 }
-const P = /\d/, M = ["-", "_", "/", "."];
-function $(e = "") {
+const P = /\d/, $ = ["-", "_", "/", "."];
+function M(e = "") {
   if (!P.test(e))
     return e !== e.toLowerCase();
 }
 function U(e, t) {
-  const n = M, r = [];
+  const n = $, r = [];
   if (!e || typeof e != "string")
     return r;
-  let c = "", a, i;
+  let u = "", a, i;
   for (const s of e) {
     const o = n.includes(s);
     if (o === !0) {
-      r.push(c), c = "", a = void 0;
+      r.push(u), u = "", a = void 0;
       continue;
     }
-    const u = $(s);
+    const c = M(s);
     if (i === !1) {
-      if (a === !1 && u === !0) {
-        r.push(c), c = s, a = u;
+      if (a === !1 && c === !0) {
+        r.push(u), u = s, a = c;
         continue;
       }
-      if (a === !0 && u === !1 && c.length > 1) {
-        const f = c.at(-1);
-        r.push(c.slice(0, Math.max(0, c.length - 1))), c = f + s, a = u;
+      if (a === !0 && c === !1 && u.length > 1) {
+        const f = u.at(-1);
+        r.push(u.slice(0, Math.max(0, u.length - 1))), u = f + s, a = c;
         continue;
       }
     }
-    c += s, a = u, i = o;
+    u += s, a = c, i = o;
   }
-  return r.push(c), r;
+  return r.push(u), r;
 }
 function _(e, t) {
   return e ? (Array.isArray(e) ? e : U(e)).map((n) => n.toLowerCase()).join("-") : "";
@@ -72,12 +72,12 @@ function z(e, t) {
 function H(e, t) {
   return `var(${O(e)}${t ? `, ${t}` : ""})`;
 }
-function C(e, t) {
+function v(e, t) {
   return `${e} ${q(t)}`;
 }
 function Q(e) {
   return function(n, r) {
-    return Object.entries(n).map(([c, a]) => B(c, e(a, r)));
+    return Object.entries(n).map(([u, a]) => B(u, e(a, r)));
   };
 }
 function E(e) {
@@ -88,41 +88,41 @@ function E(e) {
 }
 function S(e) {
   const t = E(e), n = Q(e);
-  return function(c, a, i) {
-    const { variables: s, declarations: o, children: u } = a, f = c === ":root", l = (s ?? []).map(
+  return function(u, a, i) {
+    const { variables: s, declarations: o, children: c } = a, f = u === ":root", l = (s ?? []).map(
       (A) => t(A, i)
     ), m = n(
       o ?? {},
       i
-    ), y = (u ?? []).map(
+    ), p = (c ?? []).map(
       (A) => e(A, i)
-    ), d = l.length > 0, h = m.length > 0, v = y.length > 0;
-    return f ? `${d || h ? C(c, [
+    ), d = l.length > 0, h = m.length > 0, C = p.length > 0;
+    return f ? `${d || h ? v(u, [
       ...l,
       ...d && h ? [""] : [],
       ...m
-    ]) : ""}${v && (d || h) ? `
+    ]) : ""}${C && (d || h) ? `
 
-` : ""}${y.join(`
+` : ""}${p.join(`
 
-`)}` : C(c, [
+`)}` : v(u, [
       ...l,
-      ...d && (v || h) ? [""] : [],
+      ...d && (C || h) ? [""] : [],
       ...m,
-      ...h && v ? [""] : [],
-      ...y.flatMap(
-        (A, F) => F === y.length - 1 ? [A] : [A, ""]
+      ...h && C ? [""] : [],
+      ...p.flatMap(
+        (A, F) => F === p.length - 1 ? [A] : [A, ""]
       )
     ]);
   };
 }
 function Z(e) {
   const t = S(e);
-  return function(r, c) {
+  return function(r, u) {
     const a = N.includes(r.identifier), i = R.includes(
       r.identifier
-    ), s = Object.keys(r.declarations).length > 0, o = r.variables.length > 0, u = r.children.length > 0, f = L(r.identifier, r.rule);
-    return a || i && !(s || o || u) ? `${f};` : t(f, r, c);
+    ), s = Object.keys(r.declarations).length > 0, o = r.variables.length > 0, c = r.children.length > 0, f = L(r.identifier, r.rule);
+    return a || i && !(s || o || c) ? `${f};` : t(f, r, u);
   };
 }
 function W(e) {
@@ -167,7 +167,7 @@ function g(e) {
 }
 function oe(e) {
   if (e = e || {}, e.circular)
-    return ue(e);
+    return ce(e);
   const t = /* @__PURE__ */ new Map();
   if (t.set(Date, (i) => new Date(i)), t.set(
     Map,
@@ -179,25 +179,25 @@ function oe(e) {
     for (const i of e.constructorHandlers)
       t.set(i[0], i[1]);
   let n;
-  return e.proto ? a : c;
+  return e.proto ? a : u;
   function r(i, s) {
-    const o = Object.keys(i), u = Array.from({ length: o.length });
+    const o = Object.keys(i), c = Array.from({ length: o.length });
     for (let f = 0; f < o.length; f++) {
       const l = o[f], m = i[l];
-      typeof m != "object" || m === null ? u[l] = m : m.constructor !== Object && (n = t.get(m.constructor)) ? u[l] = n(m, s) : ArrayBuffer.isView(m) ? u[l] = g(m) : u[l] = s(m);
+      typeof m != "object" || m === null ? c[l] = m : m.constructor !== Object && (n = t.get(m.constructor)) ? c[l] = n(m, s) : ArrayBuffer.isView(m) ? c[l] = g(m) : c[l] = s(m);
     }
-    return u;
+    return c;
   }
-  function c(i) {
+  function u(i) {
     if (typeof i != "object" || i === null) return i;
-    if (Array.isArray(i)) return r(i, c);
+    if (Array.isArray(i)) return r(i, u);
     if (i.constructor !== Object && (n = t.get(i.constructor)))
-      return n(i, c);
+      return n(i, u);
     const s = {};
     for (const o in i) {
       if (Object.hasOwnProperty.call(i, o) === !1) continue;
-      const u = i[o];
-      typeof u != "object" || u === null ? s[o] = u : u.constructor !== Object && (n = t.get(u.constructor)) ? s[o] = n(u, c) : ArrayBuffer.isView(u) ? s[o] = g(u) : s[o] = c(u);
+      const c = i[o];
+      typeof c != "object" || c === null ? s[o] = c : c.constructor !== Object && (n = t.get(c.constructor)) ? s[o] = n(c, u) : ArrayBuffer.isView(c) ? s[o] = g(c) : s[o] = u(c);
     }
     return s;
   }
@@ -208,38 +208,38 @@ function oe(e) {
       return n(i, a);
     const s = {};
     for (const o in i) {
-      const u = i[o];
-      typeof u != "object" || u === null ? s[o] = u : u.constructor !== Object && (n = t.get(u.constructor)) ? s[o] = n(u, a) : ArrayBuffer.isView(u) ? s[o] = g(u) : s[o] = a(u);
+      const c = i[o];
+      typeof c != "object" || c === null ? s[o] = c : c.constructor !== Object && (n = t.get(c.constructor)) ? s[o] = n(c, a) : ArrayBuffer.isView(c) ? s[o] = g(c) : s[o] = a(c);
     }
     return s;
   }
 }
-function ue(e) {
+function ce(e) {
   const t = [], n = [], r = /* @__PURE__ */ new Map();
   if (r.set(Date, (o) => new Date(o)), r.set(
     Map,
-    (o, u) => new Map(a(Array.from(o), u))
+    (o, c) => new Map(a(Array.from(o), c))
   ), r.set(
     Set,
-    (o, u) => new Set(a(Array.from(o), u))
+    (o, c) => new Set(a(Array.from(o), c))
   ), e.constructorHandlers)
     for (const o of e.constructorHandlers)
       r.set(o[0], o[1]);
-  let c;
+  let u;
   return e.proto ? s : i;
-  function a(o, u) {
+  function a(o, c) {
     const f = Object.keys(o), l = Array.from({ length: f.length });
     for (let m = 0; m < f.length; m++) {
-      const y = f[m], d = o[y];
+      const p = f[m], d = o[p];
       if (typeof d != "object" || d === null)
-        l[y] = d;
-      else if (d.constructor !== Object && (c = r.get(d.constructor)))
-        l[y] = c(d, u);
+        l[p] = d;
+      else if (d.constructor !== Object && (u = r.get(d.constructor)))
+        l[p] = u(d, c);
       else if (ArrayBuffer.isView(d))
-        l[y] = g(d);
+        l[p] = g(d);
       else {
         const h = t.indexOf(d);
-        h !== -1 ? l[y] = n[h] : l[y] = u(d);
+        h !== -1 ? l[p] = n[h] : l[p] = c(d);
       }
     }
     return l;
@@ -247,53 +247,53 @@ function ue(e) {
   function i(o) {
     if (typeof o != "object" || o === null) return o;
     if (Array.isArray(o)) return a(o, i);
-    if (o.constructor !== Object && (c = r.get(o.constructor)))
-      return c(o, i);
-    const u = {};
-    t.push(o), n.push(u);
+    if (o.constructor !== Object && (u = r.get(o.constructor)))
+      return u(o, i);
+    const c = {};
+    t.push(o), n.push(c);
     for (const f in o) {
       if (Object.hasOwnProperty.call(o, f) === !1) continue;
       const l = o[f];
       if (typeof l != "object" || l === null)
-        u[f] = l;
-      else if (l.constructor !== Object && (c = r.get(l.constructor)))
-        u[f] = c(l, i);
+        c[f] = l;
+      else if (l.constructor !== Object && (u = r.get(l.constructor)))
+        c[f] = u(l, i);
       else if (ArrayBuffer.isView(l))
-        u[f] = g(l);
+        c[f] = g(l);
       else {
         const m = t.indexOf(l);
-        m !== -1 ? u[f] = n[m] : u[f] = i(l);
+        m !== -1 ? c[f] = n[m] : c[f] = i(l);
       }
     }
-    return t.pop(), n.pop(), u;
+    return t.pop(), n.pop(), c;
   }
   function s(o) {
     if (typeof o != "object" || o === null) return o;
     if (Array.isArray(o)) return a(o, s);
-    if (o.constructor !== Object && (c = r.get(o.constructor)))
-      return c(o, s);
-    const u = {};
-    t.push(o), n.push(u);
+    if (o.constructor !== Object && (u = r.get(o.constructor)))
+      return u(o, s);
+    const c = {};
+    t.push(o), n.push(c);
     for (const f in o) {
       const l = o[f];
       if (typeof l != "object" || l === null)
-        u[f] = l;
-      else if (l.constructor !== Object && (c = r.get(l.constructor)))
-        u[f] = c(l, s);
+        c[f] = l;
+      else if (l.constructor !== Object && (u = r.get(l.constructor)))
+        c[f] = u(l, s);
       else if (ArrayBuffer.isView(l))
-        u[f] = g(l);
+        c[f] = g(l);
       else {
         const m = t.indexOf(l);
-        m !== -1 ? u[f] = n[m] : u[f] = s(l);
+        m !== -1 ? c[f] = n[m] : c[f] = s(l);
       }
     }
-    return t.pop(), n.pop(), u;
+    return t.pop(), n.pop(), c;
   }
 }
 oe();
-function ce(e) {
+function ue(e) {
   return function(n, r) {
-    return n.value.map((c) => e(c, r)).join("").trim();
+    return n.value.map((u) => e(u, r)).join("").trim();
   };
 }
 function ie(e) {
@@ -312,10 +312,10 @@ function se(e) {
 }
 function ae(e) {
   const t = S(e);
-  return function(r, c) {
+  return function(r, u) {
     return r.themes.reduce(
-      (a, i) => (a.push(e(i, c)), a),
-      [t(":root", r, c)]
+      (a, i) => (a.push(e(i, u)), a),
+      [t(":root", r, u)]
       // Default theme (root)
     ).join(`
 
@@ -324,37 +324,37 @@ function ae(e) {
 }
 function le(e) {
   const t = S(e);
-  return function(r, c) {
-    return t(r.query, r, c);
+  return function(r, u) {
+    return t(r.query, r, u);
   };
 }
 function fe(e) {
   const t = S(e);
-  return function(r, c) {
-    const i = (c.theme?.selector ?? D)({ name: r.name });
-    return t(i, r, c);
+  return function(r, u) {
+    const i = (u.theme?.selector ?? D)({ name: r.name });
+    return t(i, r, u);
   };
 }
 function me(e) {
   const t = S(e);
-  return function(r, c) {
-    const a = [], s = (c.utilities?.selector ?? I)({
+  return function(r, u) {
+    const a = [], s = (u.utilities?.selector ?? I)({
       name: r.name,
       value: r.value,
       modifiers: r.modifiers
     });
-    return a.push(t(s, r, c)), a.join(`
+    return a.push(t(s, r, u)), a.join(`
 
 `);
   };
 }
-function p(e, t) {
-  const n = ae(p), r = le(p), c = me(p), a = Z(p), i = fe(p), s = E(p), o = se(p), u = ce(p), f = ie();
+function y(e, t) {
+  const n = ae(y), r = le(y), u = me(y), a = Z(y), i = fe(y), s = E(y), o = se(y), c = ue(y), f = ie();
   switch (!0) {
     case Y(e):
       return r(e, t);
     case ee(e):
-      return c(e, t);
+      return u(e, t);
     case X(e):
       return a(e, t);
     case re(e):
@@ -366,7 +366,7 @@ function p(e, t) {
     case G(e):
       return o(e, t);
     case te(e):
-      return u(e, t);
+      return c(e, t);
     default:
       return f(e, t);
   }
@@ -391,7 +391,7 @@ dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
 hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
 4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
 GwIDAQAB
------END PUBLIC KEY-----`, ye = "__licenseRequired", pe = "__licenseValidated";
+-----END PUBLIC KEY-----`, pe = "__licenseRequired", ye = "__licenseValidated";
 async function he(e) {
   const t = e.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s/g, ""), n = Uint8Array.from(atob(t), (r) => r.charCodeAt(0));
   return await crypto.subtle.importKey(
@@ -412,10 +412,10 @@ async function be({
   const n = new TextEncoder().encode(e), r = Uint8Array.from(
     atob(t),
     (a) => a.charCodeAt(0)
-  ), c = await he(de);
+  ), u = await he(de);
   if (!await crypto.subtle.verify(
     { name: "RSASSA-PKCS1-v1_5" },
-    c,
+    u,
     r,
     n
   ))
@@ -425,12 +425,12 @@ async function be({
   return JSON.parse(e);
 }
 function Ae(e) {
-  return Object.prototype.hasOwnProperty.call(e, ye);
+  return Object.prototype.hasOwnProperty.call(e, pe);
 }
 async function ge(e) {
   const t = Object.getOwnPropertyDescriptor(
     e,
-    pe
+    ye
   );
   if (!t?.value)
     return {
@@ -490,35 +490,35 @@ function j(e, t = "") {
     content: t
   };
 }
-async function Ce(e, {
+async function ve(e, {
   type: t = "all",
-  consumers: n = { css: p, ts: T }
+  consumers: n = { css: y, ts: T }
 } = {}) {
-  const r = { files: [] }, c = e.options;
+  const r = { files: [] }, u = e.options;
   if (Ae(e)) {
     const s = await ge(e);
     (!s.valid || s.instanceId !== e.id) && Se(e);
   }
   const { recipes: a, ...i } = e.root;
   if (t === "all" || t === "css") {
-    const s = j("index.css", n.css(i, c));
+    const s = j("index.css", n.css(i, u));
     r.files.push(s);
   }
   if (t === "all" || t === "ts") {
-    const s = j("index.ts", n.ts([], c));
+    const s = j("index.ts", n.ts([], u));
     r.files.push(s);
   }
   return r;
 }
 export {
-  ve as DEFAULT_INDENT,
+  Ce as DEFAULT_INDENT,
   N as STATEMENT_AT_RULES,
   R as STATEMENT_OR_BLOCK_AT_RULES,
   k as addIndentToLine,
-  p as consumeCSS,
+  y as consumeCSS,
   T as consumeTS,
   Z as createAtRuleConsumer,
-  ce as createCSSTemplateLiteralConsumer,
+  ue as createCSSTemplateLiteralConsumer,
   S as createContainerConsumer,
   Q as createDeclarationsConsumer,
   j as createFile,
@@ -534,5 +534,5 @@ export {
   w as defaultVariableNameFn,
   V as indentLines,
   x as toKebabCase,
-  Ce as transpile
+  ve as transpile
 };

package/dist/transpiler.umd.cjs

@@ -1,4 +1,4 @@
-(function(m,T){typeof exports=="object"&&typeof module<"u"?T(exports):typeof define=="function"&&define.amd?define(["exports"],T):(m=typeof globalThis<"u"?globalThis:m||self,T(m.transpiler={}))})(this,(function(m){"use strict";const F=["charset","import","namespace"],O=["layer"],B=({name:e})=>`[data-theme="${e}"]`,R=({name:e,value:t,modifiers:n})=>`._${[...n,e,t].filter(Boolean).join("\\:")}`,v=({name:e})=>e;function Z(e,t){return`@${e}${t?" ":""}${t}`}const W=/\d/,J=["-","_","/","."];function G(e=""){if(!W.test(e))return e!==e.toLowerCase()}function Y(e,t){const n=J,r=[];if(!e||typeof e!="string")return r;let c="",s,i;for(const a of e){const o=n.includes(a);if(o===!0){r.push(c),c="",s=void 0;continue}const u=G(a);if(i===!1){if(s===!1&&u===!0){r.push(c),c=a,s=u;continue}if(s===!0&&u===!1&&c.length>1){const f=c.at(-1);r.push(c.slice(0,Math.max(0,c.length-1))),c=f+a,s=u;continue}}c+=a,s=u,i=o}return r.push(c),r}function X(e,t){return e?(Array.isArray(e)?e:Y(e)).map(n=>n.toLowerCase()).join("-"):""}function L(e){return`	${e}`}function D(e){return e.split(`
+(function(m,T){typeof exports=="object"&&typeof module<"u"?T(exports):typeof define=="function"&&define.amd?define(["exports"],T):(m=typeof globalThis<"u"?globalThis:m||self,T(m.transpiler={}))})(this,(function(m){"use strict";const F=["charset","import","namespace"],O=["layer"],B=({name:e})=>`[data-theme="${e}"]`,R=({name:e,value:t,modifiers:n})=>`._${[...n,e,...t==="default"?[]:[t]].filter(Boolean).join("\\:")}`,v=({name:e})=>e.replace(/^\.+|\.+$/g,"").replace(/\.+/g,"--");function Z(e,t){return`@${e}${t?" ":""}${t}`}const W=/\d/,J=["-","_","/","."];function G(e=""){if(!W.test(e))return e!==e.toLowerCase()}function Y(e,t){const n=J,r=[];if(!e||typeof e!="string")return r;let c="",s,i;for(const a of e){const o=n.includes(a);if(o===!0){r.push(c),c="",s=void 0;continue}const u=G(a);if(i===!1){if(s===!1&&u===!0){r.push(c),c=a,s=u;continue}if(s===!0&&u===!1&&c.length>1){const f=c.at(-1);r.push(c.slice(0,Math.max(0,c.length-1))),c=f+a,s=u;continue}}c+=a,s=u,i=o}return r.push(c),r}function X(e,t){return e?(Array.isArray(e)?e:Y(e)).map(n=>n.toLowerCase()).join("-"):""}function L(e){return`	${e}`}function D(e){return e.split(`
 `).map(t=>L(t)).join(`
 `)}function _(e){return X(e)}function x(e){return _(e)}function I(e,t){return`${e.startsWith("--")?e:x(e)}: ${t};`}function ee(e){return`{${e.length>0?`
 `:""}${e.map(t=>`${D(`${t}`)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleframe/transpiler",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "type": "module",
   "types": "./dist/transpiler.d.ts",
   "module": "./dist/transpiler.js",
@@ -22,13 +22,13 @@
     "scule": "^1.3.0"
   },
   "peerDependencies": {
-    "@styleframe/core": "^2.1.0",
+    "@styleframe/core": "^2.3.0",
     "@styleframe/license": "^2.0.0"
   },
   "devDependencies": {
-    "@styleframe/config-typescript": "^1",
-    "@styleframe/config-vite": "^1",
-    "@styleframe/core": "^2.1.0",
+    "@styleframe/config-typescript": "^2",
+    "@styleframe/config-vite": "^2",
+    "@styleframe/core": "^2.3.0",
     "@styleframe/license": "^2.0.0",
     "@vitest/coverage-v8": "^3.2.4",
     "typescript": "^5.8.3",