@salty-css/core 0.0.1-alpha.38 → 0.0.1-alpha.39

package/bin/main.cjs

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

package/bin/main.js

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

package/package.json

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