@salty-css/vite 0.0.1-alpha.267 → 0.0.1-alpha.269

package/index.cjs

@@ -1,46 +1 @@
-"use strict";var Mt=Object.defineProperty;var Rt=(e,t,s)=>t in e?Mt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var st=(e,t,s)=>Rt(e,typeof t!="symbol"?t+"":t,s);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const zt=require("esbuild"),Wt=require("child_process"),c=require("path"),p=require("fs"),dt=require("fs/promises"),X=require("winston"),ft=require("typescript");var ut=typeof document<"u"?document.currentScript:null;function Jt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const Ft=Jt(zt),St=e=>String.fromCharCode(e+(e>25?39:97)),At=(e,t)=>{let s="",n;for(n=Math.abs(e);n>52;n=n/52|0)s=St(n%52)+s;return s=St(n%52)+s,s.length<t?s=s.padStart(t,"a"):s.length>t&&(s=s.slice(-t)),s},It=(e,t)=>{let s=t.length;for(;s;)e=e*33^t.charCodeAt(--s);return e},I=(e,t=5)=>{const s=It(5381,JSON.stringify(e))>>>0;return At(s,t)};function R(e){return e?typeof e!="string"?R(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 qt=e=>t=>{if(typeof t!="string"||!e)return;let s=t;const n=[];return Object.values(e).forEach(o=>{const{pattern:i,transform:r}=o;s=s.replace(i,m=>{const{value:g,css:y}=r(m);return y&&n.push(y),g})}),{transformed:s,additionalCss:n}},Ct=e=>t=>typeof t!="string"||!/\{[^{}]+\}/g.test(t)?void 0:{transformed:t.replace(/\{([^{}]+)\}/g,(...o)=>{const i=R(o[1].replaceAll(".","-"));return i.startsWith("-")?`-${i}`:`var(--${i})`})},Ht=Ct(),Gt=e=>t=>{const{screenSize:s,axis:n="horizontal",minMultiplier:o=.5,maxMultiplier:i=1.5}=e,r=Math.round(t/s*1e4)/100,m=n==="vertical"?"vh":"vw",g=Math.round(o*t),y=Math.round(i*t);return`clamp(${g}px, ${r}${m}, ${y}px)`},Lt=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],Qt=(e,t,s)=>{if(Lt.some(o=>typeof o=="string"?o===e:o.test(e))){const o="px";if(o.startsWith("viewport-clamp:"))try{const r=o.split(":")[1];return Gt({screenSize:parseInt(r)})(Number(t))}catch(r){throw console.error(r),new Error(`Invalid viewport-clamp value: ${o}`)}return`${t}${o}`}return`${t}`},Ut=["Webkit","Moz","ms","O"],Kt=e=>e.startsWith("-")?e:Ut.some(t=>e.startsWith(t))?`-${R(e)}`:R(e),nt=async(e,t="",s,n=!1)=>{if(!e)throw new Error("No styles provided to parseStyles function!");const o=new Set,i=Object.entries(e),r=async([d,u])=>{const $=d.trim().replace(/^\?+/g,""),P=Kt($),v=(k,W=";")=>`${P}:${k}${W}`,E={scope:t,config:s};if(typeof u=="function")return r([d,u(E)]);if(u instanceof Promise)return r([d,await u]);if(typeof u=="object"){if(!u)return;if(u.isColor)return v(u.toString());if($==="defaultVariants")return;if($==="variants"){const N=Object.entries(u);for(const[V,f]of N){if(!f)continue;const S=Object.entries(f);for(const[F,a]of S){if(!a)continue;const C=`${t}.${V}-${F}`;(await nt(a,C,s)).forEach(M=>o.add(M))}}return}if($==="compoundVariants"){for(const N of u){const{css:V,...f}=N,S=Object.entries(f).reduce((a,[C,_])=>`${a}.${C}-${_}`,t);(await nt(V,S,s)).forEach(a=>o.add(a))}return}if($.startsWith("@")){const N=$,V=await Y(u,t,s),f=`${N} { ${V} }`;o.add(f);return}const k=d.includes("&")?$.replaceAll("&",t):$.startsWith(":")?`${t}${$}`:`${t} ${$}`;(await nt(u,k,s)).forEach(N=>o.add(N));return}if(typeof u=="number"){const k=Qt(P,u);return v(k)}if(typeof u!="string")if("toString"in u)u=u.toString();else throw new Error(`Invalid value type for property ${P}`);return v(u)},m=i.map(r),{modifiers:g}={},y=[Ct(),qt(g)],w=(await Promise.all(m).then(d=>Promise.all(d.map(u=>y.reduce(async($,P)=>{const v=await $;if(!v)return v;const E=await P(v);if(!E)return v;const{transformed:k,additionalCss:W}=E;let N="";if(W)for(const V of W)N+=await Y(V,"");return`${N}${k}`},Promise.resolve(u)))))).filter(d=>d!==void 0).join(`
-	`);if(!w.trim())return Array.from(o);const h=t?`${t} {
-	${w}
-}`:w;return o.has(h)?Array.from(o):[h,...o]},Y=async(e,t,s,n=!1)=>(await nt(e,t,s,n)).join(`
-`),Pt=async(e,t=[])=>{if(!e)return"";const s=[],n={};for(const[o,i]of Object.entries(e))if(typeof i!="function")if(i&&typeof i=="object"){const r=o.trim(),m=await Pt(i,[...t,r]);s.push(m)}else n[o]=i;if(Object.keys(n).length){const o=t.map(R).join("-"),i="t_"+I(o,4),r=await Y(n,`.${o}, .${i}`);s.push(r)}return s.join(`
-`)},Zt=e=>e?Object.entries(e).reduce((t,[s,n])=>(typeof n=="function"?t[s]="any":typeof n=="object"&&(t[s]=Nt(n).map(o=>`"${o}"`).join(" | ")),t),{}):{},Nt=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([n,o])=>{const i=t?`${t}.${n}`:n;return typeof o=="object"?Nt(o,i,s):s.add(t)}),[...s]):[],_t=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=c.join(e,"package.json");return p.existsSync(t)?t:_t(c.join(e,".."))},Bt=async e=>{const t=_t(e);return await dt.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},Xt=async e=>{const t=await Bt(e);if(t)return t.type};let H;const xt=async e=>{if(H)return H;const t=await Xt(e);return t==="module"?H="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:ut&&ut.tagName.toUpperCase()==="SCRIPT"&&ut.src||new URL("index.cjs",document.baseURI).href).endsWith(".cjs"))&&(H="cjs"),H||"esm"},pt=X.createLogger({level:"debug",format:X.format.combine(X.format.colorize(),X.format.cli()),transports:[new X.transports.Console({})]});function vt(e){return e?typeof e!="string"?vt(String(e)):e.replace(/[^\d\w]/g,"."):""}const Yt={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},G=(...e)=>e.flat().reduce((t,s)=>s!=null&&s._current?{...t,...s._current}:{...t,...s},{}),te=(...e)=>e.flat().reduce((t,s)=>({...t,...s._children}),{});class ee{constructor(t){st(this,"_path");this.params=t}get _current(){return this.params.template}get isDefineTemplate(){return!0}_setPath(t){return this._path=t,this}}class se{constructor(t){st(this,"_path");st(this,"templates",[]);this.params=t,Object.entries(t).forEach(([s,n])=>{this.templates.push(new ee({name:s,template:n}))})}get _current(){return this.params}get _children(){return Object.fromEntries(this.templates.map(t=>[t.params.name,t]))}get isDefineTemplates(){return!0}_setPath(t){return this._path=t,this.templates.forEach(s=>s._setPath(t)),this}}const ne=e=>new se(e),oe=(e,t)=>new Promise((s,n)=>{const o=setTimeout(()=>{n(new Error("Timeout"))},100),i=ft.createSourceFile("temp.ts",e,ft.ScriptTarget.Latest,!0);function r(m){if(ft.isVariableDeclaration(m)&&m.name.getText()===t){const g=m.getStart(),y=m.getEnd();clearTimeout(o),s([g,y])}m.forEachChild(r)}r(i)}),z={externalModules:[],rcFile:void 0,destDir:void 0},Tt=e=>{if(z.externalModules.length>0)return z.externalModules;const s=p.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(o=>o.replace(/['"`]/g,"").trim());return z.externalModules=n,n},q=async e=>{if(z.destDir)return z.destDir;const t=await mt(e),s=c.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return z.destDir=s,s},kt=["salty","css","styles","styled"],re=(e=[])=>new RegExp(`\\.(${[...kt,...e].join("|")})\\.`),L=(e,t=[])=>re(t).test(e),Dt=async e=>{if(z.rcFile)return z.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=c.join(e,".saltyrc.json"),s=await dt.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(z.rcFile=s,s):Dt(c.join(e,".."))},mt=async e=>{var n,o;const t=await Dt(e),s=(n=t.projects)==null?void 0:n.find(i=>e.endsWith(i.dir||""));return s||((o=t.projects)==null?void 0:o.find(i=>i.dir===t.defaultProject))},ie=async e=>{const t=await mt(e),s=await q(e),n=c.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),o=c.join(s,"salty.config.js"),i=await xt(e),r=Tt(n);await Ft.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:i,external:r});const m=Date.now(),{config:g}=await import(`${o}?t=${m}`);return{config:g,path:o}},ae=async(e,t)=>{var gt,wt;const s=await q(e),n={mediaQueries:[],globalStyles:[],variables:[],templates:[]};await Promise.all([...t].map(async j=>{const{contents:x,outputFilePath:Z}=await ot(e,j,s);Object.entries(x).forEach(([D,T])=>{T.isMedia?n.mediaQueries.push([D,T]):T.isGlobalDefine?n.globalStyles.push(T):T.isDefineVariables?n.variables.push(T):T.isDefineTemplates&&n.templates.push(T._setPath(`${D};;${Z}`))})}));const{config:o,path:i}=await ie(e),r={...o},{mediaQueries:m}=n;r.mediaQueries=Object.fromEntries(m.map(([j,x])=>[`@${j}`,x]));const g=m.map(([j])=>`'@${j}'`).join(" | "),y=new Set,l=async(j,x=[])=>{if(!j)return[];const Z=Object.entries(j).map(async([T,A])=>{const B=async O=>{if(!O)return;if(O instanceof Promise)return await B(await O);if(typeof O=="function")return await B(await O());if(typeof O=="object")return await l(O,[...x,T]);const at=vt(T),ct=R(T),lt=[...x,at].join(".");y.add(`"${lt}"`);const et=[...x.map(R),ct].join("-"),$t=Ht(O);return $t?`--${et}: ${$t.transformed};`:`--${et}: ${O};`};return await B(A)});return(await Promise.all(Z)).flat()},w=async j=>{if(!j)return[];const x=Object.entries(j).map(async([D,T])=>{const A=await l(T);return D==="base"?A.join(""):r.mediaQueries[D]?`${r.mediaQueries[D]} { ${A.join("")} }`:`${D} { ${A.join("")} }`});return(await Promise.all(x)).flat()},h=async j=>{if(!j)return[];const x=Object.entries(j).map(async([D,T])=>{const A=Object.entries(T).map(async([O,at])=>{const ct=await l(at,[D]),lt=`.${D}-${O}, [data-${D}="${O}"]`,et=ct.join("");return`${lt} { ${et} }`});return(await Promise.all(A)).flat()});return(await Promise.all(x)).flat()},b=j=>({...j,responsive:void 0,conditional:void 0}),d=j=>n.variables.map(x=>j==="static"?b(x._current):x._current[j]),u=G(b(o.variables),d("static")),$=await l(u),P=G((gt=o.variables)==null?void 0:gt.responsive,d("responsive")),v=await w(P),E=G((wt=o.variables)==null?void 0:wt.conditional,d("conditional")),k=await h(E),W=c.join(s,"css/_variables.css"),N=`:root { ${$.join("")} ${v.join("")} } ${k.join("")}`;p.writeFileSync(W,N),r.staticVariables=u;const V=c.join(s,"css/_global.css"),f=G(o.global,n.globalStyles),S=await Y(f,"");p.writeFileSync(V,`@layer global { ${S} }`);const F=c.join(s,"css/_reset.css"),C=o.reset==="none"?{}:typeof o.reset=="object"?o.reset:Yt,_=await Y(C,"");p.writeFileSync(F,`@layer reset { ${_} }`);const M=c.join(s,"css/_templates.css"),J=G(o.templates,n.templates),Q=await Pt(J),U=Zt(J);p.writeFileSync(M,`@layer templates { ${Q} }`),r.templates=J;const tt=o.templates?[ne(o.templates)._setPath(`config;;${i}`)]:[],rt=te(n.templates,tt);r.templatePaths=Object.fromEntries(Object.entries(rt).map(([j,x])=>[j,x._path]));const K=c.join(s,"types/css-tokens.d.ts"),Et=`
-  // Variable types
-  type VariableTokens = ${[...y].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(U).map(([j,x])=>`${j}?: ${x}`).join(`
-`)}
-  }
-
-  // Media query types
-  type MediaQueryKeys = ${g||"''"};
-  `;p.writeFileSync(K,Et);const Vt=c.join(s,"cache/config-cache.json");p.writeFileSync(Vt,JSON.stringify(r,null,2))},bt=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const o=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!o.test(e))return t;const r=o.exec(e);if(r){const m=r.at(1);if(kt.some(y=>m==null?void 0:m.includes(y)))return t}return"styled('div',"}),ce=(e,t)=>{try{const s=p.readFileSync(c.join(t,"saltygen/cache/config-cache.json"),"utf8");return s?`globalThis.saltyConfig = ${s};
-
-${e}`:`globalThis.saltyConfig = {};
-
-${e}`}catch{return e}},ot=async(e,t,s)=>{const n=I(t),o=c.join(s,"./temp");p.existsSync(o)||p.mkdirSync(o);const i=c.parse(t);let r=p.readFileSync(t,"utf8");r=bt(r),r=ce(r,e);const m=c.join(s,"js",n+".js"),g=await mt(e),y=c.join(e,(g==null?void 0:g.configDir)||"","salty.config.ts"),l=Tt(y),w=await xt(e);await Ft.build({stdin:{contents:r,sourcefile:i.base,resolveDir:i.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:m,format:w,target:["node20"],keepNames:!0,external:l,packages:"external",plugins:[{name:"test",setup:d=>{d.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},u=>{const $=p.readFileSync(u.path,"utf8");return{contents:bt($),loader:"ts"}})}}]});const h=Date.now();return{contents:await import(`${m}?t=${h}`),outputFilePath:m}},le=async e=>{const t=await q(e),s=c.join(t,"cache/config-cache.json"),n=p.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},yt=async e=>{const t=await le(e),s=await q(e),n=c.join(s,"salty.config.js"),o=Date.now(),{config:i}=await import(`${n}?t=${o}`);return G(i,t)},ht=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},fe=async(e,t=ht(),s=!0)=>{try{const n=Date.now();t?pt.info("Generating CSS in production mode! 🔥"):pt.info("Generating CSS in development mode! 🚀");const o=[],i=[],r=await q(e),m=c.join(r,"index.css");s&&(()=>{p.existsSync(r)&&Wt.execSync("rm -rf "+r),p.mkdirSync(r,{recursive:!0}),p.mkdirSync(c.join(r,"css")),p.mkdirSync(c.join(r,"types")),p.mkdirSync(c.join(r,"js")),p.mkdirSync(c.join(r,"cache"))})();const y=new Set,l=new Set;async function w(f){const S=["node_modules","saltygen"],F=p.statSync(f);if(F.isDirectory()){const a=p.readdirSync(f);if(S.some(_=>f.includes(_)))return;await Promise.all(a.map(_=>w(c.join(f,_))))}else if(F.isFile()&&L(f)){y.add(f);const C=p.readFileSync(f,"utf8");/define[\w\d]+\(/.test(C)&&l.add(f)}}await w(e),await ae(e,l);const h={keyframes:[],components:[],classNames:[]};await Promise.all([...y].map(async f=>{const{contents:S}=await ot(e,f,r);for(let[F,a]of Object.entries(S))a instanceof Promise&&(a=await a),a.isKeyframes?h.keyframes.push({value:a,src:f,name:F}):a.isClassName?h.classNames.push({...a,src:f,name:F}):a.generator&&h.components.push({...a,src:f,name:F})}));const b=await yt(e);for(const f of h.keyframes){const{value:S}=f,F=`a_${S.animationName}.css`,a=`css/${F}`,C=c.join(r,a);o.push(F),p.writeFileSync(C,S.css)}const d={};for(const f of h.components){const{src:S,name:F}=f;d[S]||(d[S]=[]);const a=f.generator._withBuildContext({callerName:F,isProduction:t,config:b});i[a.priority]||(i[a.priority]=[]);const C=await a.css;if(!C)continue;i[a.priority].push(a.cssFileName);const _=`css/${a.cssFileName}`,M=c.join(r,_);p.writeFileSync(M,C),b.importStrategy==="component"&&d[S].push(a.cssFileName)}for(const f of h.classNames){const{src:S,name:F}=f;d[S]||(d[S]=[]);const a=f.generator._withBuildContext({callerName:F,isProduction:t,config:b}),C=await a.css;if(!C)continue;i[a.priority]||(i[a.priority]=[]),i[a.priority].push(a.cssFileName);const _=`css/${a.cssFileName}`,M=c.join(r,_);p.writeFileSync(M,C),b.importStrategy==="component"&&d[S].push(a.cssFileName)}b.importStrategy==="component"&&Object.entries(d).forEach(([f,S])=>{const F=S.map(J=>`@import url('./${J}');`).join(`
-`),a=I(f,6),C=c.parse(f),_=R(C.name),M=c.join(r,`css/f_${_}-${a}.css`);p.writeFileSync(M,F||"/* Empty file */")});const u=o.map(f=>`@import url('./css/${f}');`).join(`
-`);let k=`/*!
- * Generated with Salty CSS (https://salty-css.dev)
- * Do not edit this file directly
- */
-@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css","_reset.css","_global.css","_templates.css"].filter(f=>{try{return p.readFileSync(c.join(r,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
-`)}
-${u}`;if(b.importStrategy!=="component"){const f=i.reduce((S,F,a)=>{const C=F.reduce((Q,U)=>{var it;const tt=c.join(r,"css",U),rt=p.readFileSync(tt,"utf8"),K=((it=/.*-([^-]+)-\d+.css/.exec(U))==null?void 0:it.at(1))||I(tt,6);return Q.includes(K)?Q:`${Q}
-/*start:${K}-${U}*/
-${rt}
-/*end:${K}*/
-`},""),_=`l_${a}.css`,M=c.join(r,"css",_),J=`@layer l${a} { ${C}
- }`;return p.writeFileSync(M,J),`${S}
-@import url('./css/${_}');`},"");k+=f}p.writeFileSync(m,k);const N=Date.now()-n,V=N<200?"🔥":N<500?"🚀":N<1e3?"🎉":N<2e3?"🚗":N<5e3?"🤔":"🥴";pt.info(`Generated CSS in ${N}ms! ${V}`)}catch(n){console.error(n)}},ue=async(e,t,s=ht())=>{try{const n=await q(e);if(L(t)){const i=[],r=await yt(e),{contents:m}=await ot(e,t,n);for(const[g,y]of Object.entries(m)){if(y.isKeyframes&&y.css){const u=`css/${`a_${y.animationName}.css`}`,$=c.join(n,u);p.writeFileSync($,await y.css);continue}if(y.isClassName){const d=y.generator._withBuildContext({callerName:g,isProduction:s,config:r}),u=await d.css;if(!u)continue;i[d.priority]||(i[d.priority]=[]),i[d.priority].push(d.cssFileName);const $=`css/${d.cssFileName}`,P=c.join(n,$);p.writeFileSync(P,u);continue}if(!y.generator)continue;const l=y.generator._withBuildContext({callerName:g,isProduction:s,config:r}),w=await l.css;if(!w)continue;const h=`css/${l.cssFileName}`,b=c.join(n,h);p.writeFileSync(b,w),i[l.priority]||(i[l.priority]=[]),i[l.priority].push(l.cssFileName)}if(r.importStrategy!=="component")i.forEach((g,y)=>{const l=`l_${y}.css`,w=c.join(n,"css",l);let h=p.readFileSync(w,"utf8");g.forEach(b=>{var P;const d=c.join(n,"css",b),u=((P=/.*-([^-]+)-\d+.css/.exec(b))==null?void 0:P.at(1))||I(d,6);if(!h.includes(u)){const v=p.readFileSync(d,"utf8"),E=`/*start:${u}-${b}*/
-${v}
-/*end:${u}*/
-`;h=`${h.replace(/\}$/,"")}
-${E}
-}`}}),p.writeFileSync(w,h)});else{const g=i.flat().map(b=>`@import url('./${b}');`).join(`
-`),y=I(t,6),l=c.parse(t),w=R(l.name),h=c.join(n,`css/f_${w}-${y}.css`);p.writeFileSync(h,g||"/* Empty file */")}}}catch(n){console.error(n)}},pe=async(e,t,s=ht())=>{var n,o;try{const i=await q(e);if(L(t)){const m=p.readFileSync(t,"utf8"),g=await yt(e),{contents:y}=await ot(e,t,i);let l=m;for(const[w,h]of Object.entries(y)){if(h.isKeyframes||!h.generator)continue;const b=h.generator._withBuildContext({callerName:w,isProduction:s,config:g}),[d,u]=await oe(l,w),$=l.slice(d,u);if(h.isClassName){const P=l,v=` ${w} = className("${b.classNames}")`;l=l.replace($,v),P===l&&console.error("Minimize file failed to change content",{name:w})}if($.includes("styled")){const P=(o=(n=/styled\(([^,]+),/.exec($))==null?void 0:n.at(1))==null?void 0:o.trim(),v=l,E=` ${w} = styled(${P}, "${b.classNames}", ${JSON.stringify(b.clientProps)})`;l=l.replace($,E),v===l&&console.error("Minimize file failed to change content",{name:w,tagName:P})}}if(g.importStrategy==="component"){const w=I(t,6),h=c.parse(t);l=`import '../../saltygen/css/${`f_${R(h.name)}-${w}.css`}';
-${l}`}return l=l.replace("@salty-css/react/class-name","@salty-css/react/class-name-client"),l=l.replace("{ styled }","{ styledClient as styled }"),l=l.replace("@salty-css/react/styled","@salty-css/react/styled-client"),l}}catch(i){console.error("Error in minimizeFile:",i)}},jt=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!L(e))return!1;const n=await dt.readFile(e,"utf-8");return!!(/.+define[A-Z]\w+/.test(n)||/.+keyframes\(.+/.test(n))},Ot=e=>({name:"stylegen",buildStart:()=>fe(e),load:async t=>{if(L(t))return await pe(e,t)},handleHotUpdate:async({file:t,server:s})=>{await jt(t)&&s.restart()},watchChange:{handler:async(t,s)=>{L(t)&&s.event!=="delete"&&(await jt(t)||await ue(e,t))}}});exports.default=Ot;exports.saltyPlugin=Ot;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@salty-css/core/compiler"),l=require("@salty-css/core/server"),r=a=>({name:"stylegen",buildStart:()=>t.generateCss(a),load:async e=>{if(t.isSaltyFile(e))return await t.minimizeFile(a,e)},handleHotUpdate:async({file:e,server:s})=>{await l.checkShouldRestart(e)&&s.restart()},watchChange:{handler:async(e,s)=>{t.isSaltyFile(e)&&s.event!=="delete"&&(await l.checkShouldRestart(e)||await t.generateFile(a,e))}}});exports.default=r;exports.saltyPlugin=r;

