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

package/bin/main.cjs

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

package/package.json

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