anubis-ui 1.3.1 → 1.4.0

package/{src/tools/validation/color.validation.ts → dist/tools/validation/color.validation.js}

@@ -1,51 +1,41 @@
-import { IColor } from '@interfaces/color.interface';
-import { log } from '@tools/logger';
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidColorValue = exports.validateColors = void 0;
+const logger_1 = require("../logger");
 /**
  * Validates a single color value (hex color or 'transparent')
  */
-const isValidColorValue = (value: string): boolean => {
+const isValidColorValue = (value) => {
     if (value === 'transparent') {
         return true;
     }
     // Validate hex color format (#RRGGBB or #RGB)
     return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(value);
 };
-
+exports.isValidColorValue = isValidColorValue;
 /**
  * Validates the colors configuration
  * Ensures each color has at least one valid theme (light or dark)
  * @throws Error if validation fails
  */
-const validateColors = (colors: IColor): void => {
-    const errors: string[] = [];
-
+const validateColors = (colors) => {
+    const errors = [];
     Object.entries(colors).forEach(([colorName, colorConfig]) => {
         const { light, dark } = colorConfig;
-
         // Check if at least one theme is defined
         if (!light && !dark) {
-            errors.push(
-                `Color "${colorName}": must have at least one theme defined (light or dark)`
-            );
+            errors.push(`Color "${colorName}": must have at least one theme defined (light or dark)`);
             return;
         }
-
         // Validate light color if defined
         if (light && !isValidColorValue(light)) {
-            errors.push(
-                `Color "${colorName}": invalid light color value "${light}". Expected hex format (#RRGGBB) or "transparent"`
-            );
+            errors.push(`Color "${colorName}": invalid light color value "${light}". Expected hex format (#RRGGBB) or "transparent"`);
         }
-
         // Validate dark color if defined
         if (dark && !isValidColorValue(dark)) {
-            errors.push(
-                `Color "${colorName}": invalid dark color value "${dark}". Expected hex format (#RRGGBB) or "transparent"`
-            );
+            errors.push(`Color "${colorName}": invalid dark color value "${dark}". Expected hex format (#RRGGBB) or "transparent"`);
         }
     });
-
     if (errors.length > 0) {
         const errorMessage = [
             '❌ Color configuration validation failed:',
@@ -53,16 +43,9 @@ const validateColors = (colors: IColor): void => {
             '',
             'Please check your colors.config.json or anubis.config.json file.',
         ].join('\n');
-
-        log(errorMessage);
+        (0, logger_1.log)(errorMessage);
         throw new Error('Invalid color configuration');
     }
-
-    log(
-        `✅ Color configuration validated (${
-            Object.keys(colors).length
-        } colors)`
-    );
+    (0, logger_1.log)(`✅ Color configuration validated (${Object.keys(colors).length} colors)`);
 };
-
-export { validateColors, isValidColorValue };
+exports.validateColors = validateColors;

package/dist/version.d.ts

@@ -0,0 +1,5 @@
+export declare const version = "1.4.0";
+declare const _default: {
+    version: string;
+};
+export default _default;

package/dist/version.js

@@ -0,0 +1,7 @@
+"use strict";
+// This file is auto-generated by scripts/generate-version.js
+// Do not edit this file manually
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.version = void 0;
+exports.version = '1.4.0';
+exports.default = { version: exports.version };

package/index.js

@@ -1,26 +1,15 @@
 "use strict";
 
-const { init: initConfig, config } = require('./dist/tools/config.tool');
-const { log, logPrefix, logo } = require('./dist/tools/logger');
-const { init: initClassExtraction } = require('./dist/tools/extraction/extractClasses');
+const { config } = require('./dist/tools/config.tool');
+const { measureDuration, log, logPrefix, logo } = require('./dist/tools/logger');
+const { init: initAnubis } = require('./dist/tools/main')
 
 const init = async () => {
   logo();
-
-  console.time(`${logPrefix} Config initialized in`);
-  initConfig();
-  console.timeEnd(`${logPrefix} Config initialized in`);
-  log('---');
-
-  console.time(`${logPrefix} Rules generated in`);
-  await initClassExtraction();
-  console.timeEnd(`${logPrefix} Rules generated in`);
-  log('---');
+  await measureDuration('Anubis', initAnubis, false)
 };
 
 const refresh = async (file) => {
-  // console.log({ file });
-
   // _ Prevent self change loop
   // todo - add targets / ignore detection
   if (file.endsWith('_anubis.scss')) { return }
@@ -30,9 +19,7 @@ const refresh = async (file) => {
     return
   }
 
-  console.time(`${logPrefix} Refreshed in`);
-  await initClassExtraction();
-  console.timeEnd(`${logPrefix} Refreshed in`);
+  await measureDuration('Refresh', initAnubis, false)
 }
 
 function AnubisUI() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anubis-ui",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Class-based css generator",
   "main": "index.js",
   "keywords": [
@@ -16,13 +16,20 @@
   ],
   "scripts": {
     "dev": "rm -rf dist; npm run prepare; node src/manual/build.js",
-    "build": "node scripts/generate-version.js && tsc && tsc-alias",
-    "preinstall": "npm run build",
+    "build": "node scripts/generate-version.js && npx tsc && npx tsc-alias",
     "prepare": "npm run build",
+    "prepublishOnly": "npm run build",
     "test": "vitest",
     "test:run": "vitest run",
     "test:ui": "vitest --ui"
   },
+  "files": [
+    "dist",
+    "index.js",
+    "index.d.ts",
+    "README.md",
+    "LICENSE"
+  ],
   "style": "dist/_anubis.scss",
   "repository": {
     "type": "git",

package/index.html

@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>AnubisUI Test</title>
-        <link rel="stylesheet" href="src/css/_anubis.scss" />
-
-        <style>
-            .paragraph-small {
-                font-weight: var(--weight-bold);
-            }
-        </style>
-    </head>
-    <body class="body--light">
-        <div class="rounded bg-neutral border-primary-highest-thick shadow-neutral-wide">
-            <btn color="primary" textColor="secondary">Test button with variants</button>
-        </div>
-    </body>
-</html>

package/scripts/generate-version.js

@@ -1,15 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const packageJsonPath = path.join(__dirname, '..', 'package.json');
-const versionFilePath = path.join(__dirname, '..', 'src', 'version.ts');
-
-const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
-const versionCode = `// This file is auto-generated by scripts/generate-version.js
-// Do not edit this file manually
-
-export const version = '${packageJson.version}';
-export default { version };
-`;
-
-fs.writeFileSync(versionFilePath, versionCode, 'utf-8');

package/src/config/colors.config.json

@@ -1,230 +0,0 @@
-{
-  "none": {
-    "light": "transparent",
-    "dark": "transparent"
-  },
-  "accent": {
-    "light": "#0f84cb",
-    "dark": "#1a94db"
-  },
-  "accent-lowest": {
-    "light": "#f0f8ff",
-    "dark": "#082a3f"
-  },
-  "accent-lower": {
-    "light": "#e1f2ff",
-    "dark": "#0a5a8a"
-  },
-  "accent-low": {
-    "light": "#b3d9ff",
-    "dark": "#0e6b9a"
-  },
-  "accent-medium": {
-    "light": "#0f84cb",
-    "dark": "#1a94db"
-  },
-  "accent-high": {
-    "light": "#0c6ba3",
-    "dark": "#b3d9ff"
-  },
-  "accent-higher": {
-    "light": "#094a7a",
-    "dark": "#e1f2ff"
-  },
-  "accent-highest": {
-    "light": "#082a3f",
-    "dark": "#f0f8ff"
-  },
-  "primary": {
-    "light": "#0f84cb",
-    "dark": "#1a94db"
-  },
-  "primary-lowest": {
-    "light": "#f0f8ff",
-    "dark": "#082a3f"
-  },
-  "primary-lower": {
-    "light": "#e1f2ff",
-    "dark": "#0a5a8a"
-  },
-  "primary-low": {
-    "light": "#b3d9ff",
-    "dark": "#0e6b9a"
-  },
-  "primary-medium": {
-    "light": "#0f84cb",
-    "dark": "#1a94db"
-  },
-  "primary-high": {
-    "light": "#0c6ba3",
-    "dark": "#b3d9ff"
-  },
-  "primary-higher": {
-    "light": "#094a7a",
-    "dark": "#e1f2ff"
-  },
-  "primary-highest": {
-    "light": "#082a3f",
-    "dark": "#f0f8ff"
-  },
-  "secondary": {
-    "light": "#3b5161",
-    "dark": "#4a5f6f"
-  },
-  "secondary-lowest": {
-    "light": "#f5f7f8",
-    "dark": "#1e2a30"
-  },
-  "secondary-lower": {
-    "light": "#e8ecf0",
-    "dark": "#2a3a42"
-  },
-  "secondary-low": {
-    "light": "#b3c2cc",
-    "dark": "#354a55"
-  },
-  "secondary-medium": {
-    "light": "#3b5161",
-    "dark": "#4a5f6f"
-  },
-  "secondary-high": {
-    "light": "#2f404e",
-    "dark": "#b3c2cc"
-  },
-  "secondary-higher": {
-    "light": "#232f3a",
-    "dark": "#e8ecf0"
-  },
-  "secondary-highest": {
-    "light": "#1e2a30",
-    "dark": "#f5f7f8"
-  },
-  "neutral": {
-    "light": "#64748b",
-    "dark": "#64748b"
-  },
-  "neutral-lowest": {
-    "light": "#ffffff",
-    "dark": "#0f172a"
-  },
-  "neutral-lower": {
-    "light": "#f1f5f9",
-    "dark": "#475569"
-  },
-  "neutral-low": {
-    "light": "#cbd5e1",
-    "dark": "#475569"
-  },
-  "neutral-medium": {
-    "light": "#64748b",
-    "dark": "#64748b"
-  },
-  "neutral-high": {
-    "light": "#475569",
-    "dark": "#cbd5e1"
-  },
-  "neutral-higher": {
-    "light": "#1e293b",
-    "dark": "#f1f5f9"
-  },
-  "neutral-highest": {
-    "light": "#141e57",
-    "dark": "#ffffff"
-  },
-  "success": {
-    "light": "#00c99e",
-    "dark": "#25e2b3"
-  },
-  "success-lowest": {
-    "light": "#eafff7",
-    "dark": "#00302a"
-  },
-  "success-lower": {
-    "light": "#cdfeeb",
-    "dark": "#006756"
-  },
-  "success-low": {
-    "light": "#63f2ca",
-    "dark": "#00a481"
-  },
-  "success-medium": {
-    "light": "#00c99e",
-    "dark": "#25e2b3"
-  },
-  "success-high": {
-    "light": "#00836b",
-    "dark": "#63f2ca"
-  },
-  "success-higher": {
-    "light": "#005548",
-    "dark": "#cdfeeb"
-  },
-  "success-highest": {
-    "light": "#00302a",
-    "dark": "#eafff7"
-  },
-  "danger": {
-    "light": "#e64d4b",
-    "dark": "#f17a78"
-  },
-  "danger-lowest": {
-    "light": "#fdf3f3",
-    "dark": "#420e0d"
-  },
-  "danger-lower": {
-    "light": "#fde3e3",
-    "dark": "#932221"
-  },
-  "danger-low": {
-    "light": "#f8aaa9",
-    "dark": "#d3312f"
-  },
-  "danger-medium": {
-    "light": "#e64d4b",
-    "dark": "#f17a78"
-  },
-  "danger-high": {
-    "light": "#b12624",
-    "dark": "#f8aaa9"
-  },
-  "danger-higher": {
-    "light": "#7a2322",
-    "dark": "#fde3e3"
-  },
-  "danger-highest": {
-    "light": "#420e0d",
-    "dark": "#fdf3f3"
-  },
-  "warning": {
-    "light": "#ff9a00",
-    "dark": "#ffbd1b"
-  },
-  "warning-lowest": {
-    "light": "#fffbea",
-    "dark": "#481700"
-  },
-  "warning-lower": {
-    "light": "#fff3c5",
-    "dark": "#983c08"
-  },
-  "warning-low": {
-    "light": "#ffd346",
-    "dark": "#e27300"
-  },
-  "warning-medium": {
-    "light": "#ff9a00",
-    "dark": "#ffbd1b"
-  },
-  "warning-high": {
-    "light": "#bb4e02",
-    "dark": "#ffd346"
-  },
-  "warning-higher": {
-    "light": "#7c310b",
-    "dark": "#fff3c5"
-  },
-  "warning-highest": {
-    "light": "#481700",
-    "dark": "#fffbea"
-  }
-}

package/src/config/files.config.json

@@ -1,5 +0,0 @@
-{
-  "targets": [
-    "**/*.vue"
-  ]
-}

package/src/config/force.config.json

@@ -1 +0,0 @@
-[]

package/src/config/states.config.json

@@ -1,4 +0,0 @@
-[
-  "hover",
-  "not-hover"
-]

package/src/config/utilities.config.json

@@ -1,152 +0,0 @@
-[
-  {
-    "prefix": "bg",
-    "declaration": "background: ${color}",
-    "export": "all"
-  },
-  {
-    "prefix": "text",
-    "declaration": "color: ${color}",
-    "export": "all"
-  },
-  {
-    "prefix": "text",
-    "declaration": "text-decoration: ${value}",
-    "variations": {
-      "underline": "underline",
-      "dashed": "dashed",
-      "dotted": "dotted"
-    }
-  },
-  {
-    "prefix": "border",
-    "declaration": "border-width: ${value} !important; border-color: ${color} !important; border-style: solid;",
-    "variations": {
-      "default": "4px",
-      "thinest": "1px",
-      "thiner": "2px",
-      "thin": "3px",
-      "thick": "6px",
-      "thicker": "8px",
-      "thickest": "10px",
-      "node": "0.2rem"
-    }
-  },
-  {
-    "prefix": "inner-border",
-    "declaration": "box-shadow: inset 0px 0px 0px ${value} ${color}",
-    "variations": {
-      "default": "4px",
-      "thinest": "1px",
-      "thiner": "2px",
-      "thin2": "3px",
-      "thick": "6px",
-      "thicker": "8px",
-      "thickest": "10px",
-      "node": "0.2rem"
-    }
-  },
-  {
-    "prefix": "shadow",
-    "declaration": "box-shadow: ${value} ${color}",
-    "variations": {
-      "default": "0px 0px 7px 1px",
-      "densest": "0px 0px 3px 1px",
-      "lower": "0px 0px 5px 1px",
-      "dense": "0px 0px 5px 1px",
-      "wide": "0px 0px 10px 1px",
-      "wider": "0px 0px 15px 1px",
-      "widest": "0px 0px 20px 1px"
-    }
-  },
-  {
-    "prefix": "blur",
-    "declaration": "backdrop-filter: blur(${value})",
-    "variations": {
-      "default": "3px"
-    }
-  },
-  {
-    "prefix": "smooth",
-    "declaration": "transition-duration: ${value}",
-    "variations": {
-      "default": "0.1s",
-      "slowest": "0.5s",
-      "slower": "0.3s",
-      "slow": "0.2s",
-      "quick": "0.07s",
-      "quicker": "0.05s",
-      "quickest": "0.03s"
-    }
-  },
-  {
-    "prefix": "rounded",
-    "declaration": "border-radius: ${value}",
-    "variations": {
-      "default": "8px",
-      "square": "0px",
-      "xs": "2px",
-      "sm": "4px",
-      "md": "8px",
-      "lg": "12px",
-      "xl": "16px",
-      "very": "9999px",
-      "full": "50%",
-      "half": "100%"
-    }
-  },
-  {
-    "prefix": "border",
-    "declaration": "border-style: ${value}",
-    "variations": {
-      "solid": "solid",
-      "dashed": "dashed",
-      "dotted": "dotted"
-    }
-  },
-  {
-    "prefix": "position",
-    "declaration": "position: ${value}",
-    "variations": {
-      "relative": "relative",
-      "absolute": "absolute"
-    }
-  },
-  {
-    "prefix": "size",
-    "declaration": "font-size: ${value} !important",
-    "export": "variation",
-    "variations": {
-      "2xs": "10px",
-      "xs": "12px",
-      "sm": "14px",
-      "md": "16px",
-      "lg": "18px",
-      "xl": "20px",
-      "2xl": "24px",
-      "3xl": "30px",
-      "4xl": "36px",
-      "5xl": "48px",
-      "6xl": "60px",
-      "7xl": "72px",
-      "8xl": "96px",
-      "9xl": "128px"
-    }
-  },
-  {
-    "prefix": "weight",
-    "declaration": "font-weight: ${value} !important",
-    "export": "variation",
-    "variations": {
-      "thin": "100",
-      "extra-light": "200",
-      "light": "300",
-      "normal": "400",
-      "medium": "500",
-      "semi-bold": "600",
-      "bold": "700",
-      "extra-bold": "800",
-      "black": "900"
-    }
-  }
-]

package/src/interfaces/color.interface.ts

@@ -1,9 +0,0 @@
-export interface IColor {
-  [colorName: string]: {
-    /** @optional Hexadecimal light color code - doesn't include opacity */
-    light?: string[7]
-
-    /** @optional Hexadecimal dark color code - doesn't include opacity */
-    dark?: string[7]
-  }
-}

package/src/interfaces/files.interface.ts

@@ -1,4 +0,0 @@
-export interface IFileConfig {
-  targets: string|string[]
-  ignore: string[]
-}

package/src/manual/build.js

@@ -1,4 +0,0 @@
-const AnubisUI = require('../../index')
-
-AnubisUI.plugin.buildStart()
-