phaser-wind 0.1.0 → 0.2.0

package/dist/theme/theme-manager.d.ts

@@ -0,0 +1,96 @@
+import { type BaseThemeConfig, type DefaultThemeStructure } from './theme-config';
+/**
+ * Global theme manager for Phaser Wind
+ * Handles theme registration, switching, and token resolution with nested object support
+ */
+declare class ThemeManagerClass {
+    private currentTheme;
+    private registeredThemes;
+    private listeners;
+    /**
+     * Initialize the theme manager with a default theme
+     */
+    init<T extends BaseThemeConfig>(theme: T): void;
+    /**
+     * Register a named theme
+     */
+    registerTheme<T extends BaseThemeConfig>(name: string, theme: T): void;
+    /**
+     * Switch to a registered theme by name
+     */
+    setTheme(name: string): void;
+    /**
+     * Set theme directly with object
+     */
+    setThemeObject<T extends BaseThemeConfig>(theme: T): void;
+    /**
+     * Get the current theme
+     */
+    getCurrentTheme(): BaseThemeConfig;
+    /**
+     * Get a nested token using dot notation (e.g., 'colors.primary', 'fonts.display')
+     * @param path - The path to the token (e.g., 'colors.primary')
+     * @returns The resolved token value
+     */
+    getToken(path: string): unknown;
+    /**
+     * Check if a nested token exists using dot notation
+     * @param path - The path to check (e.g., 'colors.primary')
+     * @returns True if the token exists
+     */
+    hasToken(path: string): boolean;
+    /**
+     * Get a token with type safety for specific namespaces
+     */
+    getColorToken(key: string): string | undefined;
+    /**
+     * Get a font token
+     */
+    getFontToken(key: string): string | undefined;
+    /**
+     * Get a spacing token
+     */
+    getSpacingToken(key: string): number | undefined;
+    /**
+     * Get a typography token
+     */
+    getTypographyToken(key: string): unknown;
+    /**
+     * Get an effect token
+     */
+    getEffectToken(key: string): unknown;
+    /**
+     * Resolve a theme reference (e.g., 'colors.primary' -> actual color value)
+     * This allows theme tokens to reference other theme tokens
+     */
+    resolveToken(value: string): unknown;
+    /**
+     * Listen for theme changes
+     */
+    onThemeChange(listener: (theme: BaseThemeConfig) => void): () => void;
+    /**
+     * Get all registered theme names
+     */
+    getRegisteredThemes(): string[];
+    /**
+     * Create a new theme based on the current one with overrides
+     */
+    extendCurrentTheme<T extends BaseThemeConfig>(overrides: Partial<T>): BaseThemeConfig;
+    /**
+     * Reset to default theme
+     */
+    reset(): void;
+    private notifyListeners;
+    /**
+     * Helper method to get nested values using dot notation
+     * @param obj - The object to search in
+     * @param path - The dot notation path (e.g., 'colors.primary')
+     * @returns The value at the path or undefined
+     */
+    private getNestedValue;
+}
+export declare const ThemeManager: ThemeManagerClass;
+export declare const createTheme: <T extends BaseThemeConfig>(theme: T) => T;
+export type ThemeConfig<T extends BaseThemeConfig = DefaultThemeStructure> = T;
+export {};
+//# sourceMappingURL=theme-manager.d.ts.map

package/dist/theme/theme-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-manager.d.ts","sourceRoot":"","sources":["../../src/theme/theme-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC3B,MAAM,gBAAgB,CAAC;AAExB;;;GAGG;AACH,cAAM,iBAAiB;IACrB,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,gBAAgB,CAA2C;IACnE,OAAO,CAAC,SAAS,CAA+C;IAEhE;;OAEG;IACH,IAAI,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAK/C;;OAEG;IACH,aAAa,CAAC,CAAC,SAAS,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAItE;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAc5B;;OAEG;IACH,cAAc,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAKzD;;OAEG;IACH,eAAe,IAAI,eAAe;IAIlC;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B;;OAEG;IACH,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAK9C;;OAEG;IACH,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAK7C;;OAEG;IACH,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAKhD;;OAEG;IACH,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIxC;;OAEG;IACH,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIpC;;;OAGG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAcpC;;OAEG;IACH,aAAa,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,GAAG,MAAM,IAAI;IAYrE;;OAEG;IACH,mBAAmB,IAAI,MAAM,EAAE;IAI/B;;OAEG;IACH,kBAAkB,CAAC,CAAC,SAAS,eAAe,EAC1C,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GACpB,eAAe;IAIlB;;OAEG;IACH,KAAK,IAAI,IAAI;IAQb,OAAO,CAAC,eAAe;IAIvB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;CAOvB;AAGD,eAAO,MAAM,YAAY,mBAA0B,CAAC;AAGpD,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,eAAe,EAAE,OAAO,CAAC,KAAG,CAAU,CAAC;AAG7E,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,qBAAqB,IAAI,CAAC,CAAC"}

package/dist/theme/theme-manager.js

