@tachui/cli 0.8.10-alpha.0 → 0.8.12

package/dist/core/src/lifecycle/hooks.js

@@ -0,0 +1,241 @@
+/**
+ * Enhanced Lifecycle Hook Registration API (Phase 1)
+ *
+ * Provides convenient utilities for registering lifecycle hooks with DOM context,
+ * error handling, and migration helpers for setTimeout workarounds.
+ */
+/**
+ * Enhanced lifecycle hook registration using withLifecycle utility
+ */
+export function useLifecycle(instance, hooks) {
+    // Store enhanced hooks in a custom property for now
+    ;
+    instance._enhancedLifecycle = {
+        ...instance._enhancedLifecycle,
+        ...hooks
+    };
+}
+/**
+ * Register onMount lifecycle hook
+ */
+export function onMount(instance, callback) {
+    useLifecycle(instance, { onMount: callback });
+}
+/**
+ * Register onDOMReady lifecycle hook with guaranteed DOM element access
+ */
+export function onDOMReady(instance, callback) {
+    useLifecycle(instance, { onDOMReady: callback });
+}
+/**
+ * Register onUnmount lifecycle hook
+ */
+export function onUnmount(instance, callback) {
+    useLifecycle(instance, { onUnmount: callback });
+}
+/**
+ * Register error handling hooks
+ */
+export function onError(instance, callback) {
+    useLifecycle(instance, { onError: callback });
+}
+/**
+ * Register DOM-specific error handling
+ */
+export function onDOMError(instance, callback) {
+    useLifecycle(instance, { onDOMError: callback });
+}
+/**
+ * Error boundary wrapper for components
+ */
+export function withErrorBoundary(instance, errorHandler) {
+    useLifecycle(instance, {
+        onError: (error) => errorHandler(error),
+        onDOMError: (error, context) => errorHandler(error, `DOM:${context}`)
+    });
+    return instance;
+}
+/**
+ * DOM element access utilities
+ */
+export function withDOMAccess(instance, callback) {
+    onDOMReady(instance, (_elements, primaryElement) => {
+        if (primaryElement) {
+            return callback(primaryElement);
+        }
+    });
+}
+/**
+ * Reactive asset utilities for components
+ */
+export function withReactiveAsset(instance, asset, // Asset type would be imported from assets system
+updateCallback) {
+    withDOMAccess(instance, (element) => {
+        // This would integrate with the reactive asset system
+        // For now, providing interface for future implementation
+        if (typeof asset?.resolve === 'function') {
+            const resolvedValue = asset.resolve();
+            updateCallback(element, resolvedValue);
+        }
+    });
+}
+/**
+ * Migration helper: Replace setTimeout workarounds with onDOMReady
+ */
+export function migrateFromSetTimeout(instance, legacyDOMSetup) {
+    // Add deprecation warning
+    console.warn('⚠️ setTimeout workaround detected. Consider migrating to onDOMReady.');
+    onDOMReady(instance, () => {
+        legacyDOMSetup();
+    });
+}
+/**
+ * Focus management utilities
+ */
+export const FocusManager = {
+    /**
+     * Focus element when DOM is ready (replaces setTimeout focus hacks)
+     */
+    focusWhenReady(instance, selector, element) {
+        onDOMReady(instance, (_elements, primaryElement) => {
+            let targetElement = null;
+            if (element) {
+                targetElement = element;
+            }
+            else if (selector) {
+                targetElement = primaryElement?.querySelector(selector) || null;
+            }
+            else {
+                targetElement = primaryElement || null;
+            }
+            if (targetElement instanceof HTMLElement && typeof targetElement.focus === 'function') {
+                // Use requestAnimationFrame instead of setTimeout for focus
+                requestAnimationFrame(() => {
+                    try {
+                        targetElement.focus();
+                    }
+                    catch (error) {
+                        console.warn('Focus failed:', error);
+                    }
+                });
+            }
+        });
+    },
+    /**
+     * Focus first focusable element in component
+     */
+    focusFirstFocusable(instance) {
+        onDOMReady(instance, (_elements, primaryElement) => {
+            if (primaryElement) {
+                const focusable = primaryElement.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusable) {
+                    this.focusWhenReady(instance, undefined, focusable);
+                }
+            }
+        });
+    }
+};
+/**
+ * Animation coordination utilities (replaces setTimeout animation hacks)
+ */
+export const AnimationManager = {
+    /**
+     * Coordinate animations with DOM readiness
+     */
+    animateWhenReady(instance, animations) {
+        onDOMReady(instance, (_elements, primaryElement) => {
+            let targetElement = null;
+            if (animations.element) {
+                targetElement = animations.element;
+            }
+            else if (animations.selector) {
+                targetElement = primaryElement?.querySelector(animations.selector) || null;
+            }
+            else {
+                targetElement = primaryElement || null;
+            }
+            if (targetElement) {
+                // Setup initial state
+                animations.setup(targetElement);
+                // Trigger animation on next frame
+                requestAnimationFrame(() => {
+                    animations.animate(targetElement);
+                });
+            }
+        });
+    },
+    /**
+     * Fade in animation (common pattern)
+     */
+    fadeIn(instance, element, duration = 300) {
+        this.animateWhenReady(instance, {
+            element,
+            setup: (el) => {
+                const htmlEl = el;
+                htmlEl.style.opacity = '0';
+                htmlEl.style.transition = `opacity ${duration}ms ease-out`;
+            },
+            animate: (el) => {
+                const htmlEl = el;
+                htmlEl.style.opacity = '1';
+            }
+        });
+    },
+    /**
+     * Scale in animation (common for modals/alerts)
+     */
+    scaleIn(instance, element, duration = 300) {
+        this.animateWhenReady(instance, {
+            element,
+            setup: (el) => {
+                const htmlEl = el;
+                htmlEl.style.transform = 'scale(0.8)';
+                htmlEl.style.opacity = '0';
+                htmlEl.style.transition = `all ${duration}ms ease-out`;
+            },
+            animate: (el) => {
+                const htmlEl = el;
+                htmlEl.style.transform = 'scale(1)';
+                htmlEl.style.opacity = '1';
+            }
+        });
+    }
+};
+/**
+ * Outside click detection utility (replaces setTimeout blur workarounds)
+ */
+export function setupOutsideClickDetection(instance, callback, selector) {
+    onDOMReady(instance, (_elements, primaryElement) => {
+        const targetElement = selector
+            ? primaryElement?.querySelector(selector)
+            : primaryElement;
+        if (targetElement) {
+            const handleClickOutside = (event) => {
+                if (!targetElement.contains(event.target)) {
+                    callback();
+                }
+            };
+            document.addEventListener('click', handleClickOutside);
+            // Return cleanup function
+            onUnmount(instance, () => {
+                document.removeEventListener('click', handleClickOutside);
+            });
+        }
+    });
+}
+/**
+ * Position calculation utility (replaces setTimeout positioning hacks)
+ */
+export function setupPositioning(instance, triggerSelector, targetSelector, calculatePosition) {
+    onDOMReady(instance, (_elements, primaryElement) => {
+        const trigger = primaryElement?.querySelector(triggerSelector);
+        const target = primaryElement?.querySelector(targetSelector);
+        if (trigger && target) {
+            const position = calculatePosition(trigger, target);
+            const targetEl = target;
+            targetEl.style.left = `${position.x}px`;
+            targetEl.style.top = `${position.y}px`;
+        }
+    });
+}
+//# sourceMappingURL=hooks.js.map

