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

package/README.md

@@ -1,4 +1,4 @@
-# Salty CSS - Kinda sweet but yet spicy CSS-in-JS library 🧂
+# Salty CSS - Kinda sweet but yet spicy CSS-in-JS library
 
 In the world of frontend dev is there anything saltier than CSS? Salty CSS is built to provide better developer experience for developers looking for performant and feature rich CSS-in-JS solutions.
 
@@ -12,11 +12,17 @@ In the world of frontend dev is there anything saltier than CSS? Salty CSS is bu
 
 ## Get started
 
+### TL;DR
+
+- Initialize: `npx salty-css init [directory]`
+- Create component: `npx salty-css generate [filePath]`
+- Build: `npx salty-css build [directory]`
+
 ### Quick way of using `salty-css` CLI
 
 #### Initialize Salty CSS for a project
 
-In your repository run `npx salty-css init [directory]` which installs required salty-css packages to the current directory and creates project files to the provided directory. Directory can be left blank if you want files to be created to the current directory.
+In your existing repository run `npx salty-css init [directory]` which installs required salty-css packages to the current directory and creates project files to the provided directory. Directory can be left blank if you want files to be created to the current directory. Init will also create `.saltyrc` which contains some metadata for future CLI commands.
 
 #### Create components
 
@@ -24,7 +30,7 @@ Components can be created with `npx salty-css generate [filePath]` which then cr
 
 #### Build / Compile Salty CSS
 
-If you want to manually build your project that can be done by running `npx salty-css build [directory]`
+If you want to manually build your project that can be done by running `npx salty-css build [directory]`. Directory is not required as CLI can use default directory defined in `.saltyrc`. Note that build generates css files but Vite / Webpack plugin is still required for full support.
 
 #### Update Salty CSS packages
 

package/bin/main.cjs

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

package/bin/main.js

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

package/package.json

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