@salty-css/core 0.0.1-alpha.303 → 0.0.1-alpha.304

package/compiler/index.cjs

@@ -9,13 +9,11 @@ const fs = require("fs");
 const promises = require("fs/promises");
 const parseStyles = require("../parse-styles-D-p_guRO.cjs");
 const parsers_index = require("../parsers/index.cjs");
-const compiler_getFiles = require("./get-files.cjs");
-const winston = require("winston");
+const saltyReset = require("../salty-reset-wJhVT2ys.cjs");
 const css_merge = require("../css/merge.cjs");
 const defineTemplates = require("../define-templates-Deq1aCbN.cjs");
 const compiler_getFunctionRange = require("./get-function-range.cjs");
 const compiler_helpers = require("./helpers.cjs");
-var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -33,80 +31,6 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const esbuild__namespace = /* @__PURE__ */ _interopNamespaceDefault(esbuild);
-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/index.cjs", document.baseURI).href).endsWith(".cjs")) cachedModuleType = "cjs";
-  return cachedModuleType || "esm";
-};
-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);
-};
-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"
-  }
-};
 const cache = {
   externalModules: [],
   rcFile: void 0,
@@ -152,7 +76,7 @@ const generateConfig = async (dirname) => {
   const destDir = await getDestDir(dirname);
   const coreConfigPath = path.join(dirname, (rcProject == null ? void 0 : rcProject.configDir) || "", "salty.config.ts");
   const coreConfigDest = path.join(destDir, "salty.config.js");
-  await detectCurrentModuleType(dirname);
+  await saltyReset.detectCurrentModuleType(dirname);
   const externalModules = getExternalModules(coreConfigPath);
   await esbuild__namespace.build({
     entryPoints: [coreConfigPath],
@@ -207,7 +131,7 @@ const generateConfigStyles = async (dirname, configFiles) => {
         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 = dotCase(key);
+        const dottedKey = saltyReset.dotCase(key);
         const dashedKey = dashCase.dashCase(key);
         const tsName = [...path2, dottedKey].join(".");
         variableTokens.add(`"${tsName}"`);
@@ -277,7 +201,7 @@ const generateConfigStyles = async (dirname, configFiles) => {
   const getResetStyles = () => {
     if (config.reset === "none") return {};
     if (typeof config.reset === "object") return config.reset;
-    return saltyReset;
+    return saltyReset.saltyReset;
   };
   const resetStyles = getResetStyles();
   const resetStylesString = await parseStyles.parseAndJoinStyles(resetStyles, "");
@@ -354,7 +278,7 @@ const compileSaltyFile = async (dirname, sourceFilePath, outputDirectory) => {
   const rcProject = await getRCProjectConfig(dirname);
   const coreConfigPath = path.join(dirname, (rcProject == null ? void 0 : rcProject.configDir) || "", "salty.config.ts");
   const externalModules = getExternalModules(coreConfigPath);
-  await detectCurrentModuleType(dirname);
+  await saltyReset.detectCurrentModuleType(dirname);
   await esbuild__namespace.build({
     stdin: {
       contents: currentFile,
@@ -419,8 +343,8 @@ const isProduction = () => {
 const generateCss = async (dirname, prod = isProduction(), clean = true) => {
   try {
     const start = Date.now();
-    if (prod) logger.info("Generating CSS in production mode! 🔥");
-    else logger.info("Generating CSS in development mode! 🚀");
+    if (prod) saltyReset.logger.info("Generating CSS in production mode! 🔥");
+    else saltyReset.logger.info("Generating CSS in development mode! 🚀");
     const globalCssFiles = [];
     const cssFiles = [];
     const destDir = await getDestDir(dirname);
@@ -592,7 +516,7 @@ ${css}
     const end = Date.now();
     const time = end - start;
     const emoji = time < 200 ? "🔥" : time < 500 ? "🚀" : time < 1e3 ? "🎉" : time < 2e3 ? "🚗" : time < 5e3 ? "🤔" : "🥴";
-    logger.info(`Generated CSS in ${time}ms! ${emoji}`);
+    saltyReset.logger.info(`Generated CSS in ${time}ms! ${emoji}`);
   } catch (e) {
     console.error(e);
   }
@@ -739,8 +663,6 @@ exports.generateFile = generateFile;
 exports.getConfig = getConfig;
 exports.getDestDir = getDestDir;
 exports.isSaltyFile = isSaltyFile;
-exports.logError = logError;
-exports.logger = logger;
 exports.minimizeFile = minimizeFile;
 exports.saltyFileExtensions = saltyFileExtensions;
 exports.saltyFileRegExp = saltyFileRegExp;

package/compiler/index.js

@@ -7,86 +7,11 @@ import { existsSync, mkdirSync, statSync, readdirSync, readFileSync, writeFileSy
 import { readFile } from "fs/promises";
 import { p as parseAndJoinStyles, a as parseVariableTokens } from "../parse-styles-CqBQc3eQ.js";
 import { parseTemplates, getTemplateTypes } from "../parsers/index.js";
-import { getPackageJson } from "./get-files.js";
-import { createLogger, transports, format } from "winston";
+import { l as logger, d as detectCurrentModuleType, s as saltyReset, a as dotCase } from "../salty-reset-StBt2yzJ.js";
 import { mergeObjects, mergeFactories } from "../css/merge.js";
 import { d as defineTemplates } from "../define-templates-CVhhgPnd.js";
 import { getFunctionRange } from "./get-function-range.js";
 import { resolveExportValue, getCorePackageRoot } from "./helpers.js";
-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";
-};
-const logger = createLogger({
-  level: "debug",
-  format: format.combine(format.colorize(), format.cli()),
-  transports: [new transports.Console({})]
-});
-const logError = (message) => {
-  logger.error(message);
-};
-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"
-  }
-};
 const cache = {
   externalModules: [],
   rcFile: void 0,
@@ -713,7 +638,6 @@ ${current}`;
   return void 0;
 };
 export {
-  logError as a,
   compileSaltyFile,
   generateConfigStyles,
   generateCss,
@@ -721,7 +645,6 @@ export {
   getConfig,
   getDestDir,
   isSaltyFile,
-  logger as l,
   minimizeFile,
   saltyFileExtensions,
   saltyFileRegExp

package/package.json

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

package/salty-reset-StBt2yzJ.js

@@ -0,0 +1,83 @@
+import { getPackageJson } from "./compiler/get-files.js";
+import { createLogger, transports, format } from "winston";
+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";
+};
+const logger = createLogger({
+  level: "debug",
+  format: format.combine(format.colorize(), format.cli()),
+  transports: [new transports.Console({})]
+});
+const logError = (message) => {
+  logger.error(message);
+};
+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"
+  }
+};
+export {
+  dotCase as a,
+  logError as b,
+  detectCurrentModuleType as d,
+  logger as l,
+  saltyReset as s
+};

package/salty-reset-wJhVT2ys.cjs

@@ -0,0 +1,83 @@
+"use strict";
+const compiler_getFiles = require("./compiler/get-files.cjs");
+const winston = require("winston");
+var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
+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("salty-reset-wJhVT2ys.cjs", document.baseURI).href).endsWith(".cjs")) cachedModuleType = "cjs";
+  return cachedModuleType || "esm";
+};
+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);
+};
+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"
+  }
+};
+exports.detectCurrentModuleType = detectCurrentModuleType;
+exports.dotCase = dotCase;
+exports.logError = logError;
+exports.logger = logger;
+exports.saltyReset = saltyReset;