package/dist/core/src/lifecycle/hooks.js.map

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

package/dist/core/src/modifiers/alignment.d.ts

@@ -0,0 +1,5 @@
+import type { LayoutModifierProps, Modifier } from './types';
+import type { ModifierRegistry, PluginInfo } from '@tachui/registry';
+export declare function alignment(value: NonNullable<LayoutModifierProps['alignment']>): Modifier;
+export declare function registerAlignmentModifier(registry?: ModifierRegistry, plugin?: PluginInfo): void;
+//# sourceMappingURL=alignment.d.ts.map

package/dist/core/src/modifiers/alignment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.d.ts","sourceRoot":"","sources":["../../../../../core/src/modifiers/alignment.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAgBpE,wBAAgB,SAAS,CACvB,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,GACnD,QAAQ,CAEV;AAED,wBAAgB,yBAAyB,CACvC,QAAQ,CAAC,EAAE,gBAAgB,EAC3B,MAAM,CAAC,EAAE,UAAU,GAClB,IAAI,CAQN"}

package/dist/core/src/modifiers/alignment.js

@@ -0,0 +1,19 @@
+import { LayoutModifier } from './base';
+import { ModifierPriority } from './types';
+import { registerModifierWithMetadata } from './registration-utils';
+const metadata = {
+    category: 'layout',
+    priority: ModifierPriority.LAYOUT,
+    signature: '(value: LayoutModifierProps["alignment"]) => Modifier',
+    description: 'Sets the alignment hint for stack and container layouts.',
+};
+const alignmentFactory = (value) => {
+    return new LayoutModifier({ alignment: value });
+};
+export function alignment(value) {
+    return alignmentFactory(value);
+}
+export function registerAlignmentModifier(registry, plugin) {
+    registerModifierWithMetadata('alignment', alignmentFactory, metadata, registry, plugin);
+}
+//# sourceMappingURL=alignment.js.map

