@salty-css/core 0.0.1-alpha.310 → 0.0.1-alpha.311

package/bin/main.cjs

@@ -6,11 +6,10 @@ const promises = require("fs/promises");
 const path = require("path");
 const ejs = require("ejs");
 const pascalCase = require("../pascal-case-By_l58S-.cjs");
-const saltyReset = require("../salty-reset-zWMaTt2Q.cjs");
+const compiler_asClass = require("../compiler/as-class.cjs");
 const child_process = require("child_process");
 const ora = require("ora");
-const shouldRestart = require("../should-restart-DoaGoD5T.cjs");
-const compiler_asClass = require("../compiler/as-class.cjs");
+const shouldRestart = require("../should-restart-CQsyHls3.cjs");
 const compiler_helpers = require("../compiler/helpers.cjs");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 const execAsync = (command) => {
@@ -36,9 +35,9 @@ async function formatWithPrettier(filePath) {
     const hasPrettier = hasPrettierInstalled();
     if (!hasPrettier) return;
     await execAsync(`./node_modules/.bin/prettier --write "${filePath}"`);
-    saltyReset.logger.info(`Formatted ${filePath} with Prettier`);
+    compiler_asClass.logger.info(`Formatted ${filePath} with Prettier`);
   } catch (error) {
-    saltyReset.logger.error(`Error formatting ${filePath} with Prettier:`, error);
+    compiler_asClass.logger.error(`Error formatting ${filePath} with Prettier:`, error);
   }
 }
 async function main() {
@@ -97,10 +96,10 @@ async function main() {
   };
   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 saltyReset.logError("Salty CSS project must be initialized in a directory with a package.json file.");
-    saltyReset.logger.info("Initializing a new Salty-CSS project!");
+    if (!packageJson) return compiler_asClass.logError("Salty CSS project must be initialized in a directory with a package.json file.");
+    compiler_asClass.logger.info("Initializing a new Salty-CSS project!");
     const { dir = _dir, cssFile, skipInstall } = this.opts();
-    if (!dir) return saltyReset.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");
+    if (!dir) return compiler_asClass.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);
@@ -111,12 +110,12 @@ async function main() {
       const filePath = path.join(projectDir, fileName);
       const existingContent = await promises.readFile(filePath, "utf-8").catch(() => void 0);
       if (existingContent !== void 0) {
-        saltyReset.logger.debug("File already exists: " + filePath);
+        compiler_asClass.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 });
-      saltyReset.logger.info("Creating file: " + filePath);
+      compiler_asClass.logger.info("Creating file: " + filePath);
       await promises.writeFile(filePath, content);
       await formatWithPrettier(filePath);
     });
