@salty-css/core 0.0.1-alpha.187 → 0.0.1-alpha.189

package/index-DKkgPK-r.js

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

package/merge-DxGoJDHv.cjs

@@ -1 +0,0 @@
-"use strict";const n=(...u)=>u.flat().reduce((e,r)=>r!=null&&r._current?{...e,...r._current}:{...e,...r},{});exports.mergeStyles=n;