@shohojdhara/atomix 0.3.14 → 0.4.0

package/src/lib/theme/devtools/useHistory.ts

@@ -1,6 +1,6 @@
 /**
  * useHistory Hook
- * 
+ *
  * React hook for managing undo/redo history
  */
 
@@ -34,9 +34,9 @@ export interface UseHistoryReturn<T> {
 
 /**
  * useHistory hook
- * 
+ *
  * Provides undo/redo functionality for state management
- * 
+ *
  * @example
  * ```tsx
  * const { state, setState, undo, redo, canUndo, canRedo } = useHistory({
@@ -47,7 +47,7 @@ export interface UseHistoryReturn<T> {
  */
 export function useHistory<T>(options: UseHistoryOptions = {}): UseHistoryReturn<T> {
   const { maxHistorySize = 50, initialState } = options;
-  
+
   const [state, setStateInternal] = useState<T>(initialState as T);
   const historyRef = useRef<T[]>([initialState as T]);
   const currentIndexRef = useRef<number>(0);
@@ -59,25 +59,28 @@ export function useHistory<T>(options: UseHistoryOptions = {}): UseHistoryReturn
     setCanRedo(currentIndexRef.current < historyRef.current.length - 1);
   }, []);
 
-  const setState = useCallback((newState: T) => {
-    // Remove any future history if we're not at the end
-    if (currentIndexRef.current < historyRef.current.length - 1) {
-      historyRef.current = historyRef.current.slice(0, currentIndexRef.current + 1);
-    }
+  const setState = useCallback(
+    (newState: T) => {
+      // Remove any future history if we're not at the end
+      if (currentIndexRef.current < historyRef.current.length - 1) {
+        historyRef.current = historyRef.current.slice(0, currentIndexRef.current + 1);
+      }
 
-    // Add new state to history
-    historyRef.current.push(newState);
-    currentIndexRef.current = historyRef.current.length - 1;
+      // Add new state to history
+      historyRef.current.push(newState);
+      currentIndexRef.current = historyRef.current.length - 1;
 
-    // Limit history size
-    if (historyRef.current.length > maxHistorySize) {
-      historyRef.current.shift();
-      currentIndexRef.current--;
-    }
+      // Limit history size
+      if (historyRef.current.length > maxHistorySize) {
+        historyRef.current.shift();
+        currentIndexRef.current--;
+      }
 
-    setStateInternal(newState);
-    updateHistoryState();
-  }, [maxHistorySize, updateHistoryState]);
+      setStateInternal(newState);
+      updateHistoryState();
+    },
+    [maxHistorySize, updateHistoryState]
+  );
 
   const undo = useCallback(() => {
     if (currentIndexRef.current > 0) {
@@ -127,4 +130,3 @@ export function useHistory<T>(options: UseHistoryOptions = {}): UseHistoryReturn
     getHistoryStats,
   };
 }
-

package/src/lib/theme/errors/errors.ts

@@ -1,6 +1,6 @@
 /**
  * Theme System Error Handling
- * 
+ *
  * Centralized error handling for the Atomix theme system.
  * Provides custom error classes and logging utilities.
  */
@@ -114,7 +114,7 @@ export interface LoggerConfig {
 
 /**
  * Theme Logger
- * 
+ *
  * Centralized logging for the theme system.
  * Replaces console statements with structured logging.
  */
@@ -128,7 +128,11 @@ export class ThemeLogger {
 
   constructor(config: LoggerConfig = {}) {
     this.config = {
-      level: config.level ?? (typeof process !== 'undefined' && process.env?.NODE_ENV === 'production' ? LogLevel.WARN : LogLevel.INFO),
+      level:
+        config.level ??
+        (typeof process !== 'undefined' && process.env?.NODE_ENV === 'production'
+          ? LogLevel.WARN
+          : LogLevel.INFO),
       enableConsole: config.enableConsole ?? true,
       onError: config.onError,
       onWarn: config.onWarn,
@@ -140,19 +144,16 @@ export class ThemeLogger {
   /**
    * Log an error
    */
-  error(
-    message: string,
-    error?: Error | ThemeError,
-    context?: Record<string, unknown>
-  ): void {
+  error(message: string, error?: Error | ThemeError, context?: Record<string, unknown>): void {
     if (this.config.level < LogLevel.ERROR) {
       return;
     }
 
     const errorObj = error instanceof Error ? error : new Error(message);
-    const themeError = error instanceof ThemeError 
-      ? error 
-      : new ThemeError(message, ThemeErrorCode.UNKNOWN_ERROR, context);
+    const themeError =
+      error instanceof ThemeError
+        ? error
+        : new ThemeError(message, ThemeErrorCode.UNKNOWN_ERROR, context);
 
     if (this.config.enableConsole) {
       console.error(`[ThemeError] ${message}`, {

package/src/lib/theme/errors/index.ts

@@ -1,12 +1,7 @@
 /**
  * Theme Errors
- * 
+ *
  * Error classes and error handling utilities
  */
 
-export {
-  ThemeError,
-  ThemeErrorCode,
-  getLogger,
-} from './errors';
-
+export { ThemeError, ThemeErrorCode, getLogger } from './errors';

package/src/lib/theme/generators/generateCSS.ts

@@ -1,6 +1,6 @@
 /**
  * CSS Variable Generator
- * 
+ *
  * Generates CSS custom properties from design tokens.
  */
 
@@ -18,20 +18,20 @@ export interface GenerateCSSVariablesOptions {
 
 /**
  * Generate CSS variables from tokens
- * 
+ *
  * Converts flat token object to CSS custom properties.
- * 
+ *
  * @param tokens - Design tokens object
  * @param options - Generation options
  * @returns CSS string with custom properties
- * 
+ *
  * @example
  * ```typescript
  * const tokens = {
  *   'primary': '#7c3aed',
  *   'spacing-4': '1rem',
  * };
- * 
+ *
  * const css = generateCSSVariables(tokens);
  * // Returns: ":root {\n  --atomix-primary: #7c3aed;\n  --atomix-spacing-4: 1rem;\n}"
  * ```
@@ -40,10 +40,7 @@ export function generateCSSVariables(
   tokens: DesignTokens,
   options: GenerateCSSVariablesOptions = {}
 ): string {
-  const {
-    selector = ':root',
-    prefix = 'atomix',
-  } = options;
+  const { selector = ':root', prefix = 'atomix' } = options;
 
   // Filter out undefined values and generate CSS variables
   const variables = Object.entries(tokens)
@@ -62,14 +59,14 @@ export function generateCSSVariables(
 
 /**
  * Generate CSS variables with custom selector
- * 
+ *
  * Useful for theme-specific selectors like `[data-theme="dark"]`
- * 
+ *
  * @param tokens - Design tokens object
  * @param selector - CSS selector (e.g., '[data-theme="dark"]')
  * @param prefix - CSS variable prefix
  * @returns CSS string
- * 
+ *
  * @example
  * ```typescript
  * const css = generateCSSVariablesForSelector(
@@ -86,4 +83,3 @@ export function generateCSSVariablesForSelector(
 ): string {
   return generateCSSVariables(tokens, { selector, prefix });
 }
-

package/src/lib/theme/generators/generateCSSNested.ts

@@ -58,12 +58,7 @@ export function generateNestedCSSVariables(
   tokens: DesignTokens,
   options: GenerateNestedCSSVariablesOptions = {}
 ): string {
-  const {
-    selector = ':root',
-    prefix = 'atomix',
-    separator = '-',
-    flatten = true,
-  } = options;
+  const { selector = ':root', prefix = 'atomix', separator = '-', flatten = true } = options;
 
   // Flatten nested token structure
   const flattened = flatten ? flattenTokens(tokens, separator) : tokens;