@salty-css/core 0.0.1-alpha.59 → 0.0.1-alpha.60

package/compiler/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("esbuild"),G=require("child_process"),N=require("../dash-case-DKzpenwY.cjs"),i=require("path"),a=require("fs"),J=require("fs/promises"),R=require("../parse-templates-DVK3iZIl.cjs");var V=typeof document<"u"?document.currentScript:null;function A(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const q=A(L),I=()=>(typeof document>"u"?require("url").pathToFileURL(__filename).href:V&&V.tagName.toUpperCase()==="SCRIPT"&&V.src||new URL("compiler/index.cjs",document.baseURI).href).endsWith(".cjs")?"cjs":"esm",O=e=>i.join(e,"./saltygen"),z=["salty","css","styles","styled"],B=(e=[])=>new RegExp(`\\.(${[...z,...e].join("|")})\\.`),v=(e,s=[])=>B(s).test(e),X=async e=>{const s=O(e),n=i.join(e,"salty.config.ts"),t=i.join(s,"salty.config.js"),l=I();console.log("Module type:",l),await q.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:t,format:l});const C=Date.now(),{config:d}=await import(`${t}?t=${C}`);return d},H=async e=>{const s=await X(e),n=new Set,t=(c,u=[])=>c?Object.entries(c).flatMap(([f,p])=>{if(!p)return;if(typeof p=="object")return t(p,[...u,f]);const w=[...u,f].join(".");n.add(`"${w}"`);const m=[...u.map(N.dashCase),N.dashCase(f)].join("-"),{result:h}=R.parseValueTokens(p);return`--${m}: ${h};`}):[],l=c=>c?Object.entries(c).flatMap(([u,f])=>{const p=t(f);return u==="base"?p.join(""):`${u} { ${p.join("")} }`}):[],C=c=>c?Object.entries(c).flatMap(([u,f])=>Object.entries(f).flatMap(([p,w])=>{const m=t(w,[u]),h=`.${u}-${p}, [data-${u}="${p}"]`,D=m.join("");return`${h} { ${D} }`})):[],d=t(s.variables),x=l(s.responsiveVariables),r=C(s.conditionalVariables),F=O(e),j=i.join(F,"css/variables.css"),T=`:root { ${d.join("")} ${x.join("")} } ${r.join("")}`;a.writeFileSync(j,T);const g=i.join(F,"types/css-tokens.d.ts"),y=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;a.writeFileSync(g,y);const $=i.join(F,"css/global.css"),b=R.parseStyles(s.global,"");a.writeFileSync($,b);const S=i.join(F,"css/templates.css"),k=R.parseTemplates(s.templates);a.writeFileSync(S,k)},E=async(e,s)=>{const n=N.toHash(e),t=i.join(s,"js",n+".js"),l=I();console.log("Module type:",l),await q.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:t,format:l,target:["es2022"],keepNames:!0});const C=Date.now();return await import(`${t}?t=${C}`)},_=async e=>{const s=O(e),n=i.join(s,"salty.config.js"),{config:t}=await import(n);return t},Y=async e=>{try{const s=[],n=[],t=O(e),l=i.join(t,"index.css");(()=>{a.existsSync(t)&&G.execSync("rm -rf "+t),a.mkdirSync(t),a.mkdirSync(i.join(t,"css")),a.mkdirSync(i.join(t,"types"))})(),await H(e);const d=await _(e);async function x(o,y){const $=["node_modules","saltygen"],b=a.statSync(o);if(b.isDirectory()){const S=a.readdirSync(o);if($.some(c=>o.includes(c)))return;await Promise.all(S.map(c=>x(i.join(o,c),i.join(y,c))))}else if(b.isFile()&&v(o)){const k=await E(o,t),c=[];Object.entries(k).forEach(([w,m])=>{if(m.isKeyframes&&m.css){const M=`${m.animationName}.css`,W=`css/${M}`,K=i.join(t,W);s.push(M),a.writeFileSync(K,m.css);return}if(!m.generator)return;const h=m.generator._withBuildContext({name:w,config:d}),D=`${h.hash}-${h.priority}.css`;n[h.priority]||(n[h.priority]=[]),n[h.priority].push(D),c.push(D);const P=`css/${D}`,U=i.join(t,P);a.writeFileSync(U,h.css)});const u=c.map(w=>`@import url('./${w}');`).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("esbuild"),G=require("child_process"),N=require("../dash-case-DKzpenwY.cjs"),i=require("path"),a=require("fs"),J=require("fs/promises"),R=require("../parse-templates-DVK3iZIl.cjs");var V=typeof document<"u"?document.currentScript:null;function A(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const q=A(L),I=()=>(typeof document>"u"?require("url").pathToFileURL(__filename).href:V&&V.tagName.toUpperCase()==="SCRIPT"&&V.src||new URL("compiler/index.cjs",document.baseURI).href).endsWith(".cjs")?"cjs":"esm",O=e=>i.join(e,"./saltygen"),z=["salty","css","styles","styled"],B=(e=[])=>new RegExp(`\\.(${[...z,...e].join("|")})\\.`),v=(e,s=[])=>B(s).test(e),X=async e=>{const s=O(e),n=i.join(e,"salty.config.ts"),t=i.join(s,"salty.config.js"),l=I();console.log("Module type:",l),await q.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:t,format:l,external:["react"]});const C=Date.now(),{config:d}=await import(`${t}?t=${C}`);return d},H=async e=>{const s=await X(e),n=new Set,t=(c,u=[])=>c?Object.entries(c).flatMap(([f,p])=>{if(!p)return;if(typeof p=="object")return t(p,[...u,f]);const w=[...u,f].join(".");n.add(`"${w}"`);const m=[...u.map(N.dashCase),N.dashCase(f)].join("-"),{result:h}=R.parseValueTokens(p);return`--${m}: ${h};`}):[],l=c=>c?Object.entries(c).flatMap(([u,f])=>{const p=t(f);return u==="base"?p.join(""):`${u} { ${p.join("")} }`}):[],C=c=>c?Object.entries(c).flatMap(([u,f])=>Object.entries(f).flatMap(([p,w])=>{const m=t(w,[u]),h=`.${u}-${p}, [data-${u}="${p}"]`,D=m.join("");return`${h} { ${D} }`})):[],d=t(s.variables),x=l(s.responsiveVariables),r=C(s.conditionalVariables),F=O(e),j=i.join(F,"css/variables.css"),T=`:root { ${d.join("")} ${x.join("")} } ${r.join("")}`;a.writeFileSync(j,T);const g=i.join(F,"types/css-tokens.d.ts"),y=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;a.writeFileSync(g,y);const $=i.join(F,"css/global.css"),b=R.parseStyles(s.global,"");a.writeFileSync($,b);const S=i.join(F,"css/templates.css"),k=R.parseTemplates(s.templates);a.writeFileSync(S,k)},E=async(e,s)=>{const n=N.toHash(e),t=i.join(s,"js",n+".js"),l=I();console.log("Module type:",l),await q.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:t,format:l,target:["es2022"],keepNames:!0,external:["react"]});const C=Date.now();return await import(`${t}?t=${C}`)},_=async e=>{const s=O(e),n=i.join(s,"salty.config.js"),{config:t}=await import(n);return t},Y=async e=>{try{const s=[],n=[],t=O(e),l=i.join(t,"index.css");(()=>{a.existsSync(t)&&G.execSync("rm -rf "+t),a.mkdirSync(t),a.mkdirSync(i.join(t,"css")),a.mkdirSync(i.join(t,"types"))})(),await H(e);const d=await _(e);async function x(o,y){const $=["node_modules","saltygen"],b=a.statSync(o);if(b.isDirectory()){const S=a.readdirSync(o);if($.some(c=>o.includes(c)))return;await Promise.all(S.map(c=>x(i.join(o,c),i.join(y,c))))}else if(b.isFile()&&v(o)){const k=await E(o,t),c=[];Object.entries(k).forEach(([w,m])=>{if(m.isKeyframes&&m.css){const M=`${m.animationName}.css`,W=`css/${M}`,K=i.join(t,W);s.push(M),a.writeFileSync(K,m.css);return}if(!m.generator)return;const h=m.generator._withBuildContext({name:w,config:d}),D=`${h.hash}-${h.priority}.css`;n[h.priority]||(n[h.priority]=[]),n[h.priority].push(D),c.push(D);const P=`css/${D}`,U=i.join(t,P);a.writeFileSync(U,h.css)});const u=c.map(w=>`@import url('./${w}');`).join(`
 `),f=N.toHash(o,6),p=i.join(t,`css/${f}.css`);a.writeFileSync(p,u)}}await x(e,t);const r=s.map(o=>`@import url('./css/${o}');`).join(`
 `);let g=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 

package/compiler/index.js

@@ -1,20 +1,20 @@
 import * as _ from "esbuild";
 import { execSync as G } from "child_process";
 import { t as E, d as I } from "../dash-case-DMQMcCO6.js";
-import { join as i } from "path";
+import { join as r } from "path";
 import { writeFileSync as w, existsSync as J, mkdirSync as V, statSync as q, readdirSync as A, readFileSync as v } from "fs";
 import { writeFile as L } from "fs/promises";
 import { p as U, a as X, b as Y } from "../parse-templates-DUUSaubj.js";
-const z = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", N = (s) => i(s, "./saltygen"), Z = ["salty", "css", "styles", "styled"], Q = (s = []) => new RegExp(`\\.(${[...Z, ...s].join("|")})\\.`), M = (s, e = []) => Q(e).test(s), tt = async (s) => {
-  const e = N(s), n = i(s, "salty.config.ts"), t = i(e, "salty.config.js"), a = z();
+const z = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", N = (s) => r(s, "./saltygen"), Z = ["salty", "css", "styles", "styled"], Q = (s = []) => new RegExp(`\\.(${[...Z, ...s].join("|")})\\.`), M = (s, e = []) => Q(e).test(s), tt = async (s) => {
+  const e = N(s), n = r(s, "salty.config.ts"), t = r(e, "salty.config.js"), a = z();
   console.log("Module type:", a), await _.build({
     entryPoints: [n],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
     outfile: t,
-    format: a
-    // external: ['react'],
+    format: a,
+    external: ["react"]
   });
   const C = Date.now(), { config: y } = await import(`${t}?t=${C}`);
   return y;
@@ -32,16 +32,16 @@ const z = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", N = (s) => i(s
   }) : [], C = (c) => c ? Object.entries(c).flatMap(([l, m]) => Object.entries(m).flatMap(([p, j]) => {
     const g = t(j, [l]), d = `.${l}-${p}, [data-${l}="${p}"]`, k = g.join("");
     return `${d} { ${k} }`;
-  })) : [], y = t(e.variables), x = a(e.responsiveVariables), r = C(e.conditionalVariables), F = N(s), h = i(F, "css/variables.css"), D = `:root { ${y.join("")} ${x.join("")} } ${r.join("")}`;
+  })) : [], y = t(e.variables), x = a(e.responsiveVariables), i = C(e.conditionalVariables), F = N(s), h = r(F, "css/variables.css"), D = `:root { ${y.join("")} ${x.join("")} } ${i.join("")}`;
   w(h, D);
