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