@salty-css/core 0.0.1 → 0.1.0-alpha.1

package/bin/main.cjs

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

package/bin/main.js

@@ -4,7 +4,7 @@ import { mkdir, readFile, writeFile } from "fs/promises";
 import { join, relative, parse, format } from "path";
 import ejs from "ejs";
 import { p as pascalCase } from "../pascal-case-F3Usi5Wf.js";
-import { l as logger, a as logError, SaltyCompiler } from "../compiler/as-class.js";
+import { l as logger, a as logError, SaltyCompiler } from "../compiler/salty-compiler.js";
 import { exec } from "child_process";
 import ora from "ora";
 import { c as checkShouldRestart } from "../should-restart-CXIO0jxY.js";

package/compiler/helpers.cjs

@@ -16,7 +16,8 @@ const resolveExportValue = async (value, maxLevel = 10, _level = 0) => {
   return value;
 };
 const saltyFileExtensions = ["salty", "css", "styles", "styled"];
-const saltyFileRegExp = (additional = []) => new RegExp(`\\.(${[...saltyFileExtensions, ...additional].join("|")})\\.`);
+const escapeRegExp = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const saltyFileRegExp = (additional = []) => new RegExp(`\\.(${[...saltyFileExtensions, ...additional].map(escapeRegExp).join("|")})\\.`);
 const isSaltyFile = (file, additional = []) => saltyFileRegExp(additional).test(file);
 exports.getCorePackageRoot = getCorePackageRoot;
 exports.isSaltyFile = isSaltyFile;

package/compiler/helpers.js

@@ -13,7 +13,8 @@ const resolveExportValue = async (value, maxLevel = 10, _level = 0) => {
   return value;
 };
 const saltyFileExtensions = ["salty", "css", "styles", "styled"];
-const saltyFileRegExp = (additional = []) => new RegExp(`\\.(${[...saltyFileExtensions, ...additional].join("|")})\\.`);
+const escapeRegExp = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const saltyFileRegExp = (additional = []) => new RegExp(`\\.(${[...saltyFileExtensions, ...additional].map(escapeRegExp).join("|")})\\.`);
 const isSaltyFile = (file, additional = []) => saltyFileRegExp(additional).test(file);
 export {
   getCorePackageRoot,

package/compiler/{as-class.cjs → salty-compiler.cjs}

@@ -18,7 +18,6 @@ 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" } });
@@ -56,7 +55,7 @@ const detectCurrentModuleType = async (dirname) => {
   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";
+  else if ((typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("compiler/salty-compiler.cjs", document.baseURI).href).endsWith(".cjs")) cachedModuleType = "cjs";
   return cachedModuleType || "esm";
 };
 function dotCase(str) {
@@ -584,58 +583,13 @@ ${css}
       const contents = await this.importFile(outputFilePath);
       return { contents, outputFilePath };
     });
