@salty-css/webpack 0.0.1-alpha.35 → 0.0.1-alpha.37

package/index-BAmrXaUF.cjs

@@ -0,0 +1,18 @@
+"use strict";const H=require("esbuild"),W=require("child_process"),p=require("path"),$=require("fs"),J=require("fs/promises");function K(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const M=K(H),R=t=>String.fromCharCode(t+(t>25?39:97)),G=(t,s)=>{let e="",n;for(n=Math.abs(t);n>52;n=n/52|0)e=R(n%52)+e;return e=R(n%52)+e,e.length<s?e=e.padStart(s,"a"):e.length>s&&(e=e.slice(-s)),e},L=(t,s)=>{let e=s.length;for(;e;)t=t*33^s.charCodeAt(--e);return t},V=(t,s=3)=>{const e=L(5381,JSON.stringify(t))>>>0;return G(e,s)};function N(t){return t?typeof t!="string"?N(String(t)):t.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(s,e)=>(e>0?"-":"")+s.toLowerCase()):""}const U=(t,s)=>{if(typeof t!="string")return{result:t};if(!s)return{result:t};const e=[];return Object.values(s).forEach(n=>{const{pattern:r,transform:u}=n;t=t.replace(r,d=>{const{value:a,css:f}=u(d);return f&&e.push(f),a})}),{result:t,additionalCss:e}},q=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${N(n[1].replaceAll(".","-"))})`)}:{result:t},D=(t,s,e,n)=>{if(!t)return"";const r=[],u=Object.entries(t).reduce((a,[f,o])=>{const i=f.trim();if(typeof o=="function"&&(o=o()),typeof o=="object"){if(!o)return a;if(i==="variants")return Object.entries(o).forEach(([g,c])=>{c&&Object.entries(c).forEach(([m,l])=>{if(!l)return;const F=`${s}.${g}-${m}`,x=D(l,F);r.push(x)})}),a;if(i==="defaultVariants")return a;if(i==="compoundVariants")return o.forEach(g=>{const{css:c,...m}=g,l=Object.entries(m).reduce((x,[P,k])=>`${x}.${P}-${k}`,s),F=D(c,l);r.push(F)}),a;if(i.startsWith("@")){const g=D(o,s),c=`${i} {
+ ${g.replace(`
+`,`
+ `)}
+}`;return r.push(c),a}const j=f.includes("&")?i.replace("&",s):i.startsWith(":")?`${s}${i}`:`${s} ${i}`,O=D(o,j);return r.push(O),a}const y=i.startsWith("-")?i:N(i),h=(j,O=";")=>a=`${a}${j}${O}`,b=j=>h(`${y}:${j}`);if(typeof o=="number")return b(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return a;const{modifiers:S}={},C=function*(){yield q(o),yield U(o,S)}();for(const{result:j,additionalCss:O=[]}of C)o=j,O.forEach(g=>{const c=D(g,"");h(c,"")});return b(o)},"");if(!u)return r.join(`
+`);if(!s)return u;let d="";return d=`${s} { ${u} }`,[d,...r].join(`
+`)},Z=(t,s=[])=>{if(!t)return"";const e=[],n={};if(Object.entries(t).forEach(([r,u])=>{if(typeof u=="object"){if(!u)return;const d=r.trim(),a=Z(u,[...s,d]);e.push(a)}else n[r]=u}),Object.keys(n).length){const r=s.map(N).join("-"),u=D(n,`.${r}`);e.push(u)}return e.join(`
+`)},E=t=>p.join(t,"./saltygen"),X=["salty","css","styles","styled"],z=(t=[])=>new RegExp(`\\.(${[...X,...t].join("|")})\\.`),T=(t,s=[])=>z(s).test(t),Y=async t=>{const s=E(t),e=p.join(t,"salty.config.ts"),n=p.join(s,"salty.config.js");await M.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",external:["react"]});const r=Date.now(),{config:u}=await import(`${n}?t=${r}`);return u},Q=async t=>{const s=await Y(t),e=new Set,n=(g,c=[])=>g?Object.entries(g).flatMap(([m,l])=>{if(!l)return;if(typeof l=="object")return n(l,[...c,m]);const F=[...c,m].join(".");e.add(`"${F}"`);const x=[...c.map(N),N(m)].join("-"),{result:P}=q(l);return`--${x}: ${P};`}):[],r=g=>g?Object.entries(g).flatMap(([c,m])=>{const l=n(m);return c==="base"?l.join(""):`${c} { ${l.join("")} }`}):[],u=g=>g?Object.entries(g).flatMap(([c,m])=>Object.entries(m).flatMap(([l,F])=>{const x=n(F,[c]),P=`.${c}-${l}, [data-${c}="${l}"]`,k=x.join("");return`${P} { ${k} }`})):[],d=n(s.variables),a=r(s.responsiveVariables),f=u(s.conditionalVariables),o=E(t),i=p.join(o,"css/variables.css"),y=`:root { ${d.join("")} ${a.join("")} } ${f.join("")}`;$.writeFileSync(i,y);const h=p.join(o,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;$.writeFileSync(h,S);const w=p.join(o,"css/global.css"),C=D(s.global,"");$.writeFileSync(w,C);const j=p.join(o,"css/templates.css"),O=Z(s.templates);$.writeFileSync(j,O)},_=async(t,s)=>{const e=V(t),n=p.join(s,"js",e+".js");await M.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const r=Date.now();return await import(`${n}?t=${r}`)},A=async t=>{const s=E(t),e=p.join(s,"salty.config.js"),{config:n}=await import(e);return n},v=async t=>{try{const s=[],e=[],n=E(t),r=p.join(n,"index.css");(()=>{$.existsSync(n)&&W.execSync("rm -rf "+n),$.mkdirSync(n),$.mkdirSync(p.join(n,"css")),$.mkdirSync(p.join(n,"types"))})(),await Q(t);const d=await A(t);async function a(y,h){const b=$.statSync(y);if(b.isDirectory()){const S=$.readdirSync(y);await Promise.all(S.map(w=>a(p.join(y,w),p.join(h,w))))}else if(b.isFile()&&T(y)){const w=await _(y,n),C=[];Object.entries(w).forEach(([c,m])=>{if(m.isKeyframes&&m.css){const k=`${m.animationName}.css`,I=`css/${k}`,B=p.join(n,I);s.push(k),$.writeFileSync(B,m.css);return}if(!m.generator)return;const l=m.generator._withBuildContext({name:c,config:d}),F=`${l.hash}-${l.priority}.css`;e[l.priority]||(e[l.priority]=[]),e[l.priority].push(F),C.push(F);const x=`css/${F}`,P=p.join(n,x);$.writeFileSync(P,l.css)});const j=C.map(c=>`@import url('./${c}');`).join(`
+`),O=V(y,6),g=p.join(n,`css/${O}.css`);$.writeFileSync(g,j)}}await a(t,n);const f=s.map(y=>`@import url('./css/${y}');`).join(`
+`);let i=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["@import url('./css/variables.css');","@import url('./css/global.css');","@import url('./css/templates.css');"].join(`
+`)}
+${f}`;if(d.importStrategy!=="component"){const y=e.flat().map(h=>`@import url('./css/${h}');`).join(`
+`);i+=y}$.writeFileSync(r,i)}catch(s){console.error(s)}},tt=async(t,s)=>{try{const e=[],n=p.join(t,"./saltygen"),r=p.join(n,"index.css");if(T(s)){const d=await A(t),a=await _(s,n);Object.entries(a).forEach(([h,b])=>{if(!b.generator)return;const S=b.generator._withBuildContext({name:h,config:d}),w=`${S.hash}-${S.priority}.css`,C=`css/${w}`,j=p.join(n,C);e.push(w),$.writeFileSync(j,S.css)});const f=$.readFileSync(r,"utf8").split(`
+`),o=e.map(h=>`@import url('../saltygen/css/${h}');`),y=[...new Set([...f,...o])].join(`
+`);$.writeFileSync(r,y)}}catch(e){console.error(e)}},st=async(t,s)=>{try{const e=p.join(t,"./saltygen");if(T(s)){const r=$.readFileSync(s,"utf8");r.replace(/^(?!export\s)const\s.*/gm,i=>`export ${i}`)!==r&&await J.writeFile(s,r);const d=await A(t),a=await _(s,e);let f=r;Object.entries(a).forEach(([i,y])=>{var j;if(y.isKeyframes||!y.generator)return;const h=y.generator._withBuildContext({name:i,config:d}),b=new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(r);if(!b)return console.error("Could not find the original declaration");const S=(j=b.at(1))==null?void 0:j.trim(),w=`${i} = styled(${S}, "${h.classNames}", "${h._callerName}", ${JSON.stringify(h.props)});`,C=new RegExp(`${i}[=\\s]+[^()]+styled\\(([^)]|\\n|\\(.*\\){1})+\\)$`,"gm");f=f.replace(C,w)});const o=V(s,6);return d.importStrategy==="component"&&(f=`import '../../saltygen/css/${o}.css';
+${f}`),f=f.replace("{ styled }","{ styledClient as styled }"),f=f.replace("@salty-css/react/styled","@salty-css/react/styled-client"),f}}catch(e){console.error("Error in minimizeFile",e)}};exports.generateCss=v;exports.generateFile=tt;exports.minimizeFile=st;exports.saltyFileRegExp=z;

