@salty-css/core 0.0.1-alpha.3 → 0.0.1-alpha.300

package/helpers/viewport-clamp.d.ts

@@ -0,0 +1,9 @@
+interface ViewportClampConfig {
+    screenSize: number;
+    axis?: 'vertical' | 'horizontal';
+    minMultiplier?: number;
+    maxMultiplier?: number;
+    minMaxUnit?: string;
+}
+export declare const defineViewportClamp: (config: ViewportClampConfig) => (value: number, min?: number | undefined, max?: number | undefined) => string;
+export {};

package/helpers-CC5pFyba.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("path");var n=typeof document<"u"?document.currentScript:null;const c=()=>{let{pathname:e}=new URL(typeof document>"u"?require("url").pathToFileURL(__filename).href:n&&n.tagName.toUpperCase()==="SCRIPT"&&n.src||new URL("helpers-CC5pFyba.cjs",document.baseURI).href);for(;/core\/?(src\/)?$/.test(e)===!1;)e=i.join(e,"../");return e},o=async(e,t=10,r=0)=>r>=t?e:e instanceof Promise?await o(await e,r+1,t):typeof e=="function"&&"_shouldResolve"in e?await o(await e(),r+1,t):e;exports.getCorePackageRoot=c;exports.resolveExportValue=o;

package/helpers-nHqH4L9L.js

@@ -0,0 +1,11 @@
+import { join as i } from "path";
+const a = () => {
+  let { pathname: t } = new URL(import.meta.url);
+  for (; /core\/?(src\/)?$/.test(t) === !1; )
+    t = i(t, "../");
+  return t;
+}, n = async (t, r = 10, o = 0) => o >= r ? t : t instanceof Promise ? await n(await t, o + 1, r) : typeof t == "function" && "_shouldResolve" in t ? await n(await t(), o + 1, r) : t;
+export {
+  a as g,
+  n as r
+};

