@salty-css/core 0.0.1-alpha.25 → 0.0.1-alpha.27

package/bin/index.cjs

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
-"use strict";const L=require("commander"),i=require("fs/promises"),t=require("path"),R=require("ejs"),O=require("../compiler/index.cjs"),T=require("../pascal-case-iWoaJWwT.cjs"),S=require("winston"),U=require("fs"),z=require("child_process"),A=require("ora");var J=typeof document<"u"?document.currentScript:null;const a=S.createLogger({level:"debug",format:S.format.combine(S.format.colorize(),S.format.cli()),transports:[new S.transports.Console({})]}),D=n=>new Promise((c,m)=>{z.exec(n,y=>{if(y)return m(y);c()})}),_=async(...n)=>{const c=n.map(I=>I.replace("-D","").split("@").slice(0,-1).join("@").trim()),m=A(`Installing packages: ${c.join(", ")}`).start(),y=n.join(" ");await D(`npm install ${y}`),m.succeed(`Installed packages: ${c.join(",")}`)},H=()=>U.existsSync(t.join(process.cwd(),"node_modules",".bin","prettier"));async function x(n){try{if(!H())return;await D(`./node_modules/.bin/prettier --write "${n}"`),a.info(`Formatted ${n} with Prettier`)}catch(c){a.error(`Error formatting ${n} with Prettier:`,c)}}async function W(){const n=new L.Command;n.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const c={"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"))},m=async(s,l)=>{const{default:p}=await c[s],u=R.render(p,l);return{fileName:s,content:u}},y=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:J&&J.tagName.toUpperCase()==="SCRIPT"&&J.src||new URL("bin/index.cjs",document.baseURI).href);return await i.readFile(s,"utf-8").then(JSON.parse).catch(()=>({}))},N=await(async()=>(await y()).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.").action(async function(s){await _(v.core,v.react),await _(`-D ${v.eslintPluginCore}`),a.info("Initializing a new Salty-CSS project...");const{dir:l=s,cssFile:p}=this.opts(),u=process.cwd(),d=t.join(u,l),$=await Promise.all([m("salty.config.ts"),m("saltygen/index.css")]);await i.mkdir(d,{recursive:!0});const b=$.map(async({fileName:e,content:r})=>{const f=t.join(d,e);if(await i.readFile(f,"utf-8").catch(()=>{})!==void 0){a.debug("File already exists: "+f);return}const k=e.split("/").slice(0,-1).join("/");k&&await i.mkdir(t.join(d,k),{recursive:!0}),a.info("Writing file: "+f),await i.writeFile(f,r),await x(f)});await Promise.all(b);const h=t.relative(u,d),o=t.join(u,".saltyrc"),g=await i.readFile(o,"utf-8").catch(()=>{});if(g===void 0){a.info("Creating file: "+o);const r=JSON.stringify({defaultProject:h,projects:[h]},null,2);await i.writeFile(o,r)}else{a.info("Edit file: "+o);const e=JSON.parse(g),r=new Set((e==null?void 0:e.projects)||[]);r.add(h),e.projects=[...r];const f=JSON.stringify(e,null,2);await i.writeFile(o,f)}const C=t.join(u,".gitignore"),j=await i.readFile(C,"utf-8").catch(()=>{});if(j!==void 0&&(j.includes("saltygen")||(a.info("Edit file: "+C),await i.writeFile(C,j+`
+"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+`
 
 # Salty-CSS
 saltygen
-`))),p){const e=t.join(d,p),r=await i.readFile(e,"utf-8").catch(()=>{});if(r!==void 0&&!r.includes("saltygen")){const F=t.join(e,".."),E=`@import '${t.relative(F,t.join(d,"saltygen/index.css"))}';`;a.info("Edit file: "+e),await i.writeFile(e,E+`
-`+r),await x(e)}}const w=t.join(d,"vite.config.ts"),q=await i.readFile(w,"utf-8").catch(()=>{});if(q!==void 0&&!q.includes("saltyPlugin")){a.info("Edit file: "+w);const r=`import { saltyPlugin } from '@salty-css/vite';
+`))),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+`
+`+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';
 `,F=q.replace(/(plugins: \[)/,`$1
-  saltyPlugin(__dirname),`);a.info("Installing @salty-css/vite"),await _(v.vite),a.info("Adding Salty-CSS plugin to Vite config..."),await i.writeFile(w,r+F),await x(w)}}),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){a.info("Building the Salty-CSS project...");const{dir:l=s}=this.opts(),p=t.join(process.cwd(),l);await O.generateCss(p)}),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:l=s,dir:p,tag:u,name:d,className:$}=this.opts(),b=t.join(process.cwd(),p),h=t.join(b,l),o=t.parse(h);o.ext||(o.ext=".ts"),o.name.endsWith(".css")||(o.name=o.name+".css"),o.base=o.name+o.ext;const g=t.format(o);if(await i.readFile(g,"utf-8").catch(()=>{})!==void 0){a.error("File already exists:",g);return}a.info("Generating a new file: "+g);const j=T.pascalCase(d||o.base.replace(/\.css\.\w+$/,"")),{content:w}=await m("react/react-styled-file.ts",{tag:u,name:j,className:$});await i.writeFile(g,w),await x(g)}),n.parseAsync(process.argv)}W().catch(n=>console.error(n));
+  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

