@salty-css/webpack 0.0.1-alpha.228 → 0.0.1-alpha.229

package/index-BLikDM5S.cjs

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