@salty-css/core 0.0.1-alpha.89 → 0.0.1-alpha.90
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/bin/main.cjs +6 -6
- package/bin/main.js +125 -123
- package/package.json +1 -1
package/bin/main.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("commander"),L=require("fs"),s=require("fs/promises"),i=require("path"),ne=require("ejs"),t=require("../index-BKoD9apd.cjs"),se=require("../pascal-case-iWoaJWwT.cjs"),oe=require("child_process"),ae=require("ora");var W=typeof document<"u"?document.currentScript:null;const Y=
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("commander"),L=require("fs"),s=require("fs/promises"),i=require("path"),ne=require("ejs"),t=require("../index-BKoD9apd.cjs"),se=require("../pascal-case-iWoaJWwT.cjs"),oe=require("child_process"),ae=require("ora");var W=typeof document<"u"?document.currentScript:null;const Y=f=>new Promise((h,v)=>{oe.exec(f,F=>{if(F)return v(F);h()})}),I=async(...f)=>{const h=f.map(k=>k.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),v=ae(`Installing packages: ${h}`).start(),F=f.join(" ");await Y(`npm install ${F}`),v.succeed(`Installed packages: ${h}`)},re=()=>L.existsSync(i.join(process.cwd(),"node_modules",".bin","prettier"));async function j(f){try{if(!re())return;await Y(`./node_modules/.bin/prettier --write "${f}"`),t.logger.info(`Formatted ${f} with Prettier`)}catch(h){t.logger.error(`Error formatting ${f} with Prettier:`,h)}}async function ce(){const f=new ie.Command;f.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const h={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-Dk6ZcCxI.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs")),"react/react-vanilla-file.ts":Promise.resolve().then(()=>require("../react-vanilla-file-CG_WJLam.cjs"))},v=async(n,r)=>{const{default:c}=await h[n],u=ne.render(c,r);return{fileName:n,content:u}},F=async()=>{const n=i.join(process.cwd(),".saltyrc.json");return await s.readFile(n,"utf-8").then(JSON.parse).catch(()=>({}))},k=i.join(process.cwd(),"package.json"),N=async(n=k)=>{const r=await s.readFile(n,"utf-8").then(JSON.parse).catch(()=>{});if(!r)throw"Could not read package.json file!";return r},Z=async(n,r=k)=>{typeof n=="object"&&(n=JSON.stringify(n,null,2)),await s.writeFile(r,n)},M=async()=>{const n=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:W&&W.tagName.toUpperCase()==="SCRIPT"&&W.src||new URL("bin/main.cjs",document.baseURI).href);return N(n)},B=await(async()=>(await F()).defaultProject)(),b=await M(),D={core:`@salty-css/core@${b.version}`,react:`@salty-css/react@${b.version}`,eslintConfigCore:`@salty-css/eslint-config-core@${b.version}`,vite:`@salty-css/vite@${b.version}`,next:`@salty-css/next@${b.version}`},R=n=>{const r=n==="."?"":n,c=process.cwd();return i.join(c,r)};f.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(n="."){if(!await N().catch(()=>{}))return t.logError("Salty CSS project must be initialized in a directory with a package.json file.");t.logger.info("Initializing a new Salty-CSS project!");const{dir:c=n,cssFile:u,skipInstall:y}=this.opts();if(!c)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");y||await I(D.core,D.react);const p=process.cwd(),l=R(c),E=await Promise.all([v("salty.config.ts"),v("saltygen/index.css")]);await s.mkdir(l,{recursive:!0});const m=E.map(async({fileName:e,content:o})=>{const d=i.join(l,e);if(await s.readFile(d,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+d);return}const C=e.split("/").slice(0,-1).join("/");C&&await s.mkdir(i.join(l,C),{recursive:!0}),t.logger.info("Creating file: "+d),await s.writeFile(d,o),await j(d)});await Promise.all(m);const P=i.relative(p,l)||".",w=i.join(p,".saltyrc.json"),a=await s.readFile(w,"utf-8").catch(()=>{});if(a===void 0){t.logger.info("Creating file: "+w);const o=JSON.stringify({$schema:"./node_modules/@salty-css/core/.saltyrc.schema.json",info:"This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",defaultProject:P,projects:[{dir:P,framework:"react"}]},null,2);await s.writeFile(w,o),await j(w)}else{const e=JSON.parse(a),o=(e==null?void 0:e.projects)||[];if(o.findIndex(g=>g.dir===P)===-1){o.push({dir:P,framework:"react"}),e.projects=[...o];const g=JSON.stringify(e,null,2);g!==a&&(t.logger.info("Edit file: "+w),await s.writeFile(w,g),await j(w))}}const S=i.join(p,".gitignore"),T=await s.readFile(S,"utf-8").catch(()=>{});T!==void 0&&(T.includes("saltygen")||(t.logger.info("Edit file: "+S),await s.writeFile(S,T+`
|
|
2
2
|
|
|
3
3
|
# Salty-CSS
|
|
4
4
|
saltygen
|
|
5
|
-
`)));const
|
|
6
|
-
`+
|
|
7
|
-
`,
|
|
8
|
-
saltyPlugin(__dirname),`);
|
|
5
|
+
`)));const x=["src","public","assets","styles","css","app"],H=["styles","css","app","pages"],z=["index","styles","main","global","globals"],_=[".css",".scss",".sass"],$=await(async()=>{if(u)return u;for(const e of x)for(const o of z)for(const d of _){const g=i.join(l,e,o+d);if(await s.readFile(g,"utf-8").catch(()=>{})!==void 0)return i.relative(l,g);for(const q of H){const O=i.join(l,e,q,o+d);if(await s.readFile(O,"utf-8").catch(()=>{})!==void 0)return i.relative(l,O)}}})();if($){const e=i.join(l,$),o=await s.readFile(e,"utf-8").catch(()=>{});if(o!==void 0&&!o.includes("saltygen")){const g=i.join(e,".."),q=`@import '${i.relative(g,i.join(l,"saltygen/index.css"))}';`;t.logger.info("Adding global import statement to CSS file: "+e),await s.writeFile(e,q+`
|
|
6
|
+
`+o),await j(e)}}else t.logger.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");const K=i.join(p,".eslintrc.json"),ee=L.existsSync(K),Q=i.join(l,".eslintrc.json"),X=L.existsSync(Q);if(ee||X){y||await I(D.eslintConfigCore);const e=X?Q:K,o=await s.readFile(e,"utf-8").catch(()=>{});if(!o)return t.logError("Could not read ESLint config file.");if(!o.includes("salty-css")){const g=JSON.parse(o);t.logger.info("Edit file: "+e),g.extends||(g.extends=[]),g.extends.push("@salty-css/core");const C=JSON.stringify(g,null,2);await s.writeFile(e,C),await j(e)}}const A=i.join(l,"vite.config.ts"),G=await s.readFile(A,"utf-8").catch(()=>{});if(G!==void 0&&!G.includes("saltyPlugin")){t.logger.info("Edit file: "+A);const o=`import { saltyPlugin } from '@salty-css/vite';
|
|
7
|
+
`,g=G.replace(/(plugins: \[)/,`$1
|
|
8
|
+
saltyPlugin(__dirname),`);y||await I(`-D ${D.vite}`),t.logger.info("Adding Salty-CSS plugin to Vite config..."),await s.writeFile(A,o+g),await j(A)}const U=["next.config.js","next.config.cjs","next.config.ts","next.config.mjs"].map(e=>i.join(l,e)).find(e=>L.existsSync(e));if(U){let e=await s.readFile(U,"utf-8").catch(()=>{});if(e!==void 0&&!e.includes("withSaltyCss")){let d=!1;/\splugins([^=]*)=[^[]\[/.test(e)&&!d&&(e=e.replace(/\splugins([^=]*)=[^[]\[/,(O,J)=>` plugins${J}= [withSaltyCss,`),d=!0);const C=e.includes("module.exports"),q=C?`const { withSaltyCss } = require('@salty-css/next');
|
|
9
9
|
`:`import { withSaltyCss } from '@salty-css/next';
|
|
10
|
-
`;
|
|
10
|
+
`;C&&!d?(e=e.replace(/module.exports = ([^;]+)/,(O,J)=>`module.exports = withSaltyCss(${J})`),d=!0):d||(e=e.replace(/export default ([^;]+)/,(O,J)=>`export default withSaltyCss(${J})`)),y||await I(`-D ${D.next}`),t.logger.info("Adding Salty-CSS plugin to Next.js config..."),await s.writeFile(U,q+e),await j(U)}}const te=await N().catch(()=>t.logError("Could not read package.json file.")).then(e=>(e.scripts||(e.scripts={}),e.scripts.prepare?e.scripts.prepare.includes("salty-css")||(t.logger.info("Edit file: "+k),e.scripts.prepare=e.scripts.prepare+" && npx salty-css build"):(t.logger.info("Edit file: "+k),e.scripts.prepare="npx salty-css build"),e));await Z(te),t.logger.info("🎉 Salty CSS project initialized successfully!"),t.logger.info("Next steps:"),t.logger.info("1. Configure variables and templates in `salty.config.ts`"),t.logger.info("2. Create a new component with `npx salty-css generate [component-name]`"),t.logger.info("3. Run `npx salty-css build` to generate the CSS"),t.logger.info("4. Read about the features in the documentation: https://salty-css.dev"),t.logger.info("5. Star the project on GitHub: https://github.com/margarita-form/salty-css ⭐")}),f.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>","Project directory to build the project in.").action(async function(n=B){t.logger.info("Building the Salty-CSS project...");const{dir:r=n}=this.opts();if(!r)return t.logError("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");const c=R(r);await t.generateCss(c)}),f.command("generate [file] [directory]").alias("g").description("Generate a new component file.").option("-f, --file <file>","File to generate.").option("-d, --dir <dir>","Project directory to generate the file in.").option("-t, --tag <tag>","HTML tag of the component.","div").option("-n, --name <name>","Name of the component.").option("-c, --className <className>","CSS class of the component.").option("-rc, --reactComponent <rc>","Generate a React component as well.").action(async function(n,r=B){const{file:c=n,dir:u=r,tag:y,name:p,className:l,reactComponent:E=!1}=this.opts();if(!c)return t.logError("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");if(!u)return t.logError("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");const m=R(u),P=c.split("/").slice(0,-1).join("/");P&&await s.mkdir(i.join(m,P),{recursive:!0});const w=i.join(m,c),a=i.parse(w);a.ext||(a.ext=".ts"),a.name.endsWith(".css")||(a.name=a.name+".css"),a.base=a.name+a.ext;const S=i.format(a);if(await s.readFile(S,"utf-8").catch(()=>{})!==void 0){t.logger.error("File already exists:",S);return}let x=se.pascalCase(p||a.base.replace(/\.css\.\w+$/,""));if(E){const z=x+"Component";x=x+"Wrapper";const _=a.base.replace(/\.css\.\w+$/,""),{content:V}=await v("react/react-vanilla-file.ts",{tag:y,componentName:z,styledComponentName:x,className:l,fileName:_});a.name=_.replace(/\.css$/,""),a.ext=".tsx",a.base=a.name+a.ext;const $=i.format(a);t.logger.info("Generating a new file: "+$),await s.writeFile($,V),await j($)}const{content:H}=await v("react/react-styled-file.ts",{tag:y,name:x,className:l});t.logger.info("Generating a new file: "+S),await s.writeFile(S,H),await j(S)}),f.command("update [version]").alias("up").description("Update Salty-CSS packages to the latest or specified version.").option("-v, --version <version>","Version to update to.").option("--legacy-peer-deps <legacyPeerDeps>","Use legacy peer dependencies (not recommended).",!1).action(async function(n="latest"){const{legacyPeerDeps:r,version:c=n}=this.opts(),u=i.join(process.cwd(),"package.json"),y=await N(u).catch(m=>t.logError(m));if(!y)return;const p={...y.dependencies,...y.devDependencies},l=Object.keys(p).filter(m=>m==="salty-css"||m.startsWith("@salty-css/"));if(!l.length)return t.logError("No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: "+u);const E=l.map(m=>c==="@"?`${m}@${b.version}`:`${m}@${c.replace(/^@/,"")}`);r?(t.logger.warn("Using legacy peer dependencies to update packages."),await I(...E,"--legacy-peer-deps")):await I(...E),t.logger.info("Salty-CSS packages updated successfully!")}),f.option("-v, --version","Show the current version of Salty-CSS.").action(async function(){const n=await M();t.logger.info("CLI is running: "+n.version);const r=i.join(process.cwd(),"package.json"),c=await N(r).catch(p=>t.logError(p));if(!c)return;const u={...c.dependencies,...c.devDependencies},y=Object.keys(u).filter(p=>p==="salty-css"||p.startsWith("@salty-css/"));if(!y.length)return t.logError("No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: "+r);for(const p of y)t.logger.info(`${p}: ${u[p]}`)}),f.parseAsync(process.argv)}exports.main=ce;
|
package/bin/main.js
CHANGED
|
@@ -7,26 +7,26 @@ import { l as e, a as w, g as lt } from "../index-BGaLvshf.js";
|
|
|
7
7
|
import { p as dt } from "../pascal-case-BQpR5PdN.js";
|
|
8
8
|
import { exec as ft } from "child_process";
|
|
9
9
|
import pt from "ora";
|
|
10
|
-
const st = (
|
|
11
|
-
ft(
|
|
12
|
-
if (
|
|
10
|
+
const st = (f) => new Promise((C, x) => {
|
|
11
|
+
ft(f, (b) => {
|
|
12
|
+
if (b) return x(b);
|
|
13
13
|
C();
|
|
14
14
|
});
|
|
15
|
-
}), I = async (...
|
|
16
|
-
const C =
|
|
17
|
-
await st(`npm install ${
|
|
15
|
+
}), I = async (...f) => {
|
|
16
|
+
const C = f.map(($) => $.replace("-D", "").split("@").slice(0, -1).join("@").trim()).join(", "), x = pt(`Installing packages: ${C}`).start(), b = f.join(" ");
|
|
17
|
+
await st(`npm install ${b}`), x.succeed(`Installed packages: ${C}`);
|
|
18
18
|
}, gt = () => G(a(process.cwd(), "node_modules", ".bin", "prettier"));
|
|
19
|
-
async function
|
|
19
|
+
async function P(f) {
|
|
20
20
|
try {
|
|
21
21
|
if (!gt()) return;
|
|
22
|
-
await st(`./node_modules/.bin/prettier --write "${
|
|
22
|
+
await st(`./node_modules/.bin/prettier --write "${f}"`), e.info(`Formatted ${f} with Prettier`);
|
|
23
23
|
} catch (C) {
|
|
24
|
-
e.error(`Error formatting ${
|
|
24
|
+
e.error(`Error formatting ${f} with Prettier:`, C);
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
async function kt() {
|
|
28
|
-
const
|
|
29
|
-
|
|
28
|
+
const f = new ot();
|
|
29
|
+
f.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");
|
|
30
30
|
const C = {
|
|
31
31
|
// Core files
|
|
32
32
|
"salty.config.ts": import("../salty.config-BhBY_oOk.js"),
|
|
@@ -34,197 +34,199 @@ async function kt() {
|
|
|
34
34
|
// React
|
|
35
35
|
"react/react-styled-file.ts": import("../react-styled-file-CGVf5n1B.js"),
|
|
36
36
|
"react/react-vanilla-file.ts": import("../react-vanilla-file-CCXbsjIb.js")
|
|
37
|
-
},
|
|
38
|
-
const { default:
|
|
39
|
-
return { fileName: s, content:
|
|
40
|
-
},
|
|
37
|
+
}, x = async (s, o) => {
|
|
38
|
+
const { default: r } = await C[s], g = ct(r, o);
|
|
39
|
+
return { fileName: s, content: g };
|
|
40
|
+
}, b = async () => {
|
|
41
41
|
const s = a(process.cwd(), ".saltyrc.json");
|
|
42
42
|
return await m(s, "utf-8").then(JSON.parse).catch(() => ({}));
|
|
43
|
-
},
|
|
43
|
+
}, $ = a(process.cwd(), "package.json"), A = async (s = $) => {
|
|
44
44
|
const o = await m(s, "utf-8").then(JSON.parse).catch(() => {
|
|
45
45
|
});
|
|
46
46
|
if (!o) throw "Could not read package.json file!";
|
|
47
47
|
return o;
|
|
48
|
-
}, nt = async (s, o =
|
|
48
|
+
}, nt = async (s, o = $) => {
|
|
49
49
|
typeof s == "object" && (s = JSON.stringify(s, null, 2)), await h(o, s);
|
|
50
50
|
}, K = async () => {
|
|
51
51
|
const s = new URL("../package.json", import.meta.url);
|
|
52
52
|
return A(s);
|
|
53
|
-
}, Q = await (async () => (await
|
|
54
|
-
core: `@salty-css/core@${
|
|
55
|
-
react: `@salty-css/react@${
|
|
56
|
-
eslintConfigCore: `@salty-css/eslint-config-core@${
|
|
57
|
-
vite: `@salty-css/vite@${
|
|
58
|
-
next: `@salty-css/next@${
|
|
53
|
+
}, Q = await (async () => (await b()).defaultProject)(), J = await K(), O = {
|
|
54
|
+
core: `@salty-css/core@${J.version}`,
|
|
55
|
+
react: `@salty-css/react@${J.version}`,
|
|
56
|
+
eslintConfigCore: `@salty-css/eslint-config-core@${J.version}`,
|
|
57
|
+
vite: `@salty-css/vite@${J.version}`,
|
|
58
|
+
next: `@salty-css/next@${J.version}`
|
|
59
59
|
}, W = (s) => {
|
|
60
|
-
const o = s === "." ? "" : s,
|
|
61
|
-
return a(
|
|
60
|
+
const o = s === "." ? "" : s, r = process.cwd();
|
|
61
|
+
return a(r, o);
|
|
62
62
|
};
|
|
63
|
-
|
|
63
|
+
f.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>", "Project directory to initialize the project in.").option("--css-file <css-file>", "Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install", "Skip installing dependencies.").action(async function(s = ".") {
|
|
64
64
|
if (!await A().catch(() => {
|
|
65
65
|
})) return w("Salty CSS project must be initialized in a directory with a package.json file.");
|
|
66
66
|
e.info("Initializing a new Salty-CSS project!");
|
|
67
|
-
const { dir:
|
|
68
|
-
if (!
|
|
69
|
-
|
|
70
|
-
const
|
|
71
|
-
await V(
|
|
72
|
-
const y =
|
|
73
|
-
const
|
|
74
|
-
if (await m(
|
|
67
|
+
const { dir: r = s, cssFile: g, skipInstall: u } = this.opts();
|
|
68
|
+
if (!r) return w("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");
|
|
69
|
+
u || await I(O.core, O.react);
|
|
70
|
+
const p = process.cwd(), c = W(r), N = await Promise.all([x("salty.config.ts"), x("saltygen/index.css")]);
|
|
71
|
+
await V(c, { recursive: !0 });
|
|
72
|
+
const y = N.map(async ({ fileName: t, content: n }) => {
|
|
73
|
+
const l = a(c, t);
|
|
74
|
+
if (await m(l, "utf-8").catch(() => {
|
|
75
75
|
}) !== void 0) {
|
|
76
|
-
e.debug("File already exists: " +
|
|
76
|
+
e.debug("File already exists: " + l);
|
|
77
77
|
return;
|
|
78
78
|
}
|
|
79
|
-
const
|
|
80
|
-
|
|
79
|
+
const j = t.split("/").slice(0, -1).join("/");
|
|
80
|
+
j && await V(a(c, j), { recursive: !0 }), e.info("Creating file: " + l), await h(l, n), await P(l);
|
|
81
81
|
});
|
|
82
82
|
await Promise.all(y);
|
|
83
|
-
const
|
|
83
|
+
const k = z(p, c) || ".", S = a(p, ".saltyrc.json"), i = await m(S, "utf-8").catch(() => {
|
|
84
84
|
});
|
|
85
|
-
if (
|
|
86
|
-
e.info("Creating file: " +
|
|
87
|
-
const
|
|
85
|
+
if (i === void 0) {
|
|
86
|
+
e.info("Creating file: " + S);
|
|
87
|
+
const n = JSON.stringify({
|
|
88
88
|
$schema: "./node_modules/@salty-css/core/.saltyrc.schema.json",
|
|
89
89
|
info: "This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",
|
|
90
|
-
defaultProject:
|
|
90
|
+
defaultProject: k,
|
|
91
91
|
projects: [
|
|
92
92
|
{
|
|
93
|
-
dir:
|
|
93
|
+
dir: k,
|
|
94
94
|
framework: "react"
|
|
95
95
|
}
|
|
96
96
|
]
|
|
97
97
|
}, null, 2);
|
|
98
|
-
await h(
|
|
98
|
+
await h(S, n), await P(S);
|
|
99
99
|
} else {
|
|
100
|
-
const t = JSON.parse(
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
100
|
+
const t = JSON.parse(i), n = (t == null ? void 0 : t.projects) || [];
|
|
101
|
+
if (n.findIndex((d) => d.dir === k) === -1) {
|
|
102
|
+
n.push({ dir: k, framework: "react" }), t.projects = [...n];
|
|
103
|
+
const d = JSON.stringify(t, null, 2);
|
|
104
|
+
d !== i && (e.info("Edit file: " + S), await h(S, d), await P(S));
|
|
105
|
+
}
|
|
104
106
|
}
|
|
105
|
-
const
|
|
107
|
+
const v = a(p, ".gitignore"), L = await m(v, "utf-8").catch(() => {
|
|
106
108
|
});
|
|
107
|
-
L !== void 0 && (L.includes("saltygen") || (e.info("Edit file: " +
|
|
109
|
+
L !== void 0 && (L.includes("saltygen") || (e.info("Edit file: " + v), await h(v, L + `
|
|
108
110
|
|
|
109
111
|
# Salty-CSS
|
|
110
112
|
saltygen
|
|
111
113
|
`)));
|
|
112
|
-
const
|
|
113
|
-
if (
|
|
114
|
-
for (const t of
|
|
115
|
-
for (const
|
|
116
|
-
for (const
|
|
117
|
-
const
|
|
118
|
-
if (await m(
|
|
119
|
-
}) !== void 0) return z(
|
|
114
|
+
const F = ["src", "public", "assets", "styles", "css", "app"], M = ["styles", "css", "app", "pages"], q = ["index", "styles", "main", "global", "globals"], U = [".css", ".scss", ".sass"], D = await (async () => {
|
|
115
|
+
if (g) return g;
|
|
116
|
+
for (const t of F)
|
|
117
|
+
for (const n of q)
|
|
118
|
+
for (const l of U) {
|
|
119
|
+
const d = a(c, t, n + l);
|
|
120
|
+
if (await m(d, "utf-8").catch(() => {
|
|
121
|
+
}) !== void 0) return z(c, d);
|
|
120
122
|
for (const H of M) {
|
|
121
|
-
const T = a(
|
|
123
|
+
const T = a(c, t, H, n + l);
|
|
122
124
|
if (await m(T, "utf-8").catch(() => {
|
|
123
|
-
}) !== void 0) return z(
|
|
125
|
+
}) !== void 0) return z(c, T);
|
|
124
126
|
}
|
|
125
127
|
}
|
|
126
128
|
})();
|
|
127
129
|
if (D) {
|
|
128
|
-
const t = a(
|
|
130
|
+
const t = a(c, D), n = await m(t, "utf-8").catch(() => {
|
|
129
131
|
});
|
|
130
|
-
if (
|
|
131
|
-
const
|
|
132
|
+
if (n !== void 0 && !n.includes("saltygen")) {
|
|
133
|
+
const d = a(t, ".."), H = `@import '${z(d, a(c, "saltygen/index.css"))}';`;
|
|
132
134
|
e.info("Adding global import statement to CSS file: " + t), await h(t, H + `
|
|
133
|
-
` +
|
|
135
|
+
` + n), await P(t);
|
|
134
136
|
}
|
|
135
137
|
} else
|
|
136
138
|
e.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");
|
|
137
|
-
const Y = a(
|
|
139
|
+
const Y = a(p, ".eslintrc.json"), it = G(Y), Z = a(c, ".eslintrc.json"), tt = G(Z);
|
|
138
140
|
if (it || tt) {
|
|
139
|
-
|
|
140
|
-
const t = tt ? Z : Y,
|
|
141
|
+
u || await I(O.eslintConfigCore);
|
|
142
|
+
const t = tt ? Z : Y, n = await m(t, "utf-8").catch(() => {
|
|
141
143
|
});
|
|
142
|
-
if (!
|
|
143
|
-
if (!
|
|
144
|
-
const
|
|
145
|
-
e.info("Edit file: " + t),
|
|
146
|
-
const
|
|
147
|
-
await h(t,
|
|
144
|
+
if (!n) return w("Could not read ESLint config file.");
|
|
145
|
+
if (!n.includes("salty-css")) {
|
|
146
|
+
const d = JSON.parse(n);
|
|
147
|
+
e.info("Edit file: " + t), d.extends || (d.extends = []), d.extends.push("@salty-css/core");
|
|
148
|
+
const j = JSON.stringify(d, null, 2);
|
|
149
|
+
await h(t, j), await P(t);
|
|
148
150
|
}
|
|
149
151
|
}
|
|
150
|
-
const _ = a(
|
|
152
|
+
const _ = a(c, "vite.config.ts"), B = await m(_, "utf-8").catch(() => {
|
|
151
153
|
});
|
|
152
154
|
if (B !== void 0 && !B.includes("saltyPlugin")) {
|
|
153
155
|
e.info("Edit file: " + _);
|
|
154
|
-
const
|
|
155
|
-
`,
|
|
156
|
+
const n = `import { saltyPlugin } from '@salty-css/vite';
|
|
157
|
+
`, d = B.replace(/(plugins: \[)/, `$1
|
|
156
158
|
saltyPlugin(__dirname),`);
|
|
157
|
-
|
|
159
|
+
u || await I(`-D ${O.vite}`), e.info("Adding Salty-CSS plugin to Vite config..."), await h(_, n + d), await P(_);
|
|
158
160
|
}
|
|
159
|
-
const R = ["next.config.js", "next.config.cjs", "next.config.ts", "next.config.mjs"].map((t) => a(
|
|
161
|
+
const R = ["next.config.js", "next.config.cjs", "next.config.ts", "next.config.mjs"].map((t) => a(c, t)).find((t) => G(t));
|
|
160
162
|
if (R) {
|
|
161
163
|
let t = await m(R, "utf-8").catch(() => {
|
|
162
164
|
});
|
|
163
165
|
if (t !== void 0 && !t.includes("withSaltyCss")) {
|
|
164
|
-
let
|
|
165
|
-
/\splugins([^=]*)=[^[]\[/.test(t) && !
|
|
166
|
-
const
|
|
166
|
+
let l = !1;
|
|
167
|
+
/\splugins([^=]*)=[^[]\[/.test(t) && !l && (t = t.replace(/\splugins([^=]*)=[^[]\[/, (T, E) => ` plugins${E}= [withSaltyCss,`), l = !0);
|
|
168
|
+
const j = t.includes("module.exports"), H = j ? `const { withSaltyCss } = require('@salty-css/next');
|
|
167
169
|
` : `import { withSaltyCss } from '@salty-css/next';
|
|
168
170
|
`;
|
|
169
|
-
|
|
171
|
+
j && !l ? (t = t.replace(/module.exports = ([^;]+)/, (T, E) => `module.exports = withSaltyCss(${E})`), l = !0) : l || (t = t.replace(/export default ([^;]+)/, (T, E) => `export default withSaltyCss(${E})`)), u || await I(`-D ${O.next}`), e.info("Adding Salty-CSS plugin to Next.js config..."), await h(R, H + t), await P(R);
|
|
170
172
|
}
|
|
171
173
|
}
|
|
172
|
-
const at = await A().catch(() => w("Could not read package.json file.")).then((t) => (t.scripts || (t.scripts = {}), t.scripts.prepare ? t.scripts.prepare.includes("salty-css") || (e.info("Edit file: " +
|
|
174
|
+
const at = await A().catch(() => w("Could not read package.json file.")).then((t) => (t.scripts || (t.scripts = {}), t.scripts.prepare ? t.scripts.prepare.includes("salty-css") || (e.info("Edit file: " + $), t.scripts.prepare = t.scripts.prepare + " && npx salty-css build") : (e.info("Edit file: " + $), t.scripts.prepare = "npx salty-css build"), t));
|
|
173
175
|
await nt(at), e.info("🎉 Salty CSS project initialized successfully!"), e.info("Next steps:"), e.info("1. Configure variables and templates in `salty.config.ts`"), e.info("2. Create a new component with `npx salty-css generate [component-name]`"), e.info("3. Run `npx salty-css build` to generate the CSS"), e.info("4. Read about the features in the documentation: https://salty-css.dev"), e.info("5. Star the project on GitHub: https://github.com/margarita-form/salty-css ⭐");
|
|
174
|
-
}),
|
|
176
|
+
}), f.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>", "Project directory to build the project in.").action(async function(s = Q) {
|
|
175
177
|
e.info("Building the Salty-CSS project...");
|
|
176
178
|
const { dir: o = s } = this.opts();
|
|
177
179
|
if (!o) return w("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");
|
|
178
|
-
const
|
|
179
|
-
await lt(
|
|
180
|
-
}),
|
|
181
|
-
const { file:
|
|
182
|
-
if (!
|
|
183
|
-
if (!
|
|
184
|
-
const y = W(
|
|
185
|
-
|
|
186
|
-
const
|
|
187
|
-
|
|
188
|
-
const
|
|
189
|
-
if (await m(
|
|
180
|
+
const r = W(o);
|
|
181
|
+
await lt(r);
|
|
182
|
+
}), f.command("generate [file] [directory]").alias("g").description("Generate a new component file.").option("-f, --file <file>", "File to generate.").option("-d, --dir <dir>", "Project directory to generate the file in.").option("-t, --tag <tag>", "HTML tag of the component.", "div").option("-n, --name <name>", "Name of the component.").option("-c, --className <className>", "CSS class of the component.").option("-rc, --reactComponent <rc>", "Generate a React component as well.").action(async function(s, o = Q) {
|
|
183
|
+
const { file: r = s, dir: g = o, tag: u, name: p, className: c, reactComponent: N = !1 } = this.opts();
|
|
184
|
+
if (!r) return w("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");
|
|
185
|
+
if (!g) return w("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");
|
|
186
|
+
const y = W(g), k = r.split("/").slice(0, -1).join("/");
|
|
187
|
+
k && await V(a(y, k), { recursive: !0 });
|
|
188
|
+
const S = a(y, r), i = rt(S);
|
|
189
|
+
i.ext || (i.ext = ".ts"), i.name.endsWith(".css") || (i.name = i.name + ".css"), i.base = i.name + i.ext;
|
|
190
|
+
const v = et(i);
|
|
191
|
+
if (await m(v, "utf-8").catch(() => {
|
|
190
192
|
}) !== void 0) {
|
|
191
|
-
e.error("File already exists:",
|
|
193
|
+
e.error("File already exists:", v);
|
|
192
194
|
return;
|
|
193
195
|
}
|
|
194
|
-
let
|
|
195
|
-
if (
|
|
196
|
-
const q =
|
|
197
|
-
|
|
198
|
-
const U =
|
|
199
|
-
|
|
200
|
-
const D = et(
|
|
201
|
-
e.info("Generating a new file: " + D), await h(D, X), await
|
|
196
|
+
let F = dt(p || i.base.replace(/\.css\.\w+$/, ""));
|
|
197
|
+
if (N) {
|
|
198
|
+
const q = F + "Component";
|
|
199
|
+
F = F + "Wrapper";
|
|
200
|
+
const U = i.base.replace(/\.css\.\w+$/, ""), { content: X } = await x("react/react-vanilla-file.ts", { tag: u, componentName: q, styledComponentName: F, className: c, fileName: U });
|
|
201
|
+
i.name = U.replace(/\.css$/, ""), i.ext = ".tsx", i.base = i.name + i.ext;
|
|
202
|
+
const D = et(i);
|
|
203
|
+
e.info("Generating a new file: " + D), await h(D, X), await P(D);
|
|
202
204
|
}
|
|
203
|
-
const { content: M } = await
|
|
204
|
-
e.info("Generating a new file: " +
|
|
205
|
-
}),
|
|
206
|
-
const { legacyPeerDeps: o, version:
|
|
207
|
-
if (!
|
|
208
|
-
const
|
|
209
|
-
if (!
|
|
205
|
+
const { content: M } = await x("react/react-styled-file.ts", { tag: u, name: F, className: c });
|
|
206
|
+
e.info("Generating a new file: " + v), await h(v, M), await P(v);
|
|
207
|
+
}), f.command("update [version]").alias("up").description("Update Salty-CSS packages to the latest or specified version.").option("-v, --version <version>", "Version to update to.").option("--legacy-peer-deps <legacyPeerDeps>", "Use legacy peer dependencies (not recommended).", !1).action(async function(s = "latest") {
|
|
208
|
+
const { legacyPeerDeps: o, version: r = s } = this.opts(), g = a(process.cwd(), "package.json"), u = await A(g).catch((y) => w(y));
|
|
209
|
+
if (!u) return;
|
|
210
|
+
const p = { ...u.dependencies, ...u.devDependencies }, c = Object.keys(p).filter((y) => y === "salty-css" || y.startsWith("@salty-css/"));
|
|
211
|
+
if (!c.length)
|
|
210
212
|
return w(
|
|
211
|
-
"No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " +
|
|
213
|
+
"No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + g
|
|
212
214
|
);
|
|
213
|
-
const
|
|
214
|
-
o ? (e.warn("Using legacy peer dependencies to update packages."), await I(...
|
|
215
|
-
}),
|
|
215
|
+
const N = c.map((y) => r === "@" ? `${y}@${J.version}` : `${y}@${r.replace(/^@/, "")}`);
|
|
216
|
+
o ? (e.warn("Using legacy peer dependencies to update packages."), await I(...N, "--legacy-peer-deps")) : await I(...N), e.info("Salty-CSS packages updated successfully!");
|
|
217
|
+
}), f.option("-v, --version", "Show the current version of Salty-CSS.").action(async function() {
|
|
216
218
|
const s = await K();
|
|
217
219
|
e.info("CLI is running: " + s.version);
|
|
218
|
-
const o = a(process.cwd(), "package.json"),
|
|
219
|
-
if (!
|
|
220
|
-
const
|
|
221
|
-
if (!
|
|
220
|
+
const o = a(process.cwd(), "package.json"), r = await A(o).catch((p) => w(p));
|
|
221
|
+
if (!r) return;
|
|
222
|
+
const g = { ...r.dependencies, ...r.devDependencies }, u = Object.keys(g).filter((p) => p === "salty-css" || p.startsWith("@salty-css/"));
|
|
223
|
+
if (!u.length)
|
|
222
224
|
return w(
|
|
223
225
|
"No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + o
|
|
224
226
|
);
|
|
225
|
-
for (const
|
|
226
|
-
e.info(`${
|
|
227
|
-
}),
|
|
227
|
+
for (const p of u)
|
|
228
|
+
e.info(`${p}: ${g[p]}`);
|
|
229
|
+
}), f.parseAsync(process.argv);
|
|
228
230
|
}
|
|
229
231
|
export {
|
|
230
232
|
kt as main
|