@salty-css/vite 0.0.1-alpha.10 → 0.0.1-alpha.11
Sign up to get free protection for your applications and to get access to all the features.
- package/index.cjs +7 -7
- package/index.js +18 -18
- package/package.json +2 -1
package/index.cjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("esbuild"),W=require("winston"),L=require("child_process"),y=require("path"),d=require("fs"),G=require("fs/promises");function R(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 Z=R(K),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("esbuild"),W=require("winston"),L=require("child_process"),y=require("path"),d=require("fs"),G=require("fs/promises");function R(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 Z=R(K),k=R(W),q=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=q(n%52)+e;return e=q(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,s=3)=>{const e=X(5381,JSON.stringify(t))>>>0;return U(e,s)};function V(t){return t?typeof t!="string"?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:o,transform:g}=n;t=t.replace(o,$=>{const{value:a,css:f}=g($);return f&&e.push(f),a})}),{result:t,additionalCss:e}},I=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${V(n[1].replaceAll(".","-"))})`)}:{result:t},D=(t,s,e,n)=>{const o=[],g=Object.entries(t).reduce((a,[f,r])=>{const i=f.trim();if(typeof r=="function"&&(r=r()),typeof r=="object"){if(!r)return a;if(i==="variants")return Object.entries(r).forEach(([u,c])=>{c&&Object.entries(c).forEach(([m,l])=>{if(!l)return;const O=`${s}.${u}-${m}`,P=D(l,O);o.push(P)})}),a;if(i==="defaultVariants")return a;if(i==="compoundVariants")return r.forEach(u=>{const{css:c,...m}=u,l=Object.entries(m).reduce((P,[x,N])=>`${P}.${x}-${N}`,s),O=D(c,l);o.push(O)}),a;if(i.startsWith("@")){const u=D(r,s),c=`${i} {
|
|
2
2
|
${u.replace(`
|
|
3
3
|
`,`
|
|
4
4
|
`)}
|
|
5
|
-
}`;return o.push(c),a}const h=f.includes("&")?i.replace("&",s):i.startsWith(":")?`${s}${i}`:`${s} ${i}`,F=
|
|
5
|
+
}`;return o.push(c),a}const h=f.includes("&")?i.replace("&",s):i.startsWith(":")?`${s}${i}`:`${s} ${i}`,F=D(r,h);return o.push(F),a}const p=i.startsWith("-")?i:V(i),b=(h,F=";")=>a=`${a}${h}${F}`,j=h=>b(`${p}:${h}`);if(typeof r=="number")return j(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return a;const{modifiers:S}={},C=function*(){yield I(r),yield Y(r,S)}();for(const{result:h,additionalCss:F=[]}of C)r=h,F.forEach(u=>{const c=D(u,"");b(c,"")});return j(r)},"");if(!g)return o.join(`
|
|
6
6
|
`);if(!s)return g;let $="";return $=`${s} { ${g} }`,[$,...o].join(`
|
|
7
|
-
`)},z=(t,s=[])=>{const e=[],n={};if(Object.entries(t).forEach(([o,g])=>{if(typeof g=="object"){if(!g)return;const $=o.trim(),a=z(g,[...s,$]);e.push(a)}else n[o]=g}),Object.keys(n).length){const o=s.map(V).join("-"),g=
|
|
8
|
-
`)};
|
|
7
|
+
`)},z=(t,s=[])=>{const e=[],n={};if(Object.entries(t).forEach(([o,g])=>{if(typeof g=="object"){if(!g)return;const $=o.trim(),a=z(g,[...s,$]);e.push(a)}else n[o]=g}),Object.keys(n).length){const o=s.map(V).join("-"),g=D(n,`.${o}`);e.push(g)}return e.join(`
|
|
8
|
+
`)};k.createLogger({level:"info",format:k.format.combine(k.format.colorize(),k.format.cli()),transports:[new k.transports.Console({})]});const E=t=>y.join(t,"./saltygen"),Q=["salty","css","styles","styled"],v=(t=[])=>new RegExp(`\\.(${[...Q,...t].join("|")})\\.`),T=(t,s=[])=>v(s).test(t),tt=async t=>{const s=E(t),e=y.join(t,"salty-config.ts"),n=y.join(s,"salty-config.js");await Z.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",external:["react"]});const o=Date.now(),{config:g}=await import(`${n}?t=${o}`);return g},B=async t=>{const s=await tt(t),e=new Set,n=(u,c=[])=>u?Object.entries(u).flatMap(([m,l])=>{if(!l)return;if(typeof l=="object")return n(l,[...c,m]);const O=[...c,m].join(".");e.add(`"${O}"`);const P=[...c.map(V),V(m)].join("-"),{result:x}=I(l);return`--${P}: ${x};`}):[],o=u=>u?Object.entries(u).flatMap(([c,m])=>{const l=n(m);return c==="base"?l.join(""):`${c} { ${l.join("")} }`}):[],g=u=>u?Object.entries(u).flatMap(([c,m])=>Object.entries(m).flatMap(([l,O])=>{const P=n(O,[c]),x=`.${c}-${l}, [data-${c}="${l}"]`,N=P.join("");return`${x} { ${N} }`})):[],$=n(s.variables),a=o(s.responsiveVariables),f=g(s.conditionalVariables),r=E(t),i=y.join(r,"css/variables.css"),p=`:root { ${$.join("")} ${a.join("")} } ${f.join("")}`;d.writeFileSync(i,p);const b=y.join(r,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;d.writeFileSync(b,S);const w=y.join(r,"css/global.css"),C=D(s.global,"");d.writeFileSync(w,C);const h=y.join(r,"css/templates.css"),F=z(s.templates);d.writeFileSync(h,F)},A=async(t,s)=>{const e=_(t),n=y.join(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 o=Date.now();return await import(`${n}?t=${o}`)},M=async t=>{const s=E(t),e=y.join(s,"salty-config.js"),{config:n}=await import(e);return n},st=async t=>{try{const s=[],e=[],n=E(t),o=y.join(n,"index.css");(()=>{d.existsSync(n)&&L.execSync("rm -rf "+n),d.mkdirSync(n),d.mkdirSync(y.join(n,"css")),d.mkdirSync(y.join(n,"types"))})(),await B(t);const $=await M(t);async function a(p,b){const j=d.statSync(p);if(j.isDirectory()){const S=d.readdirSync(p);await Promise.all(S.map(w=>a(y.join(p,w),y.join(b,w))))}else if(j.isFile()&&T(p)){const w=await A(p,n),C=[];Object.entries(w).forEach(([c,m])=>{if(m.isKeyframes&&m.css){const N=`${m.animationName}.css`,H=`css/${N}`,J=y.join(n,H);s.push(N),d.writeFileSync(J,m.css);return}if(!m.generator)return;const l=m.generator._withBuildContext({name:c,config:$}),O=`${l.hash}-${l.priority}.css`;e[l.priority]||(e[l.priority]=[]),e[l.priority].push(O),C.push(O);const P=`css/${O}`,x=y.join(n,P);d.writeFileSync(x,l.css)});const h=C.map(c=>`@import url('./${c}');`).join(`
|
|
9
9
|
`),F=_(p,6),u=y.join(n,`css/${F}.css`);d.writeFileSync(u,h)}}await a(t,n);const f=s.map(p=>`@import url('./css/${p}');`).join(`
|
|
10
10
|
`);let i=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
|
|
11
11
|
|
|
12
12
|
${["@import url('./css/variables.css');","@import url('./css/global.css');","@import url('./css/templates.css');"].join(`
|
|
13
13
|
`)}
|
|
14
14
|
${f}`;if($.importStrategy!=="component"){const p=e.flat().map(b=>`@import url('./css/${b}');`).join(`
|
|
15
|
-
`);i+=p}d.writeFileSync(o,i)}catch(s){console.error(s)}},
|
|
15
|
+
`);i+=p}d.writeFileSync(o,i)}catch(s){console.error(s)}},et=async(t,s)=>{try{const e=[],n=y.join(t,"./saltygen"),o=y.join(n,"index.css");if(T(s)){const $=await M(t),a=await A(s,n);Object.entries(a).forEach(([b,j])=>{if(!j.generator)return;const S=j.generator._withBuildContext({name:b,config:$}),w=`${S.hash}-${S.priority}.css`,C=`css/${w}`,h=y.join(n,C);e.push(w),d.writeFileSync(h,S.css)});const f=d.readFileSync(o,"utf8").split(`
|
|
16
16
|
`),r=e.map(b=>`@import url('../saltygen/css/${b}');`),p=[...new Set([...f,...r])].join(`
|
|
17
|
-
`);d.writeFileSync(o,p)}}catch(e){console.error(e)}},
|
|
18
|
-
${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(e)}},
|
|
17
|
+
`);d.writeFileSync(o,p)}}catch(e){console.error(e)}},nt=async(t,s)=>{try{const e=y.join(t,"./saltygen");if(T(s)){let o=d.readFileSync(s,"utf8");o.replace(/^(?!export\s)const\s.*/gm,i=>`export ${i}`)!==o&&await G.writeFile(s,o);const $=await M(t),a=await A(s,e);let f=o;Object.entries(a).forEach(([i,p])=>{var u;if(p.isKeyframes){console.log("value",p);return}if(!p.generator)return;const b=p.generator._withBuildContext({name:i,config:$}),j=new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(o);if(!j)return console.error("Could not find the original declaration");const S=(u=j.at(1))==null?void 0:u.trim(),{element:w,variantKeys:C}=b.props,h=`${i} = styled(${S}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(w)}, ${JSON.stringify(C)});`,F=new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`,"g");f=f.replace(F,h)});const r=_(s,6);return $.importStrategy==="component"&&(f=`import '../../saltygen/css/${r}.css';
|
|
18
|
+
${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(e)}},ot=t=>({name:"stylegen",buildStart:()=>st(t),load:async s=>{if(T(s))return await nt(t,s)},watchChange:{handler:async s=>{T(s)&&await et(t,s),s.includes("salty-config")&&await B(t)}}});exports.saltyPlugin=ot;
|
package/index.js
CHANGED
|
@@ -12,7 +12,7 @@ const Z = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), Y = (t, s) => {
|
|
|
12
12
|
let e = s.length;
|
|
13
13
|
for (; e; ) t = t * 33 ^ s.charCodeAt(--e);
|
|
14
14
|
return t;
|
|
15
|
-
},
|
|
15
|
+
}, R = (t, s = 3) => {
|
|
16
16
|
const e = Q(5381, JSON.stringify(t)) >>> 0;
|
|
17
17
|
return Y(e, s);
|
|
18
18
|
};
|
|
@@ -103,7 +103,7 @@ P.createLogger({
|
|
|
103
103
|
format: P.format.combine(P.format.colorize(), P.format.cli()),
|
|
104
104
|
transports: [new P.transports.Console({})]
|
|
105
105
|
});
|
|
106
|
-
const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"],
|
|
106
|
+
const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"], st = (t = []) => new RegExp(`\\.(${[...tt, ...t].join("|")})\\.`), E = (t, s = []) => st(s).test(t), et = async (t) => {
|
|
107
107
|
const s = T(t), e = u(t, "salty-config.ts"), n = u(s, "salty-config.js");
|
|
108
108
|
await I.build({
|
|
109
109
|
entryPoints: [e],
|
|
@@ -117,7 +117,7 @@ const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"],
|
|
|
117
117
|
const r = Date.now(), { config: g } = await import(`${n}?t=${r}`);
|
|
118
118
|
return g;
|
|
119
119
|
}, K = async (t) => {
|
|
120
|
-
const s = await
|
|
120
|
+
const s = await et(t), e = /* @__PURE__ */ new Set(), n = (y, c = []) => y ? Object.entries(y).flatMap(([m, l]) => {
|
|
121
121
|
if (!l) return;
|
|
122
122
|
if (typeof l == "object") return n(l, [...c, m]);
|
|
123
123
|
const F = [...c, m].join(".");
|
|
@@ -138,8 +138,8 @@ const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"],
|
|
|
138
138
|
x(w, C);
|
|
139
139
|
const d = u(o, "css/templates.css"), S = J(s.templates);
|
|
140
140
|
x(d, S);
|
|
141
|
-
},
|
|
142
|
-
const e =
|
|
141
|
+
}, M = async (t, s) => {
|
|
142
|
+
const e = R(t), n = u(s, "js", e + ".js");
|
|
143
143
|
await I.build({
|
|
144
144
|
entryPoints: [t],
|
|
145
145
|
minify: !0,
|
|
@@ -156,7 +156,7 @@ const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"],
|
|
|
156
156
|
}, _ = async (t) => {
|
|
157
157
|
const s = T(t), e = u(s, "salty-config.js"), { config: n } = await import(e);
|
|
158
158
|
return n;
|
|
159
|
-
},
|
|
159
|
+
}, nt = async (t) => {
|
|
160
160
|
try {
|
|
161
161
|
const s = [], e = [], n = T(t), r = u(n, "index.css");
|
|
162
162
|
(() => {
|
|
@@ -169,7 +169,7 @@ const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"],
|
|
|
169
169
|
const j = U(p);
|
|
170
170
|
await Promise.all(j.map((w) => a(u(p, w), u(h, w))));
|
|
171
171
|
} else if (b.isFile() && E(p)) {
|
|
172
|
-
const w = await
|
|
172
|
+
const w = await M(p, n), C = [];
|
|
173
173
|
Object.entries(w).forEach(([c, m]) => {
|
|
174
174
|
if (m.isKeyframes && m.css) {
|
|
175
175
|
const V = `${m.animationName}.css`, W = `css/${V}`, z = u(n, W);
|
|
@@ -186,7 +186,7 @@ const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"],
|
|
|
186
186
|
x(D, l.css);
|
|
187
187
|
});
|
|
188
188
|
const d = C.map((c) => `@import url('./${c}');`).join(`
|
|
189
|
-
`), S =
|
|
189
|
+
`), S = R(p, 6), y = u(n, `css/${S}.css`);
|
|
190
190
|
x(y, d);
|
|
191
191
|
}
|
|
192
192
|
}
|
|
@@ -207,11 +207,11 @@ ${f}`;
|
|
|
207
207
|
} catch (s) {
|
|
208
208
|
console.error(s);
|
|
209
209
|
}
|
|
210
|
-
},
|
|
210
|
+
}, rt = async (t, s) => {
|
|
211
211
|
try {
|
|
212
212
|
const e = [], n = u(t, "./saltygen"), r = u(n, "index.css");
|
|
213
213
|
if (E(s)) {
|
|
214
|
-
const $ = await _(t), a = await
|
|
214
|
+
const $ = await _(t), a = await M(s, n);
|
|
215
215
|
Object.entries(a).forEach(([h, b]) => {
|
|
216
216
|
if (!b.generator) return;
|
|
217
217
|
const j = b.generator._withBuildContext({
|
|
@@ -228,13 +228,13 @@ ${f}`;
|
|
|
228
228
|
} catch (e) {
|
|
229
229
|
console.error(e);
|
|
230
230
|
}
|
|
231
|
-
},
|
|
231
|
+
}, ot = async (t, s) => {
|
|
232
232
|
try {
|
|
233
233
|
const e = u(t, "./saltygen");
|
|
234
234
|
if (E(s)) {
|
|
235
235
|
let r = B(s, "utf8");
|
|
236
236
|
r.replace(/^(?!export\s)const\s.*/gm, (i) => `export ${i}`) !== r && await X(s, r);
|
|
237
|
-
const $ = await _(t), a = await
|
|
237
|
+
const $ = await _(t), a = await M(s, e);
|
|
238
238
|
let f = r;
|
|
239
239
|
Object.entries(a).forEach(([i, p]) => {
|
|
240
240
|
var y;
|
|
@@ -254,26 +254,26 @@ ${f}`;
|
|
|
254
254
|
)});`, S = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
|
|
255
255
|
f = f.replace(S, d);
|
|
256
256
|
});
|
|
257
|
-
const o =
|
|
257
|
+
const o = R(s, 6);
|
|
258
258
|
return $.importStrategy === "component" && (f = `import '../../saltygen/css/${o}.css';
|
|
259
259
|
${f}`), f = f.replace("{ styled }", "{ styledClient as styled }"), f = f.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), f;
|
|
260
260
|
}
|
|
261
261
|
} catch (e) {
|
|
262
262
|
console.error(e);
|
|
263
263
|
}
|
|
264
|
-
},
|
|
264
|
+
}, ft = (t) => ({
|
|
265
265
|
name: "stylegen",
|
|
266
|
-
buildStart: () =>
|
|
266
|
+
buildStart: () => nt(t),
|
|
267
267
|
load: async (s) => {
|
|
268
268
|
if (E(s))
|
|
269
|
-
return await
|
|
269
|
+
return await ot(t, s);
|
|
270
270
|
},
|
|
271
271
|
watchChange: {
|
|
272
272
|
handler: async (s) => {
|
|
273
|
-
E(s) && await
|
|
273
|
+
E(s) && await rt(t, s), s.includes("salty-config") && await K(t);
|
|
274
274
|
}
|
|
275
275
|
}
|
|
276
276
|
});
|
|
277
277
|
export {
|
|
278
|
-
|
|
278
|
+
ft as saltyPlugin
|
|
279
279
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salty-css/vite",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.11",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"typings": "./dist/index.d.ts",
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
"!**/*.tsbuildinfo"
|
|
20
20
|
],
|
|
21
21
|
"nx": {
|
|
22
|
+
"sourceRoot": "libs/vite/src",
|
|
22
23
|
"name": "vite"
|
|
23
24
|
},
|
|
24
25
|
"exports": {
|