@salty-css/core 0.0.1-alpha.20 → 0.0.1-alpha.22

package/bin/index.cjs

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

package/bin/index.js

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

package/package.json

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