package/index.js

@@ -1,724 +1,22 @@
-var zt = Object.defineProperty;
-var Wt = (e, t, s) => t in e ? zt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var nt = (e, t, s) => Wt(e, typeof t != "symbol" ? t + "" : t, s);
-import * as Nt from "esbuild";
-import { execSync as Jt } from "child_process";
-import { join as u, parse as rt } from "path";
-import { existsSync as ht, mkdirSync as K, statSync as At, readdirSync as It, readFileSync as R, writeFileSync as _ } from "fs";
-import { readFile as yt } from "fs/promises";
-import { createLogger as Ht, transports as Gt, format as pt } from "winston";
-import mt from "typescript";
-const jt = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), Qt = (e, t) => {
-  let s = "", n;
-  for (n = Math.abs(e); n > 52; n = n / 52 | 0) s = jt(n % 52) + s;
-  return s = jt(n % 52) + s, s.length < t ? s = s.padStart(t, "a") : s.length > t && (s = s.slice(-t)), s;
-}, Kt = (e, t) => {
-  let s = t.length;
-  for (; s; ) e = e * 33 ^ t.charCodeAt(--s);
-  return e;
-}, H = (e, t = 5) => {
-  const s = Kt(5381, JSON.stringify(e)) >>> 0;
-  return Qt(s, t);
-};
-function z(e) {
-  return e ? typeof e != "string" ? z(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 Lt = (e) => (t) => {
-  if (typeof t != "string" || !e) return;
-  let s = t;
-  const n = [];
-  return Object.values(e).forEach((o) => {
-    const { pattern: i, transform: r } = o;
-    s = s.replace(i, (m) => {
-      const { value: y, css: d } = r(m);
-      return d && n.push(d), y;
-    });
-  }), { transformed: s, additionalCss: n };
-}, xt = (e) => (t) => typeof t != "string" || !/\{[^{}]+\}/g.test(t) ? void 0 : { transformed: t.replace(/\{([^{}]+)\}/g, (...o) => {
-  const i = z(o[1].replaceAll(".", "-"));
-  return i.startsWith("-") ? `-${i}` : `var(--${i})`;
-}) }, Zt = xt(), Bt = (e) => (t) => {
-  const { screenSize: s, axis: n = "horizontal", minMultiplier: o = 0.5, maxMultiplier: i = 1.5 } = e, r = Math.round(t / s * 1e4) / 100, m = n === "vertical" ? "vh" : "vw", y = Math.round(o * t), d = Math.round(i * t);
-  return `clamp(${y}px, ${r}${m}, ${d}px)`;
-}, Ut = [
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "min-width",
-  /.*width.*/,
-  /^[^line]*height.*/,
-  // Exclude line-height
-  /padding.*/,
-  /margin.*/,
-  /border.*/,
-  /inset.*/,
-  /.*radius.*/,
-  /.*spacing.*/,
-  /.*gap.*/,
-  /.*indent.*/,
-  /.*offset.*/,
-  /.*size.*/,
-  /.*thickness.*/,
-  /.*font-size.*/
-], qt = (e, t, s) => {
-  if (Ut.some((o) => typeof o == "string" ? o === e : o.test(e))) {
-    const o = "px";
-    if (o.startsWith("viewport-clamp:"))
-      try {
-        const r = o.split(":")[1];
-        return Bt({
-          screenSize: parseInt(r)
-        })(Number(t));
-      } catch (r) {
-        throw console.error(r), new Error(`Invalid viewport-clamp value: ${o}`);
-      }
-    return `${t}${o}`;
-  }
-  return `${t}`;
-}, Xt = ["Webkit", "Moz", "ms", "O"], Yt = (e) => e.startsWith("-") ? e : Xt.some((t) => e.startsWith(t)) ? `-${z(e)}` : z(e), ot = async (e, t = "", s, n = !1) => {
-  if (!e) throw new Error("No styles provided to parseStyles function!");
-  const o = /* @__PURE__ */ new Set(), i = Object.entries(e), r = async ([p, f]) => {
-    const w = p.trim().replace(/^\?+/g, ""), F = Yt(w), v = (D, J = ";") => `${F}:${D}${J}`, V = { scope: t, config: s };
-    if (typeof f == "function") return r([p, f(V)]);
-    if (f instanceof Promise) return r([p, await f]);
-    if (typeof f == "object") {
-      if (!f) return;
-      if (f.isColor) return v(f.toString());
-      if (w === "defaultVariants") return;
-      if (w === "variants") {
-        const P = Object.entries(f);
-        for (const [O, l] of P) {
-          if (!l) continue;
-          const $ = Object.entries(l);
-          for (const [C, a] of $) {
-            if (!a) continue;
-            const j = `${t}.${O}-${C}`;
-            (await ot(a, j, s)).forEach((M) => o.add(M));
-          }
-        }
-        return;
-      }
-      if (w === "compoundVariants") {
-        for (const P of f) {
-          const { css: O, ...l } = P, $ = Object.entries(l).reduce((a, [j, N]) => `${a}.${j}-${N}`, t);
-          (await ot(O, $, s)).forEach((a) => o.add(a));
-        }
-        return;
-      }
-      if (w.startsWith("@")) {
-        const P = w, O = await tt(f, t, s), l = `${P} { ${O} }`;
-        o.add(l);
-        return;
-      }
-      const D = p.includes("&") ? w.replaceAll("&", t) : w.startsWith(":") ? `${t}${w}` : `${t} ${w}`;
-      (await ot(f, D, s)).forEach((P) => o.add(P));
-      return;
-    }
-    if (typeof f == "number") {
-      const D = qt(F, f);
-      return v(D);
-    }
-    if (typeof f != "string")
-      if ("toString" in f) f = f.toString();
-      else throw new Error(`Invalid value type for property ${F}`);
-    return v(f);
-  }, m = i.map(r), { modifiers: y } = {}, d = [xt(), Lt(y)], g = (await Promise.all(m).then((p) => Promise.all(
-    p.map((f) => d.reduce(async (w, F) => {
-      const v = await w;
-      if (!v) return v;
-      const V = await F(v);
-      if (!V) return v;
-      const { transformed: D, additionalCss: J } = V;
-      let P = "";
-      if (J)
-        for (const O of J)
-          P += await tt(O, "");
-      return `${P}${D}`;
-    }, Promise.resolve(f)))
-  ))).filter((p) => p !== void 0).join(`
-	`);
-  if (!g.trim()) return Array.from(o);
-  const h = t ? `${t} {
-	${g}
-}` : g;
-  return o.has(h) ? Array.from(o) : [h, ...o];
-}, tt = async (e, t, s, n = !1) => (await ot(e, t, s, n)).join(`
-`), vt = async (e, t = []) => {
-  if (!e) return "";
-  const s = [], n = {};
-  for (const [o, i] of Object.entries(e))
-    if (typeof i != "function") if (i && typeof i == "object") {
-      const r = o.trim(), m = await vt(i, [...t, r]);
-      s.push(m);
-    } else
-      n[o] = i;
-  if (Object.keys(n).length) {
-    const o = t.map(z).join("-"), i = "t_" + H(o, 4), r = await tt(n, `.${o}, .${i}`);
-    s.push(r);
-  }
-  return s.join(`
-`);
-}, te = (e) => e ? Object.entries(e).reduce((t, [s, n]) => (typeof n == "function" ? t[s] = "any" : typeof n == "object" && (t[s] = _t(n).map((o) => `"${o}"`).join(" | ")), t), {}) : {}, _t = (e, t = "", s = /* @__PURE__ */ new Set()) => e ? (Object.entries(e).forEach(([n, o]) => {
-  const i = t ? `${t}.${n}` : n;
-  return typeof o == "object" ? _t(o, i, s) : s.add(t);
-}), [...s]) : [], Tt = (e) => {
-  if (!e || e === "/") throw new Error("Could not find package.json file");
-  const t = u(e, "package.json");
-  return ht(t) ? t : Tt(u(e, ".."));
-}, ee = async (e) => {
-  const t = Tt(e);
-  return await yt(t, "utf-8").then(JSON.parse).catch(() => {
-  });
-}, se = async (e) => {
-  const t = await ee(e);
-  if (t)
-    return t.type;
-};
-let Q;
-const Dt = async (e) => {
-  if (Q) return Q;
-  const t = await se(e);
-  return t === "module" ? Q = "esm" : (t === "commonjs" || import.meta.url.endsWith(".cjs")) && (Q = "cjs"), Q || "esm";
-}, dt = Ht({
-  level: "debug",
-  format: pt.combine(pt.colorize(), pt.cli()),
-  transports: [new Gt.Console({})]
-});
-function kt(e) {
-  return e ? typeof e != "string" ? kt(String(e)) : e.replace(/[^\d\w]/g, ".") : "";
-}
-const ne = {
-  /** 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"
-  }
-}, L = (...e) => e.flat().reduce((t, s) => s != null && s._current ? { ...t, ...s._current } : { ...t, ...s }, {}), oe = (...e) => e.flat().reduce((t, s) => ({ ...t, ...s._children }), {});
-class re {
-  constructor(t) {
-    nt(this, "_path");
-    this.params = t;
-  }
-  get _current() {
-    return this.params.template;
-  }
-  get isDefineTemplate() {
-    return !0;
-  }
-  _setPath(t) {
-    return this._path = t, this;
-  }
-}
-class ie {
-  constructor(t) {
-    nt(this, "_path");
-    nt(this, "templates", []);
-    this.params = t, Object.entries(t).forEach(([s, n]) => {
-      this.templates.push(
-        new re({
-          name: s,
-          template: n
-        })
-      );
-    });
-  }
-  get _current() {
-    return this.params;
-  }
-  get _children() {
-    return Object.fromEntries(
-      this.templates.map((t) => [t.params.name, t])
-    );
-  }
-  get isDefineTemplates() {
-    return !0;
-  }
-  _setPath(t) {
-    return this._path = t, this.templates.forEach((s) => s._setPath(t)), this;
-  }
-}
-const ae = (e) => new ie(e), ce = (e, t) => new Promise((s, n) => {
-  const o = setTimeout(() => {
-    n(new Error("Timeout"));
-  }, 100), i = mt.createSourceFile("temp.ts", e, mt.ScriptTarget.Latest, !0);
-  function r(m) {
-    if (mt.isVariableDeclaration(m) && m.name.getText() === t) {
-      const y = m.getStart(), d = m.getEnd();
-      clearTimeout(o), s([y, d]);
-    }
-    m.forEachChild(r);
-  }
-  r(i);
-}), W = {
-  externalModules: [],
-  rcFile: void 0,
-  destDir: void 0
-}, Et = (e) => {
-  if (W.externalModules.length > 0) return W.externalModules;
-  const s = R(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!s) return [];
-  const n = s[1].split(",").map((o) => o.replace(/['"`]/g, "").trim());
-  return W.externalModules = n, n;
-}, G = async (e) => {
-  if (W.destDir) return W.destDir;
-  const t = await gt(e), s = u(e, (t == null ? void 0 : t.saltygenDir) || "saltygen");
-  return W.destDir = s, s;
-}, Vt = ["salty", "css", "styles", "styled"], le = (e = []) => new RegExp(`\\.(${[...Vt, ...e].join("|")})\\.`), Z = (e, t = []) => le(t).test(e), Ot = async (e) => {
-  if (W.rcFile) return W.rcFile;
-  if (e === "/") throw new Error("Could not find .saltyrc.json file");
-  const t = u(e, ".saltyrc.json"), s = await yt(t, "utf-8").then(JSON.parse).catch(() => {
-  });
-  return s ? (W.rcFile = s, s) : Ot(u(e, ".."));
-}, gt = async (e) => {
-  var n, o;
-  const t = await Ot(e), s = (n = t.projects) == null ? void 0 : n.find((i) => e.endsWith(i.dir || ""));
-  return s || ((o = t.projects) == null ? void 0 : o.find((i) => i.dir === t.defaultProject));
-}, fe = async (e) => {
-  const t = await gt(e), s = await G(e), n = u(e, (t == null ? void 0 : t.configDir) || "", "salty.config.ts"), o = u(s, "salty.config.js"), i = await Dt(e), r = Et(n);
-  await Nt.build({
-    entryPoints: [n],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: o,
-    format: i,
-    external: r
-  });
-  const m = Date.now(), { config: y } = await import(`${o}?t=${m}`);
-  return { config: y, path: o };
-}, ue = async (e, t) => {
-  var bt, St;
-  const s = await G(e), n = {
-    mediaQueries: [],
-    globalStyles: [],
-    variables: [],
-    templates: []
-  };
-  await Promise.all(
-    [...t].map(async (S) => {
-      const { contents: x, outputFilePath: X } = await it(e, S, s);
-      Object.entries(x).forEach(([k, T]) => {
-        T.isMedia ? n.mediaQueries.push([k, T]) : T.isGlobalDefine ? n.globalStyles.push(T) : T.isDefineVariables ? n.variables.push(T) : T.isDefineTemplates && n.templates.push(T._setPath(`${k};;${X}`));
-      });
-    })
-  );
-  const { config: o, path: i } = await fe(e), r = { ...o }, { mediaQueries: m } = n;
-  r.mediaQueries = Object.fromEntries(m.map(([S, x]) => [`@${S}`, x]));
-  const y = m.map(([S]) => `'@${S}'`).join(" | "), d = /* @__PURE__ */ new Set(), c = async (S, x = []) => {
-    if (!S) return [];
-    const X = Object.entries(S).map(async ([T, I]) => {
-      const Y = async (E) => {
-        if (!E) return;
-        if (E instanceof Promise) return await Y(await E);
-        if (typeof E == "function") return await Y(await E());
-        if (typeof E == "object") return await c(E, [...x, T]);
-        const lt = kt(T), ft = z(T), ut = [...x, lt].join(".");
-        d.add(`"${ut}"`);
-        const st = [...x.map(z), ft].join("-"), Ct = Zt(E);
-        return Ct ? `--${st}: ${Ct.transformed};` : `--${st}: ${E};`;
-      };
-      return await Y(I);
-    });
-    return (await Promise.all(X)).flat();
-  }, g = async (S) => {
-    if (!S) return [];
-    const x = Object.entries(S).map(async ([k, T]) => {
-      const I = await c(T);
-      return k === "base" ? I.join("") : r.mediaQueries[k] ? `${r.mediaQueries[k]} { ${I.join("")} }` : `${k} { ${I.join("")} }`;
-    });
-    return (await Promise.all(x)).flat();
-  }, h = async (S) => {
-    if (!S) return [];
-    const x = Object.entries(S).map(async ([k, T]) => {
-      const I = Object.entries(T).map(async ([E, lt]) => {
-        const ft = await c(lt, [k]), ut = `.${k}-${E}, [data-${k}="${E}"]`, st = ft.join("");
-        return `${ut} { ${st} }`;
-      });
-      return (await Promise.all(I)).flat();
-    });
-    return (await Promise.all(x)).flat();
-  }, b = (S) => ({ ...S, responsive: void 0, conditional: void 0 }), p = (S) => n.variables.map((x) => S === "static" ? b(x._current) : x._current[S]), f = L(b(o.variables), p("static")), w = await c(f), F = L((bt = o.variables) == null ? void 0 : bt.responsive, p("responsive")), v = await g(F), V = L((St = o.variables) == null ? void 0 : St.conditional, p("conditional")), D = await h(V), J = u(s, "css/_variables.css"), P = `:root { ${w.join("")} ${v.join("")} } ${D.join("")}`;
-  _(J, P), r.staticVariables = f;
-  const O = u(s, "css/_global.css"), l = L(o.global, n.globalStyles), $ = await tt(l, "");
-  _(O, `@layer global { ${$} }`);
-  const C = u(s, "css/_reset.css"), j = o.reset === "none" ? {} : typeof o.reset == "object" ? o.reset : ne, N = await tt(j, "");
-  _(C, `@layer reset { ${N} }`);
-  const M = u(s, "css/_templates.css"), A = L(o.templates, n.templates), B = await vt(A), U = te(A);
-  _(M, `@layer templates { ${B} }`), r.templates = A;
-  const et = o.templates ? [ae(o.templates)._setPath(`config;;${i}`)] : [], at = oe(n.templates, et);
-  r.templatePaths = Object.fromEntries(Object.entries(at).map(([S, x]) => [S, x._path]));
-  const q = u(s, "types/css-tokens.d.ts"), Mt = `
-  // Variable types
-  type VariableTokens = ${[...d].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(U).map(([S, x]) => `${S}?: ${x}`).join(`
-`)}
-  }
-
-  // Media query types
-  type MediaQueryKeys = ${y || "''"};
-  `;
-  _(q, Mt);
-  const Rt = u(s, "cache/config-cache.json");
-  _(Rt, JSON.stringify(r, null, 2));
-}, Ft = (e) => e.replace(/styled\(([^"'`{,]+),/g, (t, s) => {
-  if (/^['"`]/.test(s)) return t;
-  const o = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
-  if (!o.test(e)) return t;
-  const r = o.exec(e);
-  if (r) {
-    const m = r.at(1);
-    if (Vt.some((d) => m == null ? void 0 : m.includes(d))) return t;
-  }
-  return "styled('div',";
-}), pe = (e, t) => {
-  try {
-    const s = R(u(t, "saltygen/cache/config-cache.json"), "utf8");
-    return s ? `globalThis.saltyConfig = ${s};
-
-${e}` : `globalThis.saltyConfig = {};
-
-${e}`;
-  } catch {
-    return e;
-  }
-}, it = async (e, t, s) => {
-  const n = H(t), o = u(s, "./temp");
-  ht(o) || K(o);
-  const i = rt(t);
-  let r = R(t, "utf8");
-  r = Ft(r), r = pe(r, e);
-  const m = u(s, "js", n + ".js"), y = await gt(e), d = u(e, (y == null ? void 0 : y.configDir) || "", "salty.config.ts"), c = Et(d), g = await Dt(e);
-  await Nt.build({
-    stdin: {
-      contents: r,
-      sourcefile: i.base,
-      resolveDir: i.dir,
-      loader: "tsx"
-    },
-    minify: !1,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: m,
-    format: g,
-    target: ["node20"],
-    keepNames: !0,
-    external: c,
-    packages: "external",
-    plugins: [
-      {
-        name: "test",
-        setup: (p) => {
-          p.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (f) => {
-            const w = R(f.path, "utf8");
-            return { contents: Ft(w), loader: "ts" };
-          });
-        }
-      }
-    ]
-  });
-  const h = Date.now();
-  return { contents: await import(`${m}?t=${h}`), outputFilePath: m };
-}, me = async (e) => {
-  const t = await G(e), s = u(t, "cache/config-cache.json"), n = R(s, "utf8");
-  if (!n) throw new Error("Could not find config cache file");
-  return JSON.parse(n);
-}, wt = async (e) => {
-  const t = await me(e), s = await G(e), n = u(s, "salty.config.js"), o = Date.now(), { config: i } = await import(`${n}?t=${o}`);
-  return L(i, t);
-}, $t = () => {
-  try {
-    return process.env.NODE_ENV === "production";
-  } catch {
-    return !1;
-  }
-}, de = async (e, t = $t(), s = !0) => {
-  try {
-    const n = Date.now();
-    t ? dt.info("Generating CSS in production mode! 🔥") : dt.info("Generating CSS in development mode! 🚀");
-    const o = [], i = [], r = await G(e), m = u(r, "index.css");
-    s && (() => {
-      ht(r) && Jt("rm -rf " + r), K(r, { recursive: !0 }), K(u(r, "css")), K(u(r, "types")), K(u(r, "js")), K(u(r, "cache"));
-    })();
-    const d = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
-    async function g(l) {
-      const $ = ["node_modules", "saltygen"], C = At(l);
-      if (C.isDirectory()) {
-        const a = It(l);
-        if ($.some((N) => l.includes(N))) return;
-        await Promise.all(a.map((N) => g(u(l, N))));
-      } else if (C.isFile() && Z(l)) {
-        d.add(l);
-        const j = R(l, "utf8");
-        /define[\w\d]+\(/.test(j) && c.add(l);
-      }
-    }
-    await g(e), await ue(e, c);
-    const h = {
-      keyframes: [],
-      components: [],
-      classNames: []
-    };
-    await Promise.all(
-      [...d].map(async (l) => {
-        const { contents: $ } = await it(e, l, r);
-        for (let [C, a] of Object.entries($))
-          a instanceof Promise && (a = await a), a.isKeyframes ? h.keyframes.push({
-            value: a,
-            src: l,
-            name: C
-          }) : a.isClassName ? h.classNames.push({
-            ...a,
-            src: l,
-            name: C
-          }) : a.generator && h.components.push({
-            ...a,
-            src: l,
-            name: C
-          });
-      })
-    );
-    const b = await wt(e);
-    for (const l of h.keyframes) {
-      const { value: $ } = l, C = `a_${$.animationName}.css`, a = `css/${C}`, j = u(r, a);
-      o.push(C), _(j, $.css);
-    }
-    const p = {};
-    for (const l of h.components) {
-      const { src: $, name: C } = l;
-      p[$] || (p[$] = []);
-      const a = l.generator._withBuildContext({
-        callerName: C,
-        isProduction: t,
-        config: b
-      });
-      i[a.priority] || (i[a.priority] = []);
-      const j = await a.css;
-      if (!j) continue;
-      i[a.priority].push(a.cssFileName);
-      const N = `css/${a.cssFileName}`, M = u(r, N);
-      _(M, j), b.importStrategy === "component" && p[$].push(a.cssFileName);
-    }
-    for (const l of h.classNames) {
-      const { src: $, name: C } = l;
-      p[$] || (p[$] = []);
-      const a = l.generator._withBuildContext({
-        callerName: C,
-        isProduction: t,
-        config: b
-      }), j = await a.css;
-      if (!j) continue;
-      i[a.priority] || (i[a.priority] = []), i[a.priority].push(a.cssFileName);
-      const N = `css/${a.cssFileName}`, M = u(r, N);
-      _(M, j), b.importStrategy === "component" && p[$].push(a.cssFileName);
-    }
-    b.importStrategy === "component" && Object.entries(p).forEach(([l, $]) => {
-      const C = $.map((A) => `@import url('./${A}');`).join(`
-`), a = H(l, 6), j = rt(l), N = z(j.name), M = u(r, `css/f_${N}-${a}.css`);
-      _(M, C || "/* Empty file */");
-    });
-    const f = o.map((l) => `@import url('./css/${l}');`).join(`
-`);
-    let D = `/*!
- * Generated with Salty CSS (https://salty-css.dev)
- * Do not edit this file directly
- */
-@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((l) => {
-      try {
-        return R(u(r, "css", l), "utf8").length > 0;
-      } catch {
-        return !1;
-      }
-    }).map((l) => `@import url('./css/${l}');`).join(
-      `
-`
-    )}
-${f}`;
-    if (b.importStrategy !== "component") {
-      const l = i.reduce(($, C, a) => {
-        const j = C.reduce((B, U) => {
-          var ct;
-          const et = u(r, "css", U), at = R(et, "utf8"), q = ((ct = /.*-([^-]+)-\d+.css/.exec(U)) == null ? void 0 : ct.at(1)) || H(et, 6);
-          return B.includes(q) ? B : `${B}
-/*start:${q}-${U}*/
-${at}
-/*end:${q}*/
-`;
-        }, ""), N = `l_${a}.css`, M = u(r, "css", N), A = `@layer l${a} { ${j}
- }`;
-        return _(M, A), `${$}
-@import url('./css/${N}');`;
-      }, "");
-      D += l;
-    }
-    _(m, D);
-    const P = Date.now() - n, O = P < 200 ? "🔥" : P < 500 ? "🚀" : P < 1e3 ? "🎉" : P < 2e3 ? "🚗" : P < 5e3 ? "🤔" : "🥴";
-    dt.info(`Generated CSS in ${P}ms! ${O}`);
-  } catch (n) {
-    console.error(n);
-  }
-}, he = async (e, t, s = $t()) => {
-  try {
-    const n = await G(e);
-    if (Z(t)) {
-      const i = [], r = await wt(e), { contents: m } = await it(e, t, n);
-      for (const [y, d] of Object.entries(m)) {
-        if (d.isKeyframes && d.css) {
-          const f = `css/${`a_${d.animationName}.css`}`, w = u(n, f);
-          _(w, await d.css);
-          continue;
-        }
-        if (d.isClassName) {
-          const p = d.generator._withBuildContext({
-            callerName: y,
-            isProduction: s,
-            config: r
-          }), f = await p.css;
-          if (!f) continue;
-          i[p.priority] || (i[p.priority] = []), i[p.priority].push(p.cssFileName);
-          const w = `css/${p.cssFileName}`, F = u(n, w);
-          _(F, f);
-          continue;
-        }
-        if (!d.generator) continue;
-        const c = d.generator._withBuildContext({
-          callerName: y,
-          isProduction: s,
-          config: r
-        }), g = await c.css;
-        if (!g) continue;
-        const h = `css/${c.cssFileName}`, b = u(n, h);
-        _(b, g), i[c.priority] || (i[c.priority] = []), i[c.priority].push(c.cssFileName);
-      }
-      if (r.importStrategy !== "component")
-        i.forEach((y, d) => {
-          const c = `l_${d}.css`, g = u(n, "css", c);
-          let h = R(g, "utf8");
-          y.forEach((b) => {
-            var F;
-            const p = u(n, "css", b), f = ((F = /.*-([^-]+)-\d+.css/.exec(b)) == null ? void 0 : F.at(1)) || H(p, 6);
-            if (!h.includes(f)) {
-              const v = R(p, "utf8"), V = `/*start:${f}-${b}*/
-${v}
-/*end:${f}*/
-`;
-              h = `${h.replace(/\}$/, "")}
-${V}
-}`;
-            }
-          }), _(g, h);
-        });
-      else {
-        const y = i.flat().map((b) => `@import url('./${b}');`).join(`
-`), d = H(t, 6), c = rt(t), g = z(c.name), h = u(n, `css/f_${g}-${d}.css`);
-        _(h, y || "/* Empty file */");
-      }
-    }
-  } catch (n) {
-    console.error(n);
-  }
-}, ye = async (e, t, s = $t()) => {
-  var n, o;
-  try {
-    const i = await G(e);
-    if (Z(t)) {
-      const m = R(t, "utf8"), y = await wt(e), { contents: d } = await it(e, t, i);
-      let c = m;
-      for (const [g, h] of Object.entries(d)) {
-        if (h.isKeyframes || !h.generator) continue;
-        const b = h.generator._withBuildContext({
-          callerName: g,
-          isProduction: s,
-          config: y
-        }), [p, f] = await ce(c, g), w = c.slice(p, f);
-        if (h.isClassName) {
-          const F = c, v = ` ${g} = className("${b.classNames}")`;
-          c = c.replace(w, v), F === c && console.error("Minimize file failed to change content", { name: g });
-        }
-        if (w.includes("styled")) {
-          const F = (o = (n = /styled\(([^,]+),/.exec(w)) == null ? void 0 : n.at(1)) == null ? void 0 : o.trim(), v = c, V = ` ${g} = styled(${F}, "${b.classNames}", ${JSON.stringify(b.clientProps)})`;
-          c = c.replace(w, V), v === c && console.error("Minimize file failed to change content", { name: g, tagName: F });
-        }
-      }
-      if (y.importStrategy === "component") {
-        const g = H(t, 6), h = rt(t);
-        c = `import '../../saltygen/css/${`f_${z(h.name)}-${g}.css`}';
-${c}`;
-      }
-      return c = c.replace("@salty-css/react/class-name", "@salty-css/react/class-name-client"), c = c.replace("{ styled }", "{ styledClient as styled }"), c = c.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), c;
-    }
-  } catch (i) {
-    console.error("Error in minimizeFile:", i);
-  }
-}, Pt = async (e) => {
-  if (!e || e.includes("node_modules") || e.includes("saltygen")) return !1;
-  if (e.includes("salty.config")) return !0;
-  if (!Z(e)) return !1;
-  const n = await yt(e, "utf-8");
-  return !!(/.+define[A-Z]\w+/.test(n) || /.+keyframes\(.+/.test(n));
-}, Fe = (e) => ({
+import { generateCss as i, isSaltyFile as s, generateFile as o, minimizeFile as r } from "@salty-css/core/compiler";
+import { checkShouldRestart as l } from "@salty-css/core/server";
+const y = (a) => ({
   name: "stylegen",
-  buildStart: () => de(e),
+  buildStart: () => i(a),
   load: async (t) => {
-    if (Z(t))
-      return await ye(e, t);
+    if (s(t))
+      return await r(a, t);
   },
-  handleHotUpdate: async ({ file: t, server: s }) => {
-    await Pt(t) && s.restart();
+  handleHotUpdate: async ({ file: t, server: e }) => {
+    await l(t) && e.restart();
   },
   watchChange: {
-    handler: async (t, s) => {
-      Z(t) && s.event !== "delete" && (await Pt(t) || await he(e, t));
+    handler: async (t, e) => {
+      s(t) && e.event !== "delete" && (await l(t) || await o(a, t));
     }
   }
 });
 export {
-  Fe as default,
-  Fe as saltyPlugin
+  y as default,
+  y as saltyPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/vite",
-  "version": "0.0.1-alpha.267",
+  "version": "0.0.1-alpha.269",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -34,6 +34,6 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.267"
+    "@salty-css/core": "^0.0.1-alpha.269"
   }
 }