@salty-css/webpack 0.0.1-alpha.112 → 0.0.1-alpha.113

package/{index-D6f6VgWV.js → index-B6c67i1F.js}

@@ -62,8 +62,8 @@ const dt = (t, e) => {
       const d = h.includes("&") ? u.replace("&", e) : u.startsWith(":") ? `${e}${u}` : `${e} ${u}`, b = D(r, d);
       return o.push(b), a;
     }
-    const $ = u.startsWith("-") ? u : V(u), k = (d, b = ";") => a = `${a}${d}${b}`, C = (d) => k(`${$}:${d}`);
-    if (typeof r == "number") return C(r);
+    const $ = u.startsWith("-") ? u : V(u), k = (d, b = ";") => a = `${a}${d}${b}`, x = (d) => k(`${$}:${d}`);
+    if (typeof r == "number") return x(r);
     if (typeof r != "string")
       if ("toString" in r) r = r.toString();
       else return a;
@@ -75,7 +75,7 @@ const dt = (t, e) => {
         const c = D(j, "");
         k(c, "");
       });
-    return C(r);
+    return x(r);
   }, "");
   if (!i) return o.join(`
 `);
@@ -161,10 +161,10 @@ const Q = async (t) => {
     return `${S} { ${E} }`;
   })) : [], g = n(e.variables), a = o(e.responsiveVariables), h = i(e.conditionalVariables), r = A(t), u = f(r, "css/variables.css"), $ = `:root { ${g.join("")} ${a.join("")} } ${h.join("")}`;
   P(u, $);
-  const k = f(r, "css/global.css"), C = D(e.global, "");
-  P(k, C);
-  const l = f(r, "css/templates.css"), x = U(e.templates), T = yt(e.templates);
-  P(l, x);
+  const k = f(r, "css/global.css"), x = D(e.global, "");
+  P(k, x);
+  const l = f(r, "css/templates.css"), C = U(e.templates), T = yt(e.templates);
+  P(l, C);
   const d = f(r, "types/css-tokens.d.ts"), j = `
   // Variable types
   type VariableTokens = ${[...s].join("|")}; 
@@ -189,7 +189,7 @@ const Q = async (t) => {
       contents: g,
       sourcefile: i.base,
       resolveDir: i.dir,
-      loader: "ts"
+      loader: "tsx"
     },
     minify: !1,
     treeShaking: !0,
@@ -220,12 +220,12 @@ const Q = async (t) => {
       W(o) && ot("rm -rf " + o), J(o), J(f(o, "css")), J(f(o, "types"));
     })(), await wt(t);
     const a = await z(t);
-    async function h(l, x) {
+    async function h(l, C) {
       const T = ["node_modules", "saltygen"], d = it(l);
       if (d.isDirectory()) {
         const b = ct(l);
         if (T.some((c) => l.includes(c))) return;
-        await Promise.all(b.map((c) => h(f(l, c), f(x, c))));
+        await Promise.all(b.map((c) => h(f(l, c), f(C, c))));
       } else if (d.isFile() && I(l)) {
         const j = await Z(t, l, o), c = [];
         Object.entries(j).forEach(([F, w]) => {
@@ -252,7 +252,7 @@ const Q = async (t) => {
     await h(t, o);
     const r = s.map((l) => `@import url('./css/${l}');`).join(`
 `);
-    let C = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let x = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
 ${["variables.css", "global.css", "templates.css"].filter((l) => {
       try {
@@ -264,11 +264,11 @@ ${["variables.css", "global.css", "templates.css"].filter((l) => {
 `)}
 ${r}`;
     if (a.importStrategy !== "component") {
-      const l = n.flat().map((x) => `@import url('./css/${x}');`).join(`
+      const l = n.flat().map((C) => `@import url('./css/${C}');`).join(`
 `);
-      C += l;
+      x += l;
     }
-    P(i, C);
+    P(i, x);
   } catch (s) {
     console.error(s);
   }
