@styleframe/transpiler 1.0.2 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @styleframe/transpiler
 
+## 1.1.0
+
+### Minor Changes
+
+- [#50](https://github.com/styleframe-dev/styleframe/pull/50) [`0593c52`](https://github.com/styleframe-dev/styleframe/commit/0593c52798b8846d3c49762621baeb66354e0356) Thanks [@alexgrozav](https://github.com/alexgrozav)! - feat: add license check integration
+
+### Patch Changes
+
+- Updated dependencies [[`0593c52`](https://github.com/styleframe-dev/styleframe/commit/0593c52798b8846d3c49762621baeb66354e0356)]:
+  - @styleframe/core@1.1.0
+
+## 1.0.3
+
+### Patch Changes
+
+- [#35](https://github.com/styleframe-dev/styleframe/pull/35) [`5d53569`](https://github.com/styleframe-dev/styleframe/commit/5d5356960af687884703f3de5d3d1638d8ee9d8a) Thanks [@alexgrozav](https://github.com/alexgrozav)! - fix: Update published files references in package.json
+
+- Updated dependencies [[`5d53569`](https://github.com/styleframe-dev/styleframe/commit/5d5356960af687884703f3de5d3d1638d8ee9d8a)]:
+  - @styleframe/core@1.0.2
+
 ## 1.0.2
 
 ### Patch Changes

package/dist/transpiler.d.ts

@@ -0,0 +1,120 @@
+import { AtRule } from '@styleframe/core';
+import { ContainerChild } from '@styleframe/core';
+import { CSS as CSS_2 } from '@styleframe/core';
+import { DeclarationsBlock } from '@styleframe/core';
+import { KebabCase } from 'scule';
+import { Reference } from '@styleframe/core';
+import { Root } from '@styleframe/core';
+import { Selector } from '@styleframe/core';
+import { Styleframe } from '@styleframe/core';
+import { StyleframeOptions } from '@styleframe/core';
+import { Theme } from '@styleframe/core';
+import { ThemeSelectorFn } from '@styleframe/core';
+import { Utility } from '@styleframe/core';
+import { UtilitySelectorFn } from '@styleframe/core';
+import { Variable } from '@styleframe/core';
+import { VariableNameFn } from '@styleframe/core';
+
+export declare function addIndentToLine(line: string): string;
+
+/**
+ * Consumes any token instance and returns the CSS string representation
+ */
+export declare function consumeCSS(instance: unknown, options: StyleframeOptions): string;
+
+export declare type ConsumeFunction = (instance: unknown, options: StyleframeOptions) => string;
+
+/**
+ * Consumes any token instance and returns the TS string representation
+ */
+export declare function consumeTS(instance: unknown, options: StyleframeOptions): string;
+
+/**
+ * Consumes a generic at-rule instance, equivalent to setting a CSS at-rule
+ * such as @media, @supports, @keyframes, etc.
+ */
+export declare function createAtRuleConsumer(consume: ConsumeFunction): (instance: AtRule, options: StyleframeOptions) => string;
+
+/**
+ * Base function for consuming container-like structures (Selector, AtRule)
+ */
+export declare function createContainerConsumer(consume: ConsumeFunction): (query: string, instance: {
+    variables?: Variable[];
+    declarations?: DeclarationsBlock;
+    children?: ContainerChild[];
+}, options: StyleframeOptions) => string;
+
+/**
+ * Consumes a CSS value, equivalent to the string body of a selector
+ */
+export declare function createCSSTemplateLiteralConsumer(consume: ConsumeFunction): (instance: CSS_2, options: StyleframeOptions) => string;
+
+/**
+ * Consumes a declarations block, equivalent to setting CSS properties
+ */
+export declare function createDeclarationsConsumer(consume: ConsumeFunction): (instance: DeclarationsBlock, options: StyleframeOptions) => string[];
+
+export declare function createFile(name: string, content?: string): OutputFile;
+
+/**
+ * Consumes a primitive instance, equivalent to setting a CSS value
+ */
+export declare function createPrimitiveConsumer(_consume: ConsumeFunction): (instance: unknown, _options: StyleframeOptions) => string;
+
+/**
+ * Consumes a ref instance, equivalent to referencing a CSS variable with optional fallback
+ */
+export declare function createRefConsumer(consume: ConsumeFunction): (instance: Reference, options: StyleframeOptions) => string;
+
+export declare function createRootConsumer(consume: ConsumeFunction): (instance: Root, options: StyleframeOptions) => string;
+
+/**
+ * Consumes a selector instance, equivalent to setting a CSS selector
+ */
+export declare function createSelectorConsumer(consume: ConsumeFunction): (instance: Selector, options: StyleframeOptions) => string;
+
+export declare function createThemeConsumer(consume: ConsumeFunction): (instance: Theme, options: StyleframeOptions) => string;
+
+/**
+ * Consumes a utility instance, equivalent to setting a utility CSS selector
+ */
+export declare function createUtilityConsumer(consume: ConsumeFunction): (instance: Utility, options: StyleframeOptions) => string;
+
+export declare function createVariableConsumer(consume: ConsumeFunction): (instance: Variable, options: StyleframeOptions) => string;
+
+export declare const DEFAULT_INDENT = "\t";
+
+export declare const defaultThemeSelectorFn: ThemeSelectorFn;
+
+export declare const defaultUtilitySelectorFn: UtilitySelectorFn;
+
+export declare const defaultVariableNameFn: VariableNameFn;
+
+export declare function indentLines(lines: string): string;
+
+export declare type Output = {
+    files: OutputFile[];
+};
+
+export declare type OutputFile = {
+    name: string;
+    content: string;
+};
+
+export declare const STATEMENT_AT_RULES: string[];
+
+export declare const STATEMENT_OR_BLOCK_AT_RULES: string[];
+
+export declare function toKebabCase<S extends string>(str: S): KebabCase<S>;
+
+export declare function transpile(instance: Styleframe, { type, consumers, }?: TranspileOptions): Promise<Output>;
+
+export declare type TranspileOptions = {
+    type?: "css" | "ts" | "all";
+    consumers?: {
+        css: ConsumeFunction;
+        ts: ConsumeFunction;
+    };
+};
+
+export { }

package/dist/transpiler.js

@@ -0,0 +1,538 @@
+const ve = "	", N = ["charset", "import", "namespace"], R = ["layer"], D = ({ name: e }) => `[data-theme="${e}"]`, I = ({
+  name: e,
+  value: t,
+  modifiers: r
+}) => `._${[...r, e, t].filter(Boolean).join("\\:")}`, w = ({ name: e }) => e;
+function L(e, t) {
+  return `@${e}${t ? " " : ""}${t}`;
+}
+const P = /\d/, M = ["-", "_", "/", "."];
+function $(e = "") {
+  if (!P.test(e))
+    return e !== e.toLowerCase();
+}
+function U(e, t) {
+  const r = M, n = [];
+  if (!e || typeof e != "string")
+    return n;
+  let u = "", a, i;
+  for (const s of e) {
+    const o = r.includes(s);
+    if (o === !0) {
+      n.push(u), u = "", a = void 0;
+      continue;
+    }
+    const c = $(s);
+    if (i === !1) {
+      if (a === !1 && c === !0) {
+        n.push(u), u = s, a = c;
+        continue;
+      }
+      if (a === !0 && c === !1 && u.length > 1) {
+        const f = u.at(-1);
+        n.push(u.slice(0, Math.max(0, u.length - 1))), u = f + s, a = c;
+        continue;
+      }
+    }
+    u += s, a = c, i = o;
+  }
+  return n.push(u), n;
+}
+function _(e, t) {
+  return e ? (Array.isArray(e) ? e : U(e)).map((r) => r.toLowerCase()).join("-") : "";
+}
+function k(e) {
+  return `	${e}`;
+}
+function V(e) {
+  return e.split(`
+`).map((t) => k(t)).join(`
+`);
+}
+function x(e) {
+  return _(e);
+}
+function K(e) {
+  return x(e);
+}
+function B(e, t) {
+  return `${e.startsWith("--") ? e : K(e)}: ${t};`;
+}
+function q(e) {
+  return `{${e.length > 0 ? `
+` : ""}${e.map((t) => `${V(`${t}`)}
+`).join("")}}`;
+}
+function O(e) {
+  return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
+}
+function z(e, t) {
+  return B(O(e), t);
+}
+function H(e, t) {
+  return `var(${O(e)}${t ? `, ${t}` : ""})`;
+}
+function C(e, t) {
+  return `${e} ${q(t)}`;
+}
+function Q(e) {
+  return function(r, n) {
+    return Object.entries(r).map(([u, a]) => B(u, e(a, n)));
+  };
+}
+function E(e) {
+  return function(r, n) {
+    const a = (n.variables?.name ?? w)({ name: r.name });
+    return z(a, e(r.value, n));
+  };
+}
+function S(e) {
+  const t = E(e), r = Q(e);
+  return function(u, a, i) {
+    const { variables: s, declarations: o, children: c } = a, f = u === ":root", l = (s ?? []).map(
+      (A) => t(A, i)
+    ), m = r(
+      o ?? {},
+      i
+    ), y = (c ?? []).map(
+      (A) => e(A, i)
+    ), d = l.length > 0, h = m.length > 0, v = y.length > 0;
+    return f ? `${d || h ? C(u, [
+      ...l,
+      ...d && h ? [""] : [],
+      ...m
+    ]) : ""}${v && (d || h) ? `
+
+` : ""}${y.join(`
+
+`)}` : C(u, [
+      ...l,
+      ...d && (v || h) ? [""] : [],
+      ...m,
+      ...h && v ? [""] : [],
+      ...y.flatMap(
+        (A, F) => F === y.length - 1 ? [A] : [A, ""]
+      )
+    ]);
+  };
+}
+function Z(e) {
+  const t = S(e);
+  return function(n, u) {
+    const a = N.includes(n.identifier), i = R.includes(
+      n.identifier
+    ), s = Object.keys(n.declarations).length > 0, o = n.variables.length > 0, c = n.children.length > 0, f = L(n.identifier, n.rule);
+    return a || i && !(s || o || c) ? `${f};` : t(f, n, u);
+  };
+}
+function W(e) {
+  return typeof e == "object" && e !== null;
+}
+function b(e, t) {
+  return W(e) && "type" in e && e.type === t;
+}
+function J(e) {
+  return b(e, "variable");
+}
+function G(e) {
+  return b(e, "reference");
+}
+function Y(e) {
+  return b(e, "selector");
+}
+function X(e) {
+  return b(e, "at-rule");
+}
+function ee(e) {
+  return b(e, "utility");
+}
+function te(e) {
+  return b(e, "css");
+}
+function ne(e) {
+  return b(e, "theme");
+}
+function re(e) {
+  return b(e, "root");
+}
+function g(e) {
+  if (e instanceof Buffer)
+    return Buffer.from(e);
+  const t = e.constructor;
+  return new t(
+    e.buffer.slice(0),
+    e.byteOffset,
+    e.byteLength / e.BYTES_PER_ELEMENT || 1
+  );
+}
+function oe(e) {
+  if (e = e || {}, e.circular)
+    return ce(e);
+  const t = /* @__PURE__ */ new Map();
+  if (t.set(Date, (i) => new Date(i)), t.set(
+    Map,
+    (i, s) => new Map(n(Array.from(i), s))
+  ), t.set(
+    Set,
+    (i, s) => new Set(n(Array.from(i), s))
+  ), e.constructorHandlers)
+    for (const i of e.constructorHandlers)
+      t.set(i[0], i[1]);
+  let r;
+  return e.proto ? a : u;
+  function n(i, s) {
+    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 ? c[l] = m : m.constructor !== Object && (r = t.get(m.constructor)) ? c[l] = r(m, s) : ArrayBuffer.isView(m) ? c[l] = g(m) : c[l] = s(m);
+    }
+    return c;
+  }
+  function u(i) {
+    if (typeof i != "object" || i === null) return i;
+    if (Array.isArray(i)) return n(i, u);
+    if (i.constructor !== Object && (r = t.get(i.constructor)))
+      return r(i, u);
+    const s = {};
+    for (const o in i) {
+      if (Object.hasOwnProperty.call(i, o) === !1) continue;
+      const c = i[o];
+      typeof c != "object" || c === null ? s[o] = c : c.constructor !== Object && (r = t.get(c.constructor)) ? s[o] = r(c, u) : ArrayBuffer.isView(c) ? s[o] = g(c) : s[o] = u(c);
+    }
+    return s;
+  }
+  function a(i) {
+    if (typeof i != "object" || i === null) return i;
+    if (Array.isArray(i)) return n(i, a);
+    if (i.constructor !== Object && (r = t.get(i.constructor)))
+      return r(i, a);
+    const s = {};
+    for (const o in i) {
+      const c = i[o];
+      typeof c != "object" || c === null ? s[o] = c : c.constructor !== Object && (r = t.get(c.constructor)) ? s[o] = r(c, a) : ArrayBuffer.isView(c) ? s[o] = g(c) : s[o] = a(c);
+    }
+    return s;
+  }
+}
+function ce(e) {
+  const t = [], r = [], n = /* @__PURE__ */ new Map();
+  if (n.set(Date, (o) => new Date(o)), n.set(
+    Map,
+    (o, c) => new Map(a(Array.from(o), c))
+  ), n.set(
+    Set,
+    (o, c) => new Set(a(Array.from(o), c))
+  ), e.constructorHandlers)
+    for (const o of e.constructorHandlers)
+      n.set(o[0], o[1]);
+  let u;
+  return e.proto ? s : i;
+  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];
+      if (typeof d != "object" || d === null)
+        l[y] = d;
+      else if (d.constructor !== Object && (u = n.get(d.constructor)))
+        l[y] = u(d, c);
+      else if (ArrayBuffer.isView(d))
+        l[y] = g(d);
+      else {
+        const h = t.indexOf(d);
+        h !== -1 ? l[y] = r[h] : l[y] = c(d);
+      }
+    }
+    return l;
+  }
+  function i(o) {
+    if (typeof o != "object" || o === null) return o;
+    if (Array.isArray(o)) return a(o, i);
+    if (o.constructor !== Object && (u = n.get(o.constructor)))
+      return u(o, i);
+    const c = {};
+    t.push(o), r.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)
+        c[f] = l;
+      else if (l.constructor !== Object && (u = n.get(l.constructor)))
+        c[f] = u(l, i);
+      else if (ArrayBuffer.isView(l))
+        c[f] = g(l);
+      else {
+        const m = t.indexOf(l);
+        m !== -1 ? c[f] = r[m] : c[f] = i(l);
+      }
+    }
+    return t.pop(), r.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 && (u = n.get(o.constructor)))
+      return u(o, s);
+    const c = {};
+    t.push(o), r.push(c);
+    for (const f in o) {
+      const l = o[f];
+      if (typeof l != "object" || l === null)
+        c[f] = l;
+      else if (l.constructor !== Object && (u = n.get(l.constructor)))
+        c[f] = u(l, s);
+      else if (ArrayBuffer.isView(l))
+        c[f] = g(l);
+      else {
+        const m = t.indexOf(l);
+        m !== -1 ? c[f] = r[m] : c[f] = s(l);
+      }
+    }
+    return t.pop(), r.pop(), c;
+  }
+}
+oe();
+function ue(e) {
+  return function(r, n) {
+    return r.value.map((u) => e(u, n)).join("").trim();
+  };
+}
+function ie(e) {
+  return function(r, n) {
+    return r != null ? `${r}` : "";
+  };
+}
+function se(e) {
+  return function(r, n) {
+    const a = (n.variables?.name ?? w)({ name: r.name });
+    return H(
+      a,
+      r.fallback ? e(r.fallback, n) : void 0
+    );
+  };
+}
+function ae(e) {
+  const t = S(e);
+  return function(n, u) {
+    return n.themes.reduce(
+      (a, i) => (a.push(e(i, u)), a),
+      [t(":root", n, u)]
+      // Default theme (root)
+    ).join(`
+
+`);
+  };
+}
+function le(e) {
+  const t = S(e);
+  return function(n, u) {
+    return t(n.query, n, u);
+  };
+}
+function fe(e) {
+  const t = S(e);
+  return function(n, u) {
+    const i = (u.theme?.selector ?? D)({ name: n.name });
+    return t(i, n, u);
+  };
+}
+function me(e) {
+  const t = S(e);
+  return function(n, u) {
+    const a = [], s = (u.utilities?.selector ?? I)({
+      name: n.name,
+      value: n.value,
+      modifiers: n.modifiers
+    });
+    return a.push(t(s, n, u)), a.join(`
+
+`);
+  };
+}
+function p(e, t) {
+  const r = ae(p), n = le(p), u = me(p), a = Z(p), i = fe(p), s = E(p), o = se(p), c = ue(p), f = ie();
+  switch (!0) {
+    case Y(e):
+      return n(e, t);
+    case ee(e):
+      return u(e, t);
+    case X(e):
+      return a(e, t);
+    case re(e):
+      return r(e, t);
+    case ne(e):
+      return i(e, t);
+    case J(e):
+      return s(e, t);
+    case G(e):
+      return o(e, t);
+    case te(e):
+      return c(e, t);
+    default:
+      return f(e, t);
+  }
+}
+function T(e, t) {
+  switch (!0) {
+    case Array.isArray(e):
+      return e.map((r) => T(r)).join(`
+`);
+    // case isRecipe(instance):
+    // 	return consumeRecipe(instance, options);
+    // 	break;
+    default:
+      return "";
+  }
+}
+const de = `-----BEGIN PUBLIC KEY-----
+MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs7zAFssgxOMPeo80iig4
+qSSshgNOLnW1gd4tPUrsezndaUrAKlsAys6XD8kuF+bBEIR0uFNSgKlqINLjWM1n
+BiTUzCctodyRaq6/tyFSoPLD35iblkwtfxKPM42lAJZsyTu9qoBr8MJyXmhDLuqA
+dQ8di7mQHz+mCy96jQR4lFSDfHMgl27qaAh5VboTBRxgZliN8D5Fl590QkS94wAj
+hC7NbH+hPcGc/qIaZSjZfyZeBIZS74qJkrzjEA7/pukROD8UQUrQ512HHZ6XlgMn
+4bWT2K9CpWbbhsKFTecCHuxlmPkFJNMuvAb/LdP08BSnpntlyAJcQeBrna2qBen+
+GwIDAQAB
+-----END PUBLIC KEY-----`, ye = "__licenseRequired", pe = "__licenseValidated";
+async function he(e) {
+  const t = e.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s/g, ""), r = Uint8Array.from(atob(t), (n) => n.charCodeAt(0));
+  return await crypto.subtle.importKey(
+    "spki",
+    r,
+    {
+      name: "RSASSA-PKCS1-v1_5",
+      hash: "SHA-256"
+    },
+    !0,
+    ["verify"]
+  );
+}
+async function be({
+  payload: e,
+  signature: t
+}) {
+  const r = new TextEncoder().encode(e), n = Uint8Array.from(
+    atob(t),
+    (a) => a.charCodeAt(0)
+  ), u = await he(de);
+  if (!await crypto.subtle.verify(
+    { name: "RSASSA-PKCS1-v1_5" },
+    u,
+    n,
+    r
+  ))
+    throw new Error(
+      "License validation failed: Invalid signature detected. The license may have been modified or corrupted."
+    );
+  return JSON.parse(e);
+}
+function Ae(e) {
+  return Object.prototype.hasOwnProperty.call(e, ye);
+}
+async function ge(e) {
+  const t = Object.getOwnPropertyDescriptor(
+    e,
+    pe
+  );
+  if (!t?.value)
+    return {
+      key: "",
+      instanceId: "",
+      environment: "",
+      valid: !1
+    };
+  const r = t.value;
+  if (typeof r != "object" || r === null || !("payload" in r) || !("signature" in r) || typeof r.payload != "string" || typeof r.signature != "string")
+    return {
+      key: "",
+      instanceId: "",
+      environment: "",
+      valid: !1
+    };
+  try {
+    return await be(
+      r
+    );
+  } catch {
+    return {
+      key: "",
+      instanceId: "",
+      environment: "",
+      valid: !1
+    };
+  }
+}
+function Se(e) {
+  const t = Math.floor(Math.random() * 100);
+  e.root.children.push({
+    type: "selector",
+    query: `html:nth-of-type(${t}n+1)::after`,
+    variables: [],
+    children: [],
+    declarations: {
+      content: '"Styleframe Pro: Development Mode – License required for production use"',
+      zIndex: 99999,
+      position: "fixed",
+      display: "block !important",
+      opacity: "1 !important",
+      bottom: 0,
+      left: 0,
+      background: "rgba(0, 0, 0, 0.5)",
+      color: "white",
+      fontSize: "12px",
+      lineHeight: "1",
+      padding: "0.5rem",
+      fontFamily: "sans-serif"
+    }
+  });
+}
+function j(e, t = "") {
+  return {
+    name: e,
+    content: t
+  };
+}
+async function Ce(e, {
+  type: t = "all",
+  consumers: r = { css: p, ts: T }
+} = {}) {
+  const n = { 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", r.css(i, u));
+    n.files.push(s);
+  }
+  if (t === "all" || t === "ts") {
+    const s = j("index.ts", r.ts([], u));
+    n.files.push(s);
+  }
+  return console.log(n.files), n;
+}
+export {
+  ve as DEFAULT_INDENT,
+  N as STATEMENT_AT_RULES,
+  R as STATEMENT_OR_BLOCK_AT_RULES,
+  k as addIndentToLine,
+  p as consumeCSS,
+  T as consumeTS,
+  Z as createAtRuleConsumer,
+  ue as createCSSTemplateLiteralConsumer,
+  S as createContainerConsumer,
+  Q as createDeclarationsConsumer,
+  j as createFile,
+  ie as createPrimitiveConsumer,
+  se as createRefConsumer,
+  ae as createRootConsumer,
+  le as createSelectorConsumer,
+  fe as createThemeConsumer,
+  me as createUtilityConsumer,
+  E as createVariableConsumer,
+  D as defaultThemeSelectorFn,
+  I as defaultUtilitySelectorFn,
+  w as defaultVariableNameFn,
+  V as indentLines,
+  x as toKebabCase,
+  Ce as transpile
+};