@salty-css/core 0.0.1-alpha.30 → 0.0.1-alpha.301

package/bin/main.cjs

@@ -1,8 +1,445 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("commander"),i=require("fs/promises"),t=require("path"),R=require("ejs"),T=require("../compiler/index.cjs"),U=require("../pascal-case-iWoaJWwT.cjs"),S=require("winston"),z=require("fs"),H=require("child_process"),W=require("ora");var D=typeof document<"u"?document.currentScript:null;const r=S.createLogger({level:"debug",format:S.format.combine(S.format.colorize(),S.format.cli()),transports:[new S.transports.Console({})]}),x=n=>{r.error(n)},A=n=>new Promise((l,g)=>{H.exec(n,y=>{if(y)return g(y);l()})}),E=async(...n)=>{const l=n.map($=>$.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),g=W(`Installing packages: ${l}`).start(),y=n.join(" ");await A(`npm install ${y}`),g.succeed(`Installed packages: ${l}`)},B=()=>z.existsSync(t.join(process.cwd(),"node_modules",".bin","prettier"));async function I(n){try{if(!B())return;await A(`./node_modules/.bin/prettier --write "${n}"`),r.info(`Formatted ${n} with Prettier`)}catch(l){r.error(`Error formatting ${n} with Prettier:`,l)}}async function G(){const n=new O.Command;n.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const l={"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"))},g=async(a,c)=>{const{default:d}=await l[a],m=R.render(d,c);return{fileName:a,content:m}},y=async()=>{const a=t.join(process.cwd(),".saltyrc");return await i.readFile(a,"utf-8").then(JSON.parse).catch(()=>({}))},$=async()=>{const a=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:D&&D.tagName.toUpperCase()==="SCRIPT"&&D.src||new URL("bin/main.cjs",document.baseURI).href);return await i.readFile(a,"utf-8").then(JSON.parse).catch(()=>({}))},N=await(async()=>(await y()).defaultProject)(),v=await $(),C={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}`};n.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(a){r.info("Initializing a new Salty-CSS project!");const{dir:c=a,cssFile:d,skipInstall:m}=this.opts();if(!c)return x("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");m||(await E(C.core,C.react),await E(`-D ${C.eslintPluginCore}`));const w=process.cwd(),f=t.join(w,c),k=await Promise.all([g("salty.config.ts"),g("saltygen/index.css")]);await i.mkdir(f,{recursive:!0});const q=k.map(async({fileName:e,content:s})=>{const p=t.join(f,e);if(await i.readFile(p,"utf-8").catch(()=>{})!==void 0){r.debug("File already exists: "+p);return}const _=e.split("/").slice(0,-1).join("/");_&&await i.mkdir(t.join(f,_),{recursive:!0}),r.info("Writing file: "+p),await i.writeFile(p,s),await I(p)});await Promise.all(q);const j=t.relative(w,f),o=t.join(w,".saltyrc"),u=await i.readFile(o,"utf-8").catch(()=>{});if(u===void 0){r.info("Creating file: "+o);const s=JSON.stringify({defaultProject:j,projects:[j]},null,2);await i.writeFile(o,s)}else{r.info("Edit file: "+o);const e=JSON.parse(u),s=new Set((e==null?void 0:e.projects)||[]);s.add(j),e.projects=[...s];const p=JSON.stringify(e,null,2);await i.writeFile(o,p)}const F=t.join(w,".gitignore"),P=await i.readFile(F,"utf-8").catch(()=>{});if(P!==void 0&&(P.includes("saltygen")||(r.info("Edit file: "+F),await i.writeFile(F,P+`
-
-# Salty-CSS
-saltygen
-`))),d){const e=t.join(f,d),s=await i.readFile(e,"utf-8").catch(()=>{});if(s!==void 0&&!s.includes("saltygen")){const b=t.join(e,".."),L=`@import '${t.relative(b,t.join(f,"saltygen/index.css"))}';`;r.info("Edit file: "+e),await i.writeFile(e,L+`
-`+s),await I(e)}}const h=t.join(f,"vite.config.ts"),J=await i.readFile(h,"utf-8").catch(()=>{});if(J!==void 0&&!J.includes("saltyPlugin")){r.info("Edit file: "+h);const s=`import { saltyPlugin } from '@salty-css/vite';
-`,b=J.replace(/(plugins: \[)/,`$1
-  saltyPlugin(__dirname),`);r.info("Installing @salty-css/vite"),m||await E(`-D ${C.vite}`),r.info("Adding Salty-CSS plugin to Vite config..."),await i.writeFile(h,s+b),await I(h)}}),n.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>","Project directory to build the project in.").action(async function(a=N){r.info("Building the Salty-CSS project...");const{dir:c=a}=this.opts();if(!c)return x("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");const d=t.join(process.cwd(),c);await T.generateCss(d)}),n.command("generate [file] [directory]").alias("g").description("Generate a new component file.").option("-f, --file <file>","File to generate.").option("-d, --dir <dir>","Project directory to generate the file in.").option("-t, --tag <tag>","HTML tag of the component.","div").option("-n, --name <name>","Name of the component.").option("-c, --className <className>","CSS class of the component.").action(async function(a,c=N){const{file:d=a,dir:m=c,tag:w,name:f,className:k}=this.opts();if(!d)return x("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");if(!m)return x("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");const q=t.join(process.cwd(),m),j=t.join(q,d),o=t.parse(j);o.ext||(o.ext=".ts"),o.name.endsWith(".css")||(o.name=o.name+".css"),o.base=o.name+o.ext;const u=t.format(o);if(await i.readFile(u,"utf-8").catch(()=>{})!==void 0){r.error("File already exists:",u);return}r.info("Generating a new file: "+u);const P=U.pascalCase(f||o.base.replace(/\.css\.\w+$/,"")),{content:h}=await g("react/react-styled-file.ts",{tag:w,name:P,className:k});await i.writeFile(u,h),await I(u)}),n.parseAsync(process.argv)}exports.main=G;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const commander = require("commander");
+const fs = require("fs");
+const promises = require("fs/promises");
+const path = require("path");
+const ejs = require("ejs");
+const compiler_index = require("../compiler/index.cjs");
+const pascalCase = require("../pascal-case-By_l58S-.cjs");
+const child_process = require("child_process");
+const ora = require("ora");
+const shouldRestart = require("../should-restart-DoaGoD5T.cjs");
+var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
+const execAsync = (command) => {
+  return new Promise((resolve, reject) => {
+    child_process.exec(command, (error) => {
+      if (error) return reject(error);
+      resolve();
+    });
+  });
+};
+const npmInstall = async (...packages) => {
+  const packageNames = packages.map((p) => p.replace("-D", "").split("@").slice(0, -1).join("@").trim()).join(", ");
+  const spinner = ora(`Installing packages: ${packageNames}`).start();
+  const asString = packages.join(" ");
+  await execAsync(`npm install ${asString}`);
+  spinner.succeed(`Installed packages: ${packageNames}`);
+};
+const hasPrettierInstalled = () => {
+  return fs.existsSync(path.join(process.cwd(), "node_modules", ".bin", "prettier"));
+};
+async function formatWithPrettier(filePath) {
+  try {
+    const hasPrettier = hasPrettierInstalled();
+    if (!hasPrettier) return;
+    await execAsync(`./node_modules/.bin/prettier --write "${filePath}"`);
+    compiler_index.logger.info(`Formatted ${filePath} with Prettier`);
+  } catch (error) {
+    compiler_index.logger.error(`Error formatting ${filePath} with Prettier:`, error);
+  }
+}
+async function main() {
+  const program = new commander.Command();
+  program.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");
+  const files = {
+    // Core files
+    "salty.config.ts": Promise.resolve().then(() => require("../salty.config-cqavVm2t.cjs")),
+    "saltygen/index.css": Promise.resolve().then(() => require("../index-ByR0nfaf.cjs")),
+    // React
+    "react/react-styled-file.ts": Promise.resolve().then(() => require("../react-styled-file-U02jek-B.cjs")),
+    "react/react-vanilla-file.ts": Promise.resolve().then(() => require("../react-vanilla-file-Bj6XC8GS.cjs"))
+  };
+  const readTemplate = async (fileName, options) => {
+    const { default: file } = await files[fileName];
+    const content = ejs.render(file, options);
+    return { fileName, content };
+  };
+  const readRCFile = async () => {
+    const rcPath = path.join(process.cwd(), ".saltyrc.json");
+    const rcContent = await promises.readFile(rcPath, "utf-8").then(JSON.parse).catch(() => ({}));
+    return rcContent;
+  };
+  const defaultPackageJsonPath = path.join(process.cwd(), "package.json");
+  const readPackageJson = async (filePath = defaultPackageJsonPath) => {
+    const packageJsonContent = await promises.readFile(filePath, "utf-8").then(JSON.parse).catch(() => void 0);
+    if (!packageJsonContent) throw "Could not read package.json file!";
+    return packageJsonContent;
+  };
+  const updatePackageJson = async (content, filePath = defaultPackageJsonPath) => {
+    if (typeof content === "object") content = JSON.stringify(content, null, 2);
+    await promises.writeFile(filePath, content);
+  };
+  const readThisPackageJson = async () => {
+    const packageJsonPath = new URL("../package.json", typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("bin/main.cjs", document.baseURI).href);
+    return readPackageJson(packageJsonPath);
+  };
+  const getDefaultProject = async () => {
+    const rcContent = await readRCFile();
+    return rcContent.defaultProject;
+  };
+  const defaultProject = await getDefaultProject();
+  const currentPackageJson = await readThisPackageJson();
+  const packages = {
+    core: `@salty-css/core@${currentPackageJson.version}`,
+    react: `@salty-css/react@${currentPackageJson.version}`,
+    eslintConfigCore: `@salty-css/eslint-config-core@${currentPackageJson.version}`,
+    vite: `@salty-css/vite@${currentPackageJson.version}`,
+    next: `@salty-css/next@${currentPackageJson.version}`
+  };
+  const resolveProjectDir = (dir) => {
+    const dirName = dir === "." ? "" : dir;
+    const rootDir = process.cwd();
+    const projectDir = path.join(rootDir, dirName);
+    return projectDir;
+  };
+  program.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(_dir = ".") {
+    const packageJson = await readPackageJson().catch(() => void 0);
+    if (!packageJson) return compiler_index.logError("Salty CSS project must be initialized in a directory with a package.json file.");
+    compiler_index.logger.info("Initializing a new Salty-CSS project!");
+    const { dir = _dir, cssFile, skipInstall } = this.opts();
+    if (!dir) return compiler_index.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");
+    if (!skipInstall) await npmInstall(packages.core, packages.react);
+    const rootDir = process.cwd();
+    const projectDir = resolveProjectDir(dir);
+    const projectFiles = await Promise.all([readTemplate("salty.config.ts"), readTemplate("saltygen/index.css")]);
+    await promises.mkdir(projectDir, { recursive: true });
+    const writeFiles = projectFiles.map(async ({ fileName, content }) => {
+      const filePath = path.join(projectDir, fileName);
+      const existingContent = await promises.readFile(filePath, "utf-8").catch(() => void 0);
+      if (existingContent !== void 0) {
+        compiler_index.logger.debug("File already exists: " + filePath);
+        return;
+      }
+      const additionalFolders = fileName.split("/").slice(0, -1).join("/");
+      if (additionalFolders) await promises.mkdir(path.join(projectDir, additionalFolders), { recursive: true });
+      compiler_index.logger.info("Creating file: " + filePath);
+      await promises.writeFile(filePath, content);
+      await formatWithPrettier(filePath);
+    });
+    await Promise.all(writeFiles);
+    const relativeProjectPath = path.relative(rootDir, projectDir) || ".";
+    const saltyrcPath = path.join(rootDir, ".saltyrc.json");
+    const existingSaltyrc = await promises.readFile(saltyrcPath, "utf-8").catch(() => void 0);
+    if (existingSaltyrc === void 0) {
+      compiler_index.logger.info("Creating file: " + saltyrcPath);
+      const rcContent = {
+        $schema: "./node_modules/@salty-css/core/.saltyrc.schema.json",
+        info: "This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",
+        defaultProject: relativeProjectPath,
+        projects: [
+          {
+            dir: relativeProjectPath,
+            framework: "react"
+          }
+        ]
+      };
+      const content = JSON.stringify(rcContent, null, 2);
+      await promises.writeFile(saltyrcPath, content);
+      await formatWithPrettier(saltyrcPath);
+    } else {
+      const rcContent = JSON.parse(existingSaltyrc);
+      const projects = (rcContent == null ? void 0 : rcContent.projects) || [];
+      const projectIndex = projects.findIndex((p) => p.dir === relativeProjectPath);
+      if (projectIndex === -1) {
+        projects.push({ dir: relativeProjectPath, framework: "react" });
+        rcContent.projects = [...projects];
+        const content = JSON.stringify(rcContent, null, 2);
+        if (content !== existingSaltyrc) {
+          compiler_index.logger.info("Edit file: " + saltyrcPath);
+          await promises.writeFile(saltyrcPath, content);
+          await formatWithPrettier(saltyrcPath);
+        }
+      }
+    }
+    const gitIgnorePath = path.join(rootDir, ".gitignore");
+    const gitIgnoreContent = await promises.readFile(gitIgnorePath, "utf-8").catch(() => void 0);
+    if (gitIgnoreContent !== void 0) {
+      const alreadyIgnoresSaltygen = gitIgnoreContent.includes("saltygen");
+      if (!alreadyIgnoresSaltygen) {
+        compiler_index.logger.info("Edit file: " + gitIgnorePath);
+        await promises.writeFile(gitIgnorePath, gitIgnoreContent + "\n\n# Salty-CSS\nsaltygen\n");
+      }
+    }
+    const cssFileFoldersToLookFor = ["src", "public", "assets", "styles", "css", "app"];
+    const secondLevelFolders = ["styles", "css", "app", "pages"];
+    const cssFilesToLookFor = ["index", "styles", "main", "app", "global", "globals"];
+    const cssFileExtensions = [".css", ".scss", ".sass"];
+    const getTargetCssFile = async () => {
+      if (cssFile) return cssFile;
+      for (const folder of cssFileFoldersToLookFor) {
+        for (const file of cssFilesToLookFor) {
+          for (const ext of cssFileExtensions) {
+            const filePath = path.join(projectDir, folder, file + ext);
+            const fileContent = await promises.readFile(filePath, "utf-8").catch(() => void 0);
+            if (fileContent !== void 0) return path.relative(projectDir, filePath);
+            for (const secondLevelFolder of secondLevelFolders) {
+              const filePath2 = path.join(projectDir, folder, secondLevelFolder, file + ext);
+              const fileContent2 = await promises.readFile(filePath2, "utf-8").catch(() => void 0);
+              if (fileContent2 !== void 0) return path.relative(projectDir, filePath2);
+            }
+          }
+        }
+      }
+      return void 0;
+    };
+    const targetCSSFile = await getTargetCssFile();
+    if (targetCSSFile) {
+      const cssFilePath = path.join(projectDir, targetCSSFile);
+      const cssFileContent = await promises.readFile(cssFilePath, "utf-8").catch(() => void 0);
+      if (cssFileContent !== void 0) {
+        const alreadyImportsSaltygen = cssFileContent.includes("saltygen");
+        if (!alreadyImportsSaltygen) {
+          const cssFileFolder = path.join(cssFilePath, "..");
+          const relativePath = path.relative(cssFileFolder, path.join(projectDir, "saltygen/index.css"));
+          const importStatement = `@import '${relativePath}';`;
+          compiler_index.logger.info("Adding global import statement to CSS file: " + cssFilePath);
+          await promises.writeFile(cssFilePath, importStatement + "\n" + cssFileContent);
+          await formatWithPrettier(cssFilePath);
+        }
+      }
+    } else {
+      compiler_index.logger.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");
+    }
+    const eslintConfigs = {
+      projectJs: path.join(projectDir, "eslint.config.js"),
+      rootJs: path.join(rootDir, "eslint.config.js"),
+      projectMjs: path.join(projectDir, "eslint.config.mjs"),
+      rootMjs: path.join(rootDir, "eslint.config.mjs"),
+      projectJson: path.join(projectDir, ".eslintrc.json"),
+      rootJson: path.join(rootDir, ".eslintrc.json")
+    };
+    const eslintConfigToUse = Object.values(eslintConfigs).find((path2) => fs.existsSync(path2));
+    if (eslintConfigToUse) {
+      if (!skipInstall) await npmInstall(packages.eslintConfigCore);
+      const eslintConfigContent = await promises.readFile(eslintConfigToUse, "utf-8").catch(() => void 0);
+      if (!eslintConfigContent) return compiler_index.logError("Could not read ESLint config file.");
+      const alreadyHasSaltyConfig = eslintConfigContent.includes("salty-css");
+      if (!alreadyHasSaltyConfig) {
+        compiler_index.logger.info("Edit file: " + eslintConfigToUse);
+        if (eslintConfigToUse.endsWith("js")) {
+          const importStatement = 'import saltyCss from "@salty-css/eslint-config-core/flat";';
+          let newContent = `${importStatement}
+${eslintConfigContent}`;
+          const isTsEslint = eslintConfigContent.includes("typescript-eslint");
+          if (isTsEslint) {
+            if (newContent.includes(".config(")) newContent = newContent.replace(".config(", ".config(saltyCss,");
+            else compiler_index.logger.warn("Could not find the correct place to add the Salty-CSS config for ESLint. Please add it manually.");
+          } else {
+            if (newContent.includes("export default [")) newContent = newContent.replace("export default [", "export default [ saltyCss,");
+            else if (newContent.includes("eslintConfig = [")) newContent = newContent.replace("eslintConfig = [", "eslintConfig = [ saltyCss,");
+            else compiler_index.logger.warn("Could not find the correct place to add the Salty-CSS config for ESLint. Please add it manually.");
+          }
+          await promises.writeFile(eslintConfigToUse, newContent);
+          await formatWithPrettier(eslintConfigToUse);
+        } else {
+          const eslintConfigJson = JSON.parse(eslintConfigContent);
+          if (!eslintConfigJson.extends) eslintConfigJson.extends = [];
+          eslintConfigJson.extends.push("@salty-css/core");
+          const modifiedEslintConfigContent = JSON.stringify(eslintConfigJson, null, 2);
+          await promises.writeFile(eslintConfigToUse, modifiedEslintConfigContent);
+          await formatWithPrettier(eslintConfigToUse);
+        }
+      }
+    }
+    const viteConfigPath = path.join(projectDir, "vite.config.ts");
+    const viteConfigContent = await promises.readFile(viteConfigPath, "utf-8").catch(() => void 0);
+    if (viteConfigContent !== void 0) {
+      const alreadyHasPlugin = viteConfigContent.includes("saltyPlugin");
+      if (!alreadyHasPlugin) {
+        compiler_index.logger.info("Edit file: " + viteConfigPath);
+        const pluginImport = "import { saltyPlugin } from '@salty-css/vite';\n";
+        const pluginConfig = "saltyPlugin(__dirname),";
+        const newContent = viteConfigContent.replace(/(plugins: \[)/, `$1
+  ${pluginConfig}`);
+        if (!skipInstall) await npmInstall(`-D ${packages.vite}`);
+        compiler_index.logger.info("Adding Salty-CSS plugin to Vite config...");
+        await promises.writeFile(viteConfigPath, pluginImport + newContent);
+        await formatWithPrettier(viteConfigPath);
+      }
+    }
+    const nextConfigFiles = ["next.config.js", "next.config.cjs", "next.config.ts", "next.config.mjs"];
+    const nextConfigPath = nextConfigFiles.map((file) => path.join(projectDir, file)).find((path2) => fs.existsSync(path2));
+    if (nextConfigPath) {
+      let nextConfigContent = await promises.readFile(nextConfigPath, "utf-8").catch(() => void 0);
+      if (nextConfigContent !== void 0) {
+        const alreadyHasPlugin = nextConfigContent.includes("withSaltyCss");
+        if (!alreadyHasPlugin) {
+          let saltyCssAppended = false;
+          const hasPluginsArray = /\splugins([^=]*)=[^[]\[/.test(nextConfigContent);
+          if (hasPluginsArray && !saltyCssAppended) {
+            nextConfigContent = nextConfigContent.replace(/\splugins([^=]*)=[^[]\[/, (_, config) => {
+              return ` plugins${config}= [withSaltyCss,`;
+            });
+            saltyCssAppended = true;
+          }
+          const useRequire = nextConfigContent.includes("module.exports");
+          const pluginImport = useRequire ? "const { withSaltyCss } = require('@salty-css/next');\n" : "import { withSaltyCss } from '@salty-css/next';\n";
+          if (useRequire && !saltyCssAppended) {
+            nextConfigContent = nextConfigContent.replace(/module.exports = ([^;]+)/, (_, config) => {
+              return `module.exports = withSaltyCss(${config})`;
+            });
+            saltyCssAppended = true;
+          } else if (!saltyCssAppended) {
+            nextConfigContent = nextConfigContent.replace(/export default ([^;]+)/, (_, config) => {
+              return `export default withSaltyCss(${config})`;
+            });
+          }
+          if (!skipInstall) await npmInstall(`-D ${packages.next}`);
+          compiler_index.logger.info("Adding Salty-CSS plugin to Next.js config...");
+          await promises.writeFile(nextConfigPath, pluginImport + nextConfigContent);
+          await formatWithPrettier(nextConfigPath);
+        }
+      }
+    }
+    const packageJsonContent = await readPackageJson().catch(() => compiler_index.logError("Could not read package.json file.")).then((content) => {
+      if (!content.scripts) content.scripts = {};
+      if (content.scripts.prepare) {
+        const alreadyHasSaltyCss = content.scripts.prepare.includes("salty-css");
+        if (!alreadyHasSaltyCss) {
+          compiler_index.logger.info("Edit file: " + defaultPackageJsonPath);
+          content.scripts.prepare = content.scripts.prepare + " && npx salty-css build";
+        }
+      } else {
+        compiler_index.logger.info("Edit file: " + defaultPackageJsonPath);
+        content.scripts.prepare = "npx salty-css build";
+      }
+      return content;
+    });
+    await updatePackageJson(packageJsonContent);
+    compiler_index.logger.info("Running the build to generate initial CSS...");
+    await compiler_index.generateCss(projectDir);
+    compiler_index.logger.info("🎉 Salty CSS project initialized successfully!");
+    compiler_index.logger.info("Next steps:");
+    compiler_index.logger.info("1. Configure variables and templates in `salty.config.ts`");
+    compiler_index.logger.info("2. Create a new component with `npx salty-css generate [component-name]`");
+    compiler_index.logger.info("3. Run `npx salty-css build` to generate the CSS");
+    compiler_index.logger.info("4. Read about the features in the documentation: https://salty-css.dev");
+    compiler_index.logger.info("5. Star the project on GitHub: https://github.com/margarita-form/salty-css ⭐");
+  });
+  program.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>", "Project directory to build the project in.").option("--watch", "Watch for changes and rebuild the project.").action(async function(_dir = defaultProject) {
+    compiler_index.logger.info("Building the Salty-CSS project...");
+    const { dir = _dir, watch } = this.opts();
+    if (!dir) return compiler_index.logError("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");
+    const projectDir = resolveProjectDir(dir);
+    await compiler_index.generateCss(projectDir);
+    if (watch) {
+      compiler_index.logger.info("Watching for changes in the project directory...");
+      fs.watch(projectDir, { recursive: true }, async (event, filePath) => {
+        const shouldRestart$1 = await shouldRestart.checkShouldRestart(filePath);
+        if (shouldRestart$1) {
+          await compiler_index.generateCss(projectDir, false, false);
+        } else {
+          const saltyFile = compiler_index.isSaltyFile(filePath);
+          if (saltyFile) await compiler_index.generateFile(projectDir, filePath);
+        }
+      });
+    }
+  });
+  program.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.").option("-r, --reactComponent", "Generate a React component as well.").action(async function(_file, _dir = defaultProject) {
+    const { file = _file, dir = _dir, tag, name, className, reactComponent = false } = this.opts();
+    if (!file) return compiler_index.logError("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");
+    if (!dir) return compiler_index.logError("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");
+    const projectDir = resolveProjectDir(dir);
+    const additionalFolders = file.split("/").slice(0, -1).join("/");
+    if (additionalFolders) await promises.mkdir(path.join(projectDir, additionalFolders), { recursive: true });
+    const filePath = path.join(projectDir, file);
+    const parsedFilePath = path.parse(filePath);
+    if (!parsedFilePath.ext) {
+      parsedFilePath.ext = ".ts";
+    }
+    if (!parsedFilePath.name.endsWith(".css")) {
+      parsedFilePath.name = parsedFilePath.name + ".css";
+    }
+    parsedFilePath.base = parsedFilePath.name + parsedFilePath.ext;
+    const formattedStyledFilePath = path.format(parsedFilePath);
+    const alreadyExists = await promises.readFile(formattedStyledFilePath, "utf-8").catch(() => void 0);
+    if (alreadyExists !== void 0) {
+      compiler_index.logger.error("File already exists:", formattedStyledFilePath);
+      return;
+    }
+    let styledComponentName = pascalCase.pascalCase(name || parsedFilePath.base.replace(/\.css\.\w+$/, ""));
+    if (reactComponent) {
+      const componentName = styledComponentName + "Component";
+      styledComponentName = styledComponentName + "Wrapper";
+      const fileName = parsedFilePath.base.replace(/\.css\.\w+$/, "");
+      const { content: reactContent } = await readTemplate("react/react-vanilla-file.ts", { tag, componentName, styledComponentName, className, fileName });
+      parsedFilePath.name = fileName.replace(/\.css$/, "");
+      parsedFilePath.ext = ".tsx";
+      parsedFilePath.base = parsedFilePath.name + parsedFilePath.ext;
+      const formattedReactFilePath = path.format(parsedFilePath);
+      compiler_index.logger.info("Generating a new file: " + formattedReactFilePath);
+      await promises.writeFile(formattedReactFilePath, reactContent);
+      await formatWithPrettier(formattedReactFilePath);
+    }
+    const { content } = await readTemplate("react/react-styled-file.ts", { tag, name: styledComponentName, className });
+    compiler_index.logger.info("Generating a new file: " + formattedStyledFilePath);
+    await promises.writeFile(formattedStyledFilePath, content);
+    await formatWithPrettier(formattedStyledFilePath);
+  });
+  const getSaltyCssPackages = async () => {
+    const packageJSONPath = path.join(process.cwd(), "package.json");
+    const packageJson = await readPackageJson(packageJSONPath).catch((err) => compiler_index.logError(err));
+    if (!packageJson) return compiler_index.logError("Could not read package.json file.");
+    const allDependencies = { ...packageJson.dependencies, ...packageJson.devDependencies };
+    const saltyCssPackages = Object.entries(allDependencies).filter(([name]) => name === "salty-css" || name.startsWith("@salty-css/"));
+    if (!saltyCssPackages.length) {
+      return compiler_index.logError(
+        "No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + packageJSONPath
+      );
+    }
+    return saltyCssPackages;
+  };
+  program.command("update [version]").alias("up").description("Update Salty-CSS packages to the latest or specified version.").option("-v, --version <version>", "Version to update to.").option("--legacy-peer-deps <legacyPeerDeps>", "Use legacy peer dependencies (not recommended).", false).action(async function(_version = "latest") {
+    const { legacyPeerDeps, version = _version } = this.opts();
+    const saltyCssPackages = await getSaltyCssPackages();
+    if (!saltyCssPackages) return compiler_index.logError("Could not update Salty-CSS packages as any were found in package.json.");
+    const packagesToUpdate = saltyCssPackages.map(([name]) => {
+      if (version === "@") return `${name}@${currentPackageJson.version}`;
+      return `${name}@${version.replace(/^@/, "")}`;
+    });
+    if (legacyPeerDeps) {
+      compiler_index.logger.warn("Using legacy peer dependencies to update packages.");
+      await npmInstall(...packagesToUpdate, "--legacy-peer-deps");
+    } else {
+      await npmInstall(...packagesToUpdate);
+    }
+    const updatedPackages = await getSaltyCssPackages();
+    if (!updatedPackages) return compiler_index.logError("Something went wrong while reading the updated packages.");
+    const mappedByVersions = updatedPackages.reduce((acc, [name, version2]) => {
+      if (!acc[version2]) acc[version2] = [];
+      acc[version2].push(name);
+      return acc;
+    }, {});
+    const versionsCount = Object.keys(mappedByVersions).length;
+    if (versionsCount === 1) {
+      const version2 = Object.keys(mappedByVersions)[0];
+      const versionString = version2.replace(/^\^/, "");
+      compiler_index.logger.info(`Updated to all Salty CSS packages successfully to ${versionString}`);
+    } else {
+      for (const [version2, names] of Object.entries(mappedByVersions)) {
+        const versionString = version2.replace(/^\^/, "");
+        compiler_index.logger.info(`Updated to ${versionString}: ${names.join(", ")}`);
+      }
+    }
+  });
+  program.option("-v, --version", "Show the current version of Salty-CSS.").action(async function() {
+    const currentPackageJson2 = await readThisPackageJson();
+    compiler_index.logger.info("CLI is running: " + currentPackageJson2.version);
+    const packageJSONPath = path.join(process.cwd(), "package.json");
+    const packageJson = await readPackageJson(packageJSONPath).catch((err) => compiler_index.logError(err));
+    if (!packageJson) return;
+    const allDependencies = { ...packageJson.dependencies, ...packageJson.devDependencies };
+    const saltyCssPackages = Object.keys(allDependencies).filter((dep) => dep === "salty-css" || dep.startsWith("@salty-css/"));
+    if (!saltyCssPackages.length) {
+      return compiler_index.logError(
+        "No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + packageJSONPath
+      );
+    }
+    for (const dep of saltyCssPackages) {
+      compiler_index.logger.info(`${dep}: ${allDependencies[dep]}`);
+    }
+  });
+  program.parseAsync(process.argv);
+}
+exports.main = main;