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

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 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+`
 
 # 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;
+`))),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');
+`:`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;

package/bin/main.js

@@ -1,37 +1,37 @@
 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 { 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({
   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);
+  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();
   });
 }), 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"));
+  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) {
   try {
-    if (!tt()) return;
-    await T(`./node_modules/.bin/prettier --write "${i}"`), e.info(`Formatted ${i} with Prettier`);
+    if (!et()) return;
+    await R(`./node_modules/.bin/prettier --write "${i}"`), n.info(`Formatted ${i} with Prettier`);
   } catch (f) {
-    e.error(`Error formatting ${i} with Prettier:`, f);
+    n.error(`Error formatting ${i} with Prettier:`, f);
   }
 }
-async function ft() {
+async function ut() {
   const i = new B();
   i.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");
   const f = {
@@ -40,124 +40,137 @@ async function ft() {
     "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(() => {
+  }, 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(() => {
     });
-    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 (!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);
   };
-  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 = ".") {
+  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 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();
-    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(() => {
+    })) 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(() => {
       }) !== void 0) {
-        e.debug("File already exists: " + g);
+        n.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 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);
     });
-    await Promise.all(p);
-    const $ = L(w, c) || ".", a = o(w, ".saltyrc"), u = await y(a, "utf-8").catch(() => {
+    await Promise.all(A);
+    const F = T(m, a) || ".", r = c(m, ".saltyrc"), y = await g(r, "utf-8").catch(() => {
     });
-    if (u === void 0) {
-      e.info("Creating file: " + a);
+    if (y === void 0) {
+      n.info("Creating file: " + r);
       const l = JSON.stringify({
-        defaultProject: $,
-        projects: [$]
+        defaultProject: F,
+        projects: [F]
       }, null, 2);
-      await P(a, l);
+      await w(r, 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);
+      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];
+      const d = JSON.stringify(t, null, 2);
+      await w(r, d);
     }
-    const I = o(w, ".gitignore"), b = await y(I, "utf-8").catch(() => {
+    const O = c(m, ".gitignore"), b = await g(O, "utf-8").catch(() => {
     });
-    if (b !== void 0 && (b.includes("saltygen") || (e.info("Edit file: " + I), await P(I, b + `
+    if (b !== void 0 && (b.includes("saltygen") || (n.info("Edit file: " + O), await w(O, b + `
 
 # Salty-CSS
 saltygen
-`))), d) {
-      const n = o(c, d), l = await y(n, "utf-8").catch(() => {
+`))), p) {
+      const t = c(a, p), l = await g(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 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 C = o(c, "vite.config.ts"), O = await y(C, "utf-8").catch(() => {
+    const j = c(a, "vite.config.ts"), U = await g(j, "utf-8").catch(() => {
     });
-    if (O !== void 0 && !O.includes("saltyPlugin")) {
-      e.info("Edit file: " + C);
+    if (U !== void 0 && !U.includes("saltyPlugin")) {
+      n.info("Edit file: " + j);
       const l = `import { saltyPlugin } from '@salty-css/vite';
-`, J = O.replace(/(plugins: \[)/, `$1
+`, v = 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);
+      u || await x(`-D ${$.vite}`), n.info("Adding Salty-CSS plugin to Vite config..."), await w(j, l + v), await N(j);
     }
-  }), 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();
-    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(() => {
+    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(() => {
+      });
+      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');
+` : `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);
+      }
+    }
+  }), 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(() => {
     }) !== void 0) {
-      e.error("File already exists:", u);
+      n.error("File already exists:", y);
       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)
-      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
+    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
       );
-    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!");
+    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);
 }
 export {
-  ft as main
+  ut as main
 };

package/package.json

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