-    __publicField(this, "minimizeFile", async (file) => {
-      var _a, _b;
-      try {
-        const destDir = await this.getDestDir();
-        const validFile = compiler_helpers.isSaltyFile(file);
-        if (validFile) {
-          const original = fs.readFileSync(file, "utf8");
-          const config = await this.getConfig();
-          const { contents } = await this.compileSaltyFile(file, destDir);
-          let current = original;
-          for (const [name, value] of Object.entries(contents)) {
-            const resolved = await compiler_helpers.resolveExportValue(value, 1);
-            if (resolved.isKeyframes) continue;
-            if (!resolved.generator) continue;
-            const generator = resolved.generator._withBuildContext({
-              callerName: name,
-              isProduction: this.isProduction,
-              config
-            });
-            const [start, end] = await compiler_getFunctionRange.getFunctionRange(current, name);
-            const range = current.slice(start, end);
-            if (resolved.isClassName) {
-              const copy = current;
-              const clientVersion = ` ${name} = className("${generator.classNames}")`;
-              current = current.replace(range, clientVersion);
-              if (copy === current) console.error("Minimize file failed to change content", { name });
-            }
-            if (range.includes("styled")) {
-              const tagName = (_b = (_a = /styled\(([^,]+),/.exec(range)) == null ? void 0 : _a.at(1)) == null ? void 0 : _b.trim();
-              const copy = current;
-              const clientVersion = ` ${name} = styled(${tagName}, "${generator.classNames}", ${JSON.stringify(generator.clientProps)})`;
-              current = current.replace(range, clientVersion);
-              if (copy === current) console.error("Minimize file failed to change content", { name, tagName });
-            }
-          }
-          if (config.importStrategy === "component") {
-            const fileHash = toHash.toHash(file, 6);
-            const parsed = path.parse(file);
-            const dasherized = dashCase.dashCase(parsed.name);
-            const cssFileName = `f_${dasherized}-${fileHash}.css`;
-            current = `import '../../saltygen/css/${cssFileName}';
-${current}`;
-          }
-          current = current.replace(`@salty-css/react/class-name`, `@salty-css/react/class-name-client`);
-          current = current.replace(`{ styled }`, `{ styledClient as styled }`);
-          current = current.replace(`@salty-css/react/styled`, `@salty-css/react/styled-client`);
-          return current;
-        }
-      } catch (e) {
-        console.error("Error in minimizeFile:", e);
-      }
-      return void 0;
+    /**
+     * Read the framework field from the current project's entry in `.saltyrc.json`.
+     * Used by framework-aware bundler plugins to dispatch to the right transform.
+     */
+    __publicField(this, "getFramework", async () => {
+      const projectConfig = await this.getRCProjectConfig(this.projectRootDir);
+      return projectConfig == null ? void 0 : projectConfig.framework;
     });
     __publicField(this, "generateFile", async (file) => {
       try {

package/compiler/{as-class.d.ts → salty-compiler.d.ts}

@@ -1,9 +1,10 @@
+import { CachedConfig, SaltyConfig } from '../config';
 export declare class SaltyCompiler {
     projectRootDir: string;
     importFile: (path: string) => Promise<any>;
     private cache;
     constructor(projectRootDir: string);
-    private get isProduction();
+    get isProduction(): boolean;
     /**
      * Locate and read the .saltyrc.json file starting from the current directory and moving up the directory tree.
      * Caches the result to avoid redundant file reads.
@@ -23,7 +24,7 @@ export declare class SaltyCompiler {
     private generateConfig;
     private addConfigCache;
     private getConfigCache;
-    private getConfig;
+    getConfig: () => Promise<SaltyConfig & CachedConfig>;
     /**
      * Generate CSS files based on the Salty CSS configuration and source files.
      */
@@ -46,7 +47,11 @@ export declare class SaltyCompiler {
         };
         outputFilePath: string;
     }>;
-    minimizeFile: (file: string) => Promise<string | undefined>;
+    /**
+     * Read the framework field from the current project's entry in `.saltyrc.json`.
+     * Used by framework-aware bundler plugins to dispatch to the right transform.
+     */
+    getFramework: () => Promise<string | undefined>;
     generateFile: (file: string) => Promise<void>;
     private replaceStyledTag;
 }

package/compiler/{as-class.js → salty-compiler.js}

@@ -16,7 +16,6 @@ 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()),
@@ -564,58 +563,13 @@ ${css}
       const contents = await this.importFile(outputFilePath);
       return { contents, outputFilePath };
     });
-    __publicField(this, "minimizeFile", async (file) => {
-      var _a, _b;
-      try {
-        const destDir = await this.getDestDir();
-        const validFile = isSaltyFile(file);
-        if (validFile) {
-          const original = readFileSync(file, "utf8");
-          const config = await this.getConfig();
-          const { contents } = await this.compileSaltyFile(file, destDir);
-          let current = original;
-          for (const [name, value] of Object.entries(contents)) {
-            const resolved = await resolveExportValue(value, 1);
-            if (resolved.isKeyframes) continue;
-            if (!resolved.generator) continue;
-            const generator = resolved.generator._withBuildContext({
-              callerName: name,
-              isProduction: this.isProduction,
-              config
-            });
-            const [start, end] = await getFunctionRange(current, name);
-            const range = current.slice(start, end);
-            if (resolved.isClassName) {
-              const copy = current;
-              const clientVersion = ` ${name} = className("${generator.classNames}")`;
-              current = current.replace(range, clientVersion);
-              if (copy === current) console.error("Minimize file failed to change content", { name });
-            }
-            if (range.includes("styled")) {
-              const tagName = (_b = (_a = /styled\(([^,]+),/.exec(range)) == null ? void 0 : _a.at(1)) == null ? void 0 : _b.trim();
-              const copy = current;
-              const clientVersion = ` ${name} = styled(${tagName}, "${generator.classNames}", ${JSON.stringify(generator.clientProps)})`;
-              current = current.replace(range, clientVersion);
-              if (copy === current) console.error("Minimize file failed to change content", { name, tagName });
-            }
-          }
-          if (config.importStrategy === "component") {
-            const fileHash = toHash(file, 6);
-            const parsed = parse(file);
-            const dasherized = dashCase(parsed.name);
-            const cssFileName = `f_${dasherized}-${fileHash}.css`;
-            current = `import '../../saltygen/css/${cssFileName}';
-${current}`;
-          }
-          current = current.replace(`@salty-css/react/class-name`, `@salty-css/react/class-name-client`);
-          current = current.replace(`{ styled }`, `{ styledClient as styled }`);
-          current = current.replace(`@salty-css/react/styled`, `@salty-css/react/styled-client`);
-          return current;
-        }
-      } catch (e) {
-        console.error("Error in minimizeFile:", e);
-      }
-      return void 0;
+    /**
+     * Read the framework field from the current project's entry in `.saltyrc.json`.
+     * Used by framework-aware bundler plugins to dispatch to the right transform.
+     */
+    __publicField(this, "getFramework", async () => {
+      const projectConfig = await this.getRCProjectConfig(this.projectRootDir);
+      return projectConfig == null ? void 0 : projectConfig.framework;
     });
     __publicField(this, "generateFile", async (file) => {
       try {

package/css/keyframes.cjs

@@ -26,7 +26,7 @@ const keyframes = ({ animationName: _name, params: _params, appendInitialStyles,
     const promises = entries.map(async ([key, value]) => {
       if (!value) return "";
       const styles = await parseStyles.parseAndJoinStyles(value, "");
-      const keyStr = typeof key === "number" ? `${key}%` : key;
+      const keyStr = /^-?\d+$/.test(key) ? `${key}%` : key;
       return `${keyStr}{${styles}}`;
     });
     const resolved = await Promise.all(promises);

package/css/keyframes.js

@@ -24,7 +24,7 @@ const keyframes = ({ animationName: _name, params: _params, appendInitialStyles,
     const promises = entries.map(async ([key, value]) => {
       if (!value) return "";
       const styles = await parseAndJoinStyles(value, "");
-      const keyStr = typeof key === "number" ? `${key}%` : key;
+      const keyStr = /^-?\d+$/.test(key) ? `${key}%` : key;
       return `${keyStr}{${styles}}`;
     });
     const resolved = await Promise.all(promises);

package/css/merge.cjs

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const mergeObjects = (...styles) => {
   return styles.flat().reduce((acc, style) => {
-    if (style == null ? void 0 : style._current) return { ...acc, ...style._current };
+    if (!style || typeof style !== "object") return acc;
+    if ("_current" in style && style._current && typeof style._current === "object") return { ...acc, ...style._current };
     return { ...acc, ...style };
   }, {});
 };

package/css/merge.js

@@ -1,6 +1,7 @@
 const mergeObjects = (...styles) => {
   return styles.flat().reduce((acc, style) => {
-    if (style == null ? void 0 : style._current) return { ...acc, ...style._current };
+    if (!style || typeof style !== "object") return acc;
+    if ("_current" in style && style._current && typeof style._current === "object") return { ...acc, ...style._current };
     return { ...acc, ...style };
   }, {});
 };

package/generators/index.cjs

@@ -11,7 +11,7 @@ class StyledGenerator extends classNameGenerator.StylesGenerator {
   get priority() {
     var _a;
     if (this.params.priority) return this.params.priority;
-    if (typeof this.tagName === "function" || typeof this.tagName === "object") {
+    if (this.tagName && (typeof this.tagName === "function" || typeof this.tagName === "object")) {
       const prev = ((_a = this.tagName.generator) == null ? void 0 : _a.priority) || 0;
       return prev + 1;
     }

package/generators/index.js

@@ -10,7 +10,7 @@ class StyledGenerator extends StylesGenerator {
   get priority() {
     var _a;
     if (this.params.priority) return this.params.priority;
-    if (typeof this.tagName === "function" || typeof this.tagName === "object") {
+    if (this.tagName && (typeof this.tagName === "function" || typeof this.tagName === "object")) {
       const prev = ((_a = this.tagName.generator) == null ? void 0 : _a.priority) || 0;
       return prev + 1;
     }

package/package.json

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