@@ -125,7 +124,7 @@ async function main() {
     const saltyrcPath = path.join(rootDir, ".saltyrc.json");
     const existingSaltyrc = await promises.readFile(saltyrcPath, "utf-8").catch(() => void 0);
     if (existingSaltyrc === void 0) {
-      saltyReset.logger.info("Creating file: " + saltyrcPath);
+      compiler_asClass.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.",
@@ -149,7 +148,7 @@ async function main() {
         rcContent.projects = [...projects];
         const content = JSON.stringify(rcContent, null, 2);
         if (content !== existingSaltyrc) {
-          saltyReset.logger.info("Edit file: " + saltyrcPath);
+          compiler_asClass.logger.info("Edit file: " + saltyrcPath);
           await promises.writeFile(saltyrcPath, content);
           await formatWithPrettier(saltyrcPath);
         }
@@ -160,7 +159,7 @@ async function main() {
     if (gitIgnoreContent !== void 0) {
       const alreadyIgnoresSaltygen = gitIgnoreContent.includes("saltygen");
       if (!alreadyIgnoresSaltygen) {
-        saltyReset.logger.info("Edit file: " + gitIgnorePath);
+        compiler_asClass.logger.info("Edit file: " + gitIgnorePath);
         await promises.writeFile(gitIgnorePath, gitIgnoreContent + "\n\n# Salty-CSS\nsaltygen\n");
       }
     }
@@ -196,13 +195,13 @@ async function main() {
           const cssFileFolder = path.join(cssFilePath, "..");
           const relativePath = path.relative(cssFileFolder, path.join(projectDir, "saltygen/index.css"));
           const importStatement = `@import '${relativePath}';`;
-          saltyReset.logger.info("Adding global import statement to CSS file: " + cssFilePath);
+          compiler_asClass.logger.info("Adding global import statement to CSS file: " + cssFilePath);
           await promises.writeFile(cssFilePath, importStatement + "\n" + cssFileContent);
           await formatWithPrettier(cssFilePath);
         }
       }
     } else {
-      saltyReset.logger.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");
+      compiler_asClass.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"),
@@ -216,10 +215,10 @@ async function main() {
     if (eslintConfigToUse) {
       if (!skipInstall) await npmInstall(packages.eslintConfigCore);
       const eslintConfigContent = await promises.readFile(eslintConfigToUse, "utf-8").catch(() => void 0);
-      if (!eslintConfigContent) return saltyReset.logError("Could not read ESLint config file.");
+      if (!eslintConfigContent) return compiler_asClass.logError("Could not read ESLint config file.");
       const alreadyHasSaltyConfig = eslintConfigContent.includes("salty-css");
       if (!alreadyHasSaltyConfig) {
-        saltyReset.logger.info("Edit file: " + eslintConfigToUse);
+        compiler_asClass.logger.info("Edit file: " + eslintConfigToUse);
         if (eslintConfigToUse.endsWith("js")) {
           const importStatement = 'import saltyCss from "@salty-css/eslint-config-core/flat";';
           let newContent = `${importStatement}
@@ -227,11 +226,11 @@ ${eslintConfigContent}`;
           const isTsEslint = eslintConfigContent.includes("typescript-eslint");
           if (isTsEslint) {
             if (newContent.includes(".config(")) newContent = newContent.replace(".config(", ".config(saltyCss,");
-            else saltyReset.logger.warn("Could not find the correct place to add the Salty-CSS config for ESLint. Please add it manually.");
+            else compiler_asClass.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 saltyReset.logger.warn("Could not find the correct place to add the Salty-CSS config for ESLint. Please add it manually.");
+            else compiler_asClass.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);
@@ -250,13 +249,13 @@ ${eslintConfigContent}`;
     if (viteConfigContent !== void 0) {
       const alreadyHasPlugin = viteConfigContent.includes("saltyPlugin");
       if (!alreadyHasPlugin) {
-        saltyReset.logger.info("Edit file: " + viteConfigPath);
+        compiler_asClass.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}`);
-        saltyReset.logger.info("Adding Salty-CSS plugin to Vite config...");
+        compiler_asClass.logger.info("Adding Salty-CSS plugin to Vite config...");
         await promises.writeFile(viteConfigPath, pluginImport + newContent);
         await formatWithPrettier(viteConfigPath);
       }
@@ -289,46 +288,46 @@ ${eslintConfigContent}`;
             });
           }
           if (!skipInstall) await npmInstall(`-D ${packages.next}`);
-          saltyReset.logger.info("Adding Salty-CSS plugin to Next.js config...");
+          compiler_asClass.logger.info("Adding Salty-CSS plugin to Next.js config...");
           await promises.writeFile(nextConfigPath, pluginImport + nextConfigContent);
           await formatWithPrettier(nextConfigPath);
         }
       }
     }
-    const packageJsonContent = await readPackageJson().catch(() => saltyReset.logError("Could not read package.json file.")).then((content) => {
+    const packageJsonContent = await readPackageJson().catch(() => compiler_asClass.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) {
-          saltyReset.logger.info("Edit file: " + defaultPackageJsonPath);
+          compiler_asClass.logger.info("Edit file: " + defaultPackageJsonPath);
           content.scripts.prepare = content.scripts.prepare + " && npx salty-css build";
         }
       } else {
-        saltyReset.logger.info("Edit file: " + defaultPackageJsonPath);
+        compiler_asClass.logger.info("Edit file: " + defaultPackageJsonPath);
         content.scripts.prepare = "npx salty-css build";
       }
       return content;
     });
     await updatePackageJson(packageJsonContent);
-    saltyReset.logger.info("Running the build to generate initial CSS...");
+    compiler_asClass.logger.info("Running the build to generate initial CSS...");
     await saltyCompiler.generateCss();
-    saltyReset.logger.info("🎉 Salty CSS project initialized successfully!");
-    saltyReset.logger.info("Next steps:");
-    saltyReset.logger.info("1. Configure variables and templates in `salty.config.ts`");
-    saltyReset.logger.info("2. Create a new component with `npx salty-css generate [component-name]`");
-    saltyReset.logger.info("3. Run `npx salty-css build` to generate the CSS");
-    saltyReset.logger.info("4. Read about the features in the documentation: https://salty-css.dev");
-    saltyReset.logger.info("5. Star the project on GitHub: https://github.com/margarita-form/salty-css ⭐");
+    compiler_asClass.logger.info("🎉 Salty CSS project initialized successfully!");
+    compiler_asClass.logger.info("Next steps:");
+    compiler_asClass.logger.info("1. Configure variables and templates in `salty.config.ts`");
+    compiler_asClass.logger.info("2. Create a new component with `npx salty-css generate [component-name]`");
+    compiler_asClass.logger.info("3. Run `npx salty-css build` to generate the CSS");
+    compiler_asClass.logger.info("4. Read about the features in the documentation: https://salty-css.dev");
+    compiler_asClass.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) {
-    saltyReset.logger.info("Building the Salty-CSS project...");
+    compiler_asClass.logger.info("Building the Salty-CSS project...");
     const { dir = _dir, watch } = this.opts();
-    if (!dir) return saltyReset.logError("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");
+    if (!dir) return compiler_asClass.logError("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");
     const projectDir = resolveProjectDir(dir);
     const saltyCompiler = new compiler_asClass.SaltyCompiler(projectDir);
     await saltyCompiler.generateCss();
     if (watch) {
-      saltyReset.logger.info("Watching for changes in the project directory...");
+      compiler_asClass.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) {
@@ -342,8 +341,8 @@ ${eslintConfigContent}`;
   });
   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 saltyReset.logError("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");
-    if (!dir) return saltyReset.logError("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");
+    if (!file) return compiler_asClass.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_asClass.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 });
@@ -359,7 +358,7 @@ ${eslintConfigContent}`;
     const formattedStyledFilePath = path.format(parsedFilePath);
     const alreadyExists = await promises.readFile(formattedStyledFilePath, "utf-8").catch(() => void 0);
     if (alreadyExists !== void 0) {
-      saltyReset.logger.error("File already exists:", formattedStyledFilePath);
+      compiler_asClass.logger.error("File already exists:", formattedStyledFilePath);
       return;
     }
     let styledComponentName = pascalCase.pascalCase(name || parsedFilePath.base.replace(/\.css\.\w+$/, ""));
@@ -372,23 +371,23 @@ ${eslintConfigContent}`;
       parsedFilePath.ext = ".tsx";
       parsedFilePath.base = parsedFilePath.name + parsedFilePath.ext;
       const formattedReactFilePath = path.format(parsedFilePath);
-      saltyReset.logger.info("Generating a new file: " + formattedReactFilePath);
+      compiler_asClass.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 });
-    saltyReset.logger.info("Generating a new file: " + formattedStyledFilePath);
+    compiler_asClass.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) => saltyReset.logError(err));
-    if (!packageJson) return saltyReset.logError("Could not read package.json file.");
+    const packageJson = await readPackageJson(packageJSONPath).catch((err) => compiler_asClass.logError(err));
+    if (!packageJson) return compiler_asClass.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 saltyReset.logError(
+      return compiler_asClass.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
       );
     }