package/index-Cy7vv0Gm.js

@@ -0,0 +1,259 @@
+import * as Z from "esbuild";
+import { execSync as J } from "child_process";
+import { join as p } from "path";
+import { writeFileSync as x, readFileSync as I, existsSync as K, mkdirSync as E, statSync as q, readdirSync as G } from "fs";
+import { writeFile as L } from "fs/promises";
+const _ = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), U = (t, s) => {
+  let e = "", n;
+  for (n = Math.abs(t); n > 52; n = n / 52 | 0) e = _(n % 52) + e;
+  return e = _(n % 52) + e, e.length < s ? e = e.padStart(s, "a") : e.length > s && (e = e.slice(-s)), e;
+}, X = (t, s) => {
+  let e = s.length;
+  for (; e; ) t = t * 33 ^ s.charCodeAt(--e);
+  return t;
+}, T = (t, s = 3) => {
+  const e = X(5381, JSON.stringify(t)) >>> 0;
+  return U(e, s);
+};
+function V(t) {
+  return t ? typeof t != "string" ? V(String(t)) : t.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, e) => (e > 0 ? "-" : "") + s.toLowerCase()) : "";
+}
+const Y = (t, s) => {
+  if (typeof t != "string") return { result: t };
+  if (!s) return { result: t };
+  const e = [];
+  return Object.values(s).forEach((n) => {
+    const { pattern: r, transform: u } = n;
+    t = t.replace(r, ($) => {
+      const { value: a, css: f } = u($);
+      return f && e.push(f), a;
+    });
+  }), { result: t, additionalCss: e };
+}, B = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${V(n[1].replaceAll(".", "-"))})`) } : { result: t }, N = (t, s, e, n) => {
+  if (!t) return "";
+  const r = [], u = Object.entries(t).reduce((a, [f, o]) => {
+    const i = f.trim();
+    if (typeof o == "function" && (o = o()), typeof o == "object") {
+      if (!o) return a;
+      if (i === "variants")
+        return Object.entries(o).forEach(([g, c]) => {
+          c && Object.entries(c).forEach(([m, l]) => {
+            if (!l) return;
+            const w = `${s}.${g}-${m}`, P = N(l, w);
+            r.push(P);
+          });
+        }), a;
+      if (i === "defaultVariants")
+        return a;
+      if (i === "compoundVariants")
+        return o.forEach((g) => {
+          const { css: c, ...m } = g, l = Object.entries(m).reduce((P, [D, O]) => `${P}.${D}-${O}`, s), w = N(c, l);
+          r.push(w);
+        }), a;
+      if (i.startsWith("@")) {
+        const g = N(o, s), c = `${i} {
+ ${g.replace(`
+`, `
+ `)}
+}`;
+        return r.push(c), a;
+      }
+      const d = f.includes("&") ? i.replace("&", s) : i.startsWith(":") ? `${s}${i}` : `${s} ${i}`, C = N(o, d);
+      return r.push(C), a;
+    }
+    const y = i.startsWith("-") ? i : V(i), h = (d, C = ";") => a = `${a}${d}${C}`, b = (d) => h(`${y}:${d}`);
+    if (typeof o == "number") return b(o);
+    if (typeof o != "string")
+      if ("toString" in o) o = o.toString();
+      else return a;
+    const { modifiers: j } = {}, F = function* () {
+      yield B(o), yield Y(o, j);
+    }();
+    for (const { result: d, additionalCss: C = [] } of F)
+      o = d, C.forEach((g) => {
+        const c = N(g, "");
+        h(c, "");
+      });
+    return b(o);
+  }, "");
+  if (!u) return r.join(`
+`);
+  if (!s) return u;
+  let $ = "";
+  return $ = `${s} { ${u} }`, [$, ...r].join(`
+`);
+}, H = (t, s = []) => {
+  if (!t) return "";
+  const e = [], n = {};
+  if (Object.entries(t).forEach(([r, u]) => {
+    if (typeof u == "object") {
+      if (!u) return;
+      const $ = r.trim(), a = H(u, [...s, $]);
+      e.push(a);
+    } else
+      n[r] = u;
+  }), Object.keys(n).length) {
+    const r = s.map(V).join("-"), u = N(n, `.${r}`);
+    e.push(u);
+  }
+  return e.join(`
+`);
+}, k = (t) => p(t, "./saltygen"), Q = ["salty", "css", "styles", "styled"], v = (t = []) => new RegExp(`\\.(${[...Q, ...t].join("|")})\\.`), A = (t, s = []) => v(s).test(t), tt = async (t) => {
+  const s = k(t), e = p(t, "salty.config.ts"), n = p(s, "salty.config.js");
+  await Z.build({
+    entryPoints: [e],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: n,
+    format: "esm",
+    external: ["react"]
+  });
+  const r = Date.now(), { config: u } = await import(`${n}?t=${r}`);
+  return u;
+}, st = async (t) => {
+  const s = await tt(t), e = /* @__PURE__ */ new Set(), n = (g, c = []) => g ? Object.entries(g).flatMap(([m, l]) => {
+    if (!l) return;
+    if (typeof l == "object") return n(l, [...c, m]);
+    const w = [...c, m].join(".");
+    e.add(`"${w}"`);
+    const P = [...c.map(V), V(m)].join("-"), { result: D } = B(l);
+    return `--${P}: ${D};`;
+  }) : [], r = (g) => g ? Object.entries(g).flatMap(([c, m]) => {
+    const l = n(m);
+    return c === "base" ? l.join("") : `${c} { ${l.join("")} }`;
+  }) : [], u = (g) => g ? Object.entries(g).flatMap(([c, m]) => Object.entries(m).flatMap(([l, w]) => {
+    const P = n(w, [c]), D = `.${c}-${l}, [data-${c}="${l}"]`, O = P.join("");
+    return `${D} { ${O} }`;
+  })) : [], $ = n(s.variables), a = r(s.responsiveVariables), f = u(s.conditionalVariables), o = k(t), i = p(o, "css/variables.css"), y = `:root { ${$.join("")} ${a.join("")} } ${f.join("")}`;
+  x(i, y);
+  const h = p(o, "types/css-tokens.d.ts"), j = `type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  x(h, j);
+  const S = p(o, "css/global.css"), F = N(s.global, "");
+  x(S, F);
+  const d = p(o, "css/templates.css"), C = H(s.templates);
+  x(d, C);
+}, R = async (t, s) => {
+  const e = T(t), n = p(s, "js", e + ".js");
+  await Z.build({
+    entryPoints: [t],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: n,
+    format: "esm",
+    target: ["es2022"],
+    keepNames: !0,
+    external: ["react"]
+  });
+  const r = Date.now();
+  return await import(`${n}?t=${r}`);
+}, M = async (t) => {
+  const s = k(t), e = p(s, "salty.config.js"), { config: n } = await import(e);
+  return n;
+}, it = async (t) => {
+  try {
+    const s = [], e = [], n = k(t), r = p(n, "index.css");
+    (() => {
+      K(n) && J("rm -rf " + n), E(n), E(p(n, "css")), E(p(n, "types"));
+    })(), await st(t);
+    const $ = await M(t);
+    async function a(y, h) {
+      const b = q(y);
+      if (b.isDirectory()) {
+        const j = G(y);
+        await Promise.all(j.map((S) => a(p(y, S), p(h, S))));
+      } else if (b.isFile() && A(y)) {
+        const S = await R(y, n), F = [];
+        Object.entries(S).forEach(([c, m]) => {
+          if (m.isKeyframes && m.css) {
+            const O = `${m.animationName}.css`, W = `css/${O}`, z = p(n, W);
+            s.push(O), x(z, m.css);
+            return;
+          }
+          if (!m.generator) return;
+          const l = m.generator._withBuildContext({
+            name: c,
+            config: $
+          }), w = `${l.hash}-${l.priority}.css`;
+          e[l.priority] || (e[l.priority] = []), e[l.priority].push(w), F.push(w);
+          const P = `css/${w}`, D = p(n, P);
+          x(D, l.css);
+        });
+        const d = F.map((c) => `@import url('./${c}');`).join(`
+`), C = T(y, 6), g = p(n, `css/${C}.css`);
+        x(g, d);
+      }
+    }
+    await a(t, n);
+    const f = s.map((y) => `@import url('./css/${y}');`).join(`
+`);
+    let i = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
+`)}
+${f}`;
+    if ($.importStrategy !== "component") {
+      const y = e.flat().map((h) => `@import url('./css/${h}');`).join(`
+`);
+      i += y;
+    }
+    x(r, i);
+  } catch (s) {
+    console.error(s);
+  }
+}, ct = async (t, s) => {
+  try {
+    const e = [], n = p(t, "./saltygen"), r = p(n, "index.css");
+    if (A(s)) {
+      const $ = await M(t), a = await R(s, n);
+      Object.entries(a).forEach(([h, b]) => {
+        if (!b.generator) return;
+        const j = b.generator._withBuildContext({
+          name: h,
+          config: $
+        }), S = `${j.hash}-${j.priority}.css`, F = `css/${S}`, d = p(n, F);
+        e.push(S), x(d, j.css);
+      });
+      const f = I(r, "utf8").split(`
+`), o = e.map((h) => `@import url('../saltygen/css/${h}');`), y = [.../* @__PURE__ */ new Set([...f, ...o])].join(`
+`);
+      x(r, y);
+    }
+  } catch (e) {
+    console.error(e);
+  }
+}, at = async (t, s) => {
+  try {
+    const e = p(t, "./saltygen");
+    if (A(s)) {
+      const r = I(s, "utf8");
+      r.replace(/^(?!export\s)const\s.*/gm, (i) => `export ${i}`) !== r && await L(s, r);
+      const $ = await M(t), a = await R(s, e);
+      let f = r;
+      Object.entries(a).forEach(([i, y]) => {
+        var d;
+        if (y.isKeyframes || !y.generator) return;
+        const h = y.generator._withBuildContext({
+          name: i,
+          config: $
+        }), b = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(r);
+        if (!b)
+          return console.error("Could not find the original declaration");
+        const j = (d = b.at(1)) == null ? void 0 : d.trim(), S = `${i} = styled(${j}, "${h.classNames}", "${h._callerName}", ${JSON.stringify(h.props)});`, F = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^)]|\\n|\\(.*\\){1})+\\)$`, "gm");
+        f = f.replace(F, S);
+      });
+      const o = T(s, 6);
+      return $.importStrategy === "component" && (f = `import '../../saltygen/css/${o}.css';
+${f}`), f = f.replace("{ styled }", "{ styledClient as styled }"), f = f.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), f;
+    }
+  } catch (e) {
+    console.error("Error in minimizeFile", e);
+  }
+};
+export {
+  ct as a,
+  it as g,
+  at as m,
+  v as s
+};

package/index.cjs

@@ -1,15 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("path"),I=require("esbuild"),W=require("child_process"),m=require("fs");require("fs/promises");function H(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const x=H(I),E=t=>String.fromCharCode(t+(t>25?39:97)),z=(t,s)=>{let e="",n;for(n=Math.abs(t);n>52;n=n/52|0)e=E(n%52)+e;return e=E(n%52)+e,e.length<s?e=e.padStart(s,"a"):e.length>s&&(e=e.slice(-s)),e},B=(t,s)=>{let e=s.length;for(;e;)t=t*33^s.charCodeAt(--e);return t},A=(t,s=3)=>{const e=B(5381,JSON.stringify(t))>>>0;return z(e,s)};function V(t){return t?typeof t!="string"?V(String(t)):t.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(s,e)=>(e>0?"-":"")+s.toLowerCase()):""}const G=(t,s)=>{if(typeof t!="string")return{result:t};if(!s)return{result:t};const e=[];return Object.values(s).forEach(n=>{const{pattern:r,transform:a}=n;t=t.replace(r,b=>{const{value:l,css:$}=a(b);return $&&e.push($),l})}),{result:t,additionalCss:e}},M=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${V(n[1].replaceAll(".","-"))})`)}:{result:t},k=(t,s,e,n)=>{if(!t)return"";const r=[],a=Object.entries(t).reduce((l,[$,o])=>{const y=$.trim();if(typeof o=="function"&&(o=o()),typeof o=="object"){if(!o)return l;if(y==="variants")return Object.entries(o).forEach(([f,i])=>{i&&Object.entries(i).forEach(([p,c])=>{if(!c)return;const h=`${s}.${f}-${p}`,S=k(c,h);r.push(S)})}),l;if(y==="defaultVariants")return l;if(y==="compoundVariants")return o.forEach(f=>{const{css:i,...p}=f,c=Object.entries(p).reduce((S,[P,T])=>`${S}.${P}-${T}`,s),h=k(i,c);r.push(h)}),l;if(y.startsWith("@")){const f=k(o,s),i=`${y} {
- ${f.replace(`
-`,`
- `)}
-}`;return r.push(i),l}const j=$.includes("&")?y.replace("&",s):y.startsWith(":")?`${s}${y}`:`${s} ${y}`,d=k(o,j);return r.push(d),l}const g=y.startsWith("-")?y:V(y),w=(j,d=";")=>l=`${l}${j}${d}`,O=j=>w(`${g}:${j}`);if(typeof o=="number")return O(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return l;const{modifiers:C}={},D=function*(){yield M(o),yield G(o,C)}();for(const{result:j,additionalCss:d=[]}of D)o=j,d.forEach(f=>{const i=k(f,"");w(i,"")});return O(o)},"");if(!a)return r.join(`
-`);if(!s)return a;let b="";return b=`${s} { ${a} }`,[b,...r].join(`
-`)},_=(t,s=[])=>{if(!t)return"";const e=[],n={};if(Object.entries(t).forEach(([r,a])=>{if(typeof a=="object"){if(!a)return;const b=r.trim(),l=_(a,[...s,b]);e.push(l)}else n[r]=a}),Object.keys(n).length){const r=s.map(V).join("-"),a=k(n,`.${r}`);e.push(a)}return e.join(`
-`)},N=t=>u.join(t,"./saltygen"),J=["salty","css","styles","styled"],q=(t=[])=>new RegExp(`\\.(${[...J,...t].join("|")})\\.`),K=(t,s=[])=>q(s).test(t),L=async t=>{const s=N(t),e=u.join(t,"salty.config.ts"),n=u.join(s,"salty.config.js");await x.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",external:["react"]});const r=Date.now(),{config:a}=await import(`${n}?t=${r}`);return a},U=async t=>{const s=await L(t),e=new Set,n=(f,i=[])=>f?Object.entries(f).flatMap(([p,c])=>{if(!c)return;if(typeof c=="object")return n(c,[...i,p]);const h=[...i,p].join(".");e.add(`"${h}"`);const S=[...i.map(V),V(p)].join("-"),{result:P}=M(c);return`--${S}: ${P};`}):[],r=f=>f?Object.entries(f).flatMap(([i,p])=>{const c=n(p);return i==="base"?c.join(""):`${i} { ${c.join("")} }`}):[],a=f=>f?Object.entries(f).flatMap(([i,p])=>Object.entries(p).flatMap(([c,h])=>{const S=n(h,[i]),P=`.${i}-${c}, [data-${i}="${c}"]`,T=S.join("");return`${P} { ${T} }`})):[],b=n(s.variables),l=r(s.responsiveVariables),$=a(s.conditionalVariables),o=N(t),y=u.join(o,"css/variables.css"),g=`:root { ${b.join("")} ${l.join("")} } ${$.join("")}`;m.writeFileSync(y,g);const w=u.join(o,"types/css-tokens.d.ts"),C=`type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;m.writeFileSync(w,C);const F=u.join(o,"css/global.css"),D=k(s.global,"");m.writeFileSync(F,D);const j=u.join(o,"css/templates.css"),d=_(s.templates);m.writeFileSync(j,d)},X=async(t,s)=>{const e=A(t),n=u.join(s,"js",e+".js");await x.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const r=Date.now();return await import(`${n}?t=${r}`)},Y=async t=>{const s=N(t),e=u.join(s,"salty.config.js"),{config:n}=await import(e);return n},Q=async t=>{try{const s=[],e=[],n=N(t),r=u.join(n,"index.css");(()=>{m.existsSync(n)&&W.execSync("rm -rf "+n),m.mkdirSync(n),m.mkdirSync(u.join(n,"css")),m.mkdirSync(u.join(n,"types"))})(),await U(t);const b=await Y(t);async function l(g,w){const O=m.statSync(g);if(O.isDirectory()){const C=m.readdirSync(g);await Promise.all(C.map(F=>l(u.join(g,F),u.join(w,F))))}else if(O.isFile()&&K(g)){const F=await X(g,n),D=[];Object.entries(F).forEach(([i,p])=>{if(p.isKeyframes&&p.css){const T=`${p.animationName}.css`,Z=`css/${T}`,R=u.join(n,Z);s.push(T),m.writeFileSync(R,p.css);return}if(!p.generator)return;const c=p.generator._withBuildContext({name:i,config:b}),h=`${c.hash}-${c.priority}.css`;e[c.priority]||(e[c.priority]=[]),e[c.priority].push(h),D.push(h);const S=`css/${h}`,P=u.join(n,S);m.writeFileSync(P,c.css)});const j=D.map(i=>`@import url('./${i}');`).join(`
-`),d=A(g,6),f=u.join(n,`css/${d}.css`);m.writeFileSync(f,j)}}await l(t,n);const $=s.map(g=>`@import url('./css/${g}');`).join(`
-`);let y=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["@import url('./css/variables.css');","@import url('./css/global.css');","@import url('./css/templates.css');"].join(`
-`)}
-${$}`;if(b.importStrategy!=="component"){const g=e.flat().map(w=>`@import url('./css/${w}');`).join(`
-`);y+=g}m.writeFileSync(r,y)}catch(s){console.error(s)}},v=(t,s)=>{var e,n,r;(n=(e=t.module)==null?void 0:e.rules)==null||n.push({test:q(),use:[{loader:u.resolve("./loader.js"),options:{dir:s}}]}),(r=t.plugins)==null||r.push({apply:a=>{a.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await Q(s)})}})};exports.saltyPlugin=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-BAmrXaUF.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.d.ts

