@salty-css/webpack 0.0.1-alpha.102 → 0.0.1-alpha.104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,18 +1,18 @@
1
- "use strict";const nt=require("esbuild"),ot=require("child_process"),l=require("path"),u=require("fs"),Z=require("fs/promises"),V=require("winston");var J=typeof document<"u"?document.currentScript:null;function rt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const U=rt(nt),B=t=>String.fromCharCode(t+(t>25?39:97)),it=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=B(n%52)+s;return s=B(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},ct=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},A=(t,e=3)=>{const s=ct(5381,JSON.stringify(t))>>>0;return it(s,e)};function M(t){return t?typeof t!="string"?M(String(t)):t.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(e,s)=>(s>0?"-":"")+e.toLowerCase()):""}const at=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const s=[];return Object.values(e).forEach(n=>{const{pattern:r,transform:c}=n;t=t.replace(r,y=>{const{value:a,css:h}=c(y);return h&&s.push(h),a})}),{result:t,additionalCss:s}},G=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${M(n[1].replaceAll(".","-"))})`)}:{result:t},O=(t,e,s,n)=>{if(!t)return"";const r=[],c=Object.entries(t).reduce((a,[h,o])=>{const g=h.trim();if(typeof o=="function"&&(o=o()),typeof o=="object"){if(!o)return a;if(g==="variants")return Object.entries(o).forEach(([p,i])=>{i&&Object.entries(i).forEach(([j,d])=>{if(!d)return;const P=`${e}.${p}-${j}`,k=O(d,P);r.push(k)})}),a;if(g==="defaultVariants")return a;if(g==="compoundVariants")return o.forEach(p=>{const{css:i,...j}=p,d=Object.entries(j).reduce((k,[S,x])=>`${k}.${S}-${x}`,e),P=O(i,d);r.push(P)}),a;if(g.startsWith("@")){const p=O(o,e),i=`${g} {
1
+ "use strict";const nt=require("esbuild"),ot=require("child_process"),l=require("path"),u=require("fs"),L=require("fs/promises"),V=require("winston");var J=typeof document<"u"?document.currentScript:null;function rt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const U=rt(nt),B=t=>String.fromCharCode(t+(t>25?39:97)),it=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=B(n%52)+s;return s=B(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},ct=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},A=(t,e=3)=>{const s=ct(5381,JSON.stringify(t))>>>0;return it(s,e)};function M(t){return t?typeof t!="string"?M(String(t)):t.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(e,s)=>(s>0?"-":"")+e.toLowerCase()):""}const at=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const s=[];return Object.values(e).forEach(n=>{const{pattern:r,transform:c}=n;t=t.replace(r,y=>{const{value:a,css:h}=c(y);return h&&s.push(h),a})}),{result:t,additionalCss:s}},G=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${M(n[1].replaceAll(".","-"))})`)}:{result:t},O=(t,e,s,n)=>{if(!t)return"";const r=[],c=Object.entries(t).reduce((a,[h,o])=>{const g=h.trim();if(typeof o=="function"&&(o=o()),typeof o=="object"){if(!o)return a;if(g==="variants")return Object.entries(o).forEach(([p,i])=>{i&&Object.entries(i).forEach(([j,d])=>{if(!d)return;const P=`${e}.${p}-${j}`,C=O(d,P);r.push(C)})}),a;if(g==="defaultVariants")return a;if(g==="compoundVariants")return o.forEach(p=>{const{css:i,...j}=p,d=Object.entries(j).reduce((C,[S,x])=>`${C}.${S}-${x}`,e),P=O(i,d);r.push(P)}),a;if(g.startsWith("@")){const p=O(o,e),i=`${g} {
2
2
  ${p.replace(`
3
3
  `,`
4
4
  `)}
5
- }`;return r.push(i),a}const m=h.includes("&")?g.replace("&",e):g.startsWith(":")?`${e}${g}`:`${e} ${g}`,b=O(o,m);return r.push(b),a}const $=g.startsWith("-")?g:M(g),w=(m,b=";")=>a=`${a}${m}${b}`,C=m=>w(`${$}:${m}`);if(typeof o=="number")return C(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return a;const{modifiers:f}={},D=function*(){yield G(o),yield at(o,f)}();for(const{result:m,additionalCss:b=[]}of D)o=m,b.forEach(p=>{const i=O(p,"");w(i,"")});return C(o)},"");if(!c)return r.join(`
5
+ }`;return r.push(i),a}const m=h.includes("&")?g.replace("&",e):g.startsWith(":")?`${e}${g}`:`${e} ${g}`,b=O(o,m);return r.push(b),a}const $=g.startsWith("-")?g:M(g),w=(m,b=";")=>a=`${a}${m}${b}`,k=m=>w(`${$}:${m}`);if(typeof o=="number")return k(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return a;const{modifiers:f}={},D=function*(){yield G(o),yield at(o,f)}();for(const{result:m,additionalCss:b=[]}of D)o=m,b.forEach(p=>{const i=O(p,"");w(i,"")});return k(o)},"");if(!c)return r.join(`
6
6
  `);if(!e)return c;let y="";return y=`${e} { ${c} }`,[y,...r].join(`