@@ -0,0 +1,171 @@
+import { defaultLightTheme, } from './theme-config';
+/**
+ * Global theme manager for Phaser Wind
+ * Handles theme registration, switching, and token resolution with nested object support
+ */
+class ThemeManagerClass {
+    currentTheme = defaultLightTheme;
+    registeredThemes = new Map();
+    listeners = [];
+    /**
+     * Initialize the theme manager with a default theme
+     */
+    init(theme) {
+        this.currentTheme = theme;
+        this.registerTheme('default', theme);
+    }
+    /**
+     * Register a named theme
+     */
+    registerTheme(name, theme) {
+        this.registeredThemes.set(name, theme);
+    }
+    /**
+     * Switch to a registered theme by name
+     */
+    setTheme(name) {
+        const theme = this.registeredThemes.get(name);
+        if (!theme) {
+            // eslint-disable-next-line no-console
+            console.warn(`[Phaser Wind] Theme "${name}" not found. Available themes: ${Array.from(this.registeredThemes.keys()).join(', ')}`);
+            return;
+        }
+        this.currentTheme = theme;
+        this.notifyListeners();
+    }
+    /**
+     * Set theme directly with object
+     */
+    setThemeObject(theme) {
+        this.currentTheme = theme;
+        this.notifyListeners();
+    }
+    /**
+     * Get the current theme
+     */
+    getCurrentTheme() {
+        return this.currentTheme;
+    }
+    /**
+     * Get a nested token using dot notation (e.g., 'colors.primary', 'fonts.display')
+     * @param path - The path to the token (e.g., 'colors.primary')
+     * @returns The resolved token value
+     */
+    getToken(path) {
+        return this.getNestedValue(this.currentTheme, path);
+    }
+    /**
+     * Check if a nested token exists using dot notation
+     * @param path - The path to check (e.g., 'colors.primary')
+     * @returns True if the token exists
+     */
+    hasToken(path) {
+        return this.getNestedValue(this.currentTheme, path) !== undefined;
+    }
+    /**
+     * Get a token with type safety for specific namespaces
+     */
+    getColorToken(key) {
+        const value = this.getToken(`colors.${key}`);
+        return typeof value === 'string' ? value : undefined;
+    }
+    /**
+     * Get a font token
+     */
+    getFontToken(key) {
+        const value = this.getToken(`fonts.${key}`);
+        return typeof value === 'string' ? value : undefined;
+    }
+    /**
+     * Get a spacing token
+     */
+    getSpacingToken(key) {
+        const value = this.getToken(`spacing.${key}`);
+        return typeof value === 'number' ? value : undefined;
+    }
+    /**
+     * Get a typography token
+     */
+    getTypographyToken(key) {
+        return this.getToken(`typography.${key}`);
+    }
+    /**
+     * Get an effect token
+     */
+    getEffectToken(key) {
+        return this.getToken(`effects.${key}`);
+    }
+    /**
+     * Resolve a theme reference (e.g., 'colors.primary' -> actual color value)
+     * This allows theme tokens to reference other theme tokens
+     */
+    resolveToken(value) {
+        if (typeof value === 'string' && value.includes('.')) {
+            // Check if it's a theme reference
+            const resolved = this.getToken(value);
+            if (resolved !== undefined) {
+                // Recursively resolve in case of nested references
+                return typeof resolved === 'string' && resolved.includes('.')
+                    ? this.resolveToken(resolved)
+                    : resolved;
+            }
+        }
+        return value;
+    }
+    /**
+     * Listen for theme changes
+     */
+    onThemeChange(listener) {
+        this.listeners.push(listener);
+        // Return unsubscribe function
+        return () => {
+            const index = this.listeners.indexOf(listener);
+            if (index > -1) {
+                this.listeners.splice(index, 1);
+            }
+        };
+    }
+    /**
+     * Get all registered theme names
+     */
+    getRegisteredThemes() {
+        return Array.from(this.registeredThemes.keys());
+    }
+    /**
+     * Create a new theme based on the current one with overrides
+     */
+    extendCurrentTheme(overrides) {
+        return { ...this.currentTheme, ...overrides };
+    }
+    /**
+     * Reset to default theme
+     */
+    reset() {
+        const defaultTheme = this.registeredThemes.get('default');
+        if (defaultTheme) {
+            this.currentTheme = defaultTheme;
+            this.notifyListeners();
+        }
+    }
+    notifyListeners() {
+        this.listeners.forEach(listener => listener(this.currentTheme));
+    }
+    /**
+     * Helper method to get nested values using dot notation
+     * @param obj - The object to search in
+     * @param path - The dot notation path (e.g., 'colors.primary')
+     * @returns The value at the path or undefined
+     */
+    getNestedValue(obj, path) {
+        return path.split('.').reduce((current, key) => {
+            return current && typeof current === 'object'
+                ? current[key]
+                : undefined;
+        }, obj);
+    }
+}
+// Export singleton instance
+export const ThemeManager = new ThemeManagerClass();
+// Type helper for creating themes with proper typing
+export const createTheme = (theme) => theme;
+//# sourceMappingURL=theme-manager.js.map

package/dist/theme/theme-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-manager.js","sourceRoot":"","sources":["../../src/theme/theme-manager.ts"],"names":[],"mappings":"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"}

package/dist/theme/type.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=type.d.ts.map

package/dist/theme/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/theme/type.ts"],"names":[],"mappings":""}

package/dist/theme/type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=type.js.map

package/dist/theme/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/theme/type.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phaser-wind",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Wind theme like Tailwind CSS for Phaser games",
   "type": "module",
   "main": "./dist/index.js",