@@ -1,2 +1,3 @@
 import { Configuration } from 'webpack';
-export declare const saltyPlugin: (config: Configuration, dir: string) => void;
+export declare const saltyPlugin: (config: Configuration, dir: string, isServer?: boolean, cjs?: boolean) => void;
+export default saltyPlugin;

package/index.js

@@ -1,225 +1,24 @@
-import { join as m, resolve as H } from "path";
-import * as A from "esbuild";
-import { execSync as q } from "child_process";
-import { existsSync as B, mkdirSync as x, statSync as G, readdirSync as J, writeFileSync as w } from "fs";
-import "fs/promises";
-const E = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), K = (t, s) => {
-  let e = "", n;
-  for (n = Math.abs(t); n > 52; n = n / 52 | 0) e = E(n % 52) + e;
-  return e = E(n % 52) + e, e.length < s ? e = e.padStart(s, "a") : e.length > s && (e = e.slice(-s)), e;
-}, L = (t, s) => {
-  let e = s.length;
-  for (; e; ) t = t * 33 ^ s.charCodeAt(--e);
-  return t;
-}, M = (t, s = 3) => {
-  const e = L(5381, JSON.stringify(t)) >>> 0;
-  return K(e, s);
-};
-function T(t) {
-  return t ? typeof t != "string" ? T(String(t)) : t.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, e) => (e > 0 ? "-" : "") + s.toLowerCase()) : "";
-}
-const z = (t, s) => {
-  if (typeof t != "string") return { result: t };
-  if (!s) return { result: t };
-  const e = [];
-  return Object.values(s).forEach((n) => {
-    const { pattern: r, transform: a } = n;
-    t = t.replace(r, (g) => {
-      const { value: l, css: b } = a(g);
-      return b && e.push(b), l;
-    });
-  }), { result: t, additionalCss: e };
-}, Z = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${T(n[1].replaceAll(".", "-"))})`) } : { result: t }, k = (t, s, e, n) => {
-  if (!t) return "";
-  const r = [], a = Object.entries(t).reduce((l, [b, o]) => {
-    const u = b.trim();
-    if (typeof o == "function" && (o = o()), typeof o == "object") {
-      if (!o) return l;
-      if (u === "variants")
-        return Object.entries(o).forEach(([f, i]) => {
-          i && Object.entries(i).forEach(([p, c]) => {
-            if (!c) return;
-            const h = `${s}.${f}-${p}`, j = k(c, h);
-            r.push(j);
-          });
-        }), l;
-      if (u === "defaultVariants")
-        return l;
-      if (u === "compoundVariants")
-        return o.forEach((f) => {
-          const { css: i, ...p } = f, c = Object.entries(p).reduce((j, [C, O]) => `${j}.${C}-${O}`, s), h = k(i, c);
-          r.push(h);
-        }), l;
-      if (u.startsWith("@")) {
-        const f = k(o, s), i = `${u} {
- ${f.replace(`
-`, `
- `)}
-}`;
-        return r.push(i), l;
-      }
-      const $ = b.includes("&") ? u.replace("&", s) : u.startsWith(":") ? `${s}${u}` : `${s} ${u}`, d = k(o, $);
-      return r.push(d), l;
-    }
-    const y = u.startsWith("-") ? u : T(u), S = ($, d = ";") => l = `${l}${$}${d}`, D = ($) => S(`${y}:${$}`);
-    if (typeof o == "number") return D(o);
-    if (typeof o != "string")
-      if ("toString" in o) o = o.toString();
-      else return l;
-    const { modifiers: F } = {}, V = function* () {
-      yield Z(o), yield z(o, F);
-    }();
-    for (const { result: $, additionalCss: d = [] } of V)
-      o = $, d.forEach((f) => {
-        const i = k(f, "");
-        S(i, "");
-      });
-    return D(o);
-  }, "");
-  if (!a) return r.join(`
-`);
-  if (!s) return a;
-  let g = "";
-  return g = `${s} { ${a} }`, [g, ...r].join(`
-`);
-}, R = (t, s = []) => {
-  if (!t) return "";
-  const e = [], n = {};
-  if (Object.entries(t).forEach(([r, a]) => {
-    if (typeof a == "object") {
-      if (!a) return;
-      const g = r.trim(), l = R(a, [...s, g]);
-      e.push(l);
-    } else
-      n[r] = a;
-  }), Object.keys(n).length) {
-    const r = s.map(T).join("-"), a = k(n, `.${r}`);
-    e.push(a);
-  }
-  return e.join(`
-`);
-}, N = (t) => m(t, "./saltygen"), U = ["salty", "css", "styles", "styled"], I = (t = []) => new RegExp(`\\.(${[...U, ...t].join("|")})\\.`), X = (t, s = []) => I(s).test(t), Y = async (t) => {
-  const s = N(t), e = m(t, "salty.config.ts"), n = m(s, "salty.config.js");
-  await A.build({
-    entryPoints: [e],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: n,
-    format: "esm",
-    external: ["react"]
-  });
-  const r = Date.now(), { config: a } = await import(`${n}?t=${r}`);
-  return a;
-}, Q = async (t) => {
-  const s = await Y(t), e = /* @__PURE__ */ new Set(), n = (f, i = []) => f ? Object.entries(f).flatMap(([p, c]) => {
-    if (!c) return;
-    if (typeof c == "object") return n(c, [...i, p]);
-    const h = [...i, p].join(".");
-    e.add(`"${h}"`);
-    const j = [...i.map(T), T(p)].join("-"), { result: C } = Z(c);
-    return `--${j}: ${C};`;
-  }) : [], r = (f) => f ? Object.entries(f).flatMap(([i, p]) => {
-    const c = n(p);
-    return i === "base" ? c.join("") : `${i} { ${c.join("")} }`;
-  }) : [], a = (f) => f ? Object.entries(f).flatMap(([i, p]) => Object.entries(p).flatMap(([c, h]) => {
-    const j = n(h, [i]), C = `.${i}-${c}, [data-${i}="${c}"]`, O = j.join("");
-    return `${C} { ${O} }`;
-  })) : [], g = n(s.variables), l = r(s.responsiveVariables), b = a(s.conditionalVariables), o = N(t), u = m(o, "css/variables.css"), y = `:root { ${g.join("")} ${l.join("")} } ${b.join("")}`;
-  w(u, y);
-  const S = m(o, "types/css-tokens.d.ts"), F = `type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  w(S, F);
-  const P = m(o, "css/global.css"), V = k(s.global, "");
-  w(P, V);
-  const $ = m(o, "css/templates.css"), d = R(s.templates);
-  w($, d);
-}, v = async (t, s) => {
-  const e = M(t), n = m(s, "js", e + ".js");
-  await A.build({
-    entryPoints: [t],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: n,
-    format: "esm",
-    target: ["es2022"],
-    keepNames: !0,
-    external: ["react"]
-  });
-  const r = Date.now();
-  return await import(`${n}?t=${r}`);
-}, tt = async (t) => {
-  const s = N(t), e = m(s, "salty.config.js"), { config: n } = await import(e);
-  return n;
-}, st = async (t) => {
-  try {
-    const s = [], e = [], n = N(t), r = m(n, "index.css");
-    (() => {
-      B(n) && q("rm -rf " + n), x(n), x(m(n, "css")), x(m(n, "types"));
-    })(), await Q(t);
-    const g = await tt(t);
-    async function l(y, S) {
-      const D = G(y);
-      if (D.isDirectory()) {
-        const F = J(y);
-        await Promise.all(F.map((P) => l(m(y, P), m(S, P))));
-      } else if (D.isFile() && X(y)) {
-        const P = await v(y, n), V = [];
-        Object.entries(P).forEach(([i, p]) => {
-          if (p.isKeyframes && p.css) {
-            const O = `${p.animationName}.css`, W = `css/${O}`, _ = m(n, W);
-            s.push(O), w(_, p.css);
-            return;
-          }
-          if (!p.generator) return;
-          const c = p.generator._withBuildContext({
-            name: i,
-            config: g
-          }), h = `${c.hash}-${c.priority}.css`;
-          e[c.priority] || (e[c.priority] = []), e[c.priority].push(h), V.push(h);
-          const j = `css/${h}`, C = m(n, j);
-          w(C, c.css);
-        });
-        const $ = V.map((i) => `@import url('./${i}');`).join(`
-`), d = M(y, 6), f = m(n, `css/${d}.css`);
-        w(f, $);
-      }
-    }
-    await l(t, n);
-    const b = s.map((y) => `@import url('./css/${y}');`).join(`
-`);
-    let u = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
-`)}
-${b}`;
-    if (g.importStrategy !== "component") {
-      const y = e.flat().map((S) => `@import url('./css/${S}');`).join(`
-`);
-      u += y;
-    }
-    w(r, u);
-  } catch (s) {
-    console.error(s);
-  }
-}, it = (t, s) => {
-  var e, n, r;
-  (n = (e = t.module) == null ? void 0 : e.rules) == null || n.push({
-    test: I(),
+import { resolve as n } from "path";
+import { s as u, g as i } from "./index-Cy7vv0Gm.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({
+    test: u(),
     use: [
       {
-        loader: H("./loader.js"),
-        options: { dir: s }
+        loader: n(__dirname, r ? "./loader.cjs" : "./loader.js"),
+        options: { dir: e }
       }
     ]
-  }), (r = t.plugins) == null || r.push({
-    apply: (a) => {
-      a.hooks.afterPlugins.tap({ name: "generateCss" }, async () => {
-        await st(s);
+  }), o || (t = s.plugins) == null || t.push({
+    apply: (p) => {
+      p.hooks.afterPlugins.tap({ name: "generateCss" }, async () => {
+        await i(e);
       });
     }
   });
 };
 export {
-  it as saltyPlugin
+  g as default,
+  g as saltyPlugin
 };

package/loader.cjs

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

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

package/package.json

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