-  const u = i(F, "types/css-tokens.d.ts"), f = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  const u = r(F, "types/css-tokens.d.ts"), f = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
   w(u, f);
-  const S = i(F, "css/global.css"), b = U(e.global, "");
+  const S = r(F, "css/global.css"), b = U(e.global, "");
   w(S, b);
-  const $ = i(F, "css/templates.css"), T = X(e.templates);
+  const $ = r(F, "css/templates.css"), T = X(e.templates);
   w($, T);
 }, O = async (s, e) => {
-  const n = E(s), t = i(e, "js", n + ".js"), a = z();
+  const n = E(s), t = r(e, "js", n + ".js"), a = z();
   console.log("Module type:", a), await _.build({
     entryPoints: [s],
     minify: !0,
@@ -50,19 +50,19 @@ const z = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", N = (s) => i(s
     outfile: t,
     format: a,
     target: ["es2022"],
-    keepNames: !0
-    // external: ['react'],
+    keepNames: !0,
+    external: ["react"]
   });
   const C = Date.now();
   return await import(`${t}?t=${C}`);
 }, R = async (s) => {
-  const e = N(s), n = i(e, "salty.config.js"), { config: t } = await import(n);
+  const e = N(s), n = r(e, "salty.config.js"), { config: t } = await import(n);
   return t;
 }, at = async (s) => {
   try {
-    const e = [], n = [], t = N(s), a = i(t, "index.css");
+    const e = [], n = [], t = N(s), a = r(t, "index.css");
     (() => {
-      J(t) && G("rm -rf " + t), V(t), V(i(t, "css")), V(i(t, "types"));
+      J(t) && G("rm -rf " + t), V(t), V(r(t, "css")), V(r(t, "types"));
     })(), await st(s);
     const y = await R(s);
     async function x(o, f) {
@@ -70,12 +70,12 @@ const z = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", N = (s) => i(s
       if (b.isDirectory()) {
         const $ = A(o);
         if (S.some((c) => o.includes(c))) return;
-        await Promise.all($.map((c) => x(i(o, c), i(f, c))));
+        await Promise.all($.map((c) => x(r(o, c), r(f, c))));
       } else if (b.isFile() && M(o)) {
         const T = await O(o, t), c = [];
         Object.entries(T).forEach(([j, g]) => {
           if (g.isKeyframes && g.css) {
-            const B = `${g.animationName}.css`, H = `css/${B}`, K = i(t, H);
+            const B = `${g.animationName}.css`, H = `css/${B}`, K = r(t, H);
             e.push(B), w(K, g.css);
             return;
           }
@@ -85,28 +85,28 @@ const z = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", N = (s) => i(s
             config: y
           }), k = `${d.hash}-${d.priority}.css`;
           n[d.priority] || (n[d.priority] = []), n[d.priority].push(k), c.push(k);
-          const P = `css/${k}`, W = i(t, P);
+          const P = `css/${k}`, W = r(t, P);
           w(W, d.css);
         });
         const l = c.map((j) => `@import url('./${j}');`).join(`
-`), m = E(o, 6), p = i(t, `css/${m}.css`);
+`), m = E(o, 6), p = r(t, `css/${m}.css`);
         w(p, l);
       }
     }
     await x(s, t);
-    const r = e.map((o) => `@import url('./css/${o}');`).join(`
+    const i = e.map((o) => `@import url('./css/${o}');`).join(`
 `);
     let u = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
 ${["variables.css", "global.css", "templates.css"].filter((o) => {
       try {
-        return v(i(t, "css", o), "utf8").length > 0;
+        return v(r(t, "css", o), "utf8").length > 0;
       } catch {
         return !1;
       }
     }).map((o) => `@import url('./css/${o}');`).join(`
 `)}
-${r}`;
+${i}`;
     if (y.importStrategy !== "component") {
       const o = n.flat().map((f) => `@import url('./css/${f}');`).join(`
 `);
@@ -118,7 +118,7 @@ ${r}`;
   }
 }, lt = async (s, e) => {
   try {
-    const n = [], t = i(s, "./saltygen"), a = i(t, "index.css");
+    const n = [], t = r(s, "./saltygen"), a = r(t, "index.css");
     if (M(e)) {
       const y = await R(s), x = await O(e, t);
       Object.entries(x).forEach(([u, o]) => {
@@ -126,11 +126,11 @@ ${r}`;
         const f = o.generator._withBuildContext({
           name: u,
           config: y
-        }), S = `${f.hash}-${f.priority}.css`, b = `css/${S}`, $ = i(t, b);
+        }), S = `${f.hash}-${f.priority}.css`, b = `css/${S}`, $ = r(t, b);
         n.push(S), w($, f.css);
       });
