@salty-css/core 0.0.1-alpha.194 → 0.0.1-alpha.196

package/index-xtFx15Ka.js

@@ -1,452 +0,0 @@
-import * as it from "esbuild";
-import { execSync as bt } from "child_process";
-import { d as W, t as I } from "./dash-case-DBThphLm.js";
-import { join as i, parse as A } from "path";
-import { existsSync as et, writeFileSync as F, mkdirSync as J, readFileSync as E, statSync as wt, readdirSync as St } from "fs";
-import { readFile as at, writeFile as Ct } from "fs/promises";
-import { p as tt, a as Ft } from "./parse-styles-DsUKNoSv.js";
-import { createLogger as jt, format as Y, transports as xt } from "winston";
-import { mergeStyles as z } from "./css/merge.js";
-const lt = (t, e = []) => {
-  if (!t) return "";
-  const s = [], c = {};
-  if (Object.entries(t).forEach(([r, o]) => {
-    if (typeof o == "object") {
-      if (!o) return;
-      const l = r.trim(), m = lt(o, [...e, l]);
-      s.push(m);
-    } else
-      c[r] = o;
-  }), Object.keys(c).length) {
-    const r = e.map(W).join("-"), o = tt(c, `.${r}`);
-    s.push(o);
-  }
-  return s.join(`
-`);
-}, Nt = (t) => t ? Object.entries(t).reduce((e, [s, c]) => (typeof c == "object" && (e[s] = ft(c).map((r) => `"${r}"`).join(" | ")), e), {}) : {}, ft = (t, e = "", s = /* @__PURE__ */ new Set()) => t ? (Object.entries(t).forEach(([c, r]) => {
-  const o = e ? `${e}.${c}` : c;
-  return typeof r == "object" ? ft(r, o, s) : s.add(e);
-}), [...s]) : [], pt = (t) => {
-  if (!t || t === "/") throw new Error("Could not find package.json file");
-  const e = i(t, "package.json");
-  return et(e) ? e : pt(i(t, ".."));
-}, kt = async (t) => {
-  const e = pt(t);
-  return await at(e, "utf-8").then(JSON.parse).catch(() => {
-  });
-}, Pt = async (t) => {
-  const e = await kt(t);
-  if (e)
-    return e.type;
-};
-let R;
-const dt = async (t) => {
-  if (R) return R;
-  const e = await Pt(t);
-  return e === "module" ? R = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (R = "cjs"), R || "esm";
-}, Z = jt({
-  level: "debug",
-  format: Y.combine(Y.colorize(), Y.cli()),
-  transports: [new xt.Console({})]
-}), Gt = (t) => {
-  Z.error(t);
-};
-function ut(t) {
-  return t ? typeof t != "string" ? ut(String(t)) : t.replace(/[\s-]/g, ".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, s) => (s > 0 ? "." : "") + e.toLowerCase()) : "";
-}
-const Dt = {
-  /** 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"
-  }
-}, T = {
-  externalModules: [],
-  rcFile: void 0,
-  destDir: void 0
-}, mt = (t) => {
-  if (T.externalModules.length > 0) return T.externalModules;
-  const s = E(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!s) return [];
-  const c = s[1].split(",").map((r) => r.replace(/['"`]/g, "").trim());
-  return T.externalModules = c, c;
-}, O = async (t) => {
-  if (T.destDir) return T.destDir;
-  const e = await nt(t), s = i(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
-  return T.destDir = s, s;
-}, gt = ["salty", "css", "styles", "styled"], Tt = (t = []) => new RegExp(`\\.(${[...gt, ...t].join("|")})\\.`), st = (t, e = []) => Tt(e).test(t), ht = async (t) => {
-  if (T.rcFile) return T.rcFile;
-  if (t === "/") throw new Error("Could not find .saltyrc.json file");
-  const e = i(t, ".saltyrc.json"), s = await at(e, "utf-8").then(JSON.parse).catch(() => {
-  });
-  return s ? (T.rcFile = s, s) : ht(i(t, ".."));
-}, nt = async (t) => {
-  var c, r;
-  const e = await ht(t), s = (c = e.projects) == null ? void 0 : c.find((o) => t.endsWith(o.dir || ""));
-  return s || ((r = e.projects) == null ? void 0 : r.find((o) => o.dir === e.defaultProject));
-}, Et = async (t) => {
-  const e = await nt(t), s = await O(t), c = i(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), r = i(s, "salty.config.js"), o = await dt(t), l = mt(c);
-  await it.build({
-    entryPoints: [c],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: r,
-    format: o,
-    external: l
-  });
-  const m = Date.now(), { config: p } = await import(`${r}?t=${m}`);
-  return p;
-}, _t = async (t, e) => {
-  var H, L;
-  const s = await Et(t), c = { ...s }, r = /* @__PURE__ */ new Set(), o = (w, S = []) => w ? Object.entries(w).flatMap(([M, D]) => {
-    if (!D) return;
-    if (typeof D == "object") return o(D, [...S, M]);
-    const Q = ut(M), q = W(M), U = [...S, Q].join(".");
-    r.add(`"${U}"`);
-    const X = [...S.map(W), q].join("-"), { result: $t } = Ft(D);
-    return `--${X}: ${$t};`;
-  }) : [], l = (w) => w ? Object.entries(w).flatMap(([S, M]) => {
-    const D = o(M);
-    return S === "base" ? D.join("") : `${S} { ${D.join("")} }`;
-  }) : [], m = (w) => w ? Object.entries(w).flatMap(([S, M]) => Object.entries(M).flatMap(([D, Q]) => {
-    const q = o(Q, [S]), U = `.${S}-${D}, [data-${S}="${D}"]`, X = q.join("");
-    return `${U} { ${X} }`;
-  })) : [], p = (w) => ({ ...w, responsive: void 0, conditional: void 0 }), n = (w) => e.variables.map((S) => w === "static" ? p(S._current) : S._current[w]), h = o(z(p(s.variables), n("static"))), d = l(z((H = s.variables) == null ? void 0 : H.responsive, n("responsive"))), u = m(z((L = s.variables) == null ? void 0 : L.conditional, n("conditional"))), b = await O(t), x = i(b, "css/_variables.css"), _ = `:root { ${h.join("")} ${d.join("")} } ${u.join("")}`;
-  F(x, _);
-  const P = i(b, "css/_global.css"), k = z(s.global, e.globalStyles), V = tt(k, "");
-  F(P, `@layer global { ${V} }`);
-  const N = i(b, "css/_reset.css"), a = s.reset === "none" ? {} : typeof s.reset == "object" ? s.reset : Dt, y = tt(a, "");
-  F(N, `@layer reset { ${y} }`);
-  const C = i(b, "css/_templates.css"), f = z(s.templates, e.templates), j = lt(f), $ = Nt(f);
-  F(C, j), c.templates = f;
-  const g = i(b, "types/css-tokens.d.ts"), G = `
-  // Variable types
-  type VariableTokens = ${[...r].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries($).map(([w, S]) => `${w}?: ${S}`).join(`
-`)}
-  }
-  `;
-  F(g, G);
-  const K = i(b, "cache/config-cache.json");
-  F(K, JSON.stringify(c, null, 2));
-}, ct = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
-  if (/^['"`]/.test(s)) return e;
-  const r = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
-  if (!r.test(t)) return e;
-  const l = r.exec(t);
-  if (l) {
-    const m = l.at(1);
-    if (gt.some((n) => m == null ? void 0 : m.includes(n))) return e;
-  }
-  return "styled('div',";
-}), ot = async (t, e, s) => {
-  const c = I(e), r = i(s, "./temp");
-  et(r) || J(r);
-  const o = A(e);
-  let l = E(e, "utf8");
-  l = ct(l);
-  const m = i(s, "js", c + ".js"), p = await nt(t), n = i(t, (p == null ? void 0 : p.configDir) || "", "salty.config.ts"), h = mt(n), d = await dt(t);
-  await it.build({
-    stdin: {
-      contents: l,
-      sourcefile: o.base,
-      resolveDir: o.dir,
-      loader: "tsx"
-    },
-    minify: !1,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: m,
-    format: d,
-    target: ["node20"],
-    keepNames: !0,
-    external: h,
-    packages: "external",
-    plugins: [
-      {
-        name: "test",
-        setup: (x) => {
-          x.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (_) => {
-            const P = E(_.path, "utf8");
-            return { contents: ct(P), loader: "ts" };
-          });
-        }
-      }
-    ]
-  });
-  const u = Date.now();
-  return await import(`${m}?t=${u}`);
-}, Mt = async (t) => {
-  const e = await O(t), s = i(e, "cache/config-cache.json"), c = E(s, "utf8");
-  if (!c) throw new Error("Could not find config cache file");
-  return JSON.parse(c);
-}, rt = async (t) => {
-  const e = await Mt(t), s = await O(t), c = i(s, "salty.config.js"), r = Date.now(), { config: o } = await import(`${c}?t=${r}`);
-  return z(o, e);
-}, yt = () => {
-  try {
-    return process.env.NODE_ENV === "production";
-  } catch {
-    return !1;
-  }
-}, Ht = async (t, e = yt(), s = !0) => {
-  try {
-    const c = Date.now();
-    e ? Z.info("Generating CSS in production mode! 🔥") : Z.info("Generating CSS in development mode! 🚀");
-    const r = [], o = [], l = await O(t), m = i(l, "index.css");
-    s && (() => {
-      et(l) && bt("rm -rf " + l), J(l, { recursive: !0 }), J(i(l, "css")), J(i(l, "types")), J(i(l, "js")), J(i(l, "cache"));
-    })();
-    const n = {
-      keyframes: [],
-      mediaQueries: [],
-      globalStyles: [],
-      variables: [],
-      templates: [],
-      components: [],
-      classNames: []
-    };
-    async function h(a) {
-      const y = ["node_modules", "saltygen"], C = wt(a);
-      if (C.isDirectory()) {
-        const f = St(a);
-        if (y.some(($) => a.includes($))) return;
-        await Promise.all(f.map(($) => h(i(a, $))));
-      } else if (C.isFile() && st(a)) {
-        const j = await ot(t, a, l);
-        Object.entries(j).forEach(([$, g]) => {
-          g.isKeyframes ? n.keyframes.push({
-            value: g,
-            src: a,
-            name: $
-          }) : g.isMedia ? n.mediaQueries.push(g) : g.isGlobalDefine ? n.globalStyles.push(g) : g.isDefineVariables ? n.variables.push(g) : g.isDefineTemplates ? n.templates.push(g) : g.isClassName ? n.classNames.push({
-            ...g,
-            src: a,
-            name: $
-          }) : g.generator && n.components.push({
-            ...g,
-            src: a,
-            name: $
-          });
-        });
-      }
-    }
-    await h(t), await _t(t, n);
-    const d = await rt(t);
-    for (const a of n.keyframes) {
-      const { value: y } = a, C = `a_${y.animationName}.css`, f = `css/${C}`, j = i(l, f);
-      r.push(C), F(j, y.css);
-    }
-    const u = {};
-    for (const a of n.components) {
-      const { src: y, name: C } = a, f = a.generator._withBuildContext({
-        callerName: C,
-        isProduction: e,
-        config: d
-      });
-      o[f.priority] || (o[f.priority] = []), o[f.priority].push(f.cssFileName);
-      const j = `css/${f.cssFileName}`, $ = i(l, j);
-      F($, f.css), d.importStrategy === "component" && (u[y] ? u[y].push(f.cssFileName) : u[y] = [f.cssFileName]);
-    }
-    for (const a of n.classNames) {
-      const { src: y, name: C } = a, f = a.generator._withBuildContext({
-        callerName: C,
-        isProduction: e,
-        config: d
-      });
-      o[0].push(f.cssFileName);
-      const j = `css/${f.cssFileName}`, $ = i(l, j);
-      F($, f.css), d.importStrategy === "component" && (u[y] ? u[y].push(f.cssFileName) : u[y] = [f.cssFileName]);
-    }
-    d.importStrategy === "component" && Object.entries(u).forEach(([a, y]) => {
-      const C = y.map((v) => `@import url('./${v}');`).join(`
-`), f = I(a, 6), j = A(a), $ = W(j.name), g = i(l, `css/f_${$}-${f}.css`);
-      F(g, C);
-    });
-    const b = r.map((a) => `@import url('./css/${a}');`).join(`
-`);
-    let k = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((a) => {
-      try {
-        return E(i(l, "css", a), "utf8").length > 0;
-      } catch {
-        return !1;
-      }
-    }).map((a) => `@import url('./css/${a}');`).join(`
-`)}
-${b}`;
-    if (d.importStrategy !== "component") {
-      const a = o.reduce((y, C, f) => {
-        const j = C.reduce((G, K) => {
-          var S;
-          const H = i(l, "css", K), L = E(H, "utf8"), w = ((S = /.*-([^-]+)-\d+.css/.exec(K)) == null ? void 0 : S.at(1)) || I(H, 6);
-          return G.includes(w) ? G : `${G}
-/*start:${w}*/
-${L}
-/*end:${w}*/
-`;
-        }, ""), $ = `l_${f}.css`, g = i(l, "css", $), v = `@layer l${f} { ${j}
- }`;
-        return F(g, v), `${y}
-@import url('./css/${$}');`;
-      }, "");
-      k += a;
-    }
-    F(m, k);
-    const N = Date.now() - c, B = N < 200 ? "🔥" : N < 500 ? "🚀" : N < 1e3 ? "🎉" : N < 2e3 ? "🚗" : N < 5e3 ? "🤔" : "🥴";
-    Z.info(`Generated CSS in ${N}ms! ${B}`);
-  } catch (c) {
-    console.error(c);
-  }
-}, vt = async (t, e) => {
-  try {
-    const s = await O(t);
-    if (st(e)) {
-      const r = [], o = await rt(t), l = await ot(t, e, s);
-      if (Object.entries(l).forEach(([m, p]) => {
-        if (p.isKeyframes && p.css) {
-          const b = `css/${`a_${p.animationName}.css`}`, x = i(s, b);
-          F(x, p.css);
-          return;
-        }
-        if (p.isClassName) {
-          const u = p.factory._withBuildContext({
-            name: m
-          });
-          r[0].push(u.cssFileName);
-          const b = `css/${u.cssFileName}`, x = i(s, b);
-          F(x, u.css);
-        }
-        if (!p.generator) return;
-        const n = p.generator._withBuildContext({
-          name: m,
-          config: o
-        }), h = `css/${n.cssFileName}`, d = i(s, h);
-        F(d, n.css), r[n.priority] || (r[n.priority] = []), r[n.priority].push(n.cssFileName);
-      }), o.importStrategy !== "component")
-        r.forEach((m, p) => {
-          const n = `l_${p}.css`, h = i(s, "css", n);
-          let d = E(h, "utf8");
-          m.forEach((u) => {
-            var P;
-            const b = i(s, "css", u), x = ((P = /.*-([^-]+)-\d+.css/.exec(u)) == null ? void 0 : P.at(1)) || I(b, 6);
-            if (!d.includes(x)) {
-              const k = E(b, "utf8"), V = `/*start:${x}*/
-${k}
-/*end:${x}*/
-`;
-              d = `${d.replace(/\}$/, "")}
-${V}
-}`;
-            }
-          }), F(h, d);
-        });
-      else {
-        const m = r.flat().map((u) => `@import url('./${u}');`).join(`
-`), p = I(e, 6), n = A(e), h = W(n.name), d = i(s, `css/f_${h}-${p}.css`);
-        F(d, m);
-      }
-    }
-  } catch (s) {
-    console.error(s);
-  }
-}, Kt = async (t, e, s = yt()) => {
-  try {
-    const c = await O(t);
-    if (st(e)) {
-      const o = E(e, "utf8");
-      o.replace(/^(?!export\s)const\s.*/gm, (h) => `export ${h}`) !== o && await Ct(e, o);
-      const m = await rt(t), p = await ot(t, e, c);
-      let n = o;
-      if (Object.entries(p).forEach(([h, d]) => {
-        var $;
-        if (d.isKeyframes || !d.generator) return;
-        const u = d.generator._withBuildContext({
-          name: h,
-          config: m,
-          prod: s
-        }), b = new RegExp(`\\s${h}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(o);
-        if (!b) return console.error("Could not find the original declaration");
-        const x = ($ = b.at(1)) == null ? void 0 : $.trim(), _ = new RegExp(`\\s${h}[=\\s]+styled\\(`, "g").exec(n);
-        if (!_) return console.error("Could not find the original declaration");
-        const { index: P } = _;
-        let k = !1;
-        const V = setTimeout(() => k = !0, 5e3);
-        let N = 0, B = !1, a = 0;
-        for (; !B && !k; ) {
-          const g = n[P + N];
-          g === "(" && a++, g === ")" && a--, a === 0 && g === ")" && (B = !0), N > n.length && (k = !0), N++;
-        }
-        if (!k) clearTimeout(V);
-        else throw new Error("Failed to find the end of the styled call and timed out");
-        const y = P + N, C = n.slice(P, y), f = n, j = ` ${h} = styled(${x}, "${u.classNames}", ${JSON.stringify(u.clientProps)});`;
-        n = n.replace(C, j), f === n && console.error("Minimize file failed to change content", { name: h, tagName: x });
-      }), m.importStrategy === "component") {
-        const h = I(e, 6), d = A(e);
-        n = `import '../../saltygen/css/${`f_${W(d.name)}-${h}.css`}';
-${n}`;
-      }
-      return n = n.replace("{ styled }", "{ styledClient as styled }"), n = n.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), n;
-    }
-  } catch (c) {
-    console.error("Error in minimizeFile:", c);
-  }
-};
-export {
-  Gt as a,
-  Tt as b,
-  _t as c,
-  ot as d,
-  vt as e,
-  Ht as g,
-  st as i,
-  Z as l,
-  Kt as m,
-  gt as s
-};