@@ -1,130 +1,132 @@
 #!/usr/bin/env node
-import { Command as A } from "commander";
-import { mkdir as O, readFile as m, writeFile as u } from "fs/promises";
-import { join as o, relative as _, parse as H, format as T } from "path";
-import { render as W } from "ejs";
-import { generateCss as B } from "../compiler/index.js";
-import { p as G } from "../pascal-case-BQpR5PdN.js";
-import { createLogger as R, format as D, transports as M } from "winston";
-import { existsSync as U } from "fs";
-import { exec as V } from "child_process";
-import q from "ora";
-const i = R({
+import { Command as H } from "commander";
+import { mkdir as _, readFile as g, writeFile as y } from "fs/promises";
+import { join as o, relative as z, parse as T, format as W } from "path";
+import { render as B } from "ejs";
+import { generateCss as G } from "../compiler/index.js";
+import { p as R } from "../pascal-case-BQpR5PdN.js";
+import { createLogger as M, format as E, transports as U } from "winston";
+import { existsSync as V } from "fs";
+import { exec as q } from "child_process";
+import K from "ora";
+const n = M({
   level: "debug",
-  format: D.combine(D.colorize(), D.cli()),
-  transports: [new M.Console({})]
-}), z = (e) => new Promise((r, y) => {
-  V(e, (w) => {
-    if (w) return y(w);
-    r();
+  format: E.combine(E.colorize(), E.cli()),
+  transports: [new U.Console({})]
+}), L = (e) => new Promise((c, m) => {
+  q(e, (u) => {
+    if (u) return m(u);
+    c();
   });
-}), E = async (...e) => {
-  const r = e.map(($) => $.replace("-D", "").split("@").slice(0, -1).join("@").trim()), y = q(`Installing packages: ${r.join(", ")}`).start(), w = e.join(" ");
-  await z(`npm install ${w}`), y.succeed(`Installed packages: ${r.join(",")}`);
-}, K = () => U(o(process.cwd(), "node_modules", ".bin", "prettier"));
+}), N = async (...e) => {
+  const c = e.map(($) => $.replace("-D", "").split("@").slice(0, -1).join("@").trim()), m = K(`Installing packages: ${c.join(", ")}`).start(), u = e.join(" ");
+  await L(`npm install ${u}`), m.succeed(`Installed packages: ${c.join(",")}`);
+}, Q = () => V(o(process.cwd(), "node_modules", ".bin", "prettier"));
 async function F(e) {
   try {
-    if (!K()) return;
-    await z(`./node_modules/.bin/prettier --write "${e}"`), i.info(`Formatted ${e} with Prettier`);
-  } catch (r) {
-    i.error(`Error formatting ${e} with Prettier:`, r);
+    if (!Q()) return;
+    await L(`./node_modules/.bin/prettier --write "${e}"`), n.info(`Formatted ${e} with Prettier`);
+  } catch (c) {
+    n.error(`Error formatting ${e} with Prettier:`, c);
   }
 }
-async function Q() {
-  const e = new A();
+async function X() {
+  const e = new H();
   e.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");
-  const r = {
+  const c = {
     // Core files
     "salty.config.ts": import("../salty.config-D9ANEDiH.js"),
     "saltygen/index.css": import("../index-D_732b92.js"),
     // React
     "react/react-styled-file.ts": import("../react-styled-file-CGVf5n1B.js")
-  }, y = async (a, c) => {
-    const { default: p } = await r[a], f = W(p, c);
-    return { fileName: a, content: f };
-  }, w = async () => {
+  }, m = async (a, l) => {
+    const { default: f } = await c[a], w = B(f, l);
+    return { fileName: a, content: w };
+  }, u = async () => {
     const a = o(process.cwd(), ".saltyrc");
-    return await m(a, "utf-8").then(JSON.parse).catch(() => ({}));
+    return await g(a, "utf-8").then(JSON.parse).catch(() => ({}));
   }, $ = async () => {
     const a = new URL("../package.json", import.meta.url);
-    return await m(a, "utf-8").then(JSON.parse).catch(() => ({}));
-  }, N = await (async () => (await w()).defaultProject)(), v = await $(), C = {
+    return await g(a, "utf-8").then(JSON.parse).catch(() => ({}));
+  }, O = await (async () => (await u()).defaultProject)(), v = await $(), C = {
     core: `@salty-css/core@${v.version}`,
     react: `@salty-css/react@${v.version}`,
     eslintPluginCore: `@salty-css/eslint-plugin-core@${v.version}`,
     vite: `@salty-css/vite@${v.version}`
   };
-  e.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.").action(async function(a) {
-    await E(C.core, C.react), await E(`-D ${C.eslintPluginCore}`), i.info("Initializing a new Salty-CSS project...");
-    const { dir: c = a, cssFile: p } = this.opts(), f = process.cwd(), l = o(f, c), I = await Promise.all([y("salty.config.ts"), y("saltygen/index.css")]);
-    await O(l, { recursive: !0 });
-    const b = I.map(async ({ fileName: t, content: s }) => {
-      const d = o(l, t);
-      if (await m(d, "utf-8").catch(() => {
+  e.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(a) {
+    n.info("Initializing a new Salty-CSS project!");
+    const { dir: l = a, cssFile: f, skipInstall: w } = this.opts();
+    w || (await N(C.core, C.react), await N(`-D ${C.eslintPluginCore}`));
+    const h = process.cwd(), d = o(h, l), I = await Promise.all([m("salty.config.ts"), m("saltygen/index.css")]);
+    await _(d, { recursive: !0 });
+    const k = I.map(async ({ fileName: t, content: s }) => {
+      const p = o(d, t);
+      if (await g(p, "utf-8").catch(() => {
       }) !== void 0) {
-        i.debug("File already exists: " + d);
+        n.debug("File already exists: " + p);
         return;
       }
-      const J = t.split("/").slice(0, -1).join("/");
-      J && await O(o(l, J), { recursive: !0 }), i.info("Writing file: " + d), await u(d, s), await F(d);
+      const D = t.split("/").slice(0, -1).join("/");
+      D && await _(o(d, D), { recursive: !0 }), n.info("Writing file: " + p), await y(p, s), await F(p);
     });
-    await Promise.all(b);
-    const S = _(f, l), n = o(f, ".saltyrc"), g = await m(n, "utf-8").catch(() => {
+    await Promise.all(k);
+    const i = z(h, d), r = o(h, ".saltyrc"), b = await g(r, "utf-8").catch(() => {
     });
-    if (g === void 0) {
-      i.info("Creating file: " + n);
+    if (b === void 0) {
+      n.info("Creating file: " + r);
       const s = JSON.stringify({
-        defaultProject: S,
-        projects: [S]
+        defaultProject: i,
+        projects: [i]
       }, null, 2);
-      await u(n, s);
+      await y(r, s);
     } else {
-      i.info("Edit file: " + n);
-      const t = JSON.parse(g), s = new Set((t == null ? void 0 : t.projects) || []);
-      s.add(S), t.projects = [...s];
-      const d = JSON.stringify(t, null, 2);
-      await u(n, d);
+      n.info("Edit file: " + r);
+      const t = JSON.parse(b), s = new Set((t == null ? void 0 : t.projects) || []);
+      s.add(i), t.projects = [...s];
+      const p = JSON.stringify(t, null, 2);
+      await y(r, p);
     }
-    const j = o(f, ".gitignore"), P = await m(j, "utf-8").catch(() => {
+    const S = o(h, ".gitignore"), P = await g(S, "utf-8").catch(() => {
     });
-    if (P !== void 0 && (P.includes("saltygen") || (i.info("Edit file: " + j), await u(j, P + `
+    if (P !== void 0 && (P.includes("saltygen") || (n.info("Edit file: " + S), await y(S, P + `
 
 # Salty-CSS
 saltygen
-`))), p) {
-      const t = o(l, p), s = await m(t, "utf-8").catch(() => {
+`))), f) {
+      const t = o(d, f), s = await g(t, "utf-8").catch(() => {
       });
       if (s !== void 0 && !s.includes("saltygen")) {
-        const x = o(t, ".."), L = `@import '${_(x, o(l, "saltygen/index.css"))}';`;
-        i.info("Edit file: " + t), await u(t, L + `
+        const x = o(t, ".."), A = `@import '${z(x, o(d, "saltygen/index.css"))}';`;
+        n.info("Edit file: " + t), await y(t, A + `
 ` + s), await F(t);
       }
     }
-    const h = o(l, "vite.config.ts"), k = await m(h, "utf-8").catch(() => {
+    const j = o(d, "vite.config.ts"), J = await g(j, "utf-8").catch(() => {
     });
-    if (k !== void 0 && !k.includes("saltyPlugin")) {
-      i.info("Edit file: " + h);
+    if (J !== void 0 && !J.includes("saltyPlugin")) {
+      n.info("Edit file: " + j);
       const s = `import { saltyPlugin } from '@salty-css/vite';
-`, x = k.replace(/(plugins: \[)/, `$1
+`, x = J.replace(/(plugins: \[)/, `$1
   saltyPlugin(__dirname),`);
-      i.info("Installing @salty-css/vite"), await E(C.vite), i.info("Adding Salty-CSS plugin to Vite config..."), await u(h, s + x), await F(h);
+      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);
     }
-  }), 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 = N) {
-    i.info("Building the Salty-CSS project...");
-    const { dir: c = a } = this.opts(), p = o(process.cwd(), c);
-    await B(p);
-  }), 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.", 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(a) {
-    const { file: c = a, dir: p, tag: f, name: l, className: I } = this.opts(), b = o(process.cwd(), p), S = o(b, c), n = H(S);
-    n.ext || (n.ext = ".ts"), n.name.endsWith(".css") || (n.name = n.name + ".css"), n.base = n.name + n.ext;
-    const g = T(n);
-    if (await m(g, "utf-8").catch(() => {
+  }), 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) {
+    n.info("Building the Salty-CSS project...");
+    const { dir: l = a } = this.opts(), f = o(process.cwd(), l);
+    await G(f);
+  }), 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) {
+    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);
+    i.ext || (i.ext = ".ts"), i.name.endsWith(".css") || (i.name = i.name + ".css"), i.base = i.name + i.ext;
+    const r = W(i);
+    if (await g(r, "utf-8").catch(() => {
     }) !== void 0) {
-      i.error("File already exists:", g);
+      n.error("File already exists:", r);
       return;
     }
-    i.info("Generating a new file: " + g);
-    const P = G(l || n.base.replace(/\.css\.\w+$/, "")), { content: h } = await y("react/react-styled-file.ts", { tag: f, name: P, className: I });
-    await u(g, h), await F(g);
+    n.info("Generating a new file: " + r);
+    const S = R(h || i.base.replace(/\.css\.\w+$/, "")), { content: P } = await m("react/react-styled-file.ts", { tag: w, name: S, className: d });
+    await y(r, P), await F(r);
   }), e.parseAsync(process.argv);
 }
-Q().catch((e) => console.error(e));
+X().catch((e) => console.error(e));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.25",
+  "version": "0.0.1-alpha.27",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",