@@ -277,13 +277,13 @@ ${r}`;
     const s = [], n = f(t, "./saltygen"), o = f(n, "index.css");
     if (I(e)) {
       const g = await z(t), a = await Z(t, e, n);
-      Object.entries(a).forEach(([k, C]) => {
-        if (!C.generator) return;
-        const l = C.generator._withBuildContext({
+      Object.entries(a).forEach(([k, x]) => {
+        if (!x.generator) return;
+        const l = x.generator._withBuildContext({
           name: k,
           config: g
-        }), x = `${l.hash}-${l.priority}.css`, T = `css/${x}`, d = f(n, T);
-        s.push(x), P(d, l.css);
+        }), C = `${l.hash}-${l.priority}.css`, T = `css/${C}`, d = f(n, T);
+        s.push(C), P(d, l.css);
       });
       const h = N(o, "utf8").split(`
 `), r = s.map((k) => `@import url('../saltygen/css/${k}');`), $ = [.../* @__PURE__ */ new Set([...h, ...r])].join(`
@@ -304,13 +304,13 @@ ${r}`;
       Object.entries(h).forEach(([$, k]) => {
         var E;
         if (k.isKeyframes || !k.generator) return;
-        const C = k.generator._withBuildContext({
+        const x = k.generator._withBuildContext({
           name: $,
           config: a,
           prod: s
         }), l = new RegExp(`\\s${$}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(i);
         if (!l) return console.error("Could not find the original declaration");
-        const x = (E = l.at(1)) == null ? void 0 : E.trim(), T = new RegExp(`\\s${$}[=\\s]+styled\\(`, "g").exec(r);
+        const C = (E = l.at(1)) == null ? void 0 : E.trim(), T = new RegExp(`\\s${$}[=\\s]+styled\\(`, "g").exec(r);
         if (!T) return console.error("Could not find the original declaration");
         const { index: d } = T;
         let b = !1;
@@ -322,8 +322,8 @@ ${r}`;
         }
         if (!b) clearTimeout(j);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const m = d + c, F = r.slice(d, m), w = r, S = ` ${$} = styled(${x}, "${C.classNames}", ${JSON.stringify(C.props)});`;
-        r = r.replace(F, S), w === r && console.error("Minimize file failed to change content", { name: $, tagName: x });
+        const m = d + c, F = r.slice(d, m), w = r, S = ` ${$} = styled(${C}, "${x.classNames}", ${JSON.stringify(x.props)});`;
+        r = r.replace(F, S), w === r && console.error("Minimize file failed to change content", { name: $, tagName: C });
       });
       const u = B(e, 6);
       return a.importStrategy === "component" && (r = `import '../../saltygen/css/${u}.css';

package/{index-DfOEZJUz.cjs → index-Br4T7QQ3.cjs}

@@ -5,7 +5,7 @@
 }`;return o.push(c),a}const g=j.includes("&")?d.replace("&",e):d.startsWith(":")?`${e}${d}`:`${e} ${d}`,$=D(r,g);return o.push($),a}const b=d.startsWith("-")?d:M(d),k=(g,$=";")=>a=`${a}${g}${$}`,C=g=>k(`${b}:${g}`);if(typeof r=="number")return C(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return a;const{modifiers:f}={},P=function*(){yield G(r),yield lt(r,f)}();for(const{result:g,additionalCss:$=[]}of P)r=g,$.forEach(S=>{const c=D(S,"");k(c,"")});return C(r)},"");if(!i)return o.join(`
 `);if(!e)return i;let y="";return y=`${e} { ${i} }`,[y,...o].join(`
 `)},H=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([o,i])=>{if(typeof i=="object"){if(!i)return;const y=o.trim(),a=H(i,[...e,y]);s.push(a)}else n[o]=i}),Object.keys(n).length){const o=e.map(M).join("-"),i=D(n,`.${o}`);s.push(i)}return s.join(`