package/dist/core/src/modifiers/alignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.js","sourceRoot":"","sources":["../../../../../core/src/modifiers/alignment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAA;AAEnE,MAAM,QAAQ,GAAG;IACf,QAAQ,EAAE,QAAiB;IAC3B,QAAQ,EAAE,gBAAgB,CAAC,MAAM;IACjC,SAAS,EAAE,uDAAuD;IAClE,WAAW,EAAE,0DAA0D;CACxE,CAAA;AAED,MAAM,gBAAgB,GAAG,CACvB,KAAoD,EAC1C,EAAE;IACZ,OAAO,IAAI,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAA;AACjD,CAAC,CAAA;AAED,MAAM,UAAU,SAAS,CACvB,KAAoD;IAEpD,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,QAA2B,EAC3B,MAAmB;IAEnB,4BAA4B,CAC1B,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,MAAM,CACP,CAAA;AACH,CAAC"}

package/dist/core/src/modifiers/base.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Base Modifier System Implementation
+ *
+ * Core modifier classes and utilities for the SwiftUI-inspired modifier system.
+ */
+import type { DOMNode } from '../runtime/types';
+import type { CSSStyleProperties, Modifier, ModifierContext, ReactiveModifierProps, StyleComputationContext } from './types';
+export { bindReactiveStyle, setReactiveStyleUpdaterErrorHandler, type ReactiveStyleUpdaterErrorContext, type ReactiveStyleUpdaterErrorHandler, } from './reactive-style-bindings';
+/**
+ * Abstract base modifier class
+ */
+export declare abstract class BaseModifier<TProps = {}> implements Modifier<TProps> {
+    readonly properties: TProps;
+    abstract readonly type: string;
+    abstract readonly priority: number;
+    constructor(properties: TProps);
+    /**
+     * Apply the modifier to a DOM node
+     */
+    abstract apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    /**
+     * Helper to resolve reactive properties
+     */
+    protected resolveReactiveProps<T extends Record<string, any>>(props: ReactiveModifierProps<T>, context: StyleComputationContext): T;
+    /**
+     * Apply a single style change to an element with reactive support
+     */
+    protected applyStyleChange(element: Element, property: string, value: any): void;
+    /**
+     * Convert camelCase property to CSS kebab-case
+     */
+    protected toCSSProperty(property: string): string;
+    /**
+     * Convert value to CSS value string
+     */
+    protected toCSSValue(value: any): string;
+    /**
+     * Convert value to CSS value string with property-specific handling
+     */
+    protected toCSSValueForProperty(property: string, value: any): string;
+    /**
+     * Apply multiple CSS properties to an element with reactive support
+     */
+    protected applyStyles(element: Element, styles: CSSStyleProperties): void;
+    /**
+     * Add CSS classes to an element
+     */
+    protected addClasses(element: Element, classes: string[]): void;
+    /**
+     * Remove CSS classes from an element
+     */
+    protected removeClasses(element: Element, classes: string[]): void;
+    /**
+     * Create a style computation context
+     */
+    protected createStyleContext(componentId: string, element: Element, modifiers: Modifier[]): StyleComputationContext;
+}
+/**
+ * Layout modifier for frame, padding, margin
+ */
+export declare class LayoutModifier extends BaseModifier {
+    readonly type = "layout";
+    readonly priority: 100;
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private applyAbsolutePosition;
+    private computeLayoutStyles;
+}
+/**
+ * Appearance modifier for colors, fonts, borders, shadows
+ */
+export declare class AppearanceModifier extends BaseModifier {
+    readonly type = "appearance";
+    readonly priority: 200;
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    /**
+     * Apply Asset-based styles with theme reactivity
+     */
+    private applyAssetBasedStyles;
+    /**
+     * Check if a value is an Asset object (including Asset proxies)
+     */
+    private isAsset;
+    private computeAppearanceStyles;
+    /**
+     * Apply HTML attributes (ARIA, role, data attributes, etc.)
+     */
+    private applyAttributes;
+    private findComponentFromElement;
+}
+/**
+ * Interaction modifier for events and accessibility
+ */
+export declare class InteractionModifier extends BaseModifier {
+    readonly type = "interaction";
+    readonly priority: 300;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+/**
+ * Animation modifier for transitions and animations
+ */
+export declare class AnimationModifier extends BaseModifier {
+    readonly type = "animation";
+    readonly priority: 400;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private createKeyframeRule;
+    private addKeyframesToStylesheet;
+}
+/**
+ * Lifecycle modifier for component lifecycle events
+ */
+export declare class LifecycleModifier extends BaseModifier {
+    readonly type = "lifecycle";
+    readonly priority: 500;
+    private activeAbortController?;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private setupTask;
+    private setupViewportObserver;
+    private addCleanup;
+}
+/**
+ * Resizable modifier for making images resizable
+ * In SwiftUI, .resizable() allows images to be scaled to fit their container
+ */
+export declare class ResizableModifier extends BaseModifier {
+    readonly type = "resizable";
+    readonly priority: 200;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+//# sourceMappingURL=base.d.ts.map

package/dist/core/src/modifiers/base.d.ts.map

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