package/{dist/config/index.cjs → index-84Wroia-.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=e=>e;exports.defineConfig=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="/* Empty */";exports.default=e;

package/index-CituHO0U.js

@@ -0,0 +1,524 @@
+import * as Ct from "esbuild";
+import { execSync as Et } from "child_process";
+import { t as K, d as U } from "./dash-case-DBThphLm.js";
+import { join as i, parse as tt } from "path";
+import { existsSync as ft, mkdirSync as H, statSync as Ot, readdirSync as Mt, readFileSync as _, writeFileSync as P } from "fs";
+import { readFile as Ft } from "fs/promises";
+import { p as bt, a as Rt } from "./parse-styles-y_-drahL.js";
+import { parseTemplates as Jt, getTemplateTypes as zt } from "./parsers/index.js";
+import { createLogger as Wt, transports as Gt, format as rt } from "winston";
+import { mergeObjects as I, mergeFactories as Ht } from "./css/merge.js";
+import { d as It } from "./define-templates-4A2yHcMF.js";
+import lt from "typescript";
+import { r as mt, g as Kt } from "./helpers-nHqH4L9L.js";
+const Pt = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const e = i(t, "package.json");
+  return ft(e) ? e : Pt(i(t, ".."));
+}, Qt = async (t) => {
+  const e = Pt(t);
+  return await Ft(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, Bt = async (t) => {
+  const e = await Qt(t);
+  if (e)
+    return e.type;
+};
+let G;
+const jt = async (t) => {
+  if (G) return G;
+  const e = await Bt(t);
+  return e === "module" ? G = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (G = "cjs"), G || "esm";
+}, Z = Wt({
+  level: "debug",
+  format: rt.combine(rt.colorize(), rt.cli()),
+  transports: [new Gt.Console({})]
+}), pe = (t) => {
+  Z.error(t);
+};
+function Nt(t) {
+  return t ? typeof t != "string" ? Nt(String(t)) : t.replace(/[^\d\w]/g, ".") : "";
+}
+const Lt = {
+  /** Set box model to border-box */
+  "*, *::before, *::after": {
+    boxSizing: "border-box"
+  },
+  /** Remove default margin and padding */
+  "*": {
+    margin: 0
+  },
+  /** Remove adjust font properties */
+  html: {
+    lineHeight: 1.15,
+    textSizeAdjust: "100%",
+    WebkitFontSmoothing: "antialiased"
+  },
+  /** Make media elements responsive */
+  "img, picture, video, canvas, svg": {
+    display: "block",
+    maxWidth: "100%"
+  },
+  /** Avoid overflow of text */
+  "p, h1, h2, h3, h4, h5, h6": {
+    overflowWrap: "break-word"
+  },
+  /** Improve text wrapping */
+  p: {
+    textWrap: "pretty"
+  },
+  "h1, h2, h3, h4, h5, h6": {
+    textWrap: "balance"
+  },
+  /** Improve link color */
+  a: {
+    color: "currentColor"
+  },
+  /** Improve button line height */
+  button: {
+    lineHeight: "1em",
+    color: "currentColor"
+  },
+  /** Improve form elements */
+  "input, optgroup, select, textarea": {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15em"
+  }
+}, qt = (t, e) => new Promise((s, n) => {
+  const c = setTimeout(() => {
+    n(new Error("Timeout"));
+  }, 100), r = lt.createSourceFile("temp.ts", t, lt.ScriptTarget.Latest, !0);
+  function o(p) {
+    if (lt.isVariableDeclaration(p) && p.name.getText() === e) {
+      const h = p.getStart(), S = p.getEnd();
+      clearTimeout(c), s([h, S]);
+    }
+    p.forEachChild(o);
+  }
+  o(r);
+}), E = {
+  externalModules: [],
+  rcFile: void 0,
+  destDir: void 0
+}, xt = (t) => {
+  if (E.externalModules.length > 0) return E.externalModules;
+  const s = _(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!s) return [];
+  const n = s[1].split(",").map((c) => c.replace(/['"`]/g, "").trim());
+  return E.externalModules = n, n;
+}, z = async (t) => {
+  if (E.destDir) return E.destDir;
+  const e = await ut(t), s = i(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
+  return E.destDir = s, s;
+}, vt = ["salty", "css", "styles", "styled"], At = (t = []) => new RegExp(`\\.(${[...vt, ...t].join("|")})\\.`), pt = (t, e = []) => At(e).test(t), Dt = async (t) => {
+  if (E.rcFile) return E.rcFile;
+  if (t === "/") throw new Error("Could not find .saltyrc.json file");
+  const e = i(t, ".saltyrc.json"), s = await Ft(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+  return s ? (E.rcFile = s, s) : Dt(i(t, ".."));
+}, ut = async (t) => {
+  var n, c;
+  const e = await Dt(t), s = (n = e.projects) == null ? void 0 : n.find((r) => t.endsWith(r.dir || ""));
+  return s || ((c = e.projects) == null ? void 0 : c.find((r) => r.dir === e.defaultProject));
+}, Ut = async (t) => {
+  const e = await ut(t), s = await z(t), n = i(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), c = i(s, "salty.config.js"), r = await jt(t), o = xt(n);
+  await Ct.build({
+    entryPoints: [n],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: c,
+    format: r,
+    external: o
+  });
+  const p = Date.now(), { config: h } = await import(`${c}?t=${p}`);
+  return { config: h, path: c };
+}, Xt = async (t, e) => {
+  var ht, wt;
+  const s = await z(t), n = {
+    mediaQueries: [],
+    globalStyles: [],
+    variables: [],
+    templates: []
+  };
+  await Promise.all(
+    [...e].map(async (y) => {
+      const { contents: F, outputFilePath: q } = await et(t, y, s);
+      Object.entries(F).forEach(([D, j]) => {
+        j.isMedia ? n.mediaQueries.push([D, j]) : j.isGlobalDefine ? n.globalStyles.push(j) : j.isDefineVariables ? n.variables.push(j) : j.isDefineTemplates && n.templates.push(j._setPath(`${D};;${q}`));
+      });
+    })
+  );
+  const { config: c, path: r } = await Ut(t), o = { ...c }, { mediaQueries: p } = n;
+  o.mediaQueries = Object.fromEntries(p.map(([y, F]) => [`@${y}`, F]));
+  const h = p.map(([y]) => `'@${y}'`).join(" | "), S = /* @__PURE__ */ new Set(), a = async (y, F = []) => {
+    if (!y) return [];
+    const q = Object.entries(y).map(async ([j, J]) => {
+      const A = async (k) => {
+        if (!k) return;
+        if (k instanceof Promise) return await A(await k);
+        if (typeof k == "function") return await A(await k());
+        if (typeof k == "object") return await a(k, [...F, j]);
+        const at = Nt(j), it = U(j), ct = [...F, at].join(".");
+        S.add(`"${ct}"`);
+        const Y = [...F.map(U), it].join("-"), $t = Rt(k);
+        return $t ? `--${Y}: ${$t.transformed};` : `--${Y}: ${k};`;
+      };
+      return await A(J);
+    });
+    return (await Promise.all(q)).flat();
+  }, m = async (y) => {
+    if (!y) return [];
+    const F = Object.entries(y).map(async ([D, j]) => {
+      const J = await a(j);
+      return D === "base" ? J.join("") : o.mediaQueries[D] ? `${o.mediaQueries[D]} { ${J.join("")} }` : `${D} { ${J.join("")} }`;
+    });
+    return (await Promise.all(F)).flat();
+  }, u = async (y) => {
+    if (!y) return [];
+    const F = Object.entries(y).map(async ([D, j]) => {
+      const J = Object.entries(j).map(async ([k, at]) => {
+        const it = await a(at, [D]), ct = `.${D}-${k}, [data-${D}="${k}"]`, Y = it.join("");
+        return `${ct} { ${Y} }`;
+      });
+      return (await Promise.all(J)).flat();
+    });
+    return (await Promise.all(F)).flat();
+  }, d = (y) => ({ ...y, responsive: void 0, conditional: void 0 }), g = (y) => n.variables.map((F) => y === "static" ? d(F._current) : F._current[y]), b = I(d(c.variables), g("static")), v = await a(b), N = I((ht = c.variables) == null ? void 0 : ht.responsive, g("responsive")), T = await m(N), O = I((wt = c.variables) == null ? void 0 : wt.conditional, g("conditional")), W = await u(O), yt = i(s, "css/_variables.css"), M = `:root { ${v.join("")} ${T.join("")} } ${W.join("")}`;
+  P(yt, M), o.staticVariables = b;
+  const st = i(s, "css/_global.css"), l = I(c.global, n.globalStyles), w = await bt(l, "");
+  P(st, `@layer global { ${w} }`);
+  const C = i(s, "css/_reset.css"), $ = c.reset === "none" ? {} : typeof c.reset == "object" ? c.reset : Lt, x = await bt($, "");
+  P(C, `@layer reset { ${x} }`);
+  const V = i(s, "css/_templates.css"), R = I(c.templates, n.templates), Q = await Jt(R), B = zt(R);
+  P(V, `@layer templates { ${Q} }`), o.templates = R;
+  const X = c.templates ? [It(c.templates)._setPath(`config;;${r}`)] : [], nt = Ht(n.templates, X);
+  o.templatePaths = Object.fromEntries(Object.entries(nt).map(([y, F]) => [y, F._path]));
+  const L = i(s, "types/css-tokens.d.ts"), kt = `
+  // Variable types
+  type VariableTokens = ${[...S].join("|") || "''"}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(B).map(([y, F]) => `${y}?: ${F}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${h || "''"};
+  `;
+  P(L, kt);
+  const Tt = i(s, "cache/config-cache.json");
+  P(Tt, JSON.stringify(o, null, 2));
+  const _t = Kt(), Vt = i(_t, "cache/config-cache.json");
+  P(Vt, JSON.stringify(o, null, 2));
+}, St = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
+  if (/^['"`]/.test(s)) return e;
+  const c = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
+  if (!c.test(t)) return e;
+  const o = c.exec(t);
+  if (o) {
+    const p = o.at(1);
+    if (vt.some((S) => p == null ? void 0 : p.includes(S))) return e;
+  }
+  return "styled('div',";
+}), Yt = (t, e) => {
+  try {
+    const s = _(i(e, "saltygen/cache/config-cache.json"), "utf8");
+    return s ? `globalThis.saltyConfig = ${s};
+
+${t}` : `globalThis.saltyConfig = {};
+
+${t}`;
+  } catch {
+    return t;
+  }
+}, et = async (t, e, s) => {
+  const n = K(e), c = i(s, "./temp");
+  ft(c) || H(c);
+  const r = tt(e);
+  let o = _(e, "utf8");
+  o = St(o), o = Yt(o, t);
+  const p = i(s, "js", n + ".js"), h = await ut(t), S = i(t, (h == null ? void 0 : h.configDir) || "", "salty.config.ts"), a = xt(S), m = await jt(t);
+  await Ct.build({
+    stdin: {
+      contents: o,
+      sourcefile: r.base,
+      resolveDir: r.dir,
+      loader: "tsx"
+    },
+    minify: !1,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: p,
+    format: m,
+    target: ["node20"],
+    keepNames: !0,
+    external: a,
+    packages: "external",
+    plugins: [
+      {
+        name: "test",
+        setup: (g) => {
+          g.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (b) => {
+            const v = _(b.path, "utf8");
+            return { contents: St(v), loader: "ts" };
+          });
+        }
+      }
+    ]
+  });
+  const u = Date.now();
+  return { contents: await import(`${p}?t=${u}`), outputFilePath: p };
+}, Zt = async (t) => {
+  const e = await z(t), s = i(e, "cache/config-cache.json"), n = _(s, "utf8");
+  if (!n) throw new Error("Could not find config cache file");
+  return JSON.parse(n);
+}, dt = async (t) => {
+  const e = await Zt(t), s = await z(t), n = i(s, "salty.config.js"), c = Date.now(), { config: r } = await import(`${n}?t=${c}`);
+  return I(r, e);
+}, gt = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, ue = async (t, e = gt(), s = !0) => {
+  try {
+    const n = Date.now();
+    e ? Z.info("Generating CSS in production mode! 🔥") : Z.info("Generating CSS in development mode! 🚀");
+    const c = [], r = [], o = await z(t), p = i(o, "index.css");
+    s && (() => {
+      ft(o) && Et("rm -rf " + o), H(o, { recursive: !0 }), H(i(o, "css")), H(i(o, "types")), H(i(o, "js")), H(i(o, "cache"));
+    })();
+    const S = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
+    async function m(l) {
+      const w = ["node_modules", "saltygen"], C = Ot(l);
+      if (C.isDirectory()) {
+        const f = Mt(l);
+        if (w.some((x) => l.includes(x))) return;
+        await Promise.all(f.map((x) => m(i(l, x))));
+      } else if (C.isFile() && pt(l)) {
+        S.add(l);
+        const $ = _(l, "utf8");
+        /define[\w\d]+\(/.test($) && a.add(l);
+      }
+    }
+    await m(t), await Xt(t, a);
+    const u = {
+      keyframes: [],
+      components: [],
+      classNames: []
+    };
+    await Promise.all(
+      [...S].map(async (l) => {
+        const { contents: w } = await et(t, l, o);
+        for (let [C, f] of Object.entries(w)) {
+          const $ = await mt(f, 1);
+          $.isKeyframes ? u.keyframes.push({
+            value: $,
+            src: l,
+            name: C
+          }) : $.isClassName ? u.classNames.push({
+            ...f,
+            src: l,
+            name: C
+          }) : $.generator && u.components.push({
+            ...f,
+            src: l,
+            name: C
+          });
+        }
+      })
+    );
+    const d = await dt(t);
+    for (const l of u.keyframes) {
+      const { value: w } = l, C = `a_${w.animationName}.css`, f = `css/${C}`, $ = i(o, f);
+      c.push(C), P($, w.css);
+    }
+    const g = {};
+    for (const l of u.components) {
+      const { src: w, name: C } = l;
+      g[w] || (g[w] = []);
+      const f = l.generator._withBuildContext({
+        callerName: C,
+        isProduction: e,
+        config: d
+      });
+      r[f.priority] || (r[f.priority] = []);
+      const $ = await f.css;
+      if (!$) continue;
+      r[f.priority].push(f.cssFileName);
+      const x = `css/${f.cssFileName}`, V = i(o, x);
+      P(V, $), d.importStrategy === "component" && g[w].push(f.cssFileName);
+    }
+    for (const l of u.classNames) {
+      const { src: w, name: C } = l;
+      g[w] || (g[w] = []);
+      const f = l.generator._withBuildContext({
+        callerName: C,
+        isProduction: e,
+        config: d
+      }), $ = await f.css;
+      if (!$) continue;
+      r[f.priority] || (r[f.priority] = []), r[f.priority].push(f.cssFileName);
+      const x = `css/${f.cssFileName}`, V = i(o, x);
+      P(V, $), d.importStrategy === "component" && g[w].push(f.cssFileName);
+    }
+    d.importStrategy === "component" && Object.entries(g).forEach(([l, w]) => {
+      const C = w.map((R) => `@import url('./${R}');`).join(`
+`), f = K(l, 6), $ = tt(l), x = U($.name), V = i(o, `css/f_${x}-${f}.css`);
+      P(V, C || "/* Empty file */");
+    });
+    const b = c.map((l) => `@import url('./css/${l}');`).join(`
+`);
+    let W = `/*!
+ * Generated with Salty CSS (https://salty-css.dev)
+ * Do not edit this file directly
+ */
+@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((l) => {
+      try {
+        return _(i(o, "css", l), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((l) => `@import url('./css/${l}');`).join(
+      `
+`
+    )}
+${b}`;
+    if (d.importStrategy !== "component") {
+      const l = r.reduce((w, C, f) => {
+        const $ = C.reduce((Q, B) => {
+          var ot;
+          const X = i(o, "css", B), nt = _(X, "utf8"), L = ((ot = /.*-([^-]+)-\d+.css/.exec(B)) == null ? void 0 : ot.at(1)) || K(X, 6);
+          return Q.includes(L) ? Q : `${Q}
+/*start:${L}-${B}*/
+${nt}
+/*end:${L}*/
+`;
+        }, ""), x = `l_${f}.css`, V = i(o, "css", x), R = `@layer l${f} { ${$}
+ }`;
+        return P(V, R), `${w}
+@import url('./css/${x}');`;
+      }, "");
+      W += l;
+    }
+    P(p, W);
+    const M = Date.now() - n, st = M < 200 ? "🔥" : M < 500 ? "🚀" : M < 1e3 ? "🎉" : M < 2e3 ? "🚗" : M < 5e3 ? "🤔" : "🥴";
+    Z.info(`Generated CSS in ${M}ms! ${st}`);
+  } catch (n) {
+    console.error(n);
+  }
+}, de = async (t, e, s = gt()) => {
+  try {
+    const n = await z(t);
+    if (pt(e)) {
+      const r = [], o = await dt(t), { contents: p } = await et(t, e, n);
+      for (const [h, S] of Object.entries(p)) {
+        const a = await mt(S, 1);
+        if (a.isKeyframes && a.css) {
+          const v = `css/${`a_${a.animationName}.css`}`, N = i(n, v);
+          P(N, await a.css);
+          continue;
+        }
+        if (a.isClassName) {
+          const b = a.generator._withBuildContext({
+            callerName: h,
+            isProduction: s,
+            config: o
+          }), v = await b.css;
+          if (!v) continue;
+          r[b.priority] || (r[b.priority] = []), r[b.priority].push(b.cssFileName);
+          const N = `css/${b.cssFileName}`, T = i(n, N);
+          P(T, v);
+          continue;
+        }
+        if (!a.generator) continue;
+        const m = a.generator._withBuildContext({
+          callerName: h,
+          isProduction: s,
+          config: o
+        }), u = await m.css;
+        if (!u) continue;
+        const d = `css/${m.cssFileName}`, g = i(n, d);
+        P(g, u), r[m.priority] || (r[m.priority] = []), r[m.priority].push(m.cssFileName);
+      }
+      if (o.importStrategy !== "component")
+        r.forEach((h, S) => {
+          const a = `l_${S}.css`, m = i(n, "css", a);
+          let u = _(m, "utf8");
+          h.forEach((d) => {
+            var N;
+            const g = i(n, "css", d), b = ((N = /.*-([^-]+)-\d+.css/.exec(d)) == null ? void 0 : N.at(1)) || K(g, 6);
+            if (!u.includes(b)) {
+              const T = _(g, "utf8"), O = `/*start:${b}-${d}*/
+${T}
+/*end:${b}*/
+`;
+              u = `${u.replace(/\}$/, "")}
+${O}
+}`;
+            }
+          }), P(m, u);
+        });
+      else {
+        const h = r.flat().map((d) => `@import url('./${d}');`).join(`
+`), S = K(e, 6), a = tt(e), m = U(a.name), u = i(n, `css/f_${m}-${S}.css`);
+        P(u, h || "/* Empty file */");
+      }
+    }
+  } catch (n) {
+    console.error(n);
+  }
+}, ge = async (t, e, s = gt()) => {
+  var n, c;
+  try {
+    const r = await z(t);
+    if (pt(e)) {
+      const p = _(e, "utf8"), h = await dt(t), { contents: S } = await et(t, e, r);
+      let a = p;
+      for (const [m, u] of Object.entries(S)) {
+        const d = await mt(u, 1);
+        if (d.isKeyframes || !d.generator) continue;
+        const g = d.generator._withBuildContext({
+          callerName: m,
+          isProduction: s,
+          config: h
+        }), [b, v] = await qt(a, m), N = a.slice(b, v);
+        if (d.isClassName) {
+          const T = a, O = ` ${m} = className("${g.classNames}")`;
+          a = a.replace(N, O), T === a && console.error("Minimize file failed to change content", { name: m });
+        }
+        if (N.includes("styled")) {
+          const T = (c = (n = /styled\(([^,]+),/.exec(N)) == null ? void 0 : n.at(1)) == null ? void 0 : c.trim(), O = a, W = ` ${m} = styled(${T}, "${g.classNames}", ${JSON.stringify(g.clientProps)})`;
+          a = a.replace(N, W), O === a && console.error("Minimize file failed to change content", { name: m, tagName: T });
+        }
+      }
+      if (h.importStrategy === "component") {
+        const m = K(e, 6), u = tt(e);
+        a = `import '../../saltygen/css/${`f_${U(u.name)}-${m}.css`}';
+${a}`;
+      }
+      return a = a.replace("@salty-css/react/class-name", "@salty-css/react/class-name-client"), a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
+    }
+  } catch (r) {
+    console.error("Error in minimizeFile:", r);
+  }
+};
+export {
+  pe as a,
+  de as b,
+  At as c,
+  Xt as d,
+  et as e,
+  ue as g,
+  pt as i,
+  Z as l,
+  ge as m,
+  vt as s
+};

package/index-D_732b92.js

@@ -0,0 +1,4 @@
+const t = "/* Empty */";
+export {
+  t as default
+};

package/index-ol1Q_xul.cjs

@@ -0,0 +1,41 @@
+"use strict";const Oe=require("esbuild"),Ee=require("child_process"),_=require("./dash-case-BJEkFEGQ.cjs"),i=require("path"),c=require("fs"),je=require("fs/promises"),ce=require("./parse-styles-B1E0JeC7.cjs"),we=require("./parsers/index.cjs"),B=require("winston"),q=require("./css/merge.cjs"),Ve=require("./define-templates-Cunsb_Tr.cjs"),re=require("typescript"),Z=require("./helpers-CC5pFyba.cjs");var le=typeof document<"u"?document.currentScript:null;function Re(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const be=Re(Oe),Fe=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=i.join(e,"package.json");return c.existsSync(t)?t:Fe(i.join(e,".."))},Me=async e=>{const t=Fe(e);return await je.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},Je=async e=>{const t=await Me(e);if(t)return t.type};let W;const $e=async e=>{if(W)return W;const t=await Je(e);return t==="module"?W="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:le&&le.tagName.toUpperCase()==="SCRIPT"&&le.src||new URL("index-ol1Q_xul.cjs",document.baseURI).href).endsWith(".cjs"))&&(W="cjs"),W||"esm"},U=B.createLogger({level:"debug",format:B.format.combine(B.format.colorize(),B.format.cli()),transports:[new B.transports.Console({})]}),qe=e=>{U.error(e)};function Ce(e){return e?typeof e!="string"?Ce(String(e)):e.replace(/[^\d\w]/g,"."):""}const ze={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},He=(e,t)=>new Promise((s,n)=>{const r=setTimeout(()=>{n(new Error("Timeout"))},100),l=re.createSourceFile("temp.ts",e,re.ScriptTarget.Latest,!0);function o(m){if(re.isVariableDeclaration(m)&&m.name.getText()===t){const w=m.getStart(),F=m.getEnd();clearTimeout(r),s([w,F])}m.forEachChild(o)}o(l)}),E={externalModules:[],rcFile:void 0,destDir:void 0},Pe=e=>{if(E.externalModules.length>0)return E.externalModules;const s=c.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(r=>r.replace(/['"`]/g,"").trim());return E.externalModules=n,n},z=async e=>{if(E.destDir)return E.destDir;const t=await ue(e),s=i.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return E.destDir=s,s},fe=["salty","css","styles","styled"],Ne=(e=[])=>new RegExp(`\\.(${[...fe,...e].join("|")})\\.`),ee=(e,t=[])=>Ne(t).test(e),xe=async e=>{if(E.rcFile)return E.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=i.join(e,".saltyrc.json"),s=await je.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(E.rcFile=s,s):xe(i.join(e,".."))},ue=async e=>{var n,r;const t=await xe(e),s=(n=t.projects)==null?void 0:n.find(l=>e.endsWith(l.dir||""));return s||((r=t.projects)==null?void 0:r.find(l=>l.dir===t.defaultProject))},We=async e=>{const t=await ue(e),s=await z(e),n=i.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),r=i.join(s,"salty.config.js"),l=await $e(e),o=Pe(n);await be.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:r,format:l,external:o});const m=Date.now(),{config:w}=await import(`${r}?t=${m}`);return{config:w,path:r}},ke=async(e,t)=>{var ye,ge;const s=await z(e),n={mediaQueries:[],globalStyles:[],variables:[],templates:[]};await Promise.all([...t].map(async h=>{const{contents:C,outputFilePath:L}=await A(e,h,s);Object.entries(C).forEach(([v,P])=>{P.isMedia?n.mediaQueries.push([v,P]):P.isGlobalDefine?n.globalStyles.push(P):P.isDefineVariables?n.variables.push(P):P.isDefineTemplates&&n.templates.push(P._setPath(`${v};;${L}`))})}));const{config:r,path:l}=await We(e),o={...r},{mediaQueries:m}=n;o.mediaQueries=Object.fromEntries(m.map(([h,C])=>[`@${h}`,C]));const w=m.map(([h])=>`'@${h}'`).join(" | "),F=new Set,a=async(h,C=[])=>{if(!h)return[];const L=Object.entries(h).map(async([P,J])=>{const Q=async D=>{if(!D)return;if(D instanceof Promise)return await Q(await D);if(typeof D=="function")return await Q(await D());if(typeof D=="object")return await a(D,[...C,P]);const oe=Ce(P),ie=_.dashCase(P),ae=[...C,oe].join(".");F.add(`"${ae}"`);const Y=[...C.map(_.dashCase),ie].join("-"),he=ce.parseVariableTokens(D);return he?`--${Y}: ${he.transformed};`:`--${Y}: ${D};`};return await Q(J)});return(await Promise.all(L)).flat()},p=async h=>{if(!h)return[];const C=Object.entries(h).map(async([v,P])=>{const J=await a(P);return v==="base"?J.join(""):o.mediaQueries[v]?`${o.mediaQueries[v]} { ${J.join("")} }`:`${v} { ${J.join("")} }`});return(await Promise.all(C)).flat()},d=async h=>{if(!h)return[];const C=Object.entries(h).map(async([v,P])=>{const J=Object.entries(P).map(async([D,oe])=>{const ie=await a(oe,[v]),ae=`.${v}-${D}, [data-${v}="${D}"]`,Y=ie.join("");return`${ae} { ${Y} }`});return(await Promise.all(J)).flat()});return(await Promise.all(C)).flat()},y=h=>({...h,responsive:void 0,conditional:void 0}),g=h=>n.variables.map(C=>h==="static"?y(C._current):C._current[h]),b=q.mergeObjects(y(r.variables),g("static")),k=await a(b),N=q.mergeObjects((ye=r.variables)==null?void 0:ye.responsive,g("responsive")),T=await p(N),V=q.mergeObjects((ge=r.variables)==null?void 0:ge.conditional,g("conditional")),H=await d(V),de=i.join(s,"css/_variables.css"),R=`:root { ${k.join("")} ${T.join("")} } ${H.join("")}`;c.writeFileSync(de,R),o.staticVariables=b;const te=i.join(s,"css/_global.css"),f=q.mergeObjects(r.global,n.globalStyles),S=await ce.parseAndJoinStyles(f,"");c.writeFileSync(te,`@layer global { ${S} }`);const $=i.join(s,"css/_reset.css"),j=r.reset==="none"?{}:typeof r.reset=="object"?r.reset:ze,x=await ce.parseAndJoinStyles(j,"");c.writeFileSync($,`@layer reset { ${x} }`);const O=i.join(s,"css/_templates.css"),M=q.mergeObjects(r.templates,n.templates),I=await we.parseTemplates(M),G=we.getTemplateTypes(M);c.writeFileSync(O,`@layer templates { ${I} }`),o.templates=M;const X=r.templates?[Ve.defineTemplates(r.templates)._setPath(`config;;${l}`)]:[],se=q.mergeFactories(n.templates,X);o.templatePaths=Object.fromEntries(Object.entries(se).map(([h,C])=>[h,C._path]));const K=i.join(s,"types/css-tokens.d.ts"),ve=`
+  // Variable types
+  type VariableTokens = ${[...F].join("|")||"''"}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(G).map(([h,C])=>`${h}?: ${C}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${w||"''"};
+  `;c.writeFileSync(K,ve);const De=i.join(s,"cache/config-cache.json");c.writeFileSync(De,JSON.stringify(o,null,2));const Te=Z.getCorePackageRoot(),_e=i.join(Te,"cache/config-cache.json");c.writeFileSync(_e,JSON.stringify(o,null,2))},Se=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const r=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!r.test(e))return t;const o=r.exec(e);if(o){const m=o.at(1);if(fe.some(F=>m==null?void 0:m.includes(F)))return t}return"styled('div',"}),Ie=(e,t)=>{try{const s=c.readFileSync(i.join(t,"saltygen/cache/config-cache.json"),"utf8");return s?`globalThis.saltyConfig = ${s};
+
+${e}`:`globalThis.saltyConfig = {};
+
+${e}`}catch{return e}},A=async(e,t,s)=>{const n=_.toHash(t),r=i.join(s,"./temp");c.existsSync(r)||c.mkdirSync(r);const l=i.parse(t);let o=c.readFileSync(t,"utf8");o=Se(o),o=Ie(o,e);const m=i.join(s,"js",n+".js"),w=await ue(e),F=i.join(e,(w==null?void 0:w.configDir)||"","salty.config.ts"),a=Pe(F),p=await $e(e);await be.build({stdin:{contents:o,sourcefile:l.base,resolveDir:l.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:m,format:p,target:["node20"],keepNames:!0,external:a,packages:"external",plugins:[{name:"test",setup:g=>{g.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},b=>{const k=c.readFileSync(b.path,"utf8");return{contents:Se(k),loader:"ts"}})}}]});const d=Date.now();return{contents:await import(`${m}?t=${d}`),outputFilePath:m}},Ge=async e=>{const t=await z(e),s=i.join(t,"cache/config-cache.json"),n=c.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},pe=async e=>{const t=await Ge(e),s=await z(e),n=i.join(s,"salty.config.js"),r=Date.now(),{config:l}=await import(`${n}?t=${r}`);return q.mergeObjects(l,t)},me=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},Ke=async(e,t=me(),s=!0)=>{try{const n=Date.now();t?U.info("Generating CSS in production mode! 🔥"):U.info("Generating CSS in development mode! 🚀");const r=[],l=[],o=await z(e),m=i.join(o,"index.css");s&&(()=>{c.existsSync(o)&&Ee.execSync("rm -rf "+o),c.mkdirSync(o,{recursive:!0}),c.mkdirSync(i.join(o,"css")),c.mkdirSync(i.join(o,"types")),c.mkdirSync(i.join(o,"js")),c.mkdirSync(i.join(o,"cache"))})();const F=new Set,a=new Set;async function p(f){const S=["node_modules","saltygen"],$=c.statSync(f);if($.isDirectory()){const u=c.readdirSync(f);if(S.some(x=>f.includes(x)))return;await Promise.all(u.map(x=>p(i.join(f,x))))}else if($.isFile()&&ee(f)){F.add(f);const j=c.readFileSync(f,"utf8");/define[\w\d]+\(/.test(j)&&a.add(f)}}await p(e),await ke(e,a);const d={keyframes:[],components:[],classNames:[]};await Promise.all([...F].map(async f=>{const{contents:S}=await A(e,f,o);for(let[$,u]of Object.entries(S)){const j=await Z.resolveExportValue(u,1);j.isKeyframes?d.keyframes.push({value:j,src:f,name:$}):j.isClassName?d.classNames.push({...u,src:f,name:$}):j.generator&&d.components.push({...u,src:f,name:$})}}));const y=await pe(e);for(const f of d.keyframes){const{value:S}=f,$=`a_${S.animationName}.css`,u=`css/${$}`,j=i.join(o,u);r.push($),c.writeFileSync(j,S.css)}const g={};for(const f of d.components){const{src:S,name:$}=f;g[S]||(g[S]=[]);const u=f.generator._withBuildContext({callerName:$,isProduction:t,config:y});l[u.priority]||(l[u.priority]=[]);const j=await u.css;if(!j)continue;l[u.priority].push(u.cssFileName);const x=`css/${u.cssFileName}`,O=i.join(o,x);c.writeFileSync(O,j),y.importStrategy==="component"&&g[S].push(u.cssFileName)}for(const f of d.classNames){const{src:S,name:$}=f;g[S]||(g[S]=[]);const u=f.generator._withBuildContext({callerName:$,isProduction:t,config:y}),j=await u.css;if(!j)continue;l[u.priority]||(l[u.priority]=[]),l[u.priority].push(u.cssFileName);const x=`css/${u.cssFileName}`,O=i.join(o,x);c.writeFileSync(O,j),y.importStrategy==="component"&&g[S].push(u.cssFileName)}y.importStrategy==="component"&&Object.entries(g).forEach(([f,S])=>{const $=S.map(M=>`@import url('./${M}');`).join(`
+`),u=_.toHash(f,6),j=i.parse(f),x=_.dashCase(j.name),O=i.join(o,`css/f_${x}-${u}.css`);c.writeFileSync(O,$||"/* Empty file */")});const b=r.map(f=>`@import url('./css/${f}');`).join(`
+`);let H=`/*!
+ * Generated with Salty CSS (https://salty-css.dev)
+ * Do not edit this file directly
+ */
+@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(f=>{try{return c.readFileSync(i.join(o,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
+`)}
+${b}`;if(y.importStrategy!=="component"){const f=l.reduce((S,$,u)=>{const j=$.reduce((I,G)=>{var ne;const X=i.join(o,"css",G),se=c.readFileSync(X,"utf8"),K=((ne=/.*-([^-]+)-\d+.css/.exec(G))==null?void 0:ne.at(1))||_.toHash(X,6);return I.includes(K)?I:`${I}
+/*start:${K}-${G}*/
+${se}
+/*end:${K}*/
+`},""),x=`l_${u}.css`,O=i.join(o,"css",x),M=`@layer l${u} { ${j}
+ }`;return c.writeFileSync(O,M),`${S}
+@import url('./css/${x}');`},"");H+=f}c.writeFileSync(m,H);const R=Date.now()-n,te=R<200?"🔥":R<500?"🚀":R<1e3?"🎉":R<2e3?"🚗":R<5e3?"🤔":"🥴";U.info(`Generated CSS in ${R}ms! ${te}`)}catch(n){console.error(n)}},Le=async(e,t,s=me())=>{try{const n=await z(e);if(ee(t)){const l=[],o=await pe(e),{contents:m}=await A(e,t,n);for(const[w,F]of Object.entries(m)){const a=await Z.resolveExportValue(F,1);if(a.isKeyframes&&a.css){const k=`css/${`a_${a.animationName}.css`}`,N=i.join(n,k);c.writeFileSync(N,await a.css);continue}if(a.isClassName){const b=a.generator._withBuildContext({callerName:w,isProduction:s,config:o}),k=await b.css;if(!k)continue;l[b.priority]||(l[b.priority]=[]),l[b.priority].push(b.cssFileName);const N=`css/${b.cssFileName}`,T=i.join(n,N);c.writeFileSync(T,k);continue}if(!a.generator)continue;const p=a.generator._withBuildContext({callerName:w,isProduction:s,config:o}),d=await p.css;if(!d)continue;const y=`css/${p.cssFileName}`,g=i.join(n,y);c.writeFileSync(g,d),l[p.priority]||(l[p.priority]=[]),l[p.priority].push(p.cssFileName)}if(o.importStrategy!=="component")l.forEach((w,F)=>{const a=`l_${F}.css`,p=i.join(n,"css",a);let d=c.readFileSync(p,"utf8");w.forEach(y=>{var N;const g=i.join(n,"css",y),b=((N=/.*-([^-]+)-\d+.css/.exec(y))==null?void 0:N.at(1))||_.toHash(g,6);if(!d.includes(b)){const T=c.readFileSync(g,"utf8"),V=`/*start:${b}-${y}*/
+${T}
+/*end:${b}*/
+`;d=`${d.replace(/\}$/,"")}
+${V}
+}`}}),c.writeFileSync(p,d)});else{const w=l.flat().map(y=>`@import url('./${y}');`).join(`
+`),F=_.toHash(t,6),a=i.parse(t),p=_.dashCase(a.name),d=i.join(n,`css/f_${p}-${F}.css`);c.writeFileSync(d,w||"/* Empty file */")}}}catch(n){console.error(n)}},Qe=async(e,t,s=me())=>{var n,r;try{const l=await z(e);if(ee(t)){const m=c.readFileSync(t,"utf8"),w=await pe(e),{contents:F}=await A(e,t,l);let a=m;for(const[p,d]of Object.entries(F)){const y=await Z.resolveExportValue(d,1);if(y.isKeyframes||!y.generator)continue;const g=y.generator._withBuildContext({callerName:p,isProduction:s,config:w}),[b,k]=await He(a,p),N=a.slice(b,k);if(y.isClassName){const T=a,V=` ${p} = className("${g.classNames}")`;a=a.replace(N,V),T===a&&console.error("Minimize file failed to change content",{name:p})}if(N.includes("styled")){const T=(r=(n=/styled\(([^,]+),/.exec(N))==null?void 0:n.at(1))==null?void 0:r.trim(),V=a,H=` ${p} = styled(${T}, "${g.classNames}", ${JSON.stringify(g.clientProps)})`;a=a.replace(N,H),V===a&&console.error("Minimize file failed to change content",{name:p,tagName:T})}}if(w.importStrategy==="component"){const p=_.toHash(t,6),d=i.parse(t);a=`import '../../saltygen/css/${`f_${_.dashCase(d.name)}-${p}.css`}';
+${a}`}return a=a.replace("@salty-css/react/class-name","@salty-css/react/class-name-client"),a=a.replace("{ styled }","{ styledClient as styled }"),a=a.replace("@salty-css/react/styled","@salty-css/react/styled-client"),a}}catch(l){console.error("Error in minimizeFile:",l)}};exports.compileSaltyFile=A;exports.generateConfigStyles=ke;exports.generateCss=Ke;exports.generateFile=Le;exports.isSaltyFile=ee;exports.logError=qe;exports.logger=U;exports.minimizeFile=Qe;exports.saltyFileExtensions=fe;exports.saltyFileRegExp=Ne;