@salty-css/core 0.0.1-alpha.71 → 0.0.1-alpha.73

package/compiler/get-files.d.ts

@@ -0,0 +1,3 @@
+export declare const getSaltyRcPath: (dirname: string) => string;
+export declare const getPackageJsonPath: (dirname: string) => string;
+export declare const getPackageJson: (dirname: string) => Promise<any>;

package/compiler/index.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("esbuild"),A=require("child_process"),N=require("../dash-case-DKzpenwY.cjs"),o=require("path"),l=require("fs"),X=require("fs/promises"),_=require("../parse-templates-DVK3iZIl.cjs");var k=typeof document<"u"?document.currentScript:null;function Y(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const I=Y(J),U=()=>(console.log("current meta url:",typeof document>"u"?require("url").pathToFileURL(__filename).href:k&&k.tagName.toUpperCase()==="SCRIPT"&&k.src||new URL("compiler/index.cjs",document.baseURI).href),(typeof document>"u"?require("url").pathToFileURL(__filename).href:k&&k.tagName.toUpperCase()==="SCRIPT"&&k.src||new URL("compiler/index.cjs",document.baseURI).href).endsWith(".cjs")?"cjs":"esm"),v={externalModules:[]},z=e=>{if(v.externalModules.length>0)return v.externalModules;const s=o.join(e,"salty.config.ts"),t=l.readFileSync(s,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!t)return[];const a=t[1].split(",").map(F=>F.replace(/['"`]/g,"").trim());return v.externalModules=a,a},R=e=>o.join(e,"./saltygen"),B=["salty","css","styles","styled"],H=(e=[])=>new RegExp(`\\.(${[...B,...e].join("|")})\\.`),E=(e,s=[])=>H(s).test(e),Z=async e=>{const s=R(e),n=o.join(e,"salty.config.ts"),t=o.join(s,"salty.config.js"),a=U(),F=z(e);await I.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:t,format:a,external:F});const f=Date.now(),{config:g}=await import(`${t}?t=${f}`);return g},L=async e=>{const s=await Z(e),n=new Set,t=(c,u=[])=>c?Object.entries(c).flatMap(([y,p])=>{if(!p)return;if(typeof p=="object")return t(p,[...u,y]);const x=[...u,y].join(".");n.add(`"${x}"`);const h=[...u.map(N.dashCase),N.dashCase(y)].join("-"),{result:j}=_.parseValueTokens(p);return`--${h}: ${j};`}):[],a=c=>c?Object.entries(c).flatMap(([u,y])=>{const p=t(y);return u==="base"?p.join(""):`${u} { ${p.join("")} }`}):[],F=c=>c?Object.entries(c).flatMap(([u,y])=>Object.entries(y).flatMap(([p,x])=>{const h=t(x,[u]),j=`.${u}-${p}, [data-${u}="${p}"]`,D=h.join("");return`${j} { ${D} }`})):[],f=t(s.variables),g=a(s.responsiveVariables),i=F(s.conditionalVariables),w=R(e),S=o.join(w,"css/variables.css"),T=`:root { ${f.join("")} ${g.join("")} } ${i.join("")}`;l.writeFileSync(S,T);const m=o.join(w,"types/css-tokens.d.ts"),d=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;l.writeFileSync(m,d);const C=o.join(w,"css/global.css"),$=_.parseStyles(s.global,"");l.writeFileSync(C,$);const b=o.join(w,"css/templates.css"),P=_.parseTemplates(s.templates);l.writeFileSync(b,P)},O=async(e,s,n)=>{const t=N.toHash(s),a=o.join(n,"js",t+".js"),F=U(),f=z(e);await I.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:a,format:F,target:["es2022"],keepNames:!0,external:f});const g=Date.now();return await import(`${a}?t=${g}`)},V=async e=>{const s=R(e),n=o.join(s,"salty.config.js"),{config:t}=await import(n);return t},Q=async e=>{try{const s=[],n=[],t=R(e),a=o.join(t,"index.css");(()=>{l.existsSync(t)&&A.execSync("rm -rf "+t),l.mkdirSync(t),l.mkdirSync(o.join(t,"css")),l.mkdirSync(o.join(t,"types"))})(),await L(e);const f=await V(e);async function g(r,d){const C=["node_modules","saltygen"],$=l.statSync(r);if($.isDirectory()){const b=l.readdirSync(r);if(C.some(c=>r.includes(c)))return;await Promise.all(b.map(c=>g(o.join(r,c),o.join(d,c))))}else if($.isFile()&&E(r)){const P=await O(e,r,t),c=[];Object.entries(P).forEach(([x,h])=>{if(h.isKeyframes&&h.css){const q=`${h.animationName}.css`,K=`css/${q}`,G=o.join(t,K);s.push(q),l.writeFileSync(G,h.css);return}if(!h.generator)return;const j=h.generator._withBuildContext({name:x,config:f}),D=`${j.hash}-${j.priority}.css`;n[j.priority]||(n[j.priority]=[]),n[j.priority].push(D),c.push(D);const M=`css/${D}`,W=o.join(t,M);l.writeFileSync(W,j.css)});const u=c.map(x=>`@import url('./${x}');`).join(`
-`),y=N.toHash(r,6),p=o.join(t,`css/${y}.css`);l.writeFileSync(p,u)}}await g(e,t);const i=s.map(r=>`@import url('./css/${r}');`).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("esbuild"),Z=require("child_process"),N=require("../dash-case-DKzpenwY.cjs"),o=require("path"),a=require("fs"),I=require("fs/promises"),R=require("../parse-templates-DVK3iZIl.cjs");var V=typeof document<"u"?document.currentScript:null;function Q(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const z=Q(Y),B=t=>{if(!t||t==="/")throw new Error("Could not find package.json file");const e=o.join(t,"package.json");return a.existsSync(e)?e:B(o.join(t,".."))},tt=async t=>{const e=B(t);return await I.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},et=async t=>{const e=await tt(t);if(e)return e.type};let D;const H=async t=>{if(D)return D;const e=await et(t);return e==="module"?D="esm":(e==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:V&&V.tagName.toUpperCase()==="SCRIPT"&&V.src||new URL("compiler/index.cjs",document.baseURI).href).endsWith(".cjs"))&&(D="cjs"),D||"esm"},_={externalModules:[]},U=t=>{if(_.externalModules.length>0)return _.externalModules;const e=o.join(t,"salty.config.ts"),s=a.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const l=s[1].split(",").map(w=>w.replace(/['"`]/g,"").trim());return _.externalModules=l,l},v=t=>o.join(t,"./saltygen"),W=["salty","css","styles","styled"],K=(t=[])=>new RegExp(`\\.(${[...W,...t].join("|")})\\.`),E=(t,e=[])=>K(e).test(t),st=async t=>{const e=v(t),n=o.join(t,"salty.config.ts"),s=o.join(e,"salty.config.js"),l=await H(t),w=U(t);await z.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:l,external:w});const f=Date.now(),{config:g}=await import(`${s}?t=${f}`);return g},L=async t=>{const e=await st(t),n=new Set,s=(r,u=[])=>r?Object.entries(r).flatMap(([d,p])=>{if(!p)return;if(typeof p=="object")return s(p,[...u,d]);const x=[...u,d].join(".");n.add(`"${x}"`);const h=[...u.map(N.dashCase),N.dashCase(d)].join("-"),{result:j}=R.parseValueTokens(p);return`--${h}: ${j};`}):[],l=r=>r?Object.entries(r).flatMap(([u,d])=>{const p=s(d);return u==="base"?p.join(""):`${u} { ${p.join("")} }`}):[],w=r=>r?Object.entries(r).flatMap(([u,d])=>Object.entries(d).flatMap(([p,x])=>{const h=s(x,[u]),j=`.${u}-${p}, [data-${u}="${p}"]`,P=h.join("");return`${j} { ${P} }`})):[],f=s(e.variables),g=l(e.responsiveVariables),i=w(e.conditionalVariables),$=v(t),S=o.join($,"css/variables.css"),k=`:root { ${f.join("")} ${g.join("")} } ${i.join("")}`;a.writeFileSync(S,k);const m=o.join($,"types/css-tokens.d.ts"),y=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;a.writeFileSync(m,y);const C=o.join($,"css/global.css"),F=R.parseStyles(e.global,"");a.writeFileSync(C,F);const b=o.join($,"css/templates.css"),T=R.parseTemplates(e.templates);a.writeFileSync(b,T)},O=async(t,e,n)=>{const s=N.toHash(e),l=o.join(n,"js",s+".js"),w=await H(t),f=U(t);await z.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:l,format:w,target:["es2022"],keepNames:!0,external:f});const g=Date.now();return await import(`${l}?t=${g}`)},J=async t=>{const e=v(t),n=o.join(e,"salty.config.js"),{config:s}=await import(n);return s},nt=async t=>{try{const e=[],n=[],s=v(t),l=o.join(s,"index.css");(()=>{a.existsSync(s)&&Z.execSync("rm -rf "+s),a.mkdirSync(s),a.mkdirSync(o.join(s,"css")),a.mkdirSync(o.join(s,"types"))})(),await L(t);const f=await J(t);async function g(c,y){const C=["node_modules","saltygen"],F=a.statSync(c);if(F.isDirectory()){const b=a.readdirSync(c);if(C.some(r=>c.includes(r)))return;await Promise.all(b.map(r=>g(o.join(c,r),o.join(y,r))))}else if(F.isFile()&&E(c)){const T=await O(t,c,s),r=[];Object.entries(T).forEach(([x,h])=>{if(h.isKeyframes&&h.css){const q=`${h.animationName}.css`,A=`css/${q}`,X=o.join(s,A);e.push(q),a.writeFileSync(X,h.css);return}if(!h.generator)return;const j=h.generator._withBuildContext({name:x,config:f}),P=`${j.hash}-${j.priority}.css`;n[j.priority]||(n[j.priority]=[]),n[j.priority].push(P),r.push(P);const M=`css/${P}`,G=o.join(s,M);a.writeFileSync(G,j.css)});const u=r.map(x=>`@import url('./${x}');`).join(`
+`),d=N.toHash(c,6),p=o.join(s,`css/${d}.css`);a.writeFileSync(p,u)}}await g(t,s);const i=e.map(c=>`@import url('./css/${c}');`).join(`
 `);let m=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["variables.css","global.css","templates.css"].filter(r=>{try{return l.readFileSync(o.join(t,"css",r),"utf8").length>0}catch{return!1}}).map(r=>`@import url('./css/${r}');`).join(`
+${["variables.css","global.css","templates.css"].filter(c=>{try{return a.readFileSync(o.join(s,"css",c),"utf8").length>0}catch{return!1}}).map(c=>`@import url('./css/${c}');`).join(`
 `)}
-${i}`;if(f.importStrategy!=="component"){const r=n.flat().map(d=>`@import url('./css/${d}');`).join(`
-`);m+=r}l.writeFileSync(a,m)}catch(s){console.error(s)}},ee=async(e,s)=>{try{const n=[],t=o.join(e,"./saltygen"),a=o.join(t,"index.css");if(E(s)){const f=await V(e),g=await O(e,s,t);Object.entries(g).forEach(([m,r])=>{if(!r.generator)return;const d=r.generator._withBuildContext({name:m,config:f}),C=`${d.hash}-${d.priority}.css`,$=`css/${C}`,b=o.join(t,$);n.push(C),l.writeFileSync(b,d.css)});const i=l.readFileSync(a,"utf8").split(`
-`),w=n.map(m=>`@import url('../saltygen/css/${m}');`),T=[...new Set([...i,...w])].join(`
-`);l.writeFileSync(a,T)}}catch(n){console.error(n)}},te=async(e,s)=>{try{const n=o.join(e,"./saltygen");if(E(s)){const a=l.readFileSync(s,"utf8");a.replace(/^(?!export\s)const\s.*/gm,S=>`export ${S}`)!==a&&await X.writeFile(s,a);const f=await V(e),g=await O(e,s,n);let i=a;Object.entries(g).forEach(([S,T])=>{var D;if(T.isKeyframes||!T.generator)return;const m=T.generator._withBuildContext({name:S,config:f}),r=new RegExp(`\\s${S}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!r)return console.error("Could not find the original declaration");const d=(D=r.at(1))==null?void 0:D.trim(),C=new RegExp(`\\s${S}[=\\s]+styled\\(`,"g").exec(i);if(!C)return console.error("Could not find the original declaration");const{index:$}=C;let b=!1;const P=setTimeout(()=>b=!0,5e3);let c=0,u=!1,y=0;for(;!u&&!b;){const M=i[$+c];M==="("&&y++,M===")"&&y--,y===0&&M===")"&&(u=!0),c>i.length&&(b=!0),c++}if(!b)clearTimeout(P);else throw new Error("Failed to find the end of the styled call and timed out");const p=$+c,x=i.slice($,p),h=i,j=` ${S} = styled(${d}, "${m.classNames}", "${m._callerName}", ${JSON.stringify(m.props)});`;i=i.replace(x,j),h===i&&console.error("Minimize file failed to change content",{name:S,tagName:d})});const w=N.toHash(s,6);return f.importStrategy==="component"&&(i=`import '../../saltygen/css/${w}.css';
-${i}`),i=i.replace("{ styled }","{ styledClient as styled }"),i=i.replace("@salty-css/react/styled","@salty-css/react/styled-client"),i}}catch(n){console.error("Error in minimizeFile:",n)}};exports.compileSaltyFile=O;exports.generateConfigStyles=L;exports.generateCss=Q;exports.generateFile=ee;exports.isSaltyFile=E;exports.minimizeFile=te;exports.saltyFileExtensions=B;exports.saltyFileRegExp=H;
+${i}`;if(f.importStrategy!=="component"){const c=n.flat().map(y=>`@import url('./css/${y}');`).join(`
+`);m+=c}a.writeFileSync(l,m)}catch(e){console.error(e)}},ot=async(t,e)=>{try{const n=[],s=o.join(t,"./saltygen"),l=o.join(s,"index.css");if(E(e)){const f=await J(t),g=await O(t,e,s);Object.entries(g).forEach(([m,c])=>{if(!c.generator)return;const y=c.generator._withBuildContext({name:m,config:f}),C=`${y.hash}-${y.priority}.css`,F=`css/${C}`,b=o.join(s,F);n.push(C),a.writeFileSync(b,y.css)});const i=a.readFileSync(l,"utf8").split(`
+`),$=n.map(m=>`@import url('../saltygen/css/${m}');`),k=[...new Set([...i,...$])].join(`
+`);a.writeFileSync(l,k)}}catch(n){console.error(n)}},it=async(t,e)=>{try{const n=o.join(t,"./saltygen");if(E(e)){const l=a.readFileSync(e,"utf8");l.replace(/^(?!export\s)const\s.*/gm,S=>`export ${S}`)!==l&&await I.writeFile(e,l);const f=await J(t),g=await O(t,e,n);let i=l;Object.entries(g).forEach(([S,k])=>{var P;if(k.isKeyframes||!k.generator)return;const m=k.generator._withBuildContext({name:S,config:f}),c=new RegExp(`\\s${S}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(l);if(!c)return console.error("Could not find the original declaration");const y=(P=c.at(1))==null?void 0:P.trim(),C=new RegExp(`\\s${S}[=\\s]+styled\\(`,"g").exec(i);if(!C)return console.error("Could not find the original declaration");const{index:F}=C;let b=!1;const T=setTimeout(()=>b=!0,5e3);let r=0,u=!1,d=0;for(;!u&&!b;){const M=i[F+r];M==="("&&d++,M===")"&&d--,d===0&&M===")"&&(u=!0),r>i.length&&(b=!0),r++}if(!b)clearTimeout(T);else throw new Error("Failed to find the end of the styled call and timed out");const p=F+r,x=i.slice(F,p),h=i,j=` ${S} = styled(${y}, "${m.classNames}", "${m._callerName}", ${JSON.stringify(m.props)});`;i=i.replace(x,j),h===i&&console.error("Minimize file failed to change content",{name:S,tagName:y})});const $=N.toHash(e,6);return f.importStrategy==="component"&&(i=`import '../../saltygen/css/${$}.css';
+${i}`),i=i.replace("{ styled }","{ styledClient as styled }"),i=i.replace("@salty-css/react/styled","@salty-css/react/styled-client"),i}}catch(n){console.error("Error in minimizeFile:",n)}};exports.compileSaltyFile=O;exports.generateConfigStyles=L;exports.generateCss=nt;exports.generateFile=ot;exports.isSaltyFile=E;exports.minimizeFile=it;exports.saltyFileExtensions=W;exports.saltyFileRegExp=K;

package/compiler/index.js

@@ -1,196 +1,214 @@
 import * as z from "esbuild";
-import { execSync as q } from "child_process";
-import { t as v, d as _ } from "../dash-case-DMQMcCO6.js";
-import { join as o } from "path";
-import { writeFileSync as F, existsSync as A, mkdirSync as E, statSync as L, readdirSync as U, readFileSync as M } from "fs";
-import { writeFile as X } from "fs/promises";
-import { p as Y, a as Z, b as Q } from "../parse-templates-DUUSaubj.js";
-const W = () => (console.log("current meta url:", import.meta.url), import.meta.url.endsWith(".cjs") ? "cjs" : "esm"), V = {
+import { execSync as U } from "child_process";
+import { t as J, d as _ } from "../dash-case-DMQMcCO6.js";
+import { join as n } from "path";
+import { existsSync as W, writeFileSync as j, mkdirSync as v, statSync as X, readdirSync as Y, readFileSync as N } from "fs";
+import { readFile as Z, writeFile as Q } from "fs/promises";
+import { p as tt, a as st, b as et } from "../parse-templates-DUUSaubj.js";
+const H = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const s = n(t, "package.json");
+  return W(s) ? s : H(n(t, ".."));
+}, nt = async (t) => {
+  const s = H(t);
+  return await Z(s, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, ot = async (t) => {
+  const s = await nt(t);
+  if (s)
+    return s.type;
+};
+let M;
+const K = async (t) => {
+  if (M) return M;
+  const s = await ot(t);
+  return s === "module" ? M = "esm" : (s === "commonjs" || import.meta.url.endsWith(".cjs")) && (M = "cjs"), M || "esm";
+}, V = {
   externalModules: []
-}, H = (t) => {
+}, G = (t) => {
   if (V.externalModules.length > 0) return V.externalModules;
-  const e = o(t, "salty.config.ts"), s = M(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!s) return [];
-  const a = s[1].split(",").map((w) => w.replace(/['"`]/g, "").trim());
-  return V.externalModules = a, a;
-}, N = (t) => o(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"], st = (t = []) => new RegExp(`\\.(${[...tt, ...t].join("|")})\\.`), O = (t, e = []) => st(e).test(t), et = async (t) => {
-  const e = N(t), n = o(t, "salty.config.ts"), s = o(e, "salty.config.js"), a = W(), w = H(t);
+  const s = n(t, "salty.config.ts"), e = N(s, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!e) return [];
+  const i = e[1].split(",").map((w) => w.replace(/['"`]/g, "").trim());
+  return V.externalModules = i, i;
+}, E = (t) => n(t, "./saltygen"), ct = ["salty", "css", "styles", "styled"], rt = (t = []) => new RegExp(`\\.(${[...ct, ...t].join("|")})\\.`), O = (t, s = []) => rt(s).test(t), at = async (t) => {
+  const s = E(t), o = n(t, "salty.config.ts"), e = n(s, "salty.config.js"), i = await K(t), w = G(t);
   await z.build({
-    entryPoints: [n],
+    entryPoints: [o],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
-    outfile: s,
-    format: a,
+    outfile: e,
+    format: i,
     external: w
   });
-  const f = Date.now(), { config: g } = await import(`${s}?t=${f}`);
-  return g;
-}, nt = async (t) => {
-  const e = await et(t), n = /* @__PURE__ */ new Set(), s = (i, l = []) => i ? Object.entries(i).flatMap(([m, p]) => {
+  const f = Date.now(), { config: y } = await import(`${e}?t=${f}`);
+  return y;
+}, it = async (t) => {
+  const s = await at(t), o = /* @__PURE__ */ new Set(), e = (a, l = []) => a ? Object.entries(a).flatMap(([g, p]) => {
     if (!p) return;
-    if (typeof p == "object") return s(p, [...l, m]);
-    const C = [...l, m].join(".");
-    n.add(`"${C}"`);
-    const d = [...l.map(_), _(m)].join("-"), { result: h } = Q(p);
-    return `--${d}: ${h};`;
-  }) : [], a = (i) => i ? Object.entries(i).flatMap(([l, m]) => {
-    const p = s(m);
+    if (typeof p == "object") return e(p, [...l, g]);
+    const C = [...l, g].join(".");
+    o.add(`"${C}"`);
+    const m = [...l.map(_), _(g)].join("-"), { result: h } = et(p);
+    return `--${m}: ${h};`;
+  }) : [], i = (a) => a ? Object.entries(a).flatMap(([l, g]) => {
+    const p = e(g);
     return l === "base" ? p.join("") : `${l} { ${p.join("")} }`;
-  }) : [], w = (i) => i ? Object.entries(i).flatMap(([l, m]) => Object.entries(m).flatMap(([p, C]) => {
-    const d = s(C, [l]), h = `.${l}-${p}, [data-${l}="${p}"]`, k = d.join("");
-    return `${h} { ${k} }`;
-  })) : [], f = s(e.variables), g = a(e.responsiveVariables), r = w(e.conditionalVariables), S = N(t), $ = o(S, "css/variables.css"), D = `:root { ${f.join("")} ${g.join("")} } ${r.join("")}`;
-  F($, D);
-  const y = o(S, "types/css-tokens.d.ts"), u = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  F(y, u);
-  const j = o(S, "css/global.css"), x = Y(e.global, "");
-  F(j, x);
-  const b = o(S, "css/templates.css"), T = Z(e.templates);
-  F(b, T);
-}, R = async (t, e, n) => {
-  const s = v(e), a = o(n, "js", s + ".js"), w = W(), f = H(t);
+  }) : [], w = (a) => a ? Object.entries(a).flatMap(([l, g]) => Object.entries(g).flatMap(([p, C]) => {
+    const m = e(C, [l]), h = `.${l}-${p}, [data-${l}="${p}"]`, P = m.join("");
+    return `${h} { ${P} }`;
+  })) : [], f = e(s.variables), y = i(s.responsiveVariables), c = w(s.conditionalVariables), x = E(t), $ = n(x, "css/variables.css"), k = `:root { ${f.join("")} ${y.join("")} } ${c.join("")}`;
+  j($, k);
+  const d = n(x, "types/css-tokens.d.ts"), u = `type VariableTokens = ${[...o].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  j(d, u);
+  const S = n(x, "css/global.css"), F = tt(s.global, "");
+  j(S, F);
+  const b = n(x, "css/templates.css"), D = st(s.templates);
+  j(b, D);
+}, R = async (t, s, o) => {
+  const e = J(s), i = n(o, "js", e + ".js"), w = await K(t), f = G(t);
   await z.build({
-    entryPoints: [e],
+    entryPoints: [s],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
-    outfile: a,
+    outfile: i,
     format: w,
     target: ["es2022"],
     keepNames: !0,
     external: f
   });
-  const g = Date.now();
-  return await import(`${a}?t=${g}`);
+  const y = Date.now();
+  return await import(`${i}?t=${y}`);
 }, B = async (t) => {
-  const e = N(t), n = o(e, "salty.config.js"), { config: s } = await import(n);
-  return s;
-}, pt = async (t) => {
+  const s = E(t), o = n(s, "salty.config.js"), { config: e } = await import(o);
+  return e;
+}, dt = async (t) => {
   try {
-    const e = [], n = [], s = N(t), a = o(s, "index.css");
+    const s = [], o = [], e = E(t), i = n(e, "index.css");
     (() => {
-      A(s) && q("rm -rf " + s), E(s), E(o(s, "css")), E(o(s, "types"));
-    })(), await nt(t);
+      W(e) && U("rm -rf " + e), v(e), v(n(e, "css")), v(n(e, "types"));
+    })(), await it(t);
     const f = await B(t);
-    async function g(c, u) {
-      const j = ["node_modules", "saltygen"], x = L(c);
-      if (x.isDirectory()) {
-        const b = U(c);
-        if (j.some((i) => c.includes(i))) return;
-        await Promise.all(b.map((i) => g(o(c, i), o(u, i))));
-      } else if (x.isFile() && O(c)) {
-        const T = await R(t, c, s), i = [];
-        Object.entries(T).forEach(([C, d]) => {
-          if (d.isKeyframes && d.css) {
-            const I = `${d.animationName}.css`, G = `css/${I}`, J = o(s, G);
-            e.push(I), F(J, d.css);
+    async function y(r, u) {
+      const S = ["node_modules", "saltygen"], F = X(r);
+      if (F.isDirectory()) {
+        const b = Y(r);
+        if (S.some((a) => r.includes(a))) return;
+        await Promise.all(b.map((a) => y(n(r, a), n(u, a))));
+      } else if (F.isFile() && O(r)) {
+        const D = await R(t, r, e), a = [];
+        Object.entries(D).forEach(([C, m]) => {
+          if (m.isKeyframes && m.css) {
+            const I = `${m.animationName}.css`, A = `css/${I}`, L = n(e, A);
+            s.push(I), j(L, m.css);
             return;
           }
-          if (!d.generator) return;
-          const h = d.generator._withBuildContext({
+          if (!m.generator) return;
+          const h = m.generator._withBuildContext({
             name: C,
             config: f
-          }), k = `${h.hash}-${h.priority}.css`;
-          n[h.priority] || (n[h.priority] = []), n[h.priority].push(k), i.push(k);
-          const P = `css/${k}`, K = o(s, P);
-          F(K, h.css);
+          }), P = `${h.hash}-${h.priority}.css`;
+          o[h.priority] || (o[h.priority] = []), o[h.priority].push(P), a.push(P);
+          const T = `css/${P}`, q = n(e, T);
+          j(q, h.css);
         });
-        const l = i.map((C) => `@import url('./${C}');`).join(`
-`), m = v(c, 6), p = o(s, `css/${m}.css`);
-        F(p, l);
+        const l = a.map((C) => `@import url('./${C}');`).join(`
+`), g = J(r, 6), p = n(e, `css/${g}.css`);
+        j(p, l);
       }
     }
-    await g(t, s);
-    const r = e.map((c) => `@import url('./css/${c}');`).join(`
+    await y(t, e);
+    const c = s.map((r) => `@import url('./css/${r}');`).join(`
 `);
-    let y = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let d = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["variables.css", "global.css", "templates.css"].filter((c) => {
+${["variables.css", "global.css", "templates.css"].filter((r) => {
       try {
-        return M(o(s, "css", c), "utf8").length > 0;
+        return N(n(e, "css", r), "utf8").length > 0;
       } catch {
         return !1;
       }
-    }).map((c) => `@import url('./css/${c}');`).join(`
+    }).map((r) => `@import url('./css/${r}');`).join(`
 `)}
-${r}`;
+${c}`;
     if (f.importStrategy !== "component") {
-      const c = n.flat().map((u) => `@import url('./css/${u}');`).join(`
+      const r = o.flat().map((u) => `@import url('./css/${u}');`).join(`
 `);
-      y += c;
+      d += r;
     }
-    F(a, y);
-  } catch (e) {
-    console.error(e);
+    j(i, d);
+  } catch (s) {
+    console.error(s);
   }
-}, ft = async (t, e) => {
+}, mt = async (t, s) => {
   try {
-    const n = [], s = o(t, "./saltygen"), a = o(s, "index.css");
-    if (O(e)) {
-      const f = await B(t), g = await R(t, e, s);
-      Object.entries(g).forEach(([y, c]) => {
-        if (!c.generator) return;
-        const u = c.generator._withBuildContext({
-          name: y,
+    const o = [], e = n(t, "./saltygen"), i = n(e, "index.css");
+    if (O(s)) {
+      const f = await B(t), y = await R(t, s, e);
+      Object.entries(y).forEach(([d, r]) => {
+        if (!r.generator) return;
+        const u = r.generator._withBuildContext({
+          name: d,
           config: f
-        }), j = `${u.hash}-${u.priority}.css`, x = `css/${j}`, b = o(s, x);
-        n.push(j), F(b, u.css);
+        }), S = `${u.hash}-${u.priority}.css`, F = `css/${S}`, b = n(e, F);
+        o.push(S), j(b, u.css);
       });
-      const r = M(a, "utf8").split(`
-`), S = n.map((y) => `@import url('../saltygen/css/${y}');`), D = [.../* @__PURE__ */ new Set([...r, ...S])].join(`
+      const c = N(i, "utf8").split(`
+`), x = o.map((d) => `@import url('../saltygen/css/${d}');`), k = [.../* @__PURE__ */ new Set([...c, ...x])].join(`
 `);
-      F(a, D);
+      j(i, k);
     }
-  } catch (n) {
-    console.error(n);
+  } catch (o) {
+    console.error(o);
   }
-}, ut = async (t, e) => {
+}, ht = async (t, s) => {
   try {
-    const n = o(t, "./saltygen");
-    if (O(e)) {
-      const a = M(e, "utf8");
-      a.replace(/^(?!export\s)const\s.*/gm, ($) => `export ${$}`) !== a && await X(e, a);
-      const f = await B(t), g = await R(t, e, n);
-      let r = a;
-      Object.entries(g).forEach(([$, D]) => {
-        var k;
-        if (D.isKeyframes || !D.generator) return;
-        const y = D.generator._withBuildContext({
+    const o = n(t, "./saltygen");
+    if (O(s)) {
+      const i = N(s, "utf8");
+      i.replace(/^(?!export\s)const\s.*/gm, ($) => `export ${$}`) !== i && await Q(s, i);
+      const f = await B(t), y = await R(t, s, o);
+      let c = i;
+      Object.entries(y).forEach(([$, k]) => {
+        var P;
+        if (k.isKeyframes || !k.generator) return;
+        const d = k.generator._withBuildContext({
           name: $,
           config: f
-        }), c = new RegExp(`\\s${$}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(a);
-        if (!c) return console.error("Could not find the original declaration");
-        const u = (k = c.at(1)) == null ? void 0 : k.trim(), j = new RegExp(`\\s${$}[=\\s]+styled\\(`, "g").exec(r);
-        if (!j) return console.error("Could not find the original declaration");
-        const { index: x } = j;
+        }), r = new RegExp(`\\s${$}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(i);
+        if (!r) return console.error("Could not find the original declaration");
+        const u = (P = r.at(1)) == null ? void 0 : P.trim(), S = new RegExp(`\\s${$}[=\\s]+styled\\(`, "g").exec(c);
+        if (!S) return console.error("Could not find the original declaration");
+        const { index: F } = S;
         let b = !1;
-        const T = setTimeout(() => b = !0, 5e3);
-        let i = 0, l = !1, m = 0;
+        const D = setTimeout(() => b = !0, 5e3);
+        let a = 0, l = !1, g = 0;
         for (; !l && !b; ) {
-          const P = r[x + i];
-          P === "(" && m++, P === ")" && m--, m === 0 && P === ")" && (l = !0), i > r.length && (b = !0), i++;
+          const T = c[F + a];
+          T === "(" && g++, T === ")" && g--, g === 0 && T === ")" && (l = !0), a > c.length && (b = !0), a++;
         }
-        if (!b) clearTimeout(T);
+        if (!b) clearTimeout(D);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const p = x + i, C = r.slice(x, p), d = r, h = ` ${$} = styled(${u}, "${y.classNames}", "${y._callerName}", ${JSON.stringify(y.props)});`;
-        r = r.replace(C, h), d === r && console.error("Minimize file failed to change content", { name: $, tagName: u });
+        const p = F + a, C = c.slice(F, p), m = c, h = ` ${$} = styled(${u}, "${d.classNames}", "${d._callerName}", ${JSON.stringify(d.props)});`;
+        c = c.replace(C, h), m === c && console.error("Minimize file failed to change content", { name: $, tagName: u });
       });
-      const S = v(e, 6);
-      return f.importStrategy === "component" && (r = `import '../../saltygen/css/${S}.css';
-${r}`), r = r.replace("{ styled }", "{ styledClient as styled }"), r = r.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), r;
+      const x = J(s, 6);
+      return f.importStrategy === "component" && (c = `import '../../saltygen/css/${x}.css';
+${c}`), c = c.replace("{ styled }", "{ styledClient as styled }"), c = c.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), c;
     }
-  } catch (n) {
-    console.error("Error in minimizeFile:", n);
+  } catch (o) {
+    console.error("Error in minimizeFile:", o);
   }
 };
 export {
   R as compileSaltyFile,
-  nt as generateConfigStyles,
-  pt as generateCss,
-  ft as generateFile,
+  it as generateConfigStyles,
+  dt as generateCss,
+  mt as generateFile,
   O as isSaltyFile,
-  ut as minimizeFile,
-  tt as saltyFileExtensions,
-  st as saltyFileRegExp
+  ht as minimizeFile,
+  ct as saltyFileExtensions,
+  rt as saltyFileRegExp
 };

package/package.json

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

package/util/module-type.d.ts

@@ -1 +1 @@
-export declare const detectCurrentModuleType: () => "cjs" | "esm";
+export declare const detectCurrentModuleType: (dirname: string) => Promise<"esm" | "cjs">;