@salty-css/core 0.0.1-alpha.26 → 0.0.1-alpha.27
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/index.cjs +2 -2
- package/bin/index.js +7 -7
- package/package.json +1 -1
package/bin/index.cjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
"use strict";const R=require("commander"),i=require("fs/promises"),t=require("path"),O=require("ejs"),T=require("../compiler/index.cjs"),U=require("../pascal-case-iWoaJWwT.cjs"),S=require("winston"),z=require("fs"),A=require("child_process"),H=require("ora");var _=typeof document<"u"?document.currentScript:null;const o=S.createLogger({level:"debug",format:S.format.combine(S.format.colorize(),S.format.cli()),transports:[new S.transports.Console({})]}),E=n=>new Promise((l,u)=>{A.exec(n,m=>{if(m)return u(m);l()})}),
|
|
2
|
+
"use strict";const R=require("commander"),i=require("fs/promises"),t=require("path"),O=require("ejs"),T=require("../compiler/index.cjs"),U=require("../pascal-case-iWoaJWwT.cjs"),S=require("winston"),z=require("fs"),A=require("child_process"),H=require("ora");var _=typeof document<"u"?document.currentScript:null;const o=S.createLogger({level:"debug",format:S.format.combine(S.format.colorize(),S.format.cli()),transports:[new S.transports.Console({})]}),E=n=>new Promise((l,u)=>{A.exec(n,m=>{if(m)return u(m);l()})}),D=async(...n)=>{const l=n.map(I=>I.replace("-D","").split("@").slice(0,-1).join("@").trim()),u=H(`Installing packages: ${l.join(", ")}`).start(),m=n.join(" ");await E(`npm install ${m}`),u.succeed(`Installed packages: ${l.join(",")}`)},W=()=>z.existsSync(t.join(process.cwd(),"node_modules",".bin","prettier"));async function x(n){try{if(!W())return;await E(`./node_modules/.bin/prettier --write "${n}"`),o.info(`Formatted ${n} with Prettier`)}catch(l){o.error(`Error formatting ${n} with Prettier:`,l)}}async function B(){const n=new R.Command;n.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const l={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-BupieCfE.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"))},u=async(s,d)=>{const{default:g}=await l[s],y=O.render(g,d);return{fileName:s,content:y}},m=async()=>{const s=t.join(process.cwd(),".saltyrc");return await i.readFile(s,"utf-8").then(JSON.parse).catch(()=>({}))},I=async()=>{const s=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.src||new URL("bin/index.cjs",document.baseURI).href);return await i.readFile(s,"utf-8").then(JSON.parse).catch(()=>({}))},N=await(async()=>(await m()).defaultProject)(),P=await I(),v={core:`@salty-css/core@${P.version}`,react:`@salty-css/react@${P.version}`,eslintPluginCore:`@salty-css/eslint-plugin-core@${P.version}`,vite:`@salty-css/vite@${P.version}`};n.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){o.info("Initializing a new Salty-CSS project!");const{dir:d=s,cssFile:g,skipInstall:y}=this.opts();y||(await D(v.core,v.react),await D(`-D ${v.eslintPluginCore}`));const w=process.cwd(),p=t.join(w,d),$=await Promise.all([u("salty.config.ts"),u("saltygen/index.css")]);await i.mkdir(p,{recursive:!0});const k=$.map(async({fileName:e,content:r})=>{const f=t.join(p,e);if(await i.readFile(f,"utf-8").catch(()=>{})!==void 0){o.debug("File already exists: "+f);return}const J=e.split("/").slice(0,-1).join("/");J&&await i.mkdir(t.join(p,J),{recursive:!0}),o.info("Writing file: "+f),await i.writeFile(f,r),await x(f)});await Promise.all(k);const a=t.relative(w,p),c=t.join(w,".saltyrc"),b=await i.readFile(c,"utf-8").catch(()=>{});if(b===void 0){o.info("Creating file: "+c);const r=JSON.stringify({defaultProject:a,projects:[a]},null,2);await i.writeFile(c,r)}else{o.info("Edit file: "+c);const e=JSON.parse(b),r=new Set((e==null?void 0:e.projects)||[]);r.add(a),e.projects=[...r];const f=JSON.stringify(e,null,2);await i.writeFile(c,f)}const h=t.join(w,".gitignore"),j=await i.readFile(h,"utf-8").catch(()=>{});if(j!==void 0&&(j.includes("saltygen")||(o.info("Edit file: "+h),await i.writeFile(h,j+`
|
|
3
3
|
|
|
4
4
|
# Salty-CSS
|
|
5
5
|
saltygen
|
|
6
6
|
`))),g){const e=t.join(p,g),r=await i.readFile(e,"utf-8").catch(()=>{});if(r!==void 0&&!r.includes("saltygen")){const F=t.join(e,".."),L=`@import '${t.relative(F,t.join(p,"saltygen/index.css"))}';`;o.info("Edit file: "+e),await i.writeFile(e,L+`
|
|
7
7
|
`+r),await x(e)}}const C=t.join(p,"vite.config.ts"),q=await i.readFile(C,"utf-8").catch(()=>{});if(q!==void 0&&!q.includes("saltyPlugin")){o.info("Edit file: "+C);const r=`import { saltyPlugin } from '@salty-css/vite';
|
|
8
8
|
`,F=q.replace(/(plugins: \[)/,`$1
|
|
9
|
-
saltyPlugin(__dirname),`);o.info("Installing @salty-css/vite"),y||await
|
|
9
|
+
saltyPlugin(__dirname),`);o.info("Installing @salty-css/vite"),y||await D(`-D ${v.vite}`),o.info("Adding Salty-CSS plugin to Vite config..."),await i.writeFile(C,r+F),await x(C)}}),n.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=N){o.info("Building the Salty-CSS project...");const{dir:d=s}=this.opts(),g=t.join(process.cwd(),d);await T.generateCss(g)}),n.command("generate [file]").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.",N).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.").action(async function(s){const{file:d=s,dir:g,tag:y,name:w,className:p}=this.opts(),$=t.join(process.cwd(),g),k=t.join($,d),a=t.parse(k);a.ext||(a.ext=".ts"),a.name.endsWith(".css")||(a.name=a.name+".css"),a.base=a.name+a.ext;const c=t.format(a);if(await i.readFile(c,"utf-8").catch(()=>{})!==void 0){o.error("File already exists:",c);return}o.info("Generating a new file: "+c);const h=U.pascalCase(w||a.base.replace(/\.css\.\w+$/,"")),{content:j}=await u("react/react-styled-file.ts",{tag:y,name:h,className:p});await i.writeFile(c,j),await x(c)}),n.parseAsync(process.argv)}B().catch(n=>console.error(n));
|
package/bin/index.js
CHANGED
|
@@ -19,7 +19,7 @@ const n = M({
|
|
|
19
19
|
c();
|
|
20
20
|
});
|
|
21
21
|
}), N = async (...e) => {
|
|
22
|
-
const c = e.map((
|
|
22
|
+
const c = e.map(($) => $.replace("-D", "").split("@").slice(0, -1).join("@").trim()), m = K(`Installing packages: ${c.join(", ")}`).start(), u = e.join(" ");
|
|
23
23
|
await L(`npm install ${u}`), m.succeed(`Installed packages: ${c.join(",")}`);
|
|
24
24
|
}, Q = () => V(o(process.cwd(), "node_modules", ".bin", "prettier"));
|
|
25
25
|
async function F(e) {
|
|
@@ -45,10 +45,10 @@ async function X() {
|
|
|
45
45
|
}, u = async () => {
|
|
46
46
|
const a = o(process.cwd(), ".saltyrc");
|
|
47
47
|
return await g(a, "utf-8").then(JSON.parse).catch(() => ({}));
|
|
48
|
-
},
|
|
48
|
+
}, $ = async () => {
|
|
49
49
|
const a = new URL("../package.json", import.meta.url);
|
|
50
50
|
return await g(a, "utf-8").then(JSON.parse).catch(() => ({}));
|
|
51
|
-
}, O = await (async () => (await u()).defaultProject)(), v = await
|
|
51
|
+
}, O = await (async () => (await u()).defaultProject)(), v = await $(), C = {
|
|
52
52
|
core: `@salty-css/core@${v.version}`,
|
|
53
53
|
react: `@salty-css/react@${v.version}`,
|
|
54
54
|
eslintPluginCore: `@salty-css/eslint-plugin-core@${v.version}`,
|
|
@@ -58,9 +58,9 @@ async function X() {
|
|
|
58
58
|
n.info("Initializing a new Salty-CSS project!");
|
|
59
59
|
const { dir: l = a, cssFile: f, skipInstall: w } = this.opts();
|
|
60
60
|
w || (await N(C.core, C.react), await N(`-D ${C.eslintPluginCore}`));
|
|
61
|
-
const h = process.cwd(), d = o(h, l),
|
|
61
|
+
const h = process.cwd(), d = o(h, l), I = await Promise.all([m("salty.config.ts"), m("saltygen/index.css")]);
|
|
62
62
|
await _(d, { recursive: !0 });
|
|
63
|
-
const k =
|
|
63
|
+
const k = I.map(async ({ fileName: t, content: s }) => {
|
|
64
64
|
const p = o(d, t);
|
|
65
65
|
if (await g(p, "utf-8").catch(() => {
|
|
66
66
|
}) !== void 0) {
|
|
@@ -109,14 +109,14 @@ saltygen
|
|
|
109
109
|
const s = `import { saltyPlugin } from '@salty-css/vite';
|
|
110
110
|
`, x = J.replace(/(plugins: \[)/, `$1
|
|
111
111
|
saltyPlugin(__dirname),`);
|
|
112
|
-
n.info("Installing @salty-css/vite"), w || await N(C.vite), n.info("Adding Salty-CSS plugin to Vite config..."), await y(j, s + x), await F(j);
|
|
112
|
+
n.info("Installing @salty-css/vite"), w || await N(`-D ${C.vite}`), n.info("Adding Salty-CSS plugin to Vite config..."), await y(j, s + x), await F(j);
|
|
113
113
|
}
|
|
114
114
|
}), e.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(a = O) {
|
|
115
115
|
n.info("Building the Salty-CSS project...");
|
|
116
116
|
const { dir: l = a } = this.opts(), f = o(process.cwd(), l);
|
|
117
117
|
await G(f);
|
|
118
118
|
}), e.command("generate [file]").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.", O).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.").action(async function(a) {
|
|
119
|
-
const { file: l = a, dir: f, tag: w, name: h, className: d } = this.opts(),
|
|
119
|
+
const { file: l = a, dir: f, tag: w, name: h, className: d } = this.opts(), I = o(process.cwd(), f), k = o(I, l), i = T(k);
|
|
120
120
|
i.ext || (i.ext = ".ts"), i.name.endsWith(".css") || (i.name = i.name + ".css"), i.base = i.name + i.ext;
|
|
121
121
|
const r = W(i);
|
|
122
122
|
if (await g(r, "utf-8").catch(() => {
|