@salty-css/core 0.0.1-alpha.179 → 0.0.1-alpha.180

package/index-DlLbtfD0.js

@@ -1,403 +0,0 @@
-import * as oe from "esbuild";
-import { execSync as me } from "child_process";
-import { t as I, d as B } from "./dash-case-DBThphLm.js";
-import { join as r, parse as q } from "path";
-import { existsSync as U, writeFileSync as F, mkdirSync as J, readFileSync as V, statSync as ge, readdirSync as ye } from "fs";
-import { readFile as re, writeFile as he } from "fs/promises";
-import { p as se, a as be } from "./parse-styles-DrLhKtqW.js";
-import { p as $e, a as Se } from "./parse-templates-DRKlN-pP.js";
-import { createLogger as we, format as Q, transports as Ce } from "winston";
-import { m as W } from "./merge-BVm9us1A.js";
-const ae = (e) => {
-  if (!e || e === "/") throw new Error("Could not find package.json file");
-  const t = r(e, "package.json");
-  return U(t) ? t : ae(r(e, ".."));
-}, Fe = async (e) => {
-  const t = ae(e);
-  return await re(t, "utf-8").then(JSON.parse).catch(() => {
-  });
-}, xe = async (e) => {
-  const t = await Fe(e);
-  if (t)
-    return t.type;
-};
-let O;
-const ie = async (e) => {
-  if (O) return O;
-  const t = await xe(e);
-  return t === "module" ? O = "esm" : (t === "commonjs" || import.meta.url.endsWith(".cjs")) && (O = "cjs"), O || "esm";
-}, H = we({
-  level: "debug",
-  format: Q.combine(Q.colorize(), Q.cli()),
-  transports: [new Ce.Console({})]
-}), Re = (e) => {
-  H.error(e);
-};
-function ce(e) {
-  return e ? typeof e != "string" ? ce(String(e)) : e.replace(/[\s-]/g, ".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (t, s) => (s > 0 ? "." : "") + t.toLowerCase()) : "";
-}
-const je = {
-  /** 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"
-  }
-}, E = {
-  externalModules: [],
-  rcFile: void 0,
-  destDir: void 0
-}, le = (e) => {
-  if (E.externalModules.length > 0) return E.externalModules;
-  const s = V(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!s) return [];
-  const l = s[1].split(",").map((c) => c.replace(/['"`]/g, "").trim());
-  return E.externalModules = l, l;
-}, R = async (e) => {
-  if (E.destDir) return E.destDir;
-  const t = await Y(e), s = r(e, (t == null ? void 0 : t.saltygenDir) || "saltygen");
-  return E.destDir = s, s;
-}, fe = ["salty", "css", "styles", "styled"], ke = (e = []) => new RegExp(`\\.(${[...fe, ...e].join("|")})\\.`), X = (e, t = []) => ke(t).test(e), pe = async (e) => {
-  if (E.rcFile) return E.rcFile;
-  if (e === "/") throw new Error("Could not find .saltyrc.json file");
-  const t = r(e, ".saltyrc.json"), s = await re(t, "utf-8").then(JSON.parse).catch(() => {
-  });
-  return s ? (E.rcFile = s, s) : pe(r(e, ".."));
-}, Y = async (e) => {
-  var l, c;
-  const t = await pe(e), s = (l = t.projects) == null ? void 0 : l.find((n) => e.endsWith(n.dir || ""));
-  return s || ((c = t.projects) == null ? void 0 : c.find((n) => n.dir === t.defaultProject));
-}, De = async (e) => {
-  const t = await Y(e), s = await R(e), l = r(e, (t == null ? void 0 : t.configDir) || "", "salty.config.ts"), c = r(s, "salty.config.js"), n = await ie(e), S = le(l);
-  await oe.build({
-    entryPoints: [l],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: c,
-    format: n,
-    external: S
-  });
-  const g = Date.now(), { config: a } = await import(`${c}?t=${g}`);
-  return a;
-}, Ne = async (e, t) => {
-  const s = await De(e), l = { ...s }, c = /* @__PURE__ */ new Set(), n = (C, $ = []) => C ? Object.entries(C).flatMap(([P, k]) => {
-    if (!k) return;
-    if (typeof k == "object") return n(k, [...$, P]);
-    const K = ce(P), L = B(P), Z = [...$, K].join(".");
-    c.add(`"${Z}"`);
-    const A = [...$.map(B), L].join("-"), { result: ue } = be(k);
-    return `--${A}: ${ue};`;
-  }) : [], S = (C) => C ? Object.entries(C).flatMap(([$, P]) => {
-    const k = n(P);
-    return $ === "base" ? k.join("") : `${$} { ${k.join("")} }`;
-  }) : [], g = (C) => C ? Object.entries(C).flatMap(([$, P]) => Object.entries(P).flatMap(([k, K]) => {
-    const L = n(K, [$]), Z = `.${$}-${k}, [data-${$}="${k}"]`, A = L.join("");
-    return `${Z} { ${A} }`;
-  })) : [], a = (C) => t.variables.map(($) => $._current[C]), o = n(W(s.variables, a("variables"))), f = S(W(s.responsiveVariables, a("responsiveVariables"))), d = g(W(s.conditionalVariables, a("conditionalVariables"))), y = await R(e), D = r(y, "css/_variables.css"), x = `:root { ${o.join("")} ${f.join("")} } ${d.join("")}`;
-  F(D, x);
-  const _ = r(y, "css/_global.css"), j = W(s.global, t.globalStyles), T = se(j, "");
-  F(_, `@layer global { ${T} }`);
-  const N = r(y, "css/_reset.css"), i = s.reset === "none" ? {} : typeof s.reset == "object" ? s.reset : je, h = se(i, "");
-  F(N, `@layer reset { ${h} }`);
-  const w = r(y, "css/_templates.css"), m = W(s.templates, t.templates);
-  console.log("all", m);
-  const u = $e(m), b = Se(m);
-  F(w, u), l.templates = m;
-  const p = r(y, "types/css-tokens.d.ts"), z = `
-  // Variable types
-  type VariableTokens = ${[...c].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(b).map(([C, $]) => `${C}?: ${$}`).join(`
-`)}
-  }
-  `;
-  F(p, z);
-  const G = r(y, "cache/config-cache.json");
-  F(G, JSON.stringify(l, null, 2));
-}, ne = (e) => e.replace(/styled\(([^"'`{,]+),/g, (t, s) => {
-  if (/^['"`]/.test(s)) return t;
-  const c = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
-  if (!c.test(e)) return t;
-  const S = c.exec(e);
-  if (S) {
-    const g = S.at(1);
-    if (fe.some((o) => g == null ? void 0 : g.includes(o))) return t;
-  }
-  return "styled('div',";
-}), ee = async (e, t, s) => {
-  const l = I(t), c = r(s, "./temp");
-  U(c) || J(c);
-  const n = q(t);
-  let S = V(t, "utf8");
-  S = ne(S);
-  const g = r(s, "js", l + ".js"), a = await Y(e), o = r(e, (a == null ? void 0 : a.configDir) || "", "salty.config.ts"), f = le(o), d = await ie(e);
-  await oe.build({
-    stdin: {
-      contents: S,
-      sourcefile: n.base,
-      resolveDir: n.dir,
-      loader: "tsx"
-    },
-    minify: !1,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: g,
-    format: d,
-    target: ["node20"],
-    keepNames: !0,
-    external: f,
-    packages: "external",
-    plugins: [
-      {
-        name: "test",
-        setup: (x) => {
-          x.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (_) => {
-            const j = V(_.path, "utf8");
-            return { contents: ne(j), loader: "ts" };
-          });
-        }
-      }
-    ]
-  });
-  const y = Date.now();
-  return await import(`${g}?t=${y}`);
-}, te = async (e) => {
-  const t = await R(e), s = r(t, "cache/config-cache.json"), l = V(s, "utf8");
-  if (!l) throw new Error("Could not find config cache file");
-  return JSON.parse(l);
-}, de = () => {
-  try {
-    return process.env.NODE_ENV === "production";
-  } catch {
-    return !1;
-  }
-}, ze = async (e, t = de()) => {
-  try {
-    const s = Date.now();
-    t ? H.info("Generating CSS in production mode! 🔥") : H.info("Generating CSS in development mode! 🚀");
-    const l = [], c = [], n = await R(e), S = r(n, "index.css");
-    (() => {
-      U(n) && me("rm -rf " + n), J(n, { recursive: !0 }), J(r(n, "css")), J(r(n, "types")), J(r(n, "js")), J(r(n, "cache"));
-    })();
-    const a = {
-      keyframes: [],
-      mediaQueries: [],
-      globalStyles: [],
-      variables: [],
-      components: [],
-      templates: []
-    };
-    async function o(i) {
-      const h = ["node_modules", "saltygen"], w = ge(i);
-      if (w.isDirectory()) {
-        const m = ye(i);
-        if (h.some((b) => i.includes(b))) return;
-        await Promise.all(m.map((b) => o(r(i, b))));
-      } else if (w.isFile() && X(i)) {
-        const u = await ee(e, i, n);
-        Object.entries(u).forEach(([b, p]) => {
-          p.isKeyframes ? a.keyframes.push({
-            value: p,
-            src: i,
-            name: b
-          }) : p.isMedia ? a.mediaQueries.push(p) : p.isGlobalDefine ? a.globalStyles.push(p) : p.isDefineVariables ? a.variables.push(p) : p.isDefineTemplates ? a.templates.push(p) : p.generator && a.components.push({
-            value: p.generator,
-            src: i,
-            name: b
-          });
-        });
-      }
-    }
-    await o(e), await Ne(e, a);
-    const f = await te(e);
-    for (const i of a.keyframes) {
-      const { value: h } = i, w = `a_${h.animationName}.css`, m = `css/${w}`, u = r(n, m);
-      l.push(w), F(u, h.css);
-    }
-    const d = {};
-    for (const i of a.components) {
-      const { value: h, name: w, src: m } = i, u = h._withBuildContext({
-        name: w,
-        config: f,
-        prod: t
-      });
-      c[u.priority] || (c[u.priority] = []), c[u.priority].push(u.cssFileName), f.importStrategy === "component" && (d[m] ? d[m].push(u.cssFileName) : d[m] = [u.cssFileName]);
-      const b = `css/${u.cssFileName}`, p = r(n, b);
-      F(p, u.css);
-    }
-    f.importStrategy === "component" && Object.entries(d).forEach(([i, h]) => {
-      const w = h.map((M) => `@import url('./${M}');`).join(`
-`), m = I(i, 6), u = q(i), b = B(u.name), p = r(n, `css/f_${b}-${m}.css`);
-      F(p, w);
-    });
-    const y = l.map((i) => `@import url('./css/${i}');`).join(`
-`);
-    let j = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((i) => {
-      try {
-        return V(r(n, "css", i), "utf8").length > 0;
-      } catch {
-        return !1;
-      }
-    }).map((i) => `@import url('./css/${i}');`).join(`
-`)}
-${y}`;
-    if (f.importStrategy !== "component") {
-      const i = c.reduce((h, w, m) => {
-        const u = w.reduce((z, G) => {
-          var k;
-          const C = r(n, "css", G), $ = V(C, "utf8"), P = ((k = /.*-([^-]+)-\d+.css/.exec(G)) == null ? void 0 : k.at(1)) || I(C, 6);
-          return z.includes(P) ? z : `${z}
-/*start:${P}*/
-${$}
-/*end:${P}*/
-`;
-        }, ""), b = `l_${m}.css`, p = r(n, "css", b), M = `@layer l${m} { ${u}
- }`;
-        return F(p, M), `${h}
-@import url('./css/${b}');`;
-      }, "");
-      j += i;
-    }
-    F(S, j);
-    const N = Date.now() - s, v = N < 200 ? "🔥" : N < 500 ? "🚀" : N < 1e3 ? "🎉" : N < 2e3 ? "🚗" : N < 5e3 ? "🤔" : "🥴";
-    H.info(`Generated CSS in ${N}ms! ${v}`);
-  } catch (s) {
-    console.error(s);
-  }
-}, We = async (e, t) => {
-  try {
-    const s = await R(e);
-    if (X(t)) {
-      const c = [], n = await te(e), S = await ee(e, t, s);
-      Object.entries(S).forEach(([g, a]) => {
-        if (a.isKeyframes && a.css) {
-          const D = `css/${`a_${a.animationName}.css`}`, x = r(s, D);
-          F(x, a.css);
-          return;
-        }
-        if (!a.generator) return;
-        const o = a.generator._withBuildContext({
-          name: g,
-          config: n
-        }), f = `css/${o.cssFileName}`, d = r(s, f);
-        F(d, o.css), c[o.priority] || (c[o.priority] = []), c[o.priority].push(o.cssFileName);
-      }), n.importStrategy !== "component" && c.forEach((g, a) => {
-        const o = `l_${a}.css`, f = r(s, "css", o);
-        let d = V(f, "utf8");
-        g.forEach((y) => {
-          var j;
-          const D = r(s, "css", y), x = ((j = /.*-([^-]+)-\d+.css/.exec(y)) == null ? void 0 : j.at(1)) || I(D, 6);
-          if (!d.includes(x)) {
-            const T = V(D, "utf8"), N = `/*start:${x}*/
-${T}
-/*end:${x}*/
-`;
-            d = `${d.replace(/\}$/, "")}
-${N}
-}`;
-          }
-        }), F(f, d);
-      });
-    }
-  } catch (s) {
-    console.error(s);
-  }
-}, Ie = async (e, t, s = de()) => {
-  try {
-    const l = await R(e);
-    if (X(t)) {
-      const n = V(t, "utf8");
-      n.replace(/^(?!export\s)const\s.*/gm, (f) => `export ${f}`) !== n && await he(t, n);
-      const g = await te(e), a = await ee(e, t, l);
-      let o = n;
-      if (Object.entries(a).forEach(([f, d]) => {
-        var p;
-        if (d.isKeyframes || !d.generator) return;
-        const y = d.generator._withBuildContext({
-          name: f,
-          config: g,
-          prod: s
-        }), D = new RegExp(`\\s${f}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(n);
-        if (!D) return console.error("Could not find the original declaration");
-        const x = (p = D.at(1)) == null ? void 0 : p.trim(), _ = new RegExp(`\\s${f}[=\\s]+styled\\(`, "g").exec(o);
-        if (!_) return console.error("Could not find the original declaration");
-        const { index: j } = _;
-        let T = !1;
-        const N = setTimeout(() => T = !0, 5e3);
-        let v = 0, i = !1, h = 0;
-        for (; !i && !T; ) {
-          const M = o[j + v];
-          M === "(" && h++, M === ")" && h--, h === 0 && M === ")" && (i = !0), v > o.length && (T = !0), v++;
-        }
-        if (!T) clearTimeout(N);
-        else throw new Error("Failed to find the end of the styled call and timed out");
-        const w = j + v, m = o.slice(j, w), u = o, b = ` ${f} = styled(${x}, "${y.classNames}", ${JSON.stringify(y.props)});`;
-        o = o.replace(m, b), u === o && console.error("Minimize file failed to change content", { name: f, tagName: x });
-      }), g.importStrategy === "component") {
-        const f = I(t, 6), d = q(t);
-        o = `import '../../saltygen/css/${`f_${B(d.name)}-${f}.css`}';
-${o}`;
-      }
-      return o = o.replace("{ styled }", "{ styledClient as styled }"), o = o.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), o;
-    }
-  } catch (l) {
-    console.error("Error in minimizeFile:", l);
-  }
-};
-export {
-  Re as a,
-  ke as b,
-  Ne as c,
-  ee as d,
-  We as e,
-  ze as g,
-  X as i,
-  H as l,
-  Ie as m,
-  fe as s
-};