@salty-css/vite 0.0.1-alpha.40 → 0.0.1-alpha.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs +13 -13
- package/index.js +167 -156
- package/package.json +2 -2
package/index.cjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const W=require("esbuild"),J=require("child_process"),
|
|
2
|
-
${
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const W=require("esbuild"),J=require("child_process"),y=require("path"),h=require("fs"),K=require("fs/promises");function G(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const q=G(W),R=t=>String.fromCharCode(t+(t>25?39:97)),L=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=R(n%52)+s;return s=R(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},U=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},_=(t,e=3)=>{const s=U(5381,JSON.stringify(t))>>>0;return L(s,e)};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,(e,s)=>(s>0?"-":"")+e.toLowerCase()):""}const X=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const s=[];return Object.values(e).forEach(n=>{const{pattern:r,transform:g}=n;t=t.replace(r,$=>{const{value:u,css:i}=g($);return i&&s.push(i),u})}),{result:t,additionalCss:s}},B=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${N(n[1].replaceAll(".","-"))})`)}:{result:t},D=(t,e,s,n)=>{if(!t)return"";const r=[],g=Object.entries(t).reduce((u,[i,o])=>{const c=i.trim();if(typeof o=="function"&&(o=o()),typeof o=="object"){if(!o)return u;if(c==="variants")return Object.entries(o).forEach(([f,a])=>{a&&Object.entries(a).forEach(([p,l])=>{if(!l)return;const w=`${e}.${f}-${p}`,x=D(l,w);r.push(x)})}),u;if(c==="defaultVariants")return u;if(c==="compoundVariants")return o.forEach(f=>{const{css:a,...p}=f,l=Object.entries(p).reduce((x,[k,P])=>`${x}.${k}-${P}`,e),w=D(a,l);r.push(w)}),u;if(c.startsWith("@")){const f=D(o,e),a=`${c} {
|
|
2
|
+
${f.replace(`
|
|
3
3
|
`,`
|
|
4
4
|
`)}
|
|
5
|
-
}`;return r.push(
|
|
6
|
-
`);if(!
|
|
7
|
-
`)},
|
|
8
|
-
`)},
|
|
9
|
-
`),
|
|
10
|
-
`);let
|
|
5
|
+
}`;return r.push(a),u}const m=i.includes("&")?c.replace("&",e):c.startsWith(":")?`${e}${c}`:`${e} ${c}`,O=D(o,m);return r.push(O),u}const d=c.startsWith("-")?c:N(c),b=(m,O=";")=>u=`${u}${m}${O}`,F=m=>b(`${d}:${m}`);if(typeof o=="number")return F(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return u;const{modifiers:j}={},C=function*(){yield B(o),yield X(o,j)}();for(const{result:m,additionalCss:O=[]}of C)o=m,O.forEach(f=>{const a=D(f,"");b(a,"")});return F(o)},"");if(!g)return r.join(`
|
|
6
|
+
`);if(!e)return g;let $="";return $=`${e} { ${g} }`,[$,...r].join(`
|
|
7
|
+
`)},I=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([r,g])=>{if(typeof g=="object"){if(!g)return;const $=r.trim(),u=I(g,[...e,$]);s.push(u)}else n[r]=g}),Object.keys(n).length){const r=e.map(N).join("-"),g=D(n,`.${r}`);s.push(g)}return s.join(`
|
|
8
|
+
`)},V=t=>y.join(t,"./saltygen"),Y=["salty","css","styles","styled"],Q=(t=[])=>new RegExp(`\\.(${[...Y,...t].join("|")})\\.`),T=(t,e=[])=>Q(e).test(t),v=async t=>{const e=V(t),s=y.join(t,"salty.config.ts"),n=y.join(e,"salty.config.js");await q.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",external:["react"]});const r=Date.now(),{config:g}=await import(`${n}?t=${r}`);return g},Z=async t=>{const e=await v(t),s=new Set,n=(f,a=[])=>f?Object.entries(f).flatMap(([p,l])=>{if(!l)return;if(typeof l=="object")return n(l,[...a,p]);const w=[...a,p].join(".");s.add(`"${w}"`);const x=[...a.map(N),N(p)].join("-"),{result:k}=B(l);return`--${x}: ${k};`}):[],r=f=>f?Object.entries(f).flatMap(([a,p])=>{const l=n(p);return a==="base"?l.join(""):`${a} { ${l.join("")} }`}):[],g=f=>f?Object.entries(f).flatMap(([a,p])=>Object.entries(p).flatMap(([l,w])=>{const x=n(w,[a]),k=`.${a}-${l}, [data-${a}="${l}"]`,P=x.join("");return`${k} { ${P} }`})):[],$=n(e.variables),u=r(e.responsiveVariables),i=g(e.conditionalVariables),o=V(t),c=y.join(o,"css/variables.css"),d=`:root { ${$.join("")} ${u.join("")} } ${i.join("")}`;h.writeFileSync(c,d);const b=y.join(o,"types/css-tokens.d.ts"),j=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;h.writeFileSync(b,j);const S=y.join(o,"css/global.css"),C=D(e.global,"");h.writeFileSync(S,C);const m=y.join(o,"css/templates.css"),O=I(e.templates);h.writeFileSync(m,O)},M=async(t,e)=>{const s=_(t),n=y.join(e,"js",s+".js");await q.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 e=V(t),s=y.join(e,"salty.config.js"),{config:n}=await import(s);return n},tt=async t=>{try{const e=[],s=[],n=V(t),r=y.join(n,"index.css");(()=>{h.existsSync(n)&&J.execSync("rm -rf "+n),h.mkdirSync(n),h.mkdirSync(y.join(n,"css")),h.mkdirSync(y.join(n,"types"))})(),await Z(t);const $=await A(t);async function u(d,b){const F=h.statSync(d);if(F.isDirectory()){const j=h.readdirSync(d);await Promise.all(j.map(S=>u(y.join(d,S),y.join(b,S))))}else if(F.isFile()&&T(d)){const S=await M(d,n),C=[];Object.entries(S).forEach(([a,p])=>{if(p.isKeyframes&&p.css){const P=`${p.animationName}.css`,E=`css/${P}`,H=y.join(n,E);e.push(P),h.writeFileSync(H,p.css);return}if(!p.generator)return;const l=p.generator._withBuildContext({name:a,config:$}),w=`${l.hash}-${l.priority}.css`;s[l.priority]||(s[l.priority]=[]),s[l.priority].push(w),C.push(w);const x=`css/${w}`,k=y.join(n,x);h.writeFileSync(k,l.css)});const m=C.map(a=>`@import url('./${a}');`).join(`
|
|
9
|
+
`),O=_(d,6),f=y.join(n,`css/${O}.css`);h.writeFileSync(f,m)}}await u(t,n);const i=e.map(d=>`@import url('./css/${d}');`).join(`
|
|
10
|
+
`);let c=`@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
|
-
${
|
|
15
|
-
`);
|
|
16
|
-
`),o=
|
|
17
|
-
`);
|
|
18
|
-
${
|
|
14
|
+
${i}`;if($.importStrategy!=="component"){const d=s.flat().map(b=>`@import url('./css/${b}');`).join(`
|
|
15
|
+
`);c+=d}h.writeFileSync(r,c)}catch(e){console.error(e)}},et=async(t,e)=>{try{const s=[],n=y.join(t,"./saltygen"),r=y.join(n,"index.css");if(T(e)){const $=await A(t),u=await M(e,n);Object.entries(u).forEach(([b,F])=>{if(!F.generator)return;const j=F.generator._withBuildContext({name:b,config:$}),S=`${j.hash}-${j.priority}.css`,C=`css/${S}`,m=y.join(n,C);s.push(S),h.writeFileSync(m,j.css)});const i=h.readFileSync(r,"utf8").split(`
|
|
16
|
+
`),o=s.map(b=>`@import url('../saltygen/css/${b}');`),d=[...new Set([...i,...o])].join(`
|
|
17
|
+
`);h.writeFileSync(r,d)}}catch(s){console.error(s)}},st=async(t,e)=>{try{const s=y.join(t,"./saltygen");if(T(e)){const r=h.readFileSync(e,"utf8");r.replace(/^(?!export\s)const\s.*/gm,c=>`export ${c}`)!==r&&await K.writeFile(e,r);const $=await A(t),u=await M(e,s);let i=r;Object.entries(u).forEach(([c,d])=>{var P;if(d.isKeyframes||!d.generator)return;const b=d.generator._withBuildContext({name:c,config:$}),F=new RegExp(`${c}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(r);if(!F)return console.error("Could not find the original declaration");const j=(P=F.at(1))==null?void 0:P.trim(),S=new RegExp(`${c}[=\\s]+styled\\(`,"g").exec(i);if(!S)return console.error("Could not find the original declaration");const{index:C}=S;let m=!1;const O=setTimeout(()=>m=!0,5e3);let f=0,a=!1,p=0;for(;!a&&!m;){const E=i[C+f];E==="("&&p++,E===")"&&p--,p===0&&E===")"&&(a=!0),f>i.length&&(m=!0),f++}if(!m)clearTimeout(O);else throw new Error("Failed to find the end of the styled call and timed out");const l=C+f,w=i.slice(C,l),x=i,k=`${c} = styled(${j}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(b.props)});`;i=i.replace(w,k),x===i&&console.error("Minimize file failed to change content",{name:c,tagName:j})});const o=_(e,6);return $.importStrategy==="component"&&(i=`import '../../saltygen/css/${o}.css';
|
|
18
|
+
${i}`),i=i.replace("{ styled }","{ styledClient as styled }"),i=i.replace("@salty-css/react/styled","@salty-css/react/styled-client"),i}}catch(s){console.error("Error in minimizeFile:",s)}},z=t=>({name:"stylegen",buildStart:()=>tt(t),load:async e=>{if(T(e))return await st(t,e)},watchChange:{handler:async e=>{T(e)&&await et(t,e),e.includes("salty.config")&&await Z(t)}}});exports.default=z;exports.saltyPlugin=z;
|
package/index.js
CHANGED
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as I from "esbuild";
|
|
2
2
|
import { execSync as K } from "child_process";
|
|
3
|
-
import { join as
|
|
4
|
-
import { writeFileSync as
|
|
3
|
+
import { join as y } from "path";
|
|
4
|
+
import { writeFileSync as k, existsSync as q, mkdirSync as A, statSync as G, readdirSync as L, readFileSync as Z } from "fs";
|
|
5
5
|
import { writeFile as U } from "fs/promises";
|
|
6
|
-
const
|
|
6
|
+
const B = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), X = (t, s) => {
|
|
7
7
|
let e = "", n;
|
|
8
|
-
for (n = Math.abs(t); n > 52; n = n / 52 | 0) e =
|
|
9
|
-
return e =
|
|
8
|
+
for (n = Math.abs(t); n > 52; n = n / 52 | 0) e = B(n % 52) + e;
|
|
9
|
+
return e = B(n % 52) + e, e.length < s ? e = e.padStart(s, "a") : e.length > s && (e = e.slice(-s)), e;
|
|
10
10
|
}, Y = (t, s) => {
|
|
11
11
|
let e = s.length;
|
|
12
12
|
for (; e; ) t = t * 33 ^ s.charCodeAt(--e);
|
|
13
13
|
return t;
|
|
14
|
-
},
|
|
14
|
+
}, M = (t, s = 3) => {
|
|
15
15
|
const e = Y(5381, JSON.stringify(t)) >>> 0;
|
|
16
16
|
return X(e, s);
|
|
17
17
|
};
|
|
18
|
-
function
|
|
19
|
-
return t ? typeof t != "string" ?
|
|
18
|
+
function O(t) {
|
|
19
|
+
return t ? typeof t != "string" ? O(String(t)) : t.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, e) => (e > 0 ? "-" : "") + s.toLowerCase()) : "";
|
|
20
20
|
}
|
|
21
21
|
const Q = (t, s) => {
|
|
22
22
|
if (typeof t != "string") return { result: t };
|
|
23
23
|
if (!s) return { result: t };
|
|
24
24
|
const e = [];
|
|
25
25
|
return Object.values(s).forEach((n) => {
|
|
26
|
-
const { pattern: r, transform:
|
|
27
|
-
t = t.replace(r, (
|
|
28
|
-
const { value:
|
|
29
|
-
return
|
|
26
|
+
const { pattern: r, transform: g } = n;
|
|
27
|
+
t = t.replace(r, (h) => {
|
|
28
|
+
const { value: p, css: i } = g(h);
|
|
29
|
+
return i && e.push(i), p;
|
|
30
30
|
});
|
|
31
31
|
}), { result: t, additionalCss: e };
|
|
32
|
-
},
|
|
32
|
+
}, z = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: t }, N = (t, s, e, n) => {
|
|
33
33
|
if (!t) return "";
|
|
34
|
-
const r = [],
|
|
35
|
-
const
|
|
34
|
+
const r = [], g = Object.entries(t).reduce((p, [i, o]) => {
|
|
35
|
+
const c = i.trim();
|
|
36
36
|
if (typeof o == "function" && (o = o()), typeof o == "object") {
|
|
37
|
-
if (!o) return
|
|
38
|
-
if (
|
|
39
|
-
return Object.entries(o).forEach(([
|
|
40
|
-
|
|
37
|
+
if (!o) return p;
|
|
38
|
+
if (c === "variants")
|
|
39
|
+
return Object.entries(o).forEach(([f, a]) => {
|
|
40
|
+
a && Object.entries(a).forEach(([u, l]) => {
|
|
41
41
|
if (!l) return;
|
|
42
|
-
const
|
|
43
|
-
r.push(
|
|
42
|
+
const j = `${s}.${f}-${u}`, x = N(l, j);
|
|
43
|
+
r.push(x);
|
|
44
44
|
});
|
|
45
|
-
}),
|
|
46
|
-
if (
|
|
47
|
-
return
|
|
48
|
-
if (
|
|
49
|
-
return o.forEach((
|
|
50
|
-
const { css:
|
|
51
|
-
r.push(
|
|
52
|
-
}),
|
|
53
|
-
if (
|
|
54
|
-
const
|
|
55
|
-
${
|
|
45
|
+
}), p;
|
|
46
|
+
if (c === "defaultVariants")
|
|
47
|
+
return p;
|
|
48
|
+
if (c === "compoundVariants")
|
|
49
|
+
return o.forEach((f) => {
|
|
50
|
+
const { css: a, ...u } = f, l = Object.entries(u).reduce((x, [D, E]) => `${x}.${D}-${E}`, s), j = N(a, l);
|
|
51
|
+
r.push(j);
|
|
52
|
+
}), p;
|
|
53
|
+
if (c.startsWith("@")) {
|
|
54
|
+
const f = N(o, s), a = `${c} {
|
|
55
|
+
${f.replace(`
|
|
56
56
|
`, `
|
|
57
57
|
`)}
|
|
58
58
|
}`;
|
|
59
|
-
return r.push(
|
|
59
|
+
return r.push(a), p;
|
|
60
60
|
}
|
|
61
|
-
const d =
|
|
62
|
-
return r.push(
|
|
61
|
+
const d = i.includes("&") ? c.replace("&", s) : c.startsWith(":") ? `${s}${c}` : `${s} ${c}`, C = N(o, d);
|
|
62
|
+
return r.push(C), p;
|
|
63
63
|
}
|
|
64
|
-
const
|
|
65
|
-
if (typeof o == "number") return
|
|
64
|
+
const m = c.startsWith("-") ? c : O(c), $ = (d, C = ";") => p = `${p}${d}${C}`, S = (d) => $(`${m}:${d}`);
|
|
65
|
+
if (typeof o == "number") return S(o);
|
|
66
66
|
if (typeof o != "string")
|
|
67
67
|
if ("toString" in o) o = o.toString();
|
|
68
|
-
else return
|
|
69
|
-
const { modifiers:
|
|
70
|
-
yield
|
|
68
|
+
else return p;
|
|
69
|
+
const { modifiers: b } = {}, F = function* () {
|
|
70
|
+
yield z(o), yield Q(o, b);
|
|
71
71
|
}();
|
|
72
|
-
for (const { result: d, additionalCss:
|
|
73
|
-
o = d,
|
|
74
|
-
const
|
|
75
|
-
|
|
72
|
+
for (const { result: d, additionalCss: C = [] } of F)
|
|
73
|
+
o = d, C.forEach((f) => {
|
|
74
|
+
const a = N(f, "");
|
|
75
|
+
$(a, "");
|
|
76
76
|
});
|
|
77
|
-
return
|
|
77
|
+
return S(o);
|
|
78
78
|
}, "");
|
|
79
|
-
if (!
|
|
79
|
+
if (!g) return r.join(`
|
|
80
80
|
`);
|
|
81
|
-
if (!s) return
|
|
82
|
-
let
|
|
83
|
-
return
|
|
81
|
+
if (!s) return g;
|
|
82
|
+
let h = "";
|
|
83
|
+
return h = `${s} { ${g} }`, [h, ...r].join(`
|
|
84
84
|
`);
|
|
85
85
|
}, H = (t, s = []) => {
|
|
86
86
|
if (!t) return "";
|
|
87
87
|
const e = [], n = {};
|
|
88
|
-
if (Object.entries(t).forEach(([r,
|
|
89
|
-
if (typeof
|
|
90
|
-
if (!
|
|
91
|
-
const
|
|
92
|
-
e.push(
|
|
88
|
+
if (Object.entries(t).forEach(([r, g]) => {
|
|
89
|
+
if (typeof g == "object") {
|
|
90
|
+
if (!g) return;
|
|
91
|
+
const h = r.trim(), p = H(g, [...s, h]);
|
|
92
|
+
e.push(p);
|
|
93
93
|
} else
|
|
94
|
-
n[r] =
|
|
94
|
+
n[r] = g;
|
|
95
95
|
}), Object.keys(n).length) {
|
|
96
|
-
const r = s.map(
|
|
97
|
-
e.push(
|
|
96
|
+
const r = s.map(O).join("-"), g = N(n, `.${r}`);
|
|
97
|
+
e.push(g);
|
|
98
98
|
}
|
|
99
99
|
return e.join(`
|
|
100
100
|
`);
|
|
101
|
-
},
|
|
102
|
-
const s =
|
|
103
|
-
await
|
|
101
|
+
}, T = (t) => y(t, "./saltygen"), v = ["salty", "css", "styles", "styled"], tt = (t = []) => new RegExp(`\\.(${[...v, ...t].join("|")})\\.`), V = (t, s = []) => tt(s).test(t), st = async (t) => {
|
|
102
|
+
const s = T(t), e = y(t, "salty.config.ts"), n = y(s, "salty.config.js");
|
|
103
|
+
await I.build({
|
|
104
104
|
entryPoints: [e],
|
|
105
105
|
minify: !0,
|
|
106
106
|
treeShaking: !0,
|
|
@@ -109,33 +109,33 @@ const Q = (t, s) => {
|
|
|
109
109
|
format: "esm",
|
|
110
110
|
external: ["react"]
|
|
111
111
|
});
|
|
112
|
-
const r = Date.now(), { config:
|
|
113
|
-
return
|
|
112
|
+
const r = Date.now(), { config: g } = await import(`${n}?t=${r}`);
|
|
113
|
+
return g;
|
|
114
114
|
}, W = async (t) => {
|
|
115
|
-
const s = await st(t), e = /* @__PURE__ */ new Set(), n = (
|
|
115
|
+
const s = await st(t), e = /* @__PURE__ */ new Set(), n = (f, a = []) => f ? Object.entries(f).flatMap(([u, l]) => {
|
|
116
116
|
if (!l) return;
|
|
117
|
-
if (typeof l == "object") return n(l, [...
|
|
118
|
-
const
|
|
119
|
-
e.add(`"${
|
|
120
|
-
const
|
|
121
|
-
return `--${
|
|
122
|
-
}) : [], r = (
|
|
123
|
-
const l = n(
|
|
124
|
-
return
|
|
125
|
-
}) : [],
|
|
126
|
-
const
|
|
127
|
-
return `${
|
|
128
|
-
})) : [],
|
|
129
|
-
|
|
130
|
-
const
|
|
131
|
-
|
|
132
|
-
const w =
|
|
133
|
-
|
|
134
|
-
const d =
|
|
135
|
-
|
|
117
|
+
if (typeof l == "object") return n(l, [...a, u]);
|
|
118
|
+
const j = [...a, u].join(".");
|
|
119
|
+
e.add(`"${j}"`);
|
|
120
|
+
const x = [...a.map(O), O(u)].join("-"), { result: D } = z(l);
|
|
121
|
+
return `--${x}: ${D};`;
|
|
122
|
+
}) : [], r = (f) => f ? Object.entries(f).flatMap(([a, u]) => {
|
|
123
|
+
const l = n(u);
|
|
124
|
+
return a === "base" ? l.join("") : `${a} { ${l.join("")} }`;
|
|
125
|
+
}) : [], g = (f) => f ? Object.entries(f).flatMap(([a, u]) => Object.entries(u).flatMap(([l, j]) => {
|
|
126
|
+
const x = n(j, [a]), D = `.${a}-${l}, [data-${a}="${l}"]`, E = x.join("");
|
|
127
|
+
return `${D} { ${E} }`;
|
|
128
|
+
})) : [], h = n(s.variables), p = r(s.responsiveVariables), i = g(s.conditionalVariables), o = T(t), c = y(o, "css/variables.css"), m = `:root { ${h.join("")} ${p.join("")} } ${i.join("")}`;
|
|
129
|
+
k(c, m);
|
|
130
|
+
const $ = y(o, "types/css-tokens.d.ts"), b = `type VariableTokens = ${[...e].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
|
|
131
|
+
k($, b);
|
|
132
|
+
const w = y(o, "css/global.css"), F = N(s.global, "");
|
|
133
|
+
k(w, F);
|
|
134
|
+
const d = y(o, "css/templates.css"), C = H(s.templates);
|
|
135
|
+
k(d, C);
|
|
136
136
|
}, R = async (t, s) => {
|
|
137
|
-
const e =
|
|
138
|
-
await
|
|
137
|
+
const e = M(t), n = y(s, "js", e + ".js");
|
|
138
|
+
await I.build({
|
|
139
139
|
entryPoints: [t],
|
|
140
140
|
minify: !0,
|
|
141
141
|
treeShaking: !0,
|
|
@@ -148,118 +148,129 @@ const Q = (t, s) => {
|
|
|
148
148
|
});
|
|
149
149
|
const r = Date.now();
|
|
150
150
|
return await import(`${n}?t=${r}`);
|
|
151
|
-
},
|
|
152
|
-
const s =
|
|
151
|
+
}, _ = async (t) => {
|
|
152
|
+
const s = T(t), e = y(s, "salty.config.js"), { config: n } = await import(e);
|
|
153
153
|
return n;
|
|
154
154
|
}, et = async (t) => {
|
|
155
155
|
try {
|
|
156
|
-
const s = [], e = [], n =
|
|
156
|
+
const s = [], e = [], n = T(t), r = y(n, "index.css");
|
|
157
157
|
(() => {
|
|
158
|
-
q(n) && K("rm -rf " + n),
|
|
158
|
+
q(n) && K("rm -rf " + n), A(n), A(y(n, "css")), A(y(n, "types"));
|
|
159
159
|
})(), await W(t);
|
|
160
|
-
const
|
|
161
|
-
async function
|
|
162
|
-
const
|
|
163
|
-
if (
|
|
164
|
-
const
|
|
165
|
-
await Promise.all(
|
|
166
|
-
} else if (
|
|
167
|
-
const w = await R(
|
|
168
|
-
Object.entries(w).forEach(([
|
|
169
|
-
if (
|
|
170
|
-
const
|
|
171
|
-
s.push(
|
|
160
|
+
const h = await _(t);
|
|
161
|
+
async function p(m, $) {
|
|
162
|
+
const S = G(m);
|
|
163
|
+
if (S.isDirectory()) {
|
|
164
|
+
const b = L(m);
|
|
165
|
+
await Promise.all(b.map((w) => p(y(m, w), y($, w))));
|
|
166
|
+
} else if (S.isFile() && V(m)) {
|
|
167
|
+
const w = await R(m, n), F = [];
|
|
168
|
+
Object.entries(w).forEach(([a, u]) => {
|
|
169
|
+
if (u.isKeyframes && u.css) {
|
|
170
|
+
const E = `${u.animationName}.css`, P = `css/${E}`, J = y(n, P);
|
|
171
|
+
s.push(E), k(J, u.css);
|
|
172
172
|
return;
|
|
173
173
|
}
|
|
174
|
-
if (!
|
|
175
|
-
const l =
|
|
176
|
-
name:
|
|
177
|
-
config:
|
|
178
|
-
}),
|
|
179
|
-
e[l.priority] || (e[l.priority] = []), e[l.priority].push(
|
|
180
|
-
const
|
|
181
|
-
|
|
174
|
+
if (!u.generator) return;
|
|
175
|
+
const l = u.generator._withBuildContext({
|
|
176
|
+
name: a,
|
|
177
|
+
config: h
|
|
178
|
+
}), j = `${l.hash}-${l.priority}.css`;
|
|
179
|
+
e[l.priority] || (e[l.priority] = []), e[l.priority].push(j), F.push(j);
|
|
180
|
+
const x = `css/${j}`, D = y(n, x);
|
|
181
|
+
k(D, l.css);
|
|
182
182
|
});
|
|
183
|
-
const d = F.map((
|
|
184
|
-
`),
|
|
185
|
-
|
|
183
|
+
const d = F.map((a) => `@import url('./${a}');`).join(`
|
|
184
|
+
`), C = M(m, 6), f = y(n, `css/${C}.css`);
|
|
185
|
+
k(f, d);
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
|
-
await
|
|
189
|
-
const
|
|
188
|
+
await p(t, n);
|
|
189
|
+
const i = s.map((m) => `@import url('./css/${m}');`).join(`
|
|
190
190
|
`);
|
|
191
|
-
let
|
|
191
|
+
let c = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
|
|
192
192
|
|
|
193
193
|
${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
|
|
194
194
|
`)}
|
|
195
|
-
${
|
|
196
|
-
if (
|
|
197
|
-
const
|
|
195
|
+
${i}`;
|
|
196
|
+
if (h.importStrategy !== "component") {
|
|
197
|
+
const m = e.flat().map(($) => `@import url('./css/${$}');`).join(`
|
|
198
198
|
`);
|
|
199
|
-
|
|
199
|
+
c += m;
|
|
200
200
|
}
|
|
201
|
-
|
|
201
|
+
k(r, c);
|
|
202
202
|
} catch (s) {
|
|
203
203
|
console.error(s);
|
|
204
204
|
}
|
|
205
205
|
}, nt = async (t, s) => {
|
|
206
206
|
try {
|
|
207
|
-
const e = [], n =
|
|
208
|
-
if (
|
|
209
|
-
const
|
|
210
|
-
Object.entries(
|
|
211
|
-
if (!
|
|
212
|
-
const
|
|
213
|
-
name:
|
|
214
|
-
config:
|
|
215
|
-
}), w = `${
|
|
216
|
-
e.push(w),
|
|
207
|
+
const e = [], n = y(t, "./saltygen"), r = y(n, "index.css");
|
|
208
|
+
if (V(s)) {
|
|
209
|
+
const h = await _(t), p = await R(s, n);
|
|
210
|
+
Object.entries(p).forEach(([$, S]) => {
|
|
211
|
+
if (!S.generator) return;
|
|
212
|
+
const b = S.generator._withBuildContext({
|
|
213
|
+
name: $,
|
|
214
|
+
config: h
|
|
215
|
+
}), w = `${b.hash}-${b.priority}.css`, F = `css/${w}`, d = y(n, F);
|
|
216
|
+
e.push(w), k(d, b.css);
|
|
217
217
|
});
|
|
218
|
-
const
|
|
219
|
-
`), o = e.map((
|
|
218
|
+
const i = Z(r, "utf8").split(`
|
|
219
|
+
`), o = e.map(($) => `@import url('../saltygen/css/${$}');`), m = [.../* @__PURE__ */ new Set([...i, ...o])].join(`
|
|
220
220
|
`);
|
|
221
|
-
|
|
221
|
+
k(r, m);
|
|
222
222
|
}
|
|
223
223
|
} catch (e) {
|
|
224
224
|
console.error(e);
|
|
225
225
|
}
|
|
226
226
|
}, rt = async (t, s) => {
|
|
227
227
|
try {
|
|
228
|
-
const e =
|
|
229
|
-
if (
|
|
230
|
-
const r =
|
|
231
|
-
r.replace(/^(?!export\s)const\s.*/gm, (
|
|
232
|
-
const
|
|
233
|
-
let
|
|
234
|
-
Object.entries(
|
|
235
|
-
var
|
|
236
|
-
if (
|
|
237
|
-
const
|
|
238
|
-
name:
|
|
239
|
-
config:
|
|
240
|
-
}),
|
|
241
|
-
if (!
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
228
|
+
const e = y(t, "./saltygen");
|
|
229
|
+
if (V(s)) {
|
|
230
|
+
const r = Z(s, "utf8");
|
|
231
|
+
r.replace(/^(?!export\s)const\s.*/gm, (c) => `export ${c}`) !== r && await U(s, r);
|
|
232
|
+
const h = await _(t), p = await R(s, e);
|
|
233
|
+
let i = r;
|
|
234
|
+
Object.entries(p).forEach(([c, m]) => {
|
|
235
|
+
var E;
|
|
236
|
+
if (m.isKeyframes || !m.generator) return;
|
|
237
|
+
const $ = m.generator._withBuildContext({
|
|
238
|
+
name: c,
|
|
239
|
+
config: h
|
|
240
|
+
}), S = new RegExp(`${c}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(r);
|
|
241
|
+
if (!S) return console.error("Could not find the original declaration");
|
|
242
|
+
const b = (E = S.at(1)) == null ? void 0 : E.trim(), w = new RegExp(`${c}[=\\s]+styled\\(`, "g").exec(i);
|
|
243
|
+
if (!w) return console.error("Could not find the original declaration");
|
|
244
|
+
const { index: F } = w;
|
|
245
|
+
let d = !1;
|
|
246
|
+
const C = setTimeout(() => d = !0, 5e3);
|
|
247
|
+
let f = 0, a = !1, u = 0;
|
|
248
|
+
for (; !a && !d; ) {
|
|
249
|
+
const P = i[F + f];
|
|
250
|
+
P === "(" && u++, P === ")" && u--, u === 0 && P === ")" && (a = !0), f > i.length && (d = !0), f++;
|
|
251
|
+
}
|
|
252
|
+
if (!d) clearTimeout(C);
|
|
253
|
+
else throw new Error("Failed to find the end of the styled call and timed out");
|
|
254
|
+
const l = F + f, j = i.slice(F, l), x = i, D = `${c} = styled(${b}, "${$.classNames}", "${$._callerName}", ${JSON.stringify($.props)});`;
|
|
255
|
+
i = i.replace(j, D), x === i && console.error("Minimize file failed to change content", { name: c, tagName: b });
|
|
245
256
|
});
|
|
246
|
-
const o =
|
|
247
|
-
return
|
|
248
|
-
${
|
|
257
|
+
const o = M(s, 6);
|
|
258
|
+
return h.importStrategy === "component" && (i = `import '../../saltygen/css/${o}.css';
|
|
259
|
+
${i}`), i = i.replace("{ styled }", "{ styledClient as styled }"), i = i.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), i;
|
|
249
260
|
}
|
|
250
261
|
} catch (e) {
|
|
251
|
-
console.error("Error in minimizeFile", e);
|
|
262
|
+
console.error("Error in minimizeFile:", e);
|
|
252
263
|
}
|
|
253
264
|
}, lt = (t) => ({
|
|
254
265
|
name: "stylegen",
|
|
255
266
|
buildStart: () => et(t),
|
|
256
267
|
load: async (s) => {
|
|
257
|
-
if (
|
|
268
|
+
if (V(s))
|
|
258
269
|
return await rt(t, s);
|
|
259
270
|
},
|
|
260
271
|
watchChange: {
|
|
261
272
|
handler: async (s) => {
|
|
262
|
-
|
|
273
|
+
V(s) && await nt(t, s), s.includes("salty.config") && await W(t);
|
|
263
274
|
}
|
|
264
275
|
}
|
|
265
276
|
});
|
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.41",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"typings": "./dist/index.d.ts",
|
|
@@ -29,6 +29,6 @@
|
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@salty-css/core": "^0.0.1-alpha.
|
|
32
|
+
"@salty-css/core": "^0.0.1-alpha.41"
|
|
33
33
|
}
|
|
34
34
|
}
|