@salty-css/vite 0.0.1-alpha.39 → 0.0.1-alpha.40

package/index.cjs

@@ -5,7 +5,7 @@
 }`;return r.push(c),a}const b=f.includes("&")?i.replace("&",s):i.startsWith(":")?`${s}${i}`:`${s} ${i}`,C=D(o,b);return r.push(C),a}const y=i.startsWith("-")?i:N(i),h=(b,C=";")=>a=`${a}${b}${C}`,j=b=>h(`${y}:${b}`);if(typeof o=="number")return j(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return a;const{modifiers:S}={},O=function*(){yield q(o),yield X(o,S)}();for(const{result:b,additionalCss:C=[]}of O)o=b,C.forEach(g=>{const c=D(g,"");h(c,"")});return j(o)},"");if(!u)return r.join(`
 `);if(!s)return u;let $="";return $=`${s} { ${u} }`,[$,...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 $=r.trim(),a=Z(u,[...s,$]);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"),Y=["salty","css","styles","styled"],Q=(t=[])=>new RegExp(`\\.(${[...Y,...t].join("|")})\\.`),V=(t,s=[])=>Q(s).test(t),v=async t=>{const s=E(t),e=p.join(t,"salty.config.ts"),n=p.join(s,"salty.config.js");await R.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},I=async t=>{const s=await v(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 P=[...c.map(N),N(m)].join("-"),{result:x}=q(l);return`--${P}: ${x};`}):[],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 P=n(F,[c]),x=`.${c}-${l}, [data-${c}="${l}"]`,k=P.join("");return`${x} { ${k} }`})):[],$=n(s.variables),a=r(s.responsiveVariables),f=u(s.conditionalVariables),o=E(t),i=p.join(o,"css/variables.css"),y=`:root { ${$.join("")} ${a.join("")} } ${f.join("")}`;d.writeFileSync(i,y);const h=p.join(o,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;d.writeFileSync(h,S);const w=p.join(o,"css/global.css"),O=D(s.global,"");d.writeFileSync(w,O);const b=p.join(o,"css/templates.css"),C=Z(s.templates);d.writeFileSync(b,C)},_=async(t,s)=>{const e=T(t),n=p.join(s,"js",e+".js");await R.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},tt=async t=>{try{const s=[],e=[],n=E(t),r=p.join(n,"index.css");(()=>{d.existsSync(n)&&J.execSync("rm -rf "+n),d.mkdirSync(n),d.mkdirSync(p.join(n,"css")),d.mkdirSync(p.join(n,"types"))})(),await I(t);const $=await A(t);async function a(y,h){const j=d.statSync(y);if(j.isDirectory()){const S=d.readdirSync(y);await Promise.all(S.map(w=>a(p.join(y,w),p.join(h,w))))}else if(j.isFile()&&V(y)){const w=await _(y,n),O=[];Object.entries(w).forEach(([c,m])=>{if(m.isKeyframes&&m.css){const k=`${m.animationName}.css`,B=`css/${k}`,H=p.join(n,B);s.push(k),d.writeFileSync(H,m.css);return}if(!m.generator)return;const l=m.generator._withBuildContext({name:c,config:$}),F=`${l.hash}-${l.priority}.css`;e[l.priority]||(e[l.priority]=[]),e[l.priority].push(F),O.push(F);const P=`css/${F}`,x=p.join(n,P);d.writeFileSync(x,l.css)});const b=O.map(c=>`@import url('./${c}');`).join(`
+`)},E=t=>p.join(t,"./saltygen"),Y=["salty","css","styles","styled"],Q=(t=[])=>new RegExp(`\\.(${[...Y,...t].join("|")})\\.`),V=(t,s=[])=>Q(s).test(t),v=async t=>{const s=E(t),e=p.join(t,"salty.config.ts"),n=p.join(s,"salty.config.js");await R.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},I=async t=>{const s=await v(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 P=[...c.map(N),N(m)].join("-"),{result:x}=q(l);return`--${P}: ${x};`}):[],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 P=n(F,[c]),x=`.${c}-${l}, [data-${c}="${l}"]`,k=P.join("");return`${x} { ${k} }`})):[],$=n(s.variables),a=r(s.responsiveVariables),f=u(s.conditionalVariables),o=E(t),i=p.join(o,"css/variables.css"),y=`:root { ${$.join("")} ${a.join("")} } ${f.join("")}`;d.writeFileSync(i,y);const h=p.join(o,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...e].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;d.writeFileSync(h,S);const w=p.join(o,"css/global.css"),O=D(s.global,"");d.writeFileSync(w,O);const b=p.join(o,"css/templates.css"),C=Z(s.templates);d.writeFileSync(b,C)},_=async(t,s)=>{const e=T(t),n=p.join(s,"js",e+".js");await R.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},tt=async t=>{try{const s=[],e=[],n=E(t),r=p.join(n,"index.css");(()=>{d.existsSync(n)&&J.execSync("rm -rf "+n),d.mkdirSync(n),d.mkdirSync(p.join(n,"css")),d.mkdirSync(p.join(n,"types"))})(),await I(t);const $=await A(t);async function a(y,h){const j=d.statSync(y);if(j.isDirectory()){const S=d.readdirSync(y);await Promise.all(S.map(w=>a(p.join(y,w),p.join(h,w))))}else if(j.isFile()&&V(y)){const w=await _(y,n),O=[];Object.entries(w).forEach(([c,m])=>{if(m.isKeyframes&&m.css){const k=`${m.animationName}.css`,B=`css/${k}`,H=p.join(n,B);s.push(k),d.writeFileSync(H,m.css);return}if(!m.generator)return;const l=m.generator._withBuildContext({name:c,config:$}),F=`${l.hash}-${l.priority}.css`;e[l.priority]||(e[l.priority]=[]),e[l.priority].push(F),O.push(F);const P=`css/${F}`,x=p.join(n,P);d.writeFileSync(x,l.css)});const b=O.map(c=>`@import url('./${c}');`).join(`
 `),C=T(y,6),g=p.join(n,`css/${C}.css`);d.writeFileSync(g,b)}}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;
 

package/index.js

@@ -127,7 +127,7 @@ const Q = (t, s) => {
     return `${N} { ${P} }`;
   })) : [], $ = n(s.variables), a = r(s.responsiveVariables), f = u(s.conditionalVariables), o = E(t), i = p(o, "css/variables.css"), y = `:root { ${$.join("")} ${a.join("")} } ${f.join("")}`;
   C(i, y);
-  const h = p(o, "types/css-tokens.d.ts"), j = `type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  const h = p(o, "types/css-tokens.d.ts"), j = `type VariableTokens = ${[...e].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
   C(h, j);
   const w = p(o, "css/global.css"), F = O(s.global, "");
   C(w, F);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/vite",
-  "version": "0.0.1-alpha.39",
+  "version": "0.0.1-alpha.40",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -29,6 +29,6 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.39"
+    "@salty-css/core": "^0.0.1-alpha.40"
   }
 }