@salty-css/core 0.0.1-alpha.183 → 0.0.1-alpha.184

package/index-DKkgPK-r.js

@@ -0,0 +1,433 @@
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.183",
+  "version": "0.0.1-alpha.184",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",

package/server/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("fs/promises"),r=require("../index-zPXqhZf1.cjs"),i=async t=>{if(!t||t.includes("node_modules")||t.includes("saltygen"))return!1;if(t.includes("salty.config"))return!0;if(!r.isSaltyFile(t))return!1;const e=await s.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(e)};exports.checkShouldRestart=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("fs/promises"),r=require("../index-BmsXxgnE.cjs"),i=async t=>{if(!t||t.includes("node_modules")||t.includes("saltygen"))return!1;if(t.includes("salty.config"))return!0;if(!r.isSaltyFile(t))return!1;const e=await s.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(e)};exports.checkShouldRestart=i;

package/server/index.js

@@ -1,5 +1,5 @@
 import { readFile as r } from "fs/promises";
-import { i as e } from "../index-BjclEscx.js";
+import { i as e } from "../index-DKkgPK-r.js";
 const f = async (t) => {
   if (!t || t.includes("node_modules") || t.includes("saltygen")) return !1;
   if (t.includes("salty.config")) return !0;