beathers 5.1.0 → 5.2.0

package/dist/scripts/BuildTheme.js

@@ -6,14 +6,59 @@ import { BuildScssVariables } from './BuildScssVariables.js';
 import { CallNewVariables } from './CallNewVariables.js';
 import { LoadUserConfigs } from './LoadUserConfigs.js';
 import { DeepMerge } from './Merge.js';
+import { ReadDefaultValues } from './ReadDefaultValues.js';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const projectRoot = path.resolve(__dirname, '../..');
 const variablesPath = path.join(projectRoot, 'src', 'scss', '_variables.scss');
+async function defaultTheme() {
+    let values = null;
+    try {
+        values = await ReadDefaultValues([path.join(projectRoot, 'src', 'scss', 'settings', '_index.scss')], [
+            'useMediaQueries',
+            'useIcons',
+            'useFontFamilies',
+            'useFontSizes',
+            'useFontShapes',
+            'useTextAligns',
+            'useTextTruncate',
+            'useColors',
+            'useColorsOpacities',
+            'useColorsLightMode',
+            'useColorsDarkMode',
+            'useCurrentColors',
+            'useRootColors',
+            'useGrid',
+            'useFlex',
+            'useTransitions',
+            'useWrappers',
+            'useShadows',
+            'useDisplays',
+            'useOverflows',
+            'useOpacities',
+            'useBlur',
+            'useObjectFits',
+            'usePositions',
+            'useInsets',
+            'useSizes',
+            'useGutters',
+            'useBorders',
+            'useTextBorders',
+            'useRadius',
+        ]);
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('❌ buildCustomTheme failed:', error instanceof Error ? error.message : error);
+        process.exit(1);
+    }
+    return values;
+}
 export async function BuildTheme() {
     try {
+        const defaults = await defaultTheme();
         const userConfigs = await LoadUserConfigs();
-        const theme = DeepMerge({}, userConfigs);
+        const theme = DeepMerge(defaults, userConfigs);
         const variablesString = BuildScssVariables(theme);
         await fs.writeFile(variablesPath, variablesString, { flag: 'w' });
         await CallNewVariables(projectRoot);

package/dist/scripts/LoadUserConfigs.js

@@ -13,7 +13,7 @@ async function loadJsOrTsConfig(filePath) {
     try {
         const absolutePath = path.resolve(filePath);
         const module = await import(absolutePath);
-        return module.default || module;
+        return module.default ?? module;
     }
     catch (error) {
         throw new Error(`Failed to load config from ${filePath}: ${error}`);
@@ -29,7 +29,7 @@ function loadJsonConfig(filePath) {
     }
 }
 export async function LoadUserConfigs(projectPath) {
-    const basePath = projectPath || process.cwd();
+    const basePath = projectPath ?? process.cwd();
     const configFilePath = findConfigFile(basePath);
     if (!configFilePath)
         return null;

package/dist/scripts/ReadDefaultValues.js

@@ -62,7 +62,7 @@ function buildWrappers(value) {
     const raw = value
         .replace(/\(/g, '{')
         .replace(/\)/g, '}')
-        .replace(/([a-zA-Z0-9_]+):\s*([0-9%px]+)\s+([0-9.]+rem)/g, '"$1": {"size": "$2", "padding": "$3"}')
+        .replace(/([a-zA-Z0-9_]+):\s*([0-9%px]+)\s+([0-9.]+rem)/g, '"$1": {"width": "$2", "padding": "$3"}')
         .replace(/,\s*}/g, '}');
     const parsed = JSON.parse(raw);
     return parsed;

package/dist/scripts/cli.js

@@ -2,6 +2,7 @@
 /* eslint-disable no-console */
 import fs from 'fs-extra';
 import path from 'path';
+import { fileURLToPath } from 'node:url';
 import { BuildTheme } from './BuildTheme.js';
 import { ReadDefaultValues } from './ReadDefaultValues.js';
 const commands = {
@@ -45,7 +46,9 @@ function showVersion() {
     }
 }
 async function getDefaultValues() {
-    const projectRoot = path.resolve(path.dirname(new URL(import.meta.url).pathname), '..', '..');
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname = path.dirname(__filename);
+    const projectRoot = path.resolve(__dirname, '..', '..');
     return (await ReadDefaultValues([
         path.join(projectRoot, 'src', 'scss', 'settings', '_defaults.scss'),
         path.join(projectRoot, 'src', 'scss', 'settings', '_configs.scss'),
@@ -131,7 +134,7 @@ async function initCommand() {
     const fileName = formatMap[format];
     const filePath = path.join(process.cwd(), fileName);
     if (await fs.pathExists(filePath)) {
-        const shouldOverride = await promptUser(`⚠️ ${fileName} already exists. Do you want to override it? (y/n): `);
+        const shouldOverride = await promptUser(`⚠️  ${fileName} already exists. Do you want to override it? (y/n): `);
         if (!shouldOverride) {
             console.log('❌ Operation aborted.');
             return;

package/dist/scripts/types.d.ts

@@ -1,55 +1,52 @@
-export type ColorType = Record<string, {
+type SizeUnit = `${number}px` | `${number}rem` | `${number}em` | `${number}vw` | `${number}vh` | `${number}%`;
+type ColorType = Record<string, {
     light: `#${string}`;
     dark: `#${string}`;
 }>;
-export type FontWeight = 'thin' | 'extra-light' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extra-bold' | 'black';
-export type FontStyle = 'normal' | 'italic' | 'oblique';
-export type FontSize = `${number}px` | `${number}rem` | `${number}em`;
-export interface FontVariant {
+type FontWeight = 'thin' | 'extra-light' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extra-bold' | 'black';
+type FontStyle = 'normal' | 'italic' | 'oblique';
+interface FontVariant {
     title: string;
     unicode?: string;
     format?: 'woff' | 'woff2';
     isLocal?: boolean;
     url?: `https://${string}` | `http://${string}`;
 }
-export type FontType = {
+type FontType = {
     weights?: FontWeight[];
     styles?: FontStyle[];
     variants?: Record<string, FontVariant>;
 };
-export interface Typography {
+interface Typography {
     defaultFontFamilies?: string[];
     fontMainPath?: string;
     fontFormat?: 'woff' | 'woff2';
     fontWeights?: FontWeight[];
     fontStyles?: FontStyle[];
-    fontSizes?: Record<string, FontSize>;
+    fontSizes?: Record<string, SizeUnit>;
     textTruncate?: number;
     fonts?: Record<string, FontType>;
 }
-export type Breakpoints = Record<'sm' | 'md' | 'lg' | 'xl' | 'xxl', `${number}px` | `${number}rem` | `${number}em`>;
-export type Wrappers = Record<'sm' | 'md' | 'lg' | 'xl' | 'xxl', {
-    width: `${number}px` | `${number}rem` | `${number}em`;
-    padding?: `${number}px` | `${number}rem` | `${number}em`;
-}>;
-export type GutterValues = Record<'auto' | number, `${number}px` | `${number}rem` | `${number}em`>;
-export interface Settings {
+interface Settings {
     axisDivisions?: number;
     opacities?: number[];
     blurValues?: number[];
     insetValues?: number[];
     bordersValue?: number;
     radiuses?: number[];
-    breakpoints?: Breakpoints;
-    wrappers?: Wrappers;
-    guttersValues?: GutterValues;
+    breakpoints?: Record<'null' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', 0 | SizeUnit>;
+    wrappers?: Record<'null' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', {
+        width: SizeUnit;
+        padding?: SizeUnit;
+    }>;
+    guttersValues?: Record<'auto' | number, 'auto' | SizeUnit>;
 }
 type RoleKeys = 'useMediaQueries' | 'useIcons' | 'useFontFamilies' | 'useFontSizes' | 'useFontShapes' | 'useTextAligns' | 'useTextTruncate' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useTransitions' | 'useWrappers' | 'useShadows' | 'useDisplays' | 'useOverflows' | 'useOpacities' | 'useBlur' | 'useObjectFits' | 'usePositions' | 'useInsets' | 'useSizes' | 'useGutters' | 'useBorders' | 'useTextBorders' | 'useRadius';
-export type Roles = Partial<Record<RoleKeys, boolean>>;
-export interface Theme {
+type Roles = Partial<Record<RoleKeys, boolean>>;
+interface Theme {
     colors?: ColorType;
     typography?: Typography;
     settings?: Settings;
     roles?: Roles;
 }
-export {};
+export type { SizeUnit, ColorType, FontWeight, FontStyle, FontVariant, FontType, Typography, Settings, RoleKeys, Roles, Theme, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beathers",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "type": "module",
   "description": "Beather is a lightweight SCSS library that serves as a comprehensive design system for your projects. It offers a structured and consistent approach to manage colors, fonts, and other design related variables, making it easier to maintain a cohesive visual identity across your application.",
   "main": "dist/index.js",
@@ -8,16 +8,6 @@
   "bin": {
     "beathers": "dist/scripts/cli.js"
   },
-  "scripts": {
-    "watch": "nodemon --watch src/scss/ --ext scss --exec \"npm-run-all build:expanded\"",
-    "build:compressed": "sass --style compressed --source-map --embed-sources --no-error-css src/scss/:dist/css/",
-    "build:expanded": "sass --style expanded --source-map --embed-sources --no-error-css src/scss/:dist/css/",
-    "build:user-configs": "tsx src/scripts/BuildTheme.ts",
-    "prepublish": "rimraf dist && tsc && pnpm build:compressed",
-    "lint": "eslint . && stylelint \"**/*.scss\"",
-    "format:check": "prettier --check --ignore-path .gitignore .",
-    "format:fix": "prettier --write --ignore-path .gitignore . && pnpm lint"
-  },
   "keywords": [
     "design-system",
     "scss-library",
@@ -76,5 +66,15 @@
     "src/scss/**/*.scss",
     "public/images/logo.png",
     "readme.md"
-  ]
-}
+  ],
+  "scripts": {
+    "watch": "nodemon --watch src/scss/ --ext scss --exec \"npm-run-all build:expanded\"",
+    "build:compressed": "sass --style compressed --source-map --embed-sources --no-error-css src/scss/:dist/css/",
+    "build:expanded": "sass --style expanded --source-map --embed-sources --no-error-css src/scss/:dist/css/",
+    "build:user-configs": "tsx src/scripts/BuildTheme.ts",
+    "prepublish": "rimraf dist && tsc && pnpm build:compressed",
+    "lint": "eslint . && stylelint \"**/*.scss\"",
+    "format:check": "prettier --check --ignore-path .gitignore .",
+    "format:fix": "prettier --write --ignore-path .gitignore . && pnpm lint"
+  }
+}