-      const r = v(a, "utf8").split(`
-`), F = n.map((u) => `@import url('../saltygen/css/${u}');`), D = [.../* @__PURE__ */ new Set([...r, ...F])].join(`
+      const i = v(a, "utf8").split(`
+`), F = n.map((u) => `@import url('../saltygen/css/${u}');`), D = [.../* @__PURE__ */ new Set([...i, ...F])].join(`
 `);
       w(a, D);
     }
@@ -139,12 +139,12 @@ ${r}`;
   }
 }, pt = async (s, e) => {
   try {
-    const n = i(s, "./saltygen");
+    const n = r(s, "./saltygen");
     if (M(e)) {
       const a = v(e, "utf8");
       a.replace(/^(?!export\s)const\s.*/gm, (h) => `export ${h}`) !== a && await L(e, a);
       const y = await R(s), x = await O(e, n);
-      let r = a;
+      let i = a;
       Object.entries(x).forEach(([h, D]) => {
         var k;
         if (D.isKeyframes || !D.generator) return;
@@ -153,24 +153,24 @@ ${r}`;
           config: y
         }), o = new RegExp(`\\s${h}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(a);
         if (!o) return console.error("Could not find the original declaration");
-        const f = (k = o.at(1)) == null ? void 0 : k.trim(), S = new RegExp(`\\s${h}[=\\s]+styled\\(`, "g").exec(r);
+        const f = (k = o.at(1)) == null ? void 0 : k.trim(), S = new RegExp(`\\s${h}[=\\s]+styled\\(`, "g").exec(i);
         if (!S) return console.error("Could not find the original declaration");
         const { index: b } = S;
         let $ = !1;
         const T = setTimeout(() => $ = !0, 5e3);
         let c = 0, l = !1, m = 0;
         for (; !l && !$; ) {
-          const P = r[b + c];
-          P === "(" && m++, P === ")" && m--, m === 0 && P === ")" && (l = !0), c > r.length && ($ = !0), c++;
+          const P = i[b + c];
+          P === "(" && m++, P === ")" && m--, m === 0 && P === ")" && (l = !0), c > i.length && ($ = !0), c++;
         }
         if (!$) clearTimeout(T);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const p = b + c, j = r.slice(b, p), g = r, d = ` ${h} = styled(${f}, "${u.classNames}", "${u._callerName}", ${JSON.stringify(u.props)});`;
-        r = r.replace(j, d), g === r && console.error("Minimize file failed to change content", { name: h, tagName: f });
+        const p = b + c, j = i.slice(b, p), g = i, d = ` ${h} = styled(${f}, "${u.classNames}", "${u._callerName}", ${JSON.stringify(u.props)});`;
+        i = i.replace(j, d), g === i && console.error("Minimize file failed to change content", { name: h, tagName: f });
       });
       const F = E(e, 6);
-      return y.importStrategy === "component" && (r = `import '../../saltygen/css/${F}.css';
-${r}`), r = r.replace("{ styled }", "{ styledClient as styled }"), r = r.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), r;
+      return y.importStrategy === "component" && (i = `import '../../saltygen/css/${F}.css';
+${i}`), i = i.replace("{ styled }", "{ styledClient as styled }"), i = i.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), i;
     }
   } catch (n) {
     console.error("Error in minimizeFile:", n);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.59",
+  "version": "0.0.1-alpha.60",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",