@salty-css/vite 0.0.1-alpha.13 → 0.0.1-alpha.14
Sign up to get free protection for your applications and to get access to all the features.
- package/index.cjs +9 -9
- package/index.js +102 -104
- package/package.json +1 -1
package/index.cjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
${
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("esbuild"),K=require("winston"),L=require("child_process"),u=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(J),N=R(K),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:y}=n;t=t.replace(o,$=>{const{value:a,css:f}=y($);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=[],y=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(([g,c])=>{c&&Object.entries(c).forEach(([m,l])=>{if(!l)return;const F=`${s}.${g}-${m}`,P=D(l,F);o.push(P)})}),a;if(i==="defaultVariants")return a;if(i==="compoundVariants")return r.forEach(g=>{const{css:c,...m}=g,l=Object.entries(m).reduce((P,[x,k])=>`${P}.${x}-${k}`,s),F=D(c,l);o.push(F)}),a;if(i.startsWith("@")){const g=D(r,s),c=`${i} {
|
|
2
|
+
${g.replace(`
|
|
3
3
|
`,`
|
|
4
4
|
`)}
|
|
5
|
-
}`;return o.push(c),a}const h=f.includes("&")?i.replace("&",s):i.startsWith(":")?`${s}${i}`:`${s} ${i}`,
|
|
6
|
-
`);if(!s)return
|
|
7
|
-
`)},z=(t,s=[])=>{const e=[],n={};if(Object.entries(t).forEach(([o,
|
|
8
|
-
`)};
|
|
9
|
-
`),
|
|
5
|
+
}`;return o.push(c),a}const h=f.includes("&")?i.replace("&",s):i.startsWith(":")?`${s}${i}`:`${s} ${i}`,C=D(r,h);return o.push(C),a}const p=i.startsWith("-")?i:V(i),b=(h,C=";")=>a=`${a}${h}${C}`,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:w}={},O=function*(){yield I(r),yield Y(r,w)}();for(const{result:h,additionalCss:C=[]}of O)r=h,C.forEach(g=>{const c=D(g,"");b(c,"")});return j(r)},"");if(!y)return o.join(`
|
|
6
|
+
`);if(!s)return y;let $="";return $=`${s} { ${y} }`,[$,...o].join(`
|
|
7
|
+
`)},z=(t,s=[])=>{const e=[],n={};if(Object.entries(t).forEach(([o,y])=>{if(typeof y=="object"){if(!y)return;const $=o.trim(),a=z(y,[...s,$]);e.push(a)}else n[o]=y}),Object.keys(n).length){const o=s.map(V).join("-"),y=D(n,`.${o}`);e.push(y)}return e.join(`
|
|
8
|
+
`)};N.createLogger({level:"info",format:N.format.combine(N.format.colorize(),N.format.cli()),transports:[new N.transports.Console({})]});const E=t=>u.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=u.join(t,"salty-config.ts"),n=u.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:y}=await import(`${n}?t=${o}`);return y},B=async t=>{const s=await tt(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(V),V(m)].join("-"),{result:x}=I(l);return`--${P}: ${x};`}):[],o=g=>g?Object.entries(g).flatMap(([c,m])=>{const l=n(m);return c==="base"?l.join(""):`${c} { ${l.join("")} }`}):[],y=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=o(s.responsiveVariables),f=y(s.conditionalVariables),r=E(t),i=u.join(r,"css/variables.css"),p=`:root { ${$.join("")} ${a.join("")} } ${f.join("")}`;d.writeFileSync(i,p);const b=u.join(r,"types/css-tokens.d.ts"),w=`type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;d.writeFileSync(b,w);const S=u.join(r,"css/global.css"),O=D(s.global,"");d.writeFileSync(S,O);const h=u.join(r,"css/templates.css"),C=z(s.templates);d.writeFileSync(h,C)},A=async(t,s)=>{const e=_(t),n=u.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=u.join(s,"salty-config.js"),{config:n}=await import(e);return n},st=async t=>{try{const s=[],e=[],n=E(t),o=u.join(n,"index.css");(()=>{d.existsSync(n)&&L.execSync("rm -rf "+n),d.mkdirSync(n),d.mkdirSync(u.join(n,"css")),d.mkdirSync(u.join(n,"types"))})(),await B(t);const $=await M(t);async function a(p,b){const j=d.statSync(p);if(j.isDirectory()){const w=d.readdirSync(p);await Promise.all(w.map(S=>a(u.join(p,S),u.join(b,S))))}else if(j.isFile()&&T(p)){const S=await A(p,n),O=[];Object.entries(S).forEach(([c,m])=>{if(m.isKeyframes&&m.css){const k=`${m.animationName}.css`,H=`css/${k}`,W=u.join(n,H);s.push(k),d.writeFileSync(W,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=u.join(n,P);d.writeFileSync(x,l.css)});const h=O.map(c=>`@import url('./${c}');`).join(`
|
|
9
|
+
`),C=_(p,6),g=u.join(n,`css/${C}.css`);d.writeFileSync(g,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)}},et=async(t,s)=>{try{const e=[],n=
|
|
15
|
+
`);i+=p}d.writeFileSync(o,i)}catch(s){console.error(s)}},et=async(t,s)=>{try{const e=[],n=u.join(t,"./saltygen"),o=u.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 w=j.generator._withBuildContext({name:b,config:$}),S=`${w.hash}-${w.priority}.css`,O=`css/${S}`,h=u.join(n,O);e.push(S),d.writeFileSync(h,w.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)}},nt=async(t,s)=>{try{const e=
|
|
17
|
+
`);d.writeFileSync(o,p)}}catch(e){console.error(e)}},nt=async(t,s)=>{try{const e=u.join(t,"./saltygen");if(T(s)){const 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 h;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 w=(h=j.at(1))==null?void 0:h.trim(),S=`${i} = styled(${w}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(b.props)});`,O=new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`,"g");f=f.replace(O,S)});const r=_(s,6);return $.importStrategy==="component"&&(f=`import '../../saltygen/css/${r}.css';
|
|
18
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
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as I from "esbuild";
|
|
2
2
|
import * as P from "winston";
|
|
3
3
|
import { execSync as L } from "child_process";
|
|
4
|
-
import { join as
|
|
5
|
-
import { writeFileSync as
|
|
4
|
+
import { join as y } from "path";
|
|
5
|
+
import { writeFileSync as C, existsSync as q, mkdirSync as A, statSync as G, readdirSync as U, readFileSync as B } from "fs";
|
|
6
6
|
import { writeFile as X } from "fs/promises";
|
|
7
7
|
const Z = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), Y = (t, s) => {
|
|
8
8
|
let e = "", n;
|
|
@@ -24,76 +24,76 @@ const v = (t, s) => {
|
|
|
24
24
|
if (!s) return { result: t };
|
|
25
25
|
const e = [];
|
|
26
26
|
return Object.values(s).forEach((n) => {
|
|
27
|
-
const { pattern:
|
|
28
|
-
t = t.replace(
|
|
29
|
-
const { value: a, css: f } =
|
|
27
|
+
const { pattern: o, transform: u } = n;
|
|
28
|
+
t = t.replace(o, ($) => {
|
|
29
|
+
const { value: a, css: f } = u($);
|
|
30
30
|
return f && e.push(f), a;
|
|
31
31
|
});
|
|
32
32
|
}), { result: t, additionalCss: e };
|
|
33
|
-
}, H = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${k(n[1].replaceAll(".", "-"))})`) } : { result: t },
|
|
34
|
-
const
|
|
33
|
+
}, H = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${k(n[1].replaceAll(".", "-"))})`) } : { result: t }, V = (t, s, e, n) => {
|
|
34
|
+
const o = [], u = Object.entries(t).reduce((a, [f, r]) => {
|
|
35
35
|
const i = f.trim();
|
|
36
|
-
if (typeof
|
|
37
|
-
if (!
|
|
36
|
+
if (typeof r == "function" && (r = r()), typeof r == "object") {
|
|
37
|
+
if (!r) return a;
|
|
38
38
|
if (i === "variants")
|
|
39
|
-
return Object.entries(
|
|
39
|
+
return Object.entries(r).forEach(([g, c]) => {
|
|
40
40
|
c && Object.entries(c).forEach(([m, l]) => {
|
|
41
41
|
if (!l) return;
|
|
42
|
-
const
|
|
43
|
-
|
|
42
|
+
const S = `${s}.${g}-${m}`, D = V(l, S);
|
|
43
|
+
o.push(D);
|
|
44
44
|
});
|
|
45
45
|
}), a;
|
|
46
46
|
if (i === "defaultVariants")
|
|
47
47
|
return a;
|
|
48
48
|
if (i === "compoundVariants")
|
|
49
|
-
return
|
|
50
|
-
const { css: c, ...m } =
|
|
51
|
-
|
|
49
|
+
return r.forEach((g) => {
|
|
50
|
+
const { css: c, ...m } = g, l = Object.entries(m).reduce((D, [N, O]) => `${D}.${N}-${O}`, s), S = V(c, l);
|
|
51
|
+
o.push(S);
|
|
52
52
|
}), a;
|
|
53
53
|
if (i.startsWith("@")) {
|
|
54
|
-
const
|
|
55
|
-
${
|
|
54
|
+
const g = V(r, s), c = `${i} {
|
|
55
|
+
${g.replace(`
|
|
56
56
|
`, `
|
|
57
57
|
`)}
|
|
58
58
|
}`;
|
|
59
|
-
return
|
|
59
|
+
return o.push(c), a;
|
|
60
60
|
}
|
|
61
|
-
const d = f.includes("&") ? i.replace("&", s) : i.startsWith(":") ? `${s}${i}` : `${s} ${i}`,
|
|
62
|
-
return
|
|
61
|
+
const d = f.includes("&") ? i.replace("&", s) : i.startsWith(":") ? `${s}${i}` : `${s} ${i}`, x = V(r, d);
|
|
62
|
+
return o.push(x), a;
|
|
63
63
|
}
|
|
64
|
-
const p = i.startsWith("-") ? i : k(i), h = (d,
|
|
65
|
-
if (typeof
|
|
66
|
-
if (typeof
|
|
67
|
-
if ("toString" in
|
|
64
|
+
const p = i.startsWith("-") ? i : k(i), h = (d, x = ";") => a = `${a}${d}${x}`, b = (d) => h(`${p}:${d}`);
|
|
65
|
+
if (typeof r == "number") return b(r);
|
|
66
|
+
if (typeof r != "string")
|
|
67
|
+
if ("toString" in r) r = r.toString();
|
|
68
68
|
else return a;
|
|
69
|
-
const { modifiers: j } = {},
|
|
70
|
-
yield H(
|
|
69
|
+
const { modifiers: j } = {}, F = function* () {
|
|
70
|
+
yield H(r), yield v(r, j);
|
|
71
71
|
}();
|
|
72
|
-
for (const { result: d, additionalCss:
|
|
73
|
-
|
|
74
|
-
const c =
|
|
72
|
+
for (const { result: d, additionalCss: x = [] } of F)
|
|
73
|
+
r = d, x.forEach((g) => {
|
|
74
|
+
const c = V(g, "");
|
|
75
75
|
h(c, "");
|
|
76
76
|
});
|
|
77
|
-
return b(
|
|
77
|
+
return b(r);
|
|
78
78
|
}, "");
|
|
79
|
-
if (!
|
|
79
|
+
if (!u) return o.join(`
|
|
80
80
|
`);
|
|
81
|
-
if (!s) return
|
|
81
|
+
if (!s) return u;
|
|
82
82
|
let $ = "";
|
|
83
|
-
return $ = `${s} { ${
|
|
83
|
+
return $ = `${s} { ${u} }`, [$, ...o].join(`
|
|
84
84
|
`);
|
|
85
|
-
},
|
|
85
|
+
}, W = (t, s = []) => {
|
|
86
86
|
const e = [], n = {};
|
|
87
|
-
if (Object.entries(t).forEach(([
|
|
88
|
-
if (typeof
|
|
89
|
-
if (!
|
|
90
|
-
const $ =
|
|
87
|
+
if (Object.entries(t).forEach(([o, u]) => {
|
|
88
|
+
if (typeof u == "object") {
|
|
89
|
+
if (!u) return;
|
|
90
|
+
const $ = o.trim(), a = W(u, [...s, $]);
|
|
91
91
|
e.push(a);
|
|
92
92
|
} else
|
|
93
|
-
n[
|
|
93
|
+
n[o] = u;
|
|
94
94
|
}), Object.keys(n).length) {
|
|
95
|
-
const
|
|
96
|
-
e.push(
|
|
95
|
+
const o = s.map(k).join("-"), u = V(n, `.${o}`);
|
|
96
|
+
e.push(u);
|
|
97
97
|
}
|
|
98
98
|
return e.join(`
|
|
99
99
|
`);
|
|
@@ -103,8 +103,8 @@ 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) =>
|
|
107
|
-
const s = T(t), e =
|
|
106
|
+
const T = (t) => y(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
|
+
const s = T(t), e = y(t, "salty-config.ts"), n = y(s, "salty-config.js");
|
|
108
108
|
await I.build({
|
|
109
109
|
entryPoints: [e],
|
|
110
110
|
minify: !0,
|
|
@@ -114,32 +114,32 @@ const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"],
|
|
|
114
114
|
format: "esm",
|
|
115
115
|
external: ["react"]
|
|
116
116
|
});
|
|
117
|
-
const
|
|
118
|
-
return
|
|
119
|
-
},
|
|
120
|
-
const s = await et(t), e = /* @__PURE__ */ new Set(), n = (
|
|
117
|
+
const o = Date.now(), { config: u } = await import(`${n}?t=${o}`);
|
|
118
|
+
return u;
|
|
119
|
+
}, z = async (t) => {
|
|
120
|
+
const s = await et(t), e = /* @__PURE__ */ new Set(), n = (g, c = []) => g ? Object.entries(g).flatMap(([m, l]) => {
|
|
121
121
|
if (!l) return;
|
|
122
122
|
if (typeof l == "object") return n(l, [...c, m]);
|
|
123
|
-
const
|
|
124
|
-
e.add(`"${
|
|
125
|
-
const
|
|
126
|
-
return `--${
|
|
127
|
-
}) : [],
|
|
123
|
+
const S = [...c, m].join(".");
|
|
124
|
+
e.add(`"${S}"`);
|
|
125
|
+
const D = [...c.map(k), k(m)].join("-"), { result: N } = H(l);
|
|
126
|
+
return `--${D}: ${N};`;
|
|
127
|
+
}) : [], o = (g) => g ? Object.entries(g).flatMap(([c, m]) => {
|
|
128
128
|
const l = n(m);
|
|
129
129
|
return c === "base" ? l.join("") : `${c} { ${l.join("")} }`;
|
|
130
|
-
}) : [],
|
|
131
|
-
const
|
|
132
|
-
return `${
|
|
133
|
-
})) : [], $ = n(s.variables), a =
|
|
134
|
-
|
|
135
|
-
const h =
|
|
136
|
-
|
|
137
|
-
const w =
|
|
138
|
-
|
|
139
|
-
const d =
|
|
140
|
-
|
|
130
|
+
}) : [], u = (g) => g ? Object.entries(g).flatMap(([c, m]) => Object.entries(m).flatMap(([l, S]) => {
|
|
131
|
+
const D = n(S, [c]), N = `.${c}-${l}, [data-${c}="${l}"]`, O = D.join("");
|
|
132
|
+
return `${N} { ${O} }`;
|
|
133
|
+
})) : [], $ = n(s.variables), a = o(s.responsiveVariables), f = u(s.conditionalVariables), r = T(t), i = y(r, "css/variables.css"), p = `:root { ${$.join("")} ${a.join("")} } ${f.join("")}`;
|
|
134
|
+
C(i, p);
|
|
135
|
+
const h = y(r, "types/css-tokens.d.ts"), j = `type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
|
|
136
|
+
C(h, j);
|
|
137
|
+
const w = y(r, "css/global.css"), F = V(s.global, "");
|
|
138
|
+
C(w, F);
|
|
139
|
+
const d = y(r, "css/templates.css"), x = W(s.templates);
|
|
140
|
+
C(d, x);
|
|
141
141
|
}, M = async (t, s) => {
|
|
142
|
-
const e = R(t), n =
|
|
142
|
+
const e = R(t), n = y(s, "js", e + ".js");
|
|
143
143
|
await I.build({
|
|
144
144
|
entryPoints: [t],
|
|
145
145
|
minify: !0,
|
|
@@ -151,43 +151,43 @@ const T = (t) => u(t, "./saltygen"), tt = ["salty", "css", "styles", "styled"],
|
|
|
151
151
|
keepNames: !0,
|
|
152
152
|
external: ["react"]
|
|
153
153
|
});
|
|
154
|
-
const
|
|
155
|
-
return await import(`${n}?t=${
|
|
154
|
+
const o = Date.now();
|
|
155
|
+
return await import(`${n}?t=${o}`);
|
|
156
156
|
}, _ = async (t) => {
|
|
157
|
-
const s = T(t), e =
|
|
157
|
+
const s = T(t), e = y(s, "salty-config.js"), { config: n } = await import(e);
|
|
158
158
|
return n;
|
|
159
159
|
}, nt = async (t) => {
|
|
160
160
|
try {
|
|
161
|
-
const s = [], e = [], n = T(t),
|
|
161
|
+
const s = [], e = [], n = T(t), o = y(n, "index.css");
|
|
162
162
|
(() => {
|
|
163
|
-
q(n) && L("rm -rf " + n), A(n), A(
|
|
164
|
-
})(), await
|
|
163
|
+
q(n) && L("rm -rf " + n), A(n), A(y(n, "css")), A(y(n, "types"));
|
|
164
|
+
})(), await z(t);
|
|
165
165
|
const $ = await _(t);
|
|
166
166
|
async function a(p, h) {
|
|
167
167
|
const b = G(p);
|
|
168
168
|
if (b.isDirectory()) {
|
|
169
169
|
const j = U(p);
|
|
170
|
-
await Promise.all(j.map((w) => a(
|
|
170
|
+
await Promise.all(j.map((w) => a(y(p, w), y(h, w))));
|
|
171
171
|
} else if (b.isFile() && E(p)) {
|
|
172
|
-
const w = await M(p, n),
|
|
172
|
+
const w = await M(p, n), F = [];
|
|
173
173
|
Object.entries(w).forEach(([c, m]) => {
|
|
174
174
|
if (m.isKeyframes && m.css) {
|
|
175
|
-
const
|
|
176
|
-
s.push(
|
|
175
|
+
const O = `${m.animationName}.css`, J = `css/${O}`, K = y(n, J);
|
|
176
|
+
s.push(O), C(K, m.css);
|
|
177
177
|
return;
|
|
178
178
|
}
|
|
179
179
|
if (!m.generator) return;
|
|
180
180
|
const l = m.generator._withBuildContext({
|
|
181
181
|
name: c,
|
|
182
182
|
config: $
|
|
183
|
-
}),
|
|
184
|
-
e[l.priority] || (e[l.priority] = []), e[l.priority].push(
|
|
185
|
-
const
|
|
186
|
-
|
|
183
|
+
}), S = `${l.hash}-${l.priority}.css`;
|
|
184
|
+
e[l.priority] || (e[l.priority] = []), e[l.priority].push(S), F.push(S);
|
|
185
|
+
const D = `css/${S}`, N = y(n, D);
|
|
186
|
+
C(N, l.css);
|
|
187
187
|
});
|
|
188
|
-
const d =
|
|
189
|
-
`),
|
|
190
|
-
|
|
188
|
+
const d = F.map((c) => `@import url('./${c}');`).join(`
|
|
189
|
+
`), x = R(p, 6), g = y(n, `css/${x}.css`);
|
|
190
|
+
C(g, d);
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
await a(t, n);
|
|
@@ -203,13 +203,13 @@ ${f}`;
|
|
|
203
203
|
`);
|
|
204
204
|
i += p;
|
|
205
205
|
}
|
|
206
|
-
|
|
206
|
+
C(o, i);
|
|
207
207
|
} catch (s) {
|
|
208
208
|
console.error(s);
|
|
209
209
|
}
|
|
210
|
-
},
|
|
210
|
+
}, ot = async (t, s) => {
|
|
211
211
|
try {
|
|
212
|
-
const e = [], n =
|
|
212
|
+
const e = [], n = y(t, "./saltygen"), o = y(n, "index.css");
|
|
213
213
|
if (E(s)) {
|
|
214
214
|
const $ = await _(t), a = await M(s, n);
|
|
215
215
|
Object.entries(a).forEach(([h, b]) => {
|
|
@@ -217,27 +217,27 @@ ${f}`;
|
|
|
217
217
|
const j = b.generator._withBuildContext({
|
|
218
218
|
name: h,
|
|
219
219
|
config: $
|
|
220
|
-
}), w = `${j.hash}-${j.priority}.css`,
|
|
221
|
-
e.push(w),
|
|
220
|
+
}), w = `${j.hash}-${j.priority}.css`, F = `css/${w}`, d = y(n, F);
|
|
221
|
+
e.push(w), C(d, j.css);
|
|
222
222
|
});
|
|
223
|
-
const f = B(
|
|
224
|
-
`),
|
|
223
|
+
const f = B(o, "utf8").split(`
|
|
224
|
+
`), r = e.map((h) => `@import url('../saltygen/css/${h}');`), p = [.../* @__PURE__ */ new Set([...f, ...r])].join(`
|
|
225
225
|
`);
|
|
226
|
-
|
|
226
|
+
C(o, p);
|
|
227
227
|
}
|
|
228
228
|
} catch (e) {
|
|
229
229
|
console.error(e);
|
|
230
230
|
}
|
|
231
|
-
},
|
|
231
|
+
}, rt = async (t, s) => {
|
|
232
232
|
try {
|
|
233
|
-
const e =
|
|
233
|
+
const e = y(t, "./saltygen");
|
|
234
234
|
if (E(s)) {
|
|
235
|
-
|
|
236
|
-
|
|
235
|
+
const o = B(s, "utf8");
|
|
236
|
+
o.replace(/^(?!export\s)const\s.*/gm, (i) => `export ${i}`) !== o && await X(s, o);
|
|
237
237
|
const $ = await _(t), a = await M(s, e);
|
|
238
|
-
let f =
|
|
238
|
+
let f = o;
|
|
239
239
|
Object.entries(a).forEach(([i, p]) => {
|
|
240
|
-
var
|
|
240
|
+
var d;
|
|
241
241
|
if (p.isKeyframes) {
|
|
242
242
|
console.log("value", p);
|
|
243
243
|
return;
|
|
@@ -246,16 +246,14 @@ ${f}`;
|
|
|
246
246
|
const h = p.generator._withBuildContext({
|
|
247
247
|
name: i,
|
|
248
248
|
config: $
|
|
249
|
-
}), b = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(
|
|
249
|
+
}), b = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(o);
|
|
250
250
|
if (!b)
|
|
251
251
|
return console.error("Could not find the original declaration");
|
|
252
|
-
const j = (
|
|
253
|
-
|
|
254
|
-
)});`, S = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
|
|
255
|
-
f = f.replace(S, d);
|
|
252
|
+
const j = (d = b.at(1)) == null ? void 0 : d.trim(), w = `${i} = styled(${j}, "${h.classNames}", "${h._callerName}", ${JSON.stringify(h.props)});`, F = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
|
|
253
|
+
f = f.replace(F, w);
|
|
256
254
|
});
|
|
257
|
-
const
|
|
258
|
-
return $.importStrategy === "component" && (f = `import '../../saltygen/css/${
|
|
255
|
+
const r = R(s, 6);
|
|
256
|
+
return $.importStrategy === "component" && (f = `import '../../saltygen/css/${r}.css';
|
|
259
257
|
${f}`), f = f.replace("{ styled }", "{ styledClient as styled }"), f = f.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), f;
|
|
260
258
|
}
|
|
261
259
|
} catch (e) {
|
|
@@ -266,11 +264,11 @@ ${f}`), f = f.replace("{ styled }", "{ styledClient as styled }"), f = f.replace
|
|
|
266
264
|
buildStart: () => nt(t),
|
|
267
265
|
load: async (s) => {
|
|
268
266
|
if (E(s))
|
|
269
|
-
return await
|
|
267
|
+
return await rt(t, s);
|
|
270
268
|
},
|
|
271
269
|
watchChange: {
|
|
272
270
|
handler: async (s) => {
|
|
273
|
-
E(s) && await
|
|
271
|
+
E(s) && await ot(t, s), s.includes("salty-config") && await z(t);
|
|
274
272
|
}
|
|
275
273
|
}
|
|
276
274
|
});
|