-`)},ft=t=>Object.entries(t).reduce((e,[s,n])=>(typeof n=="object"&&(e[s]=K(n).map(o=>`"${o}"`).join(" | ")),e),{}),K=(t,e="",s=new Set)=>t?(Object.entries(t).forEach(([n,o])=>{const i=e?`${e}.${n}`:n;return typeof o=="object"?K(o,i,s):s.add(e)}),[...s]):[],X=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:X(l.join(t,".."))},ut=async t=>{const e=X(t);return await L.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},pt=async t=>{const e=await ut(t);if(e)return e.type};let E;const Y=async t=>{if(E)return E;const e=await pt(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-DfOEZJUz.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:[]},Q=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 o=n[1].split(",").map(i=>i.replace(/['"`]/g,"").trim());return R.externalModules=o,o},_=t=>l.join(t,"./saltygen"),dt=["salty","css","styles","styled"],v=(t=[])=>new RegExp(`\\.(${[...dt,...t].join("|")})\\.`),q=(t,e=[])=>v(e).test(t),yt=async t=>{const e=_(t),s=l.join(t,"salty.config.ts"),n=l.join(e,"salty.config.js"),o=await Y(t),i=Q(t);await U.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o,external:i});const y=Date.now(),{config:a}=await import(`${n}?t=${y}`);return a},gt=async t=>{const e=await yt(t),s=new Set,n=(c,p=[])=>c?Object.entries(c).flatMap(([m,h])=>{if(!h)return;if(typeof h=="object")return n(h,[...p,m]);const T=[...p,m].join(".");s.add(`"${T}"`);const w=[...p.map(M),M(m)].join("-"),{result:F}=G(h);return`--${w}: ${F};`}):[],o=c=>c?Object.entries(c).flatMap(([p,m])=>{const h=n(m);return p==="base"?h.join(""):`${p} { ${h.join("")} }`}):[],i=c=>c?Object.entries(c).flatMap(([p,m])=>Object.entries(m).flatMap(([h,T])=>{const w=n(T,[p]),F=`.${p}-${h}, [data-${p}="${h}"]`,O=w.join("");return`${F} { ${O} }`})):[],y=n(e.variables),a=o(e.responsiveVariables),j=i(e.conditionalVariables),r=_(t),d=l.join(r,"css/variables.css"),b=`:root { ${y.join("")} ${a.join("")} } ${j.join("")}`;u.writeFileSync(d,b);const k=l.join(r,"css/global.css"),C=D(e.global,"");u.writeFileSync(k,C);const f=l.join(r,"css/templates.css"),x=H(e.templates),P=ft(e.templates);u.writeFileSync(f,x);const g=l.join(r,"types/css-tokens.d.ts"),S=`
+`)},ft=t=>Object.entries(t).reduce((e,[s,n])=>(typeof n=="object"&&(e[s]=K(n).map(o=>`"${o}"`).join(" | ")),e),{}),K=(t,e="",s=new Set)=>t?(Object.entries(t).forEach(([n,o])=>{const i=e?`${e}.${n}`:n;return typeof o=="object"?K(o,i,s):s.add(e)}),[...s]):[],X=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:X(l.join(t,".."))},ut=async t=>{const e=X(t);return await L.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},pt=async t=>{const e=await ut(t);if(e)return e.type};let E;const Y=async t=>{if(E)return E;const e=await pt(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-Br4T7QQ3.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:[]},Q=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 o=n[1].split(",").map(i=>i.replace(/['"`]/g,"").trim());return R.externalModules=o,o},_=t=>l.join(t,"./saltygen"),dt=["salty","css","styles","styled"],v=(t=[])=>new RegExp(`\\.(${[...dt,...t].join("|")})\\.`),q=(t,e=[])=>v(e).test(t),yt=async t=>{const e=_(t),s=l.join(t,"salty.config.ts"),n=l.join(e,"salty.config.js"),o=await Y(t),i=Q(t);await U.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o,external:i});const y=Date.now(),{config:a}=await import(`${n}?t=${y}`);return a},gt=async t=>{const e=await yt(t),s=new Set,n=(c,p=[])=>c?Object.entries(c).flatMap(([m,h])=>{if(!h)return;if(typeof h=="object")return n(h,[...p,m]);const T=[...p,m].join(".");s.add(`"${T}"`);const w=[...p.map(M),M(m)].join("-"),{result:F}=G(h);return`--${w}: ${F};`}):[],o=c=>c?Object.entries(c).flatMap(([p,m])=>{const h=n(m);return p==="base"?h.join(""):`${p} { ${h.join("")} }`}):[],i=c=>c?Object.entries(c).flatMap(([p,m])=>Object.entries(m).flatMap(([h,T])=>{const w=n(T,[p]),F=`.${p}-${h}, [data-${p}="${h}"]`,O=w.join("");return`${F} { ${O} }`})):[],y=n(e.variables),a=o(e.responsiveVariables),j=i(e.conditionalVariables),r=_(t),d=l.join(r,"css/variables.css"),b=`:root { ${y.join("")} ${a.join("")} } ${j.join("")}`;u.writeFileSync(d,b);const k=l.join(r,"css/global.css"),C=D(e.global,"");u.writeFileSync(k,C);const f=l.join(r,"css/templates.css"),x=H(e.templates),P=ft(e.templates);u.writeFileSync(f,x);const g=l.join(r,"types/css-tokens.d.ts"),S=`
   // Variable types
   type VariableTokens = ${[...s].join("|")}; 
   type PropertyValueToken = \`{\${VariableTokens}}\`;
@@ -15,7 +15,7 @@
     ${Object.entries(P).map(([c,p])=>`${c}?: ${p}`).join(`
 `)}
   }
-  `;u.writeFileSync(g,S)},I=async(t,e,s)=>{const n=A(e),o=l.join(s,"./temp");u.existsSync(o)||u.mkdirSync(o);const i=l.parse(e);let y=u.readFileSync(e,"utf8");y=y.replace(/styled\([^"'`{,]+,/g,"styled('div',");const a=l.join(s,"js",n+".js"),j=Q(t),r=await Y(t);await U.build({stdin:{contents:y,sourcefile:i.base,resolveDir:i.dir,loader:"ts"},minify:!1,treeShaking:!0,bundle:!0,outfile:a,format:r,target:["node20"],keepNames:!0,external:j,packages:"external"});const d=Date.now();return await import(`${a}?t=${d}`)},z=async t=>{const e=_(t),s=l.join(e,"salty.config.js"),{config:n}=await import(s);return n},tt=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},mt=async(t,e=tt())=>{try{e?Z.info("Generating CSS in production mode! 🔥"):Z.info("Generating CSS in development mode! 🚀");const s=[],n=[],o=_(t),i=l.join(o,"index.css");(()=>{u.existsSync(o)&&rt.execSync("rm -rf "+o),u.mkdirSync(o),u.mkdirSync(l.join(o,"css")),u.mkdirSync(l.join(o,"types"))})(),await gt(t);const a=await z(t);async function j(f,x){const P=["node_modules","saltygen"],g=u.statSync(f);if(g.isDirectory()){const $=u.readdirSync(f);if(P.some(c=>f.includes(c)))return;await Promise.all($.map(c=>j(l.join(f,c),l.join(x,c))))}else if(g.isFile()&&q(f)){const S=await I(t,f,o),c=[];Object.entries(S).forEach(([T,w])=>{if(w.isKeyframes&&w.css){const W=`${w.animationName}.css`,st=`css/${W}`,nt=l.join(o,st);s.push(W),u.writeFileSync(nt,w.css);return}if(!w.generator)return;const F=w.generator._withBuildContext({name:T,config:a,prod:e}),O=`${F.hash}-${F.priority}.css`;n[F.priority]||(n[F.priority]=[]),n[F.priority].push(O),c.push(O);const N=`css/${O}`,et=l.join(o,N);u.writeFileSync(et,F.css)});const p=c.map(T=>`@import url('./${T}');`).join(`
+  `;u.writeFileSync(g,S)},I=async(t,e,s)=>{const n=A(e),o=l.join(s,"./temp");u.existsSync(o)||u.mkdirSync(o);const i=l.parse(e);let y=u.readFileSync(e,"utf8");y=y.replace(/styled\([^"'`{,]+,/g,"styled('div',");const a=l.join(s,"js",n+".js"),j=Q(t),r=await Y(t);await U.build({stdin:{contents:y,sourcefile:i.base,resolveDir:i.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:a,format:r,target:["node20"],keepNames:!0,external:j,packages:"external"});const d=Date.now();return await import(`${a}?t=${d}`)},z=async t=>{const e=_(t),s=l.join(e,"salty.config.js"),{config:n}=await import(s);return n},tt=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},mt=async(t,e=tt())=>{try{e?Z.info("Generating CSS in production mode! 🔥"):Z.info("Generating CSS in development mode! 🚀");const s=[],n=[],o=_(t),i=l.join(o,"index.css");(()=>{u.existsSync(o)&&rt.execSync("rm -rf "+o),u.mkdirSync(o),u.mkdirSync(l.join(o,"css")),u.mkdirSync(l.join(o,"types"))})(),await gt(t);const a=await z(t);async function j(f,x){const P=["node_modules","saltygen"],g=u.statSync(f);if(g.isDirectory()){const $=u.readdirSync(f);if(P.some(c=>f.includes(c)))return;await Promise.all($.map(c=>j(l.join(f,c),l.join(x,c))))}else if(g.isFile()&&q(f)){const S=await I(t,f,o),c=[];Object.entries(S).forEach(([T,w])=>{if(w.isKeyframes&&w.css){const W=`${w.animationName}.css`,st=`css/${W}`,nt=l.join(o,st);s.push(W),u.writeFileSync(nt,w.css);return}if(!w.generator)return;const F=w.generator._withBuildContext({name:T,config:a,prod:e}),O=`${F.hash}-${F.priority}.css`;n[F.priority]||(n[F.priority]=[]),n[F.priority].push(O),c.push(O);const N=`css/${O}`,et=l.join(o,N);u.writeFileSync(et,F.css)});const p=c.map(T=>`@import url('./${T}');`).join(`
 `),m=A(f,6),h=l.join(o,`css/${m}.css`);u.writeFileSync(h,p)}}await j(t,o);const r=s.map(f=>`@import url('./css/${f}');`).join(`
 `);let C=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-DfOEZJUz.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-Br4T7QQ3.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

@@ -1,5 +1,5 @@
 import { resolve as n } from "path";
-import { s as u, g as i } from "./index-D6f6VgWV.js";
+import { s as u, g as i } from "./index-B6c67i1F.js";
 const g = (s, e, o = !1, r = !1) => {
   var a, l, t;
   (l = (a = s.module) == null ? void 0 : a.rules) == null || l.push({

package/loader.cjs

@@ -1 +1 @@
-"use strict";const i=require("./index-DfOEZJUz.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;
+"use strict";const i=require("./index-Br4T7QQ3.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

@@ -1,4 +1,4 @@
-import { a as e, m as i } from "./index-D6f6VgWV.js";
+import { a as e, m as i } from "./index-B6c67i1F.js";
 async function s() {
   const { dir: t } = this.getOptions(), { resourcePath: a } = this;
   return await e(t, a), await i(t, a);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/webpack",
-  "version": "0.0.1-alpha.112",
+  "version": "0.0.1-alpha.113",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -34,7 +34,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.112",
+    "@salty-css/core": "^0.0.1-alpha.113",
     "webpack": ">=5.x"
   }
 }