7
7
  `)},H=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([r,c])=>{if(typeof c=="object"){if(!c)return;const y=r.trim(),a=H(c,[...e,y]);s.push(a)}else n[r]=c}),Object.keys(n).length){const r=e.map(M).join("-"),c=O(n,`.${r}`);s.push(c)}return s.join(`
8
- `)},K=t=>{if(!t||t==="/")throw new Error("Could not find package.json file");const e=l.join(t,"package.json");return u.existsSync(e)?e:K(l.join(t,".."))},lt=async t=>{const e=K(t);return await Z.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},ft=async t=>{const e=await lt(t);if(e)return e.type};let E;const X=async t=>{if(E)return E;const e=await ft(t);return e==="module"?E="esm":(e==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:J&&J.tagName.toUpperCase()==="SCRIPT"&&J.src||new URL("index-D6_eGg8C.cjs",document.baseURI).href).endsWith(".cjs"))&&(E="cjs"),E||"esm"},L=V.createLogger({level:"debug",format:V.format.combine(V.format.colorize(),V.format.cli()),transports:[new V.transports.Console({})]}),R={externalModules:[]},Y=t=>{if(R.externalModules.length>0)return R.externalModules;const e=l.join(t,"salty.config.ts"),n=u.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!n)return[];const r=n[1].split(",").map(c=>c.replace(/['"`]/g,"").trim());return R.externalModules=r,r},_=t=>l.join(t,"./saltygen"),ut=["salty","css","styles","styled"],Q=(t=[])=>new RegExp(`\\.(${[...ut,...t].join("|")})\\.`),q=(t,e=[])=>Q(e).test(t),pt=async t=>{const e=_(t),s=l.join(t,"salty.config.ts"),n=l.join(e,"salty.config.js"),r=await X(t),c=Y(t);await U.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:r,external:c});const y=Date.now(),{config:a}=await import(`${n}?t=${y}`);return a},dt=async t=>{const e=await pt(t),s=new Set,n=(p,i=[])=>p?Object.entries(p).flatMap(([j,d])=>{if(!d)return;if(typeof d=="object")return n(d,[...i,j]);const P=[...i,j].join(".");s.add(`"${P}"`);const k=[...i.map(M),M(j)].join("-"),{result:S}=G(d);return`--${k}: ${S};`}):[],r=p=>p?Object.entries(p).flatMap(([i,j])=>{const d=n(j);return i==="base"?d.join(""):`${i} { ${d.join("")} }`}):[],c=p=>p?Object.entries(p).flatMap(([i,j])=>Object.entries(j).flatMap(([d,P])=>{const k=n(P,[i]),S=`.${i}-${d}, [data-${i}="${d}"]`,x=k.join("");return`${S} { ${x} }`})):[],y=n(e.variables),a=r(e.responsiveVariables),h=c(e.conditionalVariables),o=_(t),g=l.join(o,"css/variables.css"),$=`:root { ${y.join("")} ${a.join("")} } ${h.join("")}`;u.writeFileSync(g,$);const w=l.join(o,"types/css-tokens.d.ts"),f=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;u.writeFileSync(w,f);const F=l.join(o,"css/global.css"),D=O(e.global,"");u.writeFileSync(F,D);const m=l.join(o,"css/templates.css"),b=H(e.templates);u.writeFileSync(m,b)},I=async(t,e,s)=>{const n=A(e),r=l.join(s,"./temp");u.existsSync(r)||u.mkdirSync(r);const c=l.parse(e);let y=u.readFileSync(e,"utf8");y=y.replace("styled(DynaLink","styled('div'");const a=l.join(s,"js",n+".js"),h=Y(t),o=await X(t);await U.build({stdin:{contents:y,sourcefile:c.base,resolveDir:c.dir,loader:"ts"},minify:!1,treeShaking:!0,bundle:!0,outfile:a,format:o,target:["node20"],keepNames:!0,external:h,packages:"external"});const g=Date.now();return await import(`${a}?t=${g}`)},z=async t=>{const e=_(t),s=l.join(e,"salty.config.js"),{config:n}=await import(s);return n},v=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},gt=async(t,e=v())=>{try{e?L.info("Generating CSS in production mode! 🔥"):L.info("Generating CSS in development mode! 🚀");const s=[],n=[],r=_(t),c=l.join(r,"index.css");(()=>{u.existsSync(r)&&ot.execSync("rm -rf "+r),u.mkdirSync(r),u.mkdirSync(l.join(r,"css")),u.mkdirSync(l.join(r,"types"))})(),await dt(t);const a=await z(t);async function h(f,F){const D=["node_modules","saltygen"],m=u.statSync(f);if(m.isDirectory()){const b=u.readdirSync(f);if(D.some(i=>f.includes(i)))return;await Promise.all(b.map(i=>h(l.join(f,i),l.join(F,i))))}else if(m.isFile()&&q(f)){const p=await I(t,f,r),i=[];Object.entries(p).forEach(([k,S])=>{if(S.isKeyframes&&S.css){const W=`${S.animationName}.css`,et=`css/${W}`,st=l.join(r,et);s.push(W),u.writeFileSync(st,S.css);return}if(!S.generator)return;const x=S.generator._withBuildContext({name:k,config:a,prod:e}),T=`${x.hash}-${x.priority}.css`;n[x.priority]||(n[x.priority]=[]),n[x.priority].push(T),i.push(T);const N=`css/${T}`,tt=l.join(r,N);u.writeFileSync(tt,x.css)});const j=i.map(k=>`@import url('./${k}');`).join(`
8
+ `)},K=t=>{if(!t||t==="/")throw new Error("Could not find package.json file");const e=l.join(t,"package.json");return u.existsSync(e)?e:K(l.join(t,".."))},lt=async t=>{const e=K(t);return await L.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},ft=async t=>{const e=await lt(t);if(e)return e.type};let E;const X=async t=>{if(E)return E;const e=await ft(t);return e==="module"?E="esm":(e==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:J&&J.tagName.toUpperCase()==="SCRIPT"&&J.src||new URL("index-Bx6QhSAt.cjs",document.baseURI).href).endsWith(".cjs"))&&(E="cjs"),E||"esm"},Z=V.createLogger({level:"debug",format:V.format.combine(V.format.colorize(),V.format.cli()),transports:[new V.transports.Console({})]}),R={externalModules:[]},Y=t=>{if(R.externalModules.length>0)return R.externalModules;const e=l.join(t,"salty.config.ts"),n=u.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!n)return[];const r=n[1].split(",").map(c=>c.replace(/['"`]/g,"").trim());return R.externalModules=r,r},_=t=>l.join(t,"./saltygen"),ut=["salty","css","styles","styled"],Q=(t=[])=>new RegExp(`\\.(${[...ut,...t].join("|")})\\.`),q=(t,e=[])=>Q(e).test(t),pt=async t=>{const e=_(t),s=l.join(t,"salty.config.ts"),n=l.join(e,"salty.config.js"),r=await X(t),c=Y(t);await U.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:r,external:c});const y=Date.now(),{config:a}=await import(`${n}?t=${y}`);return a},dt=async t=>{const e=await pt(t),s=new Set,n=(p,i=[])=>p?Object.entries(p).flatMap(([j,d])=>{if(!d)return;if(typeof d=="object")return n(d,[...i,j]);const P=[...i,j].join(".");s.add(`"${P}"`);const C=[...i.map(M),M(j)].join("-"),{result:S}=G(d);return`--${C}: ${S};`}):[],r=p=>p?Object.entries(p).flatMap(([i,j])=>{const d=n(j);return i==="base"?d.join(""):`${i} { ${d.join("")} }`}):[],c=p=>p?Object.entries(p).flatMap(([i,j])=>Object.entries(j).flatMap(([d,P])=>{const C=n(P,[i]),S=`.${i}-${d}, [data-${i}="${d}"]`,x=C.join("");return`${S} { ${x} }`})):[],y=n(e.variables),a=r(e.responsiveVariables),h=c(e.conditionalVariables),o=_(t),g=l.join(o,"css/variables.css"),$=`:root { ${y.join("")} ${a.join("")} } ${h.join("")}`;u.writeFileSync(g,$);const w=l.join(o,"types/css-tokens.d.ts"),f=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;u.writeFileSync(w,f);const F=l.join(o,"css/global.css"),D=O(e.global,"");u.writeFileSync(F,D);const m=l.join(o,"css/templates.css"),b=H(e.templates);u.writeFileSync(m,b)},I=async(t,e,s)=>{const n=A(e),r=l.join(s,"./temp");u.existsSync(r)||u.mkdirSync(r);const c=l.parse(e);let y=u.readFileSync(e,"utf8");y=y.replace(/styled\([^"'`{,]+,/g,"styled('div',");const a=l.join(s,"js",n+".js"),h=Y(t),o=await X(t);await U.build({stdin:{contents:y,sourcefile:c.base,resolveDir:c.dir,loader:"ts"},minify:!1,treeShaking:!0,bundle:!0,outfile:a,format:o,target:["node20"],keepNames:!0,external:h,packages:"external"});const g=Date.now();return await import(`${a}?t=${g}`)},z=async t=>{const e=_(t),s=l.join(e,"salty.config.js"),{config:n}=await import(s);return n},v=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},gt=async(t,e=v())=>{try{e?Z.info("Generating CSS in production mode! 🔥"):Z.info("Generating CSS in development mode! 🚀");const s=[],n=[],r=_(t),c=l.join(r,"index.css");(()=>{u.existsSync(r)&&ot.execSync("rm -rf "+r),u.mkdirSync(r),u.mkdirSync(l.join(r,"css")),u.mkdirSync(l.join(r,"types"))})(),await dt(t);const a=await z(t);async function h(f,F){const D=["node_modules","saltygen"],m=u.statSync(f);if(m.isDirectory()){const b=u.readdirSync(f);if(D.some(i=>f.includes(i)))return;await Promise.all(b.map(i=>h(l.join(f,i),l.join(F,i))))}else if(m.isFile()&&q(f)){const p=await I(t,f,r),i=[];Object.entries(p).forEach(([C,S])=>{if(S.isKeyframes&&S.css){const W=`${S.animationName}.css`,et=`css/${W}`,st=l.join(r,et);s.push(W),u.writeFileSync(st,S.css);return}if(!S.generator)return;const x=S.generator._withBuildContext({name:C,config:a,prod:e}),T=`${x.hash}-${x.priority}.css`;n[x.priority]||(n[x.priority]=[]),n[x.priority].push(T),i.push(T);const N=`css/${T}`,tt=l.join(r,N);u.writeFileSync(tt,x.css)});const j=i.map(C=>`@import url('./${C}');`).join(`
9
9
  `),d=A(f,6),P=l.join(r,`css/${d}.css`);u.writeFileSync(P,j)}}await h(t,r);const o=s.map(f=>`@import url('./css/${f}');`).join(`
10
- `);let C=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
10
+ `);let k=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
11
11
 
12
12
  ${["variables.css","global.css","templates.css"].filter(f=>{try{return u.readFileSync(l.join(r,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
13
13
  `)}
14
14
  ${o}`;if(a.importStrategy!=="component"){const f=n.flat().map(F=>`@import url('./css/${F}');`).join(`
15
- `);C+=f}u.writeFileSync(c,C)}catch(s){console.error(s)}},yt=async(t,e)=>{try{const s=[],n=l.join(t,"./saltygen"),r=l.join(n,"index.css");if(q(e)){const y=await z(t),a=await I(t,e,n);Object.entries(a).forEach(([w,C])=>{if(!C.generator)return;const f=C.generator._withBuildContext({name:w,config:y}),F=`${f.hash}-${f.priority}.css`,D=`css/${F}`,m=l.join(n,D);s.push(F),u.writeFileSync(m,f.css)});const h=u.readFileSync(r,"utf8").split(`
15
+ `);k+=f}u.writeFileSync(c,k)}catch(s){console.error(s)}},yt=async(t,e)=>{try{const s=[],n=l.join(t,"./saltygen"),r=l.join(n,"index.css");if(q(e)){const y=await z(t),a=await I(t,e,n);Object.entries(a).forEach(([w,k])=>{if(!k.generator)return;const f=k.generator._withBuildContext({name:w,config:y}),F=`${f.hash}-${f.priority}.css`,D=`css/${F}`,m=l.join(n,D);s.push(F),u.writeFileSync(m,f.css)});const h=u.readFileSync(r,"utf8").split(`
16
16
  `),o=s.map(w=>`@import url('../saltygen/css/${w}');`),$=[...new Set([...h,...o])].join(`
17
- `);u.writeFileSync(r,$)}}catch(s){console.error(s)}},mt=async(t,e,s=v())=>{try{const n=l.join(t,"./saltygen");if(q(e)){const c=u.readFileSync(e,"utf8");c.replace(/^(?!export\s)const\s.*/gm,$=>`export ${$}`)!==c&&await Z.writeFile(e,c);const a=await z(t),h=await I(t,e,n);let o=c;Object.entries(h).forEach(([$,w])=>{var T;if(w.isKeyframes||!w.generator)return;const C=w.generator._withBuildContext({name:$,config:a,prod:s}),f=new RegExp(`\\s${$}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(c);if(!f)return console.error("Could not find the original declaration");const F=(T=f.at(1))==null?void 0:T.trim(),D=new RegExp(`\\s${$}[=\\s]+styled\\(`,"g").exec(o);if(!D)return console.error("Could not find the original declaration");const{index:m}=D;let b=!1;const p=setTimeout(()=>b=!0,5e3);let i=0,j=!1,d=0;for(;!j&&!b;){const N=o[m+i];N==="("&&d++,N===")"&&d--,d===0&&N===")"&&(j=!0),i>o.length&&(b=!0),i++}if(!b)clearTimeout(p);else throw new Error("Failed to find the end of the styled call and timed out");const P=m+i,k=o.slice(m,P),S=o,x=` ${$} = styled(${F}, "${C.classNames}", ${JSON.stringify(C.props)});`;o=o.replace(k,x),S===o&&console.error("Minimize file failed to change content",{name:$,tagName:F})});const g=A(e,6);return a.importStrategy==="component"&&(o=`import '../../saltygen/css/${g}.css';
17
+ `);u.writeFileSync(r,$)}}catch(s){console.error(s)}},mt=async(t,e,s=v())=>{try{const n=l.join(t,"./saltygen");if(q(e)){const c=u.readFileSync(e,"utf8");c.replace(/^(?!export\s)const\s.*/gm,$=>`export ${$}`)!==c&&await L.writeFile(e,c);const a=await z(t),h=await I(t,e,n);let o=c;Object.entries(h).forEach(([$,w])=>{var T;if(w.isKeyframes||!w.generator)return;const k=w.generator._withBuildContext({name:$,config:a,prod:s}),f=new RegExp(`\\s${$}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(c);if(!f)return console.error("Could not find the original declaration");const F=(T=f.at(1))==null?void 0:T.trim(),D=new RegExp(`\\s${$}[=\\s]+styled\\(`,"g").exec(o);if(!D)return console.error("Could not find the original declaration");const{index:m}=D;let b=!1;const p=setTimeout(()=>b=!0,5e3);let i=0,j=!1,d=0;for(;!j&&!b;){const N=o[m+i];N==="("&&d++,N===")"&&d--,d===0&&N===")"&&(j=!0),i>o.length&&(b=!0),i++}if(!b)clearTimeout(p);else throw new Error("Failed to find the end of the styled call and timed out");const P=m+i,C=o.slice(m,P),S=o,x=` ${$} = styled(${F}, "${k.classNames}", ${JSON.stringify(k.props)});`;o=o.replace(C,x),S===o&&console.error("Minimize file failed to change content",{name:$,tagName:F})});const g=A(e,6);return a.importStrategy==="component"&&(o=`import '../../saltygen/css/${g}.css';
18
18
  ${o}`),o=o.replace("{ styled }","{ styledClient as styled }"),o=o.replace("@salty-css/react/styled","@salty-css/react/styled-client"),o}}catch(n){console.error("Error in minimizeFile:",n)}};exports.generateCss=gt;exports.generateFile=yt;exports.minimizeFile=mt;exports.saltyFileRegExp=Q;
@@ -1,4 +1,4 @@
1
- import * as K from "esbuild";
1
+ import * as L from "esbuild";
2
2
  import { execSync as nt } from "child_process";
3
3
  import { join as f, parse as ot } from "path";
4
4
  import { existsSync as W, writeFileSync as D, readFileSync as V, mkdirSync as J, statSync as rt, readdirSync as ct } from "fs";
@@ -40,15 +40,15 @@ const gt = (t, e) => {
40
40
  return Object.entries(n).forEach(([p, c]) => {
41
41
  c && Object.entries(c).forEach(([h, u]) => {
42
42
  if (!u) return;
43
- const F = `${e}.${p}-${h}`, k = E(u, F);
44
- r.push(k);
43
+ const F = `${e}.${p}-${h}`, C = E(u, F);
44
+ r.push(C);
45
45
  });
46
46
  }), a;
47
47
  if (g === "defaultVariants")
48
48
  return a;
49
49
  if (g === "compoundVariants")
50
50
  return n.forEach((p) => {
51
- const { css: c, ...h } = p, u = Object.entries(h).reduce((k, [j, x]) => `${k}.${j}-${x}`, e), F = E(c, u);
51
+ const { css: c, ...h } = p, u = Object.entries(h).reduce((C, [j, x]) => `${C}.${j}-${x}`, e), F = E(c, u);
52
52
  r.push(F);
53
53
  }), a;
54
54
  if (g.startsWith("@")) {
@@ -62,8 +62,8 @@ const gt = (t, e) => {
62
62
  const y = m.includes("&") ? g.replace("&", e) : g.startsWith(":") ? `${e}${g}` : `${e} ${g}`, b = E(n, y);
63
63
  return r.push(b), a;
64
64
  }
65
- const $ = g.startsWith("-") ? g : N(g), w = (y, b = ";") => a = `${a}${y}${b}`, C = (y) => w(`${$}:${y}`);
66
- if (typeof n == "number") return C(n);
65
+ const $ = g.startsWith("-") ? g : N(g), w = (y, b = ";") => a = `${a}${y}${b}`, k = (y) => w(`${$}:${y}`);
66
+ if (typeof n == "number") return k(n);
67
67
  if (typeof n != "string")
68
68
  if ("toString" in n) n = n.toString();
69
69
  else return a;
@@ -75,7 +75,7 @@ const gt = (t, e) => {
75
75
  const c = E(p, "");
76
76
  w(c, "");
77
77
  });
78
- return C(n);
78
+ return k(n);
79
79
  }, "");
80
80
  if (!i) return r.join(`
81
81
  `);
@@ -117,7 +117,7 @@ const Y = async (t) => {
117
117
  if (T) return T;
118
118
  const e = await yt(t);
119
119
  return e === "module" ? T = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (T = "cjs"), T || "esm";
120
- }, L = lt({
120
+ }, K = lt({
121
121
  level: "debug",
122
122
  format: R.combine(R.colorize(), R.cli()),
123
123
  transports: [new ft.Console({})]
@@ -131,7 +131,7 @@ const Y = async (t) => {
131
131
  return _.externalModules = r, r;
132
132
  }, A = (t) => f(t, "./saltygen"), mt = ["salty", "css", "styles", "styled"], ht = (t = []) => new RegExp(`\\.(${[...mt, ...t].join("|")})\\.`), I = (t, e = []) => ht(e).test(t), $t = async (t) => {
133
133
  const e = A(t), s = f(t, "salty.config.ts"), o = f(e, "salty.config.js"), r = await Y(t), i = Q(t);
134
- await K.build({
134
+ await L.build({
135
135
  entryPoints: [s],
136
136
  minify: !0,
137
137
  treeShaking: !0,
@@ -148,13 +148,13 @@ const Y = async (t) => {
148
148
  if (typeof u == "object") return o(u, [...c, h]);
149
149
  const F = [...c, h].join(".");
150
150
  s.add(`"${F}"`);
151
- const k = [...c.map(N), N(h)].join("-"), { result: j } = q(u);
152
- return `--${k}: ${j};`;
151
+ const C = [...c.map(N), N(h)].join("-"), { result: j } = q(u);
152
+ return `--${C}: ${j};`;
153
153
  }) : [], r = (p) => p ? Object.entries(p).flatMap(([c, h]) => {
154
154
  const u = o(h);
155
155
  return c === "base" ? u.join("") : `${c} { ${u.join("")} }`;
156
156
  }) : [], i = (p) => p ? Object.entries(p).flatMap(([c, h]) => Object.entries(h).flatMap(([u, F]) => {
157
- const k = o(F, [c]), j = `.${c}-${u}, [data-${c}="${u}"]`, x = k.join("");
157
+ const C = o(F, [c]), j = `.${c}-${u}, [data-${c}="${u}"]`, x = C.join("");
158
158
  return `${j} { ${x} }`;
159
159
  })) : [], d = o(e.variables), a = r(e.responsiveVariables), m = i(e.conditionalVariables), n = A(t), g = f(n, "css/variables.css"), $ = `:root { ${d.join("")} ${a.join("")} } ${m.join("")}`;
160
160
  D(g, $);
@@ -169,9 +169,9 @@ const Y = async (t) => {
169
169
  W(r) || J(r);
170
170
  const i = ot(e);
171
171
  let d = V(e, "utf8");
172
- d = d.replace("styled(DynaLink", "styled('div'");
172
+ d = d.replace(/styled\([^"'`{,]+,/g, "styled('div',");
173
173
  const a = f(s, "js", o + ".js"), m = Q(t), n = await Y(t);
174
- await K.build({
174
+ await L.build({
175
175
  stdin: {
176
176
  contents: d,
177
177
  sourcefile: i.base,
@@ -201,7 +201,7 @@ const Y = async (t) => {
201
201
  }
202
202
  }, xt = async (t, e = v()) => {
203
203
  try {
204
- e ? L.info("Generating CSS in production mode! 🔥") : L.info("Generating CSS in development mode! 🚀");
204
+ e ? K.info("Generating CSS in production mode! 🔥") : K.info("Generating CSS in development mode! 🚀");
205
205
  const s = [], o = [], r = A(t), i = f(r, "index.css");
206
206
  (() => {
207
207
  W(r) && nt("rm -rf " + r), J(r), J(f(r, "css")), J(f(r, "types"));
@@ -215,7 +215,7 @@ const Y = async (t) => {
215
215
  await Promise.all(b.map((c) => m(f(l, c), f(S, c))));
216
216
  } else if (y.isFile() && I(l)) {
217
217
  const p = await Z(t, l, r), c = [];
218
- Object.entries(p).forEach(([k, j]) => {
218
+ Object.entries(p).forEach(([C, j]) => {
219
219
  if (j.isKeyframes && j.css) {
220
220
  const G = `${j.animationName}.css`, et = `css/${G}`, st = f(r, et);
221
221
  s.push(G), D(st, j.css);
@@ -223,7 +223,7 @@ const Y = async (t) => {
223
223
  }
224
224
  if (!j.generator) return;
225
225
  const x = j.generator._withBuildContext({
226
- name: k,
226
+ name: C,
227
227
  config: a,
228
228
  prod: e
229
229
  }), M = `${x.hash}-${x.priority}.css`;
@@ -231,7 +231,7 @@ const Y = async (t) => {
231
231
  const O = `css/${M}`, tt = f(r, O);
232
232
  D(tt, x.css);
233
233
  });
234
- const h = c.map((k) => `@import url('./${k}');`).join(`
234
+ const h = c.map((C) => `@import url('./${C}');`).join(`
235
235
  `), u = B(l, 6), F = f(r, `css/${u}.css`);
236
236
  D(F, h);
237
237
  }
@@ -239,7 +239,7 @@ const Y = async (t) => {
239
239
  await m(t, r);
240
240
  const n = s.map((l) => `@import url('./css/${l}');`).join(`
241
241
  `);
242
- let C = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
242
+ let k = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
243
243
 
244
244
  ${["variables.css", "global.css", "templates.css"].filter((l) => {
245
245
  try {
@@ -253,9 +253,9 @@ ${n}`;
253
253
  if (a.importStrategy !== "component") {
254
254
  const l = o.flat().map((S) => `@import url('./css/${S}');`).join(`
255
255
  `);
256
- C += l;
256
+ k += l;
257
257
  }
258
- D(i, C);
258
+ D(i, k);
259
259
  } catch (s) {
260
260
  console.error(s);
261
261
  }
@@ -264,9 +264,9 @@ ${n}`;
264
264
  const s = [], o = f(t, "./saltygen"), r = f(o, "index.css");
265
265
  if (I(e)) {
266
266
  const d = await z(t), a = await Z(t, e, o);
267
- Object.entries(a).forEach(([w, C]) => {
268
- if (!C.generator) return;
269
- const l = C.generator._withBuildContext({
267
+ Object.entries(a).forEach(([w, k]) => {
268
+ if (!k.generator) return;
269
+ const l = k.generator._withBuildContext({
270
270
  name: w,
271
271
  config: d
272
272
  }), S = `${l.hash}-${l.priority}.css`, P = `css/${S}`, y = f(o, P);
@@ -291,7 +291,7 @@ ${n}`;
291
291
  Object.entries(m).forEach(([$, w]) => {
292
292
  var M;
293
293
  if (w.isKeyframes || !w.generator) return;
294
- const C = w.generator._withBuildContext({
294
+ const k = w.generator._withBuildContext({
295
295
  name: $,
296
296
  config: a,
297
297
  prod: s
@@ -309,8 +309,8 @@ ${n}`;
309
309
  }
310
310
  if (!b) clearTimeout(p);
311
311
  else throw new Error("Failed to find the end of the styled call and timed out");
312
- const F = y + c, k = n.slice(y, F), j = n, x = ` ${$} = styled(${S}, "${C.classNames}", ${JSON.stringify(C.props)});`;
313
- n = n.replace(k, x), j === n && console.error("Minimize file failed to change content", { name: $, tagName: S });
312
+ const F = y + c, C = n.slice(y, F), j = n, x = ` ${$} = styled(${S}, "${k.classNames}", ${JSON.stringify(k.props)});`;
313
+ n = n.replace(C, x), j === n && console.error("Minimize file failed to change content", { name: $, tagName: S });
314
314
  });
315
315
  const g = B(e, 6);
316
316
  return a.importStrategy === "component" && (n = `import '../../saltygen/css/${g}.css';
package/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-D6_eGg8C.cjs"),r=(e,s,o=!1,n=!1)=>{var a,l,t;(l=(a=e.module)==null?void 0:a.rules)==null||l.push({test:u.saltyFileRegExp(),use:[{loader:p.resolve(__dirname,n?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),o||(t=e.plugins)==null||t.push({apply:i=>{i.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await u.generateCss(s)})}})};exports.default=r;exports.saltyPlugin=r;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-Bx6QhSAt.cjs"),r=(e,s,o=!1,n=!1)=>{var a,l,t;(l=(a=e.module)==null?void 0:a.rules)==null||l.push({test:u.saltyFileRegExp(),use:[{loader:p.resolve(__dirname,n?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),o||(t=e.plugins)==null||t.push({apply:i=>{i.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await u.generateCss(s)})}})};exports.default=r;exports.saltyPlugin=r;
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { resolve as n } from "path";
2
- import { s as u, g as i } from "./index-D1MQzO1n.js";
2
+ import { s as u, g as i } from "./index-DkZ0hxRV.js";
3
3
  const g = (s, e, o = !1, r = !1) => {
4
4
  var a, l, t;
5
5
  (l = (a = s.module) == null ? void 0 : a.rules) == null || l.push({
package/loader.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";const i=require("./index-D6_eGg8C.cjs");async function n(){const{dir:e}=this.getOptions(),{resourcePath:t}=this;return await i.generateFile(e,t),await i.minimizeFile(e,t)}module.exports=n;
1
+ "use strict";const i=require("./index-Bx6QhSAt.cjs");async function n(){const{dir:e}=this.getOptions(),{resourcePath:t}=this;return await i.generateFile(e,t),await i.minimizeFile(e,t)}module.exports=n;
package/loader.js CHANGED
@@ -1,4 +1,4 @@
1
- import { a as e, m as i } from "./index-D1MQzO1n.js";
1
+ import { a as e, m as i } from "./index-DkZ0hxRV.js";
2
2
  async function s() {
3
3
  const { dir: t } = this.getOptions(), { resourcePath: a } = this;
4
4
  return await e(t, a), await i(t, a);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salty-css/webpack",
3
- "version": "0.0.1-alpha.102",
3
+ "version": "0.0.1-alpha.104",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "typings": "./dist/index.d.ts",
@@ -34,7 +34,7 @@
34
34
  }
35
35
  },
36
36
  "dependencies": {
37
- "@salty-css/core": "^0.0.1-alpha.102",
37
+ "@salty-css/core": "^0.0.1-alpha.104",
38
38
  "webpack": ">=5.x"
39
39
  }
40
40
  }