@@ -397,19 +396,19 @@ ${eslintConfigContent}`;
   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 saltyReset.logError("Could not update Salty-CSS packages as any were found in package.json.");
+    if (!saltyCssPackages) return compiler_asClass.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) {
-      saltyReset.logger.warn("Using legacy peer dependencies to update packages.");
+      compiler_asClass.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 saltyReset.logError("Something went wrong while reading the updated packages.");
+    if (!updatedPackages) return compiler_asClass.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);
@@ -419,29 +418,29 @@ ${eslintConfigContent}`;
     if (versionsCount === 1) {
       const version2 = Object.keys(mappedByVersions)[0];
       const versionString = version2.replace(/^\^/, "");
-      saltyReset.logger.info(`Updated to all Salty CSS packages successfully to ${versionString}`);
+      compiler_asClass.logger.info(`Updated to all Salty CSS packages successfully to ${versionString}`);
     } else {
       for (const [version2, names] of Object.entries(mappedByVersions)) {
         const versionString = version2.replace(/^\^/, "");
-        saltyReset.logger.info(`Updated to ${versionString}: ${names.join(", ")}`);
+        compiler_asClass.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();
-    saltyReset.logger.info("CLI is running: " + currentPackageJson2.version);
+    compiler_asClass.logger.info("CLI is running: " + currentPackageJson2.version);
     const packageJSONPath = path.join(process.cwd(), "package.json");
-    const packageJson = await readPackageJson(packageJSONPath).catch((err) => saltyReset.logError(err));
+    const packageJson = await readPackageJson(packageJSONPath).catch((err) => compiler_asClass.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 saltyReset.logError(
+      return compiler_asClass.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) {
-      saltyReset.logger.info(`${dep}: ${allDependencies[dep]}`);
+      compiler_asClass.logger.info(`${dep}: ${allDependencies[dep]}`);
     }
   });
   program.parseAsync(process.argv);

package/bin/main.js

@@ -4,11 +4,10 @@ import { mkdir, readFile, writeFile } from "fs/promises";
 import { join, relative, parse, format } from "path";
 import { render } from "ejs";
 import { p as pascalCase } from "../pascal-case-F3Usi5Wf.js";
-import { l as logger, b as logError } from "../salty-reset-D1VR51zL.js";
+import { l as logger, a as logError, SaltyCompiler } from "../compiler/as-class.js";
 import { exec } from "child_process";
 import ora from "ora";
-import { c as checkShouldRestart } from "../should-restart-5jI-bzz0.js";
-import { SaltyCompiler } from "../compiler/as-class.js";
+import { c as checkShouldRestart } from "../should-restart-CXIO0jxY.js";
 import { isSaltyFile } from "../compiler/helpers.js";
 const execAsync = (command) => {
   return new Promise((resolve, reject) => {

package/compiler/as-class.cjs

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const esbuild = require("esbuild");
 const path = require("path");
-const saltyReset = require("../salty-reset-zWMaTt2Q.cjs");
+const winston = require("winston");
 const promises = require("fs/promises");
 const fs = require("fs");
 const child_process = require("child_process");
@@ -14,9 +14,11 @@ const defineTemplates = require("../define-templates-Deq1aCbN.cjs");
 const toHash = require("../to-hash-DT2ImSPA.cjs");
 const parseStyles = require("../parse-styles-gRr_iCy7.cjs");
 const css_merge = require("../css/merge.cjs");
+const compiler_getFiles = require("./get-files.cjs");
 const parsers_index = require("../parsers/index.cjs");
 const console = require("console");
 const compiler_getFunctionRange = require("./get-function-range.cjs");
+var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -34,6 +36,80 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const esbuild__namespace = /* @__PURE__ */ _interopNamespaceDefault(esbuild);
+const logger = winston.createLogger({
+  level: "debug",
+  format: winston.format.combine(winston.format.colorize(), winston.format.cli()),
+  transports: [new winston.transports.Console({})]
+});
+const logError = (message) => {
+  logger.error(message);
+};
+const readPackageJsonModule = async (dirname) => {
+  const packageJsonContent = await compiler_getFiles.getPackageJson(dirname);
+  if (!packageJsonContent) return void 0;
+  return packageJsonContent.type;
+};
+let cachedModuleType;
+const detectCurrentModuleType = async (dirname) => {
+  if (cachedModuleType) return cachedModuleType;
+  const packageJsonModule = await readPackageJsonModule(dirname);
+  if (packageJsonModule === "module") cachedModuleType = "esm";
+  else if (packageJsonModule === "commonjs") cachedModuleType = "cjs";
+  else if ((typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("compiler/as-class.cjs", document.baseURI).href).endsWith(".cjs")) cachedModuleType = "cjs";
+  return cachedModuleType || "esm";
+};
+function dotCase(str) {
+  if (!str) return "";
+  if (typeof str !== "string") return dotCase(String(str));
+  return str.replace(/[^\d\w]/g, ".");
+}
+const saltyReset = {
+  /** Set box model to border-box */
+  "*, *::before, *::after": {
+    boxSizing: "border-box"
+  },
+  /** Remove default margin and padding */
+  "*": {
+    margin: 0
+  },
+  /** Remove adjust font properties */
+  html: {
+    lineHeight: 1.15,
+    textSizeAdjust: "100%",
+    WebkitFontSmoothing: "antialiased"
+  },
+  /** Make media elements responsive */
+  "img, picture, video, canvas, svg": {
+    display: "block",
+    maxWidth: "100%"
+  },
+  /** Avoid overflow of text */
+  "p, h1, h2, h3, h4, h5, h6": {
+    overflowWrap: "break-word"
+  },
+  /** Improve text wrapping */
+  p: {
+    textWrap: "pretty"
+  },
+  "h1, h2, h3, h4, h5, h6": {
+    textWrap: "balance"
+  },
+  /** Improve link color */
+  a: {
+    color: "currentColor"
+  },
+  /** Improve button line height */
+  button: {
+    lineHeight: "1em",
+    color: "currentColor"
+  },
+  /** Improve form elements */
+  "input, optgroup, select, textarea": {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15em"
+  }
+};
 class SaltyCompiler {
   constructor(projectRootDir) {
     __publicField(this, "importFile", (path2) => {
@@ -97,7 +173,7 @@ class SaltyCompiler {
       const destDir = await this.getDestDir();
       const coreConfigPath = path.join(this.projectRootDir, (rcProject == null ? void 0 : rcProject.configDir) || "", "salty.config.ts");
       const coreConfigDest = path.join(destDir, "salty.config.js");
-      const moduleType = await saltyReset.detectCurrentModuleType(this.projectRootDir);
+      const moduleType = await detectCurrentModuleType(this.projectRootDir);
       const externalModules = this.getExternalModules(coreConfigPath);
       await esbuild__namespace.build({
         entryPoints: [coreConfigPath],
@@ -144,8 +220,8 @@ ${currentFile}`;
     __publicField(this, "generateCss", async (clean = true) => {
       try {
         const start = Date.now();
-        if (this.isProduction) saltyReset.logger.info("Generating CSS in production mode! 🔥");
-        else saltyReset.logger.info("Generating CSS in development mode! 🚀");
+        if (this.isProduction) logger.info("Generating CSS in production mode! 🔥");
+        else logger.info("Generating CSS in development mode! 🚀");
         const globalCssFiles = [];
         const cssFiles = [];
         const destDir = await this.getDestDir();
@@ -317,7 +393,7 @@ ${css}
         const end = Date.now();
         const time = end - start;
         const emoji = time < 200 ? "🔥" : time < 500 ? "🚀" : time < 1e3 ? "🎉" : time < 2e3 ? "🚗" : time < 5e3 ? "🤔" : "🥴";
-        saltyReset.logger.info(`Generated CSS in ${time}ms! ${emoji}`);
+        logger.info(`Generated CSS in ${time}ms! ${emoji}`);
       } catch (e) {
         console.error(e);
       }
@@ -356,7 +432,7 @@ ${css}
             if (value2 instanceof Promise) return await parseVariable(await value2);
             if (typeof value2 === "function") return await parseVariable(await value2());
             if (typeof value2 === "object") return await parseVariables(value2, [...path2, key]);
-            const dottedKey = saltyReset.dotCase(key);
+            const dottedKey = dotCase(key);
             const dashedKey = toHash.dashCase(key);
             const tsName = [...path2, dottedKey].join(".");
             variableTokens.add(`"${tsName}"`);
@@ -426,7 +502,7 @@ ${css}
       const getResetStyles = () => {
         if (config.reset === "none") return {};
         if (typeof config.reset === "object") return config.reset;
-        return saltyReset.saltyReset;
+        return saltyReset;
       };
       const resetStyles = getResetStyles();
       const resetStylesString = await parseStyles.parseAndJoinStyles(resetStyles, "");
@@ -474,7 +550,7 @@ ${css}
       const rcProject = await this.getRCProjectConfig(this.projectRootDir);
       const coreConfigPath = path.join(this.projectRootDir, (rcProject == null ? void 0 : rcProject.configDir) || "", "salty.config.ts");
       const externalModules = this.getExternalModules(coreConfigPath);
-      const moduleType = await saltyReset.detectCurrentModuleType(this.projectRootDir);
+      const moduleType = await detectCurrentModuleType(this.projectRootDir);
       await esbuild__namespace.build({
         stdin: {
           contents: currentFile,
@@ -672,3 +748,5 @@ ${newContent}
   }
 }
 exports.SaltyCompiler = SaltyCompiler;
+exports.logError = logError;
+exports.logger = logger;

package/compiler/as-class.d.ts

@@ -19,7 +19,7 @@ export declare class SaltyCompiler {
      * Get the destination directory for generated files based on the project configuration.
      * Caches the result to avoid redundant computations.
      */
-    private getDestDir;
+    getDestDir: () => Promise<string>;
     private generateConfig;
     private addConfigCache;
     private getConfigCache;

package/compiler/as-class.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import * as esbuild from "esbuild";
 import { join, parse } from "path";
-import { d as detectCurrentModuleType, l as logger, s as saltyReset, a as dotCase } from "../salty-reset-D1VR51zL.js";
+import { createLogger, transports, format } from "winston";
 import { readFile } from "fs/promises";
 import { readFileSync, existsSync, mkdirSync, statSync, readdirSync, writeFileSync } from "fs";
 import { execSync } from "child_process";
@@ -12,9 +12,84 @@ import { d as defineTemplates } from "../define-templates-CVhhgPnd.js";
 import { t as toHash, d as dashCase } from "../to-hash-DSoCPs8D.js";
 import { p as parseAndJoinStyles, a as parseVariableTokens } from "../parse-styles-CS97_e4S.js";
 import { mergeObjects, mergeFactories } from "../css/merge.js";
+import { getPackageJson } from "./get-files.js";
 import { parseTemplates, getTemplateTypes } from "../parsers/index.js";
 import console from "console";
 import { getFunctionRange } from "./get-function-range.js";
+const logger = createLogger({
+  level: "debug",
+  format: format.combine(format.colorize(), format.cli()),
+  transports: [new transports.Console({})]
+});
+const logError = (message) => {
+  logger.error(message);
+};
+const readPackageJsonModule = async (dirname) => {
+  const packageJsonContent = await getPackageJson(dirname);
+  if (!packageJsonContent) return void 0;
+  return packageJsonContent.type;
+};
+let cachedModuleType;
+const detectCurrentModuleType = async (dirname) => {
+  if (cachedModuleType) return cachedModuleType;
+  const packageJsonModule = await readPackageJsonModule(dirname);
+  if (packageJsonModule === "module") cachedModuleType = "esm";
+  else if (packageJsonModule === "commonjs") cachedModuleType = "cjs";
+  else if (import.meta.url.endsWith(".cjs")) cachedModuleType = "cjs";
+  return cachedModuleType || "esm";
+};
+function dotCase(str) {
+  if (!str) return "";
+  if (typeof str !== "string") return dotCase(String(str));
+  return str.replace(/[^\d\w]/g, ".");
+}
+const saltyReset = {
+  /** Set box model to border-box */
+  "*, *::before, *::after": {
+    boxSizing: "border-box"
+  },
+  /** Remove default margin and padding */
+  "*": {
+    margin: 0
+  },
+  /** Remove adjust font properties */
+  html: {
+    lineHeight: 1.15,
+    textSizeAdjust: "100%",
+    WebkitFontSmoothing: "antialiased"
+  },
+  /** Make media elements responsive */
+  "img, picture, video, canvas, svg": {
+    display: "block",
+    maxWidth: "100%"
+  },
+  /** Avoid overflow of text */
+  "p, h1, h2, h3, h4, h5, h6": {
+    overflowWrap: "break-word"
+  },
+  /** Improve text wrapping */
+  p: {
+    textWrap: "pretty"
+  },
+  "h1, h2, h3, h4, h5, h6": {
+    textWrap: "balance"
+  },
+  /** Improve link color */
+  a: {
+    color: "currentColor"
+  },
+  /** Improve button line height */
+  button: {
+    lineHeight: "1em",
+    color: "currentColor"
+  },
+  /** Improve form elements */
+  "input, optgroup, select, textarea": {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15em"
+  }
+};
 class SaltyCompiler {
   constructor(projectRootDir) {
     __publicField(this, "importFile", (path) => {
@@ -653,5 +728,7 @@ ${newContent}
   }
 }
 export {
-  SaltyCompiler
+  SaltyCompiler,
+  logError as a,
+  logger as l
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.310",
+  "version": "0.0.1-alpha.311",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -47,10 +47,6 @@
       "import": "./bin/main.js",
       "require": "./bin/main.cjs"
     },
-    "./compiler": {
-      "import": "./compiler/index.js",
-      "require": "./compiler/index.cjs"
-    },
     "./compiler/as-class": {
       "import": "./compiler/as-class.js",
       "require": "./compiler/as-class.cjs"

package/server/index.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const shouldRestart = require("../should-restart-DoaGoD5T.cjs");
+const shouldRestart = require("../should-restart-CQsyHls3.cjs");
 exports.checkShouldRestart = shouldRestart.checkShouldRestart;

package/server/index.js

@@ -1,4 +1,4 @@
-import { c } from "../should-restart-5jI-bzz0.js";
+import { c } from "../should-restart-CXIO0jxY.js";
 export {
   c as checkShouldRestart
 };

package/{should-restart-DoaGoD5T.cjs → should-restart-CQsyHls3.cjs}

@@ -1,13 +1,13 @@
 "use strict";
 const promises = require("fs/promises");
-const compiler_index = require("./compiler/index.cjs");
+const compiler_helpers = require("./compiler/helpers.cjs");
 const checkShouldRestart = async (filename) => {
   if (!filename) return false;
   if (filename.includes("node_modules")) return false;
   if (filename.includes("saltygen")) return false;
   const isConfig = filename.includes("salty.config");
   if (isConfig) return true;
-  const isSalty = compiler_index.isSaltyFile(filename);
+  const isSalty = compiler_helpers.isSaltyFile(filename);
   if (!isSalty) return false;
   const contents = await promises.readFile(filename, "utf-8");
   if (/.+define[A-Z]\w+/.test(contents)) return true;