@salty-css/core 0.0.1-alpha.32 → 0.0.1-alpha.33

package/bin/main.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("commander"),a=require("fs/promises"),e=require("path"),L=require("ejs"),R=require("../compiler/index.cjs"),z=require("../pascal-case-iWoaJWwT.cjs"),k=require("winston"),W=require("fs"),H=require("child_process"),M=require("ora");var U=typeof document<"u"?document.currentScript:null;const t=k.createLogger({level:"debug",format:k.format.combine(k.format.colorize(),k.format.cli()),transports:[new k.transports.Console({})]}),v=i=>{t.error(i)},E=i=>new Promise((g,h)=>{H.exec(i,w=>{if(w)return h(w);g()})}),b=async(...i)=>{const g=i.map(x=>x.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),h=M(`Installing packages: ${g}`).start(),w=i.join(" ");await E(`npm install ${w}`),h.succeed(`Installed packages: ${g}`)},B=()=>W.existsSync(e.join(process.cwd(),"node_modules",".bin","prettier"));async function D(i){try{if(!B())return;await E(`./node_modules/.bin/prettier --write "${i}"`),t.info(`Formatted ${i} with Prettier`)}catch(g){t.error(`Error formatting ${i} with Prettier:`,g)}}async function G(){const i=new T.Command;i.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const g={"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"))},h=async(o,r)=>{const{default:d}=await g[o],u=L.render(d,r);return{fileName:o,content:u}},w=async()=>{const o=e.join(process.cwd(),".saltyrc");return await a.readFile(o,"utf-8").then(JSON.parse).catch(()=>({}))},x=async o=>{const r=await a.readFile(o,"utf-8").then(JSON.parse).catch(()=>{});if(!r)throw"Could not read package.json file!";return r},O=async()=>{const o=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:U&&U.tagName.toUpperCase()==="SCRIPT"&&U.src||new URL("bin/main.cjs",document.baseURI).href);return x(o)},J=await(async()=>(await w()).defaultProject)(),C=await O(),I={core:`@salty-css/core@${C.version}`,react:`@salty-css/react@${C.version}`,eslintPluginCore:`@salty-css/eslint-plugin-core@${C.version}`,vite:`@salty-css/vite@${C.version}`};i.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(o){t.info("Initializing a new Salty-CSS project!");const{dir:r=o,cssFile:d,skipInstall:u}=this.opts();if(!r)return v("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");u||(await b(I.core,I.react),await b(`-D ${I.eslintPluginCore}`));const f=process.cwd(),p=e.join(f,r),S=await Promise.all([h("salty.config.ts"),h("saltygen/index.css")]);await a.mkdir(p,{recursive:!0});const j=S.map(async({fileName:n,content:l})=>{const m=e.join(p,n);if(await a.readFile(m,"utf-8").catch(()=>{})!==void 0){t.debug("File already exists: "+m);return}const N=n.split("/").slice(0,-1).join("/");N&&await a.mkdir(e.join(p,N),{recursive:!0}),t.info("Writing file: "+m),await a.writeFile(m,l),await D(m)});await Promise.all(j);const c=e.relative(f,p),s=e.join(f,".saltyrc"),y=await a.readFile(s,"utf-8").catch(()=>{});if(y===void 0){t.info("Creating file: "+s);const l=JSON.stringify({defaultProject:c,projects:[c]},null,2);await a.writeFile(s,l)}else{t.info("Edit file: "+s);const n=JSON.parse(y),l=new Set((n==null?void 0:n.projects)||[]);l.add(c),n.projects=[...l];const m=JSON.stringify(n,null,2);await a.writeFile(s,m)}const $=e.join(f,".gitignore"),F=await a.readFile($,"utf-8").catch(()=>{});if(F!==void 0&&(F.includes("saltygen")||(t.info("Edit file: "+$),await a.writeFile($,F+`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("commander"),a=require("fs/promises"),o=require("path"),R=require("ejs"),z=require("../compiler/index.cjs"),W=require("../pascal-case-iWoaJWwT.cjs"),k=require("winston"),H=require("fs"),M=require("child_process"),B=require("ora");var E=typeof document<"u"?document.currentScript:null;const t=k.createLogger({level:"debug",format:k.format.combine(k.format.colorize(),k.format.cli()),transports:[new k.transports.Console({})]}),v=i=>{t.error(i)},O=i=>new Promise((f,h)=>{M.exec(i,w=>{if(w)return h(w);f()})}),b=async(...i)=>{const f=i.map(x=>x.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),h=B(`Installing packages: ${f}`).start(),w=i.join(" ");await O(`npm install ${w}`),h.succeed(`Installed packages: ${f}`)},G=()=>H.existsSync(o.join(process.cwd(),"node_modules",".bin","prettier"));async function q(i){try{if(!G())return;await O(`./node_modules/.bin/prettier --write "${i}"`),t.info(`Formatted ${i} with Prettier`)}catch(f){t.error(`Error formatting ${i} with Prettier:`,f)}}async function V(){const i=new L.Command;i.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"))},h=async(e,r)=>{const{default:c}=await f[e],p=R.render(c,r);return{fileName:e,content:p}},w=async()=>{const e=o.join(process.cwd(),".saltyrc");return await a.readFile(e,"utf-8").then(JSON.parse).catch(()=>({}))},x=async e=>{const r=await a.readFile(e,"utf-8").then(JSON.parse).catch(()=>{});if(!r)throw"Could not read package.json file!";return r},A=async()=>{const e=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:E&&E.tagName.toUpperCase()==="SCRIPT"&&E.src||new URL("bin/main.cjs",document.baseURI).href);return x(e)},J=await(async()=>(await w()).defaultProject)(),C=await A(),I={core:`@salty-css/core@${C.version}`,react:`@salty-css/react@${C.version}`,eslintPluginCore:`@salty-css/eslint-plugin-core@${C.version}`,vite:`@salty-css/vite@${C.version}`},N=e=>{const r=e==="."?"":e,c=process.cwd();return o.join(c,r)};i.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(e="."){t.info("Initializing a new Salty-CSS project!");const{dir:r=e,cssFile:c,skipInstall:p}=this.opts();if(!r)return v("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");p||(await b(I.core,I.react),await b(`-D ${I.eslintPluginCore}`));const g=process.cwd(),u=N(r),S=await Promise.all([h("salty.config.ts"),h("saltygen/index.css")]);await a.mkdir(u,{recursive:!0});const j=S.map(async({fileName:n,content:d})=>{const m=o.join(u,n);if(await a.readFile(m,"utf-8").catch(()=>{})!==void 0){t.debug("File already exists: "+m);return}const U=n.split("/").slice(0,-1).join("/");U&&await a.mkdir(o.join(u,U),{recursive:!0}),t.info("Writing file: "+m),await a.writeFile(m,d),await q(m)});await Promise.all(j);const l=o.relative(g,u)||".",s=o.join(g,".saltyrc"),y=await a.readFile(s,"utf-8").catch(()=>{});if(y===void 0){t.info("Creating file: "+s);const d=JSON.stringify({defaultProject:l,projects:[l]},null,2);await a.writeFile(s,d)}else{t.info("Edit file: "+s);const n=JSON.parse(y),d=new Set((n==null?void 0:n.projects)||[]);d.add(l),n.projects=[...d];const m=JSON.stringify(n,null,2);await a.writeFile(s,m)}const $=o.join(g,".gitignore"),F=await a.readFile($,"utf-8").catch(()=>{});if(F!==void 0&&(F.includes("saltygen")||(t.info("Edit file: "+$),await a.writeFile($,F+`
 
 # Salty-CSS
 saltygen
-`))),d){const n=e.join(p,d),l=await a.readFile(n,"utf-8").catch(()=>{});if(l!==void 0&&!l.includes("saltygen")){const q=e.join(n,".."),A=`@import '${e.relative(q,e.join(p,"saltygen/index.css"))}';`;t.info("Edit file: "+n),await a.writeFile(n,A+`
-`+l),await D(n)}}const P=e.join(p,"vite.config.ts"),_=await a.readFile(P,"utf-8").catch(()=>{});if(_!==void 0&&!_.includes("saltyPlugin")){t.info("Edit file: "+P);const l=`import { saltyPlugin } from '@salty-css/vite';
-`,q=_.replace(/(plugins: \[)/,`$1
-  saltyPlugin(__dirname),`);t.info("Installing @salty-css/vite"),u||await b(`-D ${I.vite}`),t.info("Adding Salty-CSS plugin to Vite config..."),await a.writeFile(P,l+q),await D(P)}}),i.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(o=J){t.info("Building the Salty-CSS project...");const{dir:r=o}=this.opts();if(!r)return v("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");const d=e.join(process.cwd(),r);await R.generateCss(d)}),i.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.").action(async function(o,r=J){const{file:d=o,dir:u=r,tag:f,name:p,className:S}=this.opts();if(!d)return v("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");if(!u)return v("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");const j=e.join(process.cwd(),u),c=e.join(j,d),s=e.parse(c);s.ext||(s.ext=".ts"),s.name.endsWith(".css")||(s.name=s.name+".css"),s.base=s.name+s.ext;const y=e.format(s);if(await a.readFile(y,"utf-8").catch(()=>{})!==void 0){t.error("File already exists:",y);return}t.info("Generating a new file: "+y);const F=z.pascalCase(p||s.base.replace(/\.css\.\w+$/,"")),{content:P}=await h("react/react-styled-file.ts",{tag:f,name:F,className:S});await a.writeFile(y,P),await D(y)}),i.command("update").alias("up").description("Update Salty-CSS packages to the latest version.").option("--legacy-peer-deps <legacyPeerDeps>","Use legacy peer dependencies (not recommended).",!1).action(async function(o,r=J){const{legacyPeerDeps:d}=this.opts(),u=e.join(process.cwd(),"package.json"),f=await x(u).catch(c=>v(c));if(!f)return;const p={...f.dependencies,...f.devDependencies},S=Object.keys(p).filter(c=>c==="salty-css"||c.startsWith("@salty-css/"));if(!S.length)return v("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 j=S.map(c=>`${c}@${C.version}`);d?(t.warn("Using legacy peer dependencies to update packages."),await b(...j,"--legacy-peer-deps")):await b(...j),t.info("Salty-CSS packages updated successfully!")}),i.parseAsync(process.argv)}exports.main=G;
+`))),c){const n=o.join(u,c),d=await a.readFile(n,"utf-8").catch(()=>{});if(d!==void 0&&!d.includes("saltygen")){const D=o.join(n,".."),T=`@import '${o.relative(D,o.join(u,"saltygen/index.css"))}';`;t.info("Edit file: "+n),await a.writeFile(n,T+`
+`+d),await q(n)}}const P=o.join(u,"vite.config.ts"),_=await a.readFile(P,"utf-8").catch(()=>{});if(_!==void 0&&!_.includes("saltyPlugin")){t.info("Edit file: "+P);const d=`import { saltyPlugin } from '@salty-css/vite';
+`,D=_.replace(/(plugins: \[)/,`$1
+  saltyPlugin(__dirname),`);t.info("Installing @salty-css/vite"),p||await b(`-D ${I.vite}`),t.info("Adding Salty-CSS plugin to Vite config..."),await a.writeFile(P,d+D),await q(P)}}),i.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(e=J){t.info("Building the Salty-CSS project...");const{dir:r=e}=this.opts();if(!r)return v("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");const c=N(r);await z.generateCss(c)}),i.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.").action(async function(e,r=J){const{file:c=e,dir:p=r,tag:g,name:u,className:S}=this.opts();if(!c)return v("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");if(!p)return v("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");const j=N(p),l=o.join(j,c),s=o.parse(l);s.ext||(s.ext=".ts"),s.name.endsWith(".css")||(s.name=s.name+".css"),s.base=s.name+s.ext;const y=o.format(s);if(await a.readFile(y,"utf-8").catch(()=>{})!==void 0){t.error("File already exists:",y);return}t.info("Generating a new file: "+y);const F=W.pascalCase(u||s.base.replace(/\.css\.\w+$/,"")),{content:P}=await h("react/react-styled-file.ts",{tag:g,name:F,className:S});await a.writeFile(y,P),await q(y)}),i.command("update").alias("up").description("Update Salty-CSS packages to the latest version.").option("--legacy-peer-deps <legacyPeerDeps>","Use legacy peer dependencies (not recommended).",!1).action(async function(e,r=J){const{legacyPeerDeps:c}=this.opts(),p=o.join(process.cwd(),"package.json"),g=await x(p).catch(l=>v(l));if(!g)return;const u={...g.dependencies,...g.devDependencies},S=Object.keys(u).filter(l=>l==="salty-css"||l.startsWith("@salty-css/"));if(!S.length)return v("No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: "+p);const j=S.map(l=>`${l}@${C.version}`);c?(t.warn("Using legacy peer dependencies to update packages."),await b(...j,"--legacy-peer-deps")):await b(...j),t.info("Salty-CSS packages updated successfully!")}),i.parseAsync(process.argv)}exports.main=V;

package/bin/main.js

@@ -1,156 +1,159 @@
-import { Command as W } from "commander";
-import { mkdir as _, readFile as y, writeFile as w } from "fs/promises";
-import { join as o, relative as U, parse as H, format as B } from "path";
-import { render as G } from "ejs";
-import { generateCss as M } from "../compiler/index.js";
-import { p as R } from "../pascal-case-BQpR5PdN.js";
-import { createLogger as V, format as O, transports as q } from "winston";
-import { existsSync as K } from "fs";
-import { exec as Q } from "child_process";
-import X from "ora";
-const t = V({
+import { Command as H } from "commander";
+import { mkdir as U, readFile as y, writeFile as w } from "fs/promises";
+import { join as r, relative as z, parse as B, format as G } from "path";
+import { render as M } from "ejs";
+import { generateCss as R } from "../compiler/index.js";
+import { p as V } from "../pascal-case-BQpR5PdN.js";
+import { createLogger as q, format as _, transports as K } from "winston";
+import { existsSync as Q } from "fs";
+import { exec as X } from "child_process";
+import Y from "ora";
+const e = q({
   level: "debug",
-  format: O.combine(O.colorize(), O.cli()),
-  transports: [new q.Console({})]
-}), j = (e) => {
-  t.error(e);
-}, z = (e) => new Promise((g, h) => {
-  Q(e, (S) => {
+  format: _.combine(_.colorize(), _.cli()),
+  transports: [new K.Console({})]
+}), C = (n) => {
+  e.error(n);
+}, L = (n) => new Promise((f, h) => {
+  X(n, (S) => {
     if (S) return h(S);
-    g();
+    f();
   });
-}), x = async (...e) => {
-  const g = e.map((F) => F.replace("-D", "").split("@").slice(0, -1).join("@").trim()).join(", "), h = X(`Installing packages: ${g}`).start(), S = e.join(" ");
-  await z(`npm install ${S}`), h.succeed(`Installed packages: ${g}`);
-}, Y = () => K(o(process.cwd(), "node_modules", ".bin", "prettier"));
-async function J(e) {
+}), x = async (...n) => {
+  const f = n.map((F) => F.replace("-D", "").split("@").slice(0, -1).join("@").trim()).join(", "), h = Y(`Installing packages: ${f}`).start(), S = n.join(" ");
+  await L(`npm install ${S}`), h.succeed(`Installed packages: ${f}`);
+}, Z = () => Q(r(process.cwd(), "node_modules", ".bin", "prettier"));
+async function J(n) {
   try {
-    if (!Y()) return;
-    await z(`./node_modules/.bin/prettier --write "${e}"`), t.info(`Formatted ${e} with Prettier`);
-  } catch (g) {
-    t.error(`Error formatting ${e} with Prettier:`, g);
+    if (!Z()) return;
+    await L(`./node_modules/.bin/prettier --write "${n}"`), e.info(`Formatted ${n} with Prettier`);
+  } catch (f) {
+    e.error(`Error formatting ${n} with Prettier:`, f);
   }
 }
-async function dt() {
-  const e = new W();
-  e.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");
-  const g = {
+async function pt() {
+  const n = new H();
+  n.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");
+  const f = {
     // 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")
-  }, h = async (i, s) => {
-    const { default: l } = await g[i], p = G(l, s);
-    return { fileName: i, content: p };
+  }, h = async (t, a) => {
+    const { default: s } = await f[t], d = M(s, a);
+    return { fileName: t, content: d };
   }, S = async () => {
-    const i = o(process.cwd(), ".saltyrc");
-    return await y(i, "utf-8").then(JSON.parse).catch(() => ({}));
-  }, F = async (i) => {
-    const s = await y(i, "utf-8").then(JSON.parse).catch(() => {
+    const t = r(process.cwd(), ".saltyrc");
+    return await y(t, "utf-8").then(JSON.parse).catch(() => ({}));
+  }, F = async (t) => {
+    const a = await y(t, "utf-8").then(JSON.parse).catch(() => {
     });
-    if (!s) throw "Could not read package.json file!";
-    return s;
-  }, L = async () => {
-    const i = new URL("../package.json", import.meta.url);
-    return F(i);
-  }, N = await (async () => (await S()).defaultProject)(), k = await L(), b = {
+    if (!a) throw "Could not read package.json file!";
+    return a;
+  }, T = async () => {
+    const t = new URL("../package.json", import.meta.url);
+    return F(t);
+  }, N = await (async () => (await S()).defaultProject)(), k = await T(), b = {
     core: `@salty-css/core@${k.version}`,
     react: `@salty-css/react@${k.version}`,
     eslintPluginCore: `@salty-css/eslint-plugin-core@${k.version}`,
     vite: `@salty-css/vite@${k.version}`
+  }, E = (t) => {
+    const a = t === "." ? "" : t, s = process.cwd();
+    return r(s, a);
   };
-  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(i) {
-    t.info("Initializing a new Salty-CSS project!");
-    const { dir: s = i, cssFile: l, skipInstall: p } = this.opts();
-    if (!s) return j("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");
-    p || (await x(b.core, b.react), await x(`-D ${b.eslintPluginCore}`));
-    const f = process.cwd(), d = o(f, s), P = await Promise.all([h("salty.config.ts"), h("saltygen/index.css")]);
-    await _(d, { recursive: !0 });
-    const v = P.map(async ({ fileName: n, content: c }) => {
-      const m = o(d, n);
+  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(t = ".") {
+    e.info("Initializing a new Salty-CSS project!");
+    const { dir: a = t, cssFile: s, skipInstall: d } = this.opts();
+    if (!a) return C("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");
+    d || (await x(b.core, b.react), await x(`-D ${b.eslintPluginCore}`));
+    const g = process.cwd(), p = E(a), P = await Promise.all([h("salty.config.ts"), h("saltygen/index.css")]);
+    await U(p, { recursive: !0 });
+    const v = P.map(async ({ fileName: i, content: l }) => {
+      const m = r(p, i);
       if (await y(m, "utf-8").catch(() => {
       }) !== void 0) {
-        t.debug("File already exists: " + m);
+        e.debug("File already exists: " + m);
         return;
       }
-      const A = n.split("/").slice(0, -1).join("/");
-      A && await _(o(d, A), { recursive: !0 }), t.info("Writing file: " + m), await w(m, c), await J(m);
+      const O = i.split("/").slice(0, -1).join("/");
+      O && await U(r(p, O), { recursive: !0 }), e.info("Writing file: " + m), await w(m, l), await J(m);
     });
     await Promise.all(v);
-    const r = U(f, d), a = o(f, ".saltyrc"), u = await y(a, "utf-8").catch(() => {
+    const c = z(g, p) || ".", o = r(g, ".saltyrc"), u = await y(o, "utf-8").catch(() => {
     });
     if (u === void 0) {
-      t.info("Creating file: " + a);
-      const c = JSON.stringify({
-        defaultProject: r,
-        projects: [r]
+      e.info("Creating file: " + o);
+      const l = JSON.stringify({
+        defaultProject: c,
+        projects: [c]
       }, null, 2);
-      await w(a, c);
+      await w(o, l);
     } else {
-      t.info("Edit file: " + a);
-      const n = JSON.parse(u), c = new Set((n == null ? void 0 : n.projects) || []);
-      c.add(r), n.projects = [...c];
-      const m = JSON.stringify(n, null, 2);
-      await w(a, m);
+      e.info("Edit file: " + o);
+      const i = JSON.parse(u), l = new Set((i == null ? void 0 : i.projects) || []);
+      l.add(c), i.projects = [...l];
+      const m = JSON.stringify(i, null, 2);
+      await w(o, m);
     }
-    const I = o(f, ".gitignore"), $ = await y(I, "utf-8").catch(() => {
+    const D = r(g, ".gitignore"), $ = await y(D, "utf-8").catch(() => {
     });
-    if ($ !== void 0 && ($.includes("saltygen") || (t.info("Edit file: " + I), await w(I, $ + `
+    if ($ !== void 0 && ($.includes("saltygen") || (e.info("Edit file: " + D), await w(D, $ + `
 
 # Salty-CSS
 saltygen
-`))), l) {
-      const n = o(d, l), c = await y(n, "utf-8").catch(() => {
+`))), s) {
+      const i = r(p, s), l = await y(i, "utf-8").catch(() => {
       });
-      if (c !== void 0 && !c.includes("saltygen")) {
-        const D = o(n, ".."), T = `@import '${U(D, o(d, "saltygen/index.css"))}';`;
-        t.info("Edit file: " + n), await w(n, T + `
-` + c), await J(n);
+      if (l !== void 0 && !l.includes("saltygen")) {
+        const I = r(i, ".."), W = `@import '${z(I, r(p, "saltygen/index.css"))}';`;
+        e.info("Edit file: " + i), await w(i, W + `
+` + l), await J(i);
       }
     }
-    const C = o(d, "vite.config.ts"), E = await y(C, "utf-8").catch(() => {
+    const j = r(p, "vite.config.ts"), A = await y(j, "utf-8").catch(() => {
     });
-    if (E !== void 0 && !E.includes("saltyPlugin")) {
-      t.info("Edit file: " + C);
-      const c = `import { saltyPlugin } from '@salty-css/vite';
-`, D = E.replace(/(plugins: \[)/, `$1
+    if (A !== void 0 && !A.includes("saltyPlugin")) {
+      e.info("Edit file: " + j);
+      const l = `import { saltyPlugin } from '@salty-css/vite';
+`, I = A.replace(/(plugins: \[)/, `$1
   saltyPlugin(__dirname),`);
-      t.info("Installing @salty-css/vite"), p || await x(`-D ${b.vite}`), t.info("Adding Salty-CSS plugin to Vite config..."), await w(C, c + D), await J(C);
+      e.info("Installing @salty-css/vite"), d || await x(`-D ${b.vite}`), e.info("Adding Salty-CSS plugin to Vite config..."), await w(j, l + I), await J(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(i = N) {
-    t.info("Building the Salty-CSS project...");
-    const { dir: s = i } = this.opts();
-    if (!s) return j("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");
-    const l = o(process.cwd(), s);
-    await M(l);
-  }), e.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.").action(async function(i, s = N) {
-    const { file: l = i, dir: p = s, tag: f, name: d, className: P } = this.opts();
-    if (!l) return j("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");
-    if (!p) return j("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");
-    const v = o(process.cwd(), p), r = o(v, l), a = H(r);
-    a.ext || (a.ext = ".ts"), a.name.endsWith(".css") || (a.name = a.name + ".css"), a.base = a.name + a.ext;
-    const u = B(a);
+  }), 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(t = N) {
+    e.info("Building the Salty-CSS project...");
+    const { dir: a = t } = this.opts();
+    if (!a) return C("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");
+    const s = E(a);
+    await R(s);
+  }), n.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.").action(async function(t, a = N) {
+    const { file: s = t, dir: d = a, tag: g, name: p, className: P } = this.opts();
+    if (!s) return C("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");
+    if (!d) return C("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");
+    const v = E(d), c = r(v, s), o = B(c);
+    o.ext || (o.ext = ".ts"), o.name.endsWith(".css") || (o.name = o.name + ".css"), o.base = o.name + o.ext;
+    const u = G(o);
     if (await y(u, "utf-8").catch(() => {
     }) !== void 0) {
-      t.error("File already exists:", u);
+      e.error("File already exists:", u);
       return;
     }
-    t.info("Generating a new file: " + u);
-    const $ = R(d || a.base.replace(/\.css\.\w+$/, "")), { content: C } = await h("react/react-styled-file.ts", { tag: f, name: $, className: P });
-    await w(u, C), await J(u);
-  }), e.command("update").alias("up").description("Update Salty-CSS packages to the latest version.").option("--legacy-peer-deps <legacyPeerDeps>", "Use legacy peer dependencies (not recommended).", !1).action(async function(i, s = N) {
-    const { legacyPeerDeps: l } = this.opts(), p = o(process.cwd(), "package.json"), f = await F(p).catch((r) => j(r));
-    if (!f) return;
-    const d = { ...f.dependencies, ...f.devDependencies }, P = Object.keys(d).filter((r) => r === "salty-css" || r.startsWith("@salty-css/"));
+    e.info("Generating a new file: " + u);
+    const $ = V(p || o.base.replace(/\.css\.\w+$/, "")), { content: j } = await h("react/react-styled-file.ts", { tag: g, name: $, className: P });
+    await w(u, j), await J(u);
+  }), n.command("update").alias("up").description("Update Salty-CSS packages to the latest version.").option("--legacy-peer-deps <legacyPeerDeps>", "Use legacy peer dependencies (not recommended).", !1).action(async function(t, a = N) {
+    const { legacyPeerDeps: s } = this.opts(), d = r(process.cwd(), "package.json"), g = await F(d).catch((c) => C(c));
+    if (!g) return;
+    const p = { ...g.dependencies, ...g.devDependencies }, P = Object.keys(p).filter((c) => c === "salty-css" || c.startsWith("@salty-css/"));
     if (!P.length)
-      return j(
-        "No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + p
+      return C(
+        "No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + d
       );
-    const v = P.map((r) => `${r}@${k.version}`);
-    l ? (t.warn("Using legacy peer dependencies to update packages."), await x(...v, "--legacy-peer-deps")) : await x(...v), t.info("Salty-CSS packages updated successfully!");
-  }), e.parseAsync(process.argv);
+    const v = P.map((c) => `${c}@${k.version}`);
+    s ? (e.warn("Using legacy peer dependencies to update packages."), await x(...v, "--legacy-peer-deps")) : await x(...v), e.info("Salty-CSS packages updated successfully!");
+  }), n.parseAsync(process.argv);
 }
 export {
-  dt as main
+  pt as main
 };

package/package.json

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