dalila 1.8.2 → 1.8.4

package/dist/core/store.js

@@ -1,234 +0,0 @@
-/**
- * Global Store - Matar necessidade de Zustand
- *
- * createStore() cria um objeto reativo global que:
- * - Não precisa de scope
- * - É singleton por padrão
- * - Suporta computed properties
- * - Suporta actions
- * - Totalmente type-safe
- */
-import { signal, computed } from './signal.js';
-import { batch } from './scheduler.js';
-/**
- * Create a global reactive store (Zustand-like but better)
- *
- * @example
- * ```typescript
- * const useCounter = createStore({
- *   count: 0,
- *   increment() {
- *     this.count++;
- *   },
- *   decrement() {
- *     this.count--;
- *   }
- * });
- *
- * // Use anywhere (no scope needed!)
- * console.log(useCounter.count()); // 0
- * useCounter.increment();
- * console.log(useCounter.count()); // 1
- *
- * // Reactive
- * effect(() => {
- *   console.log('Count:', useCounter.count());
- * });
- * ```
- */
-export function createStore(initialState) {
-    const stateSignals = new Map();
-    const initialStateCopy = { ...initialState };
-    const subscribers = new Set();
-    // Separate actions from state
-    const actions = {};
-    const stateKeys = [];
-    for (const [key, value] of Object.entries(initialState)) {
-        if (typeof value === 'function') {
-            actions[key] = value;
-        }
-        else {
-            stateKeys.push(key);
-            stateSignals.set(key, signal(value));
-        }
-    }
-    // Notify subscribers on any state change
-    const notifySubscribers = () => {
-        const currentState = getState();
-        subscribers.forEach((fn) => fn(currentState));
-    };
-    // Proxy to intercept state access in actions
-    const stateProxy = new Proxy({}, {
-        get(_target, prop) {
-            const sig = stateSignals.get(prop);
-            if (sig)
-                return sig();
-            if (prop in actions)
-                return actions[prop];
-            return undefined;
-        },
-        set(_target, prop, value) {
-            const sig = stateSignals.get(prop);
-            if (sig) {
-                sig.set(value);
-                notifySubscribers();
-                return true;
-            }
-            return false;
-        },
-    });
-    // Bind actions to proxy (so `this` works)
-    const boundActions = {};
-    for (const [key, fn] of Object.entries(actions)) {
-        boundActions[key] = fn.bind(stateProxy);
-    }
-    function getState() {
-        const state = {};
-        for (const key of stateKeys) {
-            state[key] = stateSignals.get(key)();
-        }
-        return state;
-    }
-    function setState(partial) {
-        const updates = typeof partial === 'function' ? partial(getState()) : partial;
-        batch(() => {
-            for (const [key, value] of Object.entries(updates)) {
-                const sig = stateSignals.get(key);
-                if (sig) {
-                    sig.set(value);
-                }
-            }
-            notifySubscribers();
-        });
-    }
-    function reset() {
-        batch(() => {
-            for (const [key, value] of Object.entries(initialStateCopy)) {
-                if (typeof value !== 'function') {
-                    const sig = stateSignals.get(key);
-                    if (sig) {
-                        sig.set(value);
-                    }
-                }
-            }
-            notifySubscribers();
-        });
-    }
-    function subscribe(fn) {
-        subscribers.add(fn);
-        return () => subscribers.delete(fn);
-    }
-    // Build store object
-    const store = {
-        ...boundActions,
-        subscribe,
-        getState,
-        setState,
-        reset,
-    };
-    // Add getters for state
-    for (const key of stateKeys) {
-        store[key] = () => stateSignals.get(key)();
-    }
-    return store;
-}
-/**
- * Create a computed store (derived from other stores)
- *
- * @example
- * ```typescript
- * const todos = createStore({
- *   items: [{ done: false }, { done: true }]
- * });
- *
- * const stats = createComputedStore(() => ({
- *   total: todos.items().length,
- *   completed: todos.items().filter(t => t.done).length
- * }));
- *
- * console.log(stats.total()); // 2
- * console.log(stats.completed()); // 1
- * ```
- */
-export function createComputedStore(compute) {
-    const computedValues = new Map();
-    // Run once to get keys
-    const initial = compute();
-    for (const key of Object.keys(initial)) {
-        computedValues.set(key, computed(() => compute()[key]));
-    }
-    const store = {};
-    for (const [key, sig] of computedValues) {
-        store[key] = () => sig();
-    }
-    return store;
-}
-/**
- * Persist store to localStorage
- *
- * @example
- * ```typescript
- * const settings = createStore({
- *   theme: 'dark',
- *   language: 'en'
- * });
- *
- * persistStore(settings, 'app-settings');
- * // Auto-saves on change, auto-loads on init
- * ```
- */
-export function persistStore(store, key, options = {}) {
-    const storage = options.storage || localStorage;
-    const serialize = options.serialize || JSON.stringify;
-    const deserialize = options.deserialize || JSON.parse;
-    // Load initial state
-    try {
-        const saved = storage.getItem(key);
-        if (saved) {
-            const parsed = deserialize(saved);
-            store.setState(parsed);
-        }
-    }
-    catch (err) {
-        console.warn(`Failed to load persisted store "${key}":`, err);
-    }
-    // Save on change
-    const unsubscribe = store.subscribe((state) => {
-        try {
-            storage.setItem(key, serialize(state));
-        }
-        catch (err) {
-            console.warn(`Failed to persist store "${key}":`, err);
-        }
-    });
-    return unsubscribe;
-}
-/**
- * Create a store slice (like Redux Toolkit)
- *
- * @example
- * ```typescript
- * const auth = createStoreSlice('auth', {
- *   user: null,
- *   login(user) {
- *     this.user = user;
- *   },
- *   logout() {
- *     this.user = null;
- *   }
- * });
- *
- * const app = combineStores({ auth, theme, router });
- * ```
- */
-export function createStoreSlice(name, initialState) {
-    const store = createStore(initialState);
-    store._name = name;
-    return store;
-}
-/**
- * Combine multiple store slices into one
- */
-export function combineStores(slices) {
-    return slices;
-}

package/dist/core/virtual.d.ts

@@ -1,26 +0,0 @@
-export declare function createVirtualList<T>(items: () => T[], itemHeight: number | ((item: T, index: number) => number), renderItem: (item: T, index: number) => HTMLElement, options: {
-    container: HTMLElement;
-    bufferSize?: number;
-    keyFn?: (item: T) => string;
-}): void;
-export declare function createSimpleVirtualList<T>(items: () => T[], itemHeight: number, renderItem: (item: T, index: number) => HTMLElement, container: HTMLElement, bufferSize?: number): void;
-export declare function createVirtualTable<T>(data: () => T[], columns: {
-    key: keyof T;
-    header: string;
-    width: string;
-}[], renderCell: (item: T, column: {
-    key: keyof T;
-    header: string;
-    width: string;
-}, index: number) => HTMLElement, container: HTMLElement, rowHeight?: number, bufferSize?: number): void;
-export declare function createInfiniteScroll<T>(fetchFn: (offset: number, limit: number) => Promise<T[]>, renderItem: (item: T, index: number) => HTMLElement, container: HTMLElement, options?: {
-    itemHeight?: number;
-    bufferSize?: number;
-    initialLoad?: number;
-    loadMoreThreshold?: number;
-}): {
-    items: () => T[];
-    loading: () => boolean;
-    error: () => Error | null;
-    refresh: () => Promise<void>;
-};

package/dist/core/virtual.js

@@ -1,277 +0,0 @@
-import { effect, signal } from './signal.js';
-import { measure, mutate } from './scheduler.js';
-import { getCurrentScope } from './scope.js';
-// Experimental: virtualized list rendering API.
-export function createVirtualList(items, itemHeight, renderItem, options) {
-    const container = options.container;
-    const bufferSize = options.bufferSize || 3;
-    const keyFn = options.keyFn || ((item, index) => index.toString());
-    let visibleItems = [];
-    let allItems = [];
-    let scrollTop = 0;
-    let containerHeight = 0;
-    let totalHeight = 0;
-    let itemHeights = [];
-    const contentContainer = document.createElement('div');
-    container.appendChild(contentContainer);
-    // Calculate item height
-    const getItemHeight = (item, index) => {
-        if (typeof itemHeight === 'function') {
-            return itemHeight(item, index);
-        }
-        return itemHeight;
-    };
-    // Update item heights and total height
-    const updateItemHeights = () => {
-        itemHeights = allItems.map((item, index) => getItemHeight(item, index));
-        totalHeight = itemHeights.reduce((sum, height) => sum + height, 0);
-    };
-    // Calculate visible range
-    const calculateVisibleRange = () => {
-        const startIndex = Math.max(0, Math.floor(scrollTop / averageItemHeight()) - bufferSize);
-        const endIndex = Math.min(allItems.length - 1, Math.ceil((scrollTop + containerHeight) / averageItemHeight()) + bufferSize);
-        return { startIndex, endIndex };
-    };
-    // Calculate average item height for estimation
-    const averageItemHeight = () => {
-        if (itemHeights.length === 0)
-            return itemHeight instanceof Function ? 50 : itemHeight;
-        return itemHeights.reduce((sum, height) => sum + height, 0) / itemHeights.length;
-    };
-    // Render visible items
-    const renderVisibleItems = () => {
-        measure(() => {
-            const { startIndex, endIndex } = calculateVisibleRange();
-            // Remove items that are no longer visible
-            visibleItems.forEach(item => {
-                if (item.index < startIndex || item.index > endIndex) {
-                    if (item.element.parentNode) {
-                        item.element.parentNode.removeChild(item.element);
-                    }
-                }
-            });
-            // Filter visible items
-            visibleItems = visibleItems.filter(item => item.index >= startIndex && item.index <= endIndex);
-            // Add new visible items
-            for (let i = startIndex; i <= endIndex; i++) {
-                const existingItem = visibleItems.find(item => item.index === i);
-                if (!existingItem) {
-                    const item = allItems[i];
-                    const element = renderItem(item, i);
-                    const height = getItemHeight(item, i);
-                    // Calculate position
-                    const top = itemHeights.slice(0, i).reduce((sum, h) => sum + h, 0);
-                    // Style the element
-                    element.style.position = 'absolute';
-                    element.style.top = `${top}px`;
-                    element.style.height = `${height}px`;
-                    element.style.width = '100%';
-                    element.setAttribute('data-key', keyFn(item, i));
-                    contentContainer.appendChild(element);
-                    visibleItems.push({
-                        index: i,
-                        item,
-                        top,
-                        height,
-                        element
-                    });
-                }
-            }
-        });
-    };
-    // Update container and scroll position
-    const updateContainer = () => {
-        mutate(() => {
-            if (!container.style.position || container.style.position === 'static') {
-                container.style.position = 'relative';
-            }
-            container.style.overflow = 'auto';
-            contentContainer.style.position = 'relative';
-            contentContainer.style.height = `${totalHeight}px`;
-            contentContainer.style.width = '100%';
-        });
-    };
-    // Handle scroll events (rAF throttled)
-    let scrollRafId = null;
-    const handleScroll = () => {
-        if (scrollRafId !== null)
-            return;
-        scrollRafId = requestAnimationFrame(() => {
-            scrollRafId = null;
-            scrollTop = container.scrollTop;
-            containerHeight = container.clientHeight;
-            renderVisibleItems();
-        });
-    };
-    // Initialize
-    effect(() => {
-        allItems = items();
-        updateItemHeights();
-        updateContainer();
-        renderVisibleItems();
-    });
-    // Set up scroll listener
-    container.addEventListener('scroll', handleScroll);
-    // Initial render
-    containerHeight = container.clientHeight;
-    renderVisibleItems();
-    // Cleanup
-    const scope = getCurrentScope();
-    if (scope) {
-        scope.onCleanup(() => {
-            container.removeEventListener('scroll', handleScroll);
-            if (scrollRafId !== null)
-                cancelAnimationFrame(scrollRafId);
-            contentContainer.innerHTML = '';
-            if (contentContainer.parentNode) {
-                contentContainer.parentNode.removeChild(contentContainer);
-            }
-        });
-    }
-}
-// Simplified virtual list for fixed height items
-export function createSimpleVirtualList(items, itemHeight, renderItem, container, bufferSize = 3) {
-    createVirtualList(items, itemHeight, renderItem, { container, bufferSize });
-}
-// Virtual table implementation
-export function createVirtualTable(data, columns, renderCell, container, rowHeight = 50, bufferSize = 3) {
-    const headerHeight = 40;
-    const totalWidth = columns.reduce((sum, col) => sum + parseInt(col.width), 0);
-    // Create header
-    const header = document.createElement('div');
-    header.style.position = 'absolute';
-    header.style.top = '0';
-    header.style.left = '0';
-    header.style.width = `${totalWidth}px`;
-    header.style.height = `${headerHeight}px`;
-    header.style.display = 'flex';
-    header.style.backgroundColor = '#f5f5f5';
-    header.style.zIndex = '10';
-    columns.forEach(col => {
-        const headerCell = document.createElement('div');
-        headerCell.textContent = col.header;
-        headerCell.style.width = col.width;
-        headerCell.style.height = `${headerHeight}px`;
-        headerCell.style.display = 'flex';
-        headerCell.style.alignItems = 'center';
-        headerCell.style.padding = '0 8px';
-        headerCell.style.boxSizing = 'border-box';
-        headerCell.style.borderRight = '1px solid #ddd';
-        header.appendChild(headerCell);
-    });
-    container.appendChild(header);
-    // Create scrollable content area
-    const contentContainer = document.createElement('div');
-    contentContainer.style.position = 'absolute';
-    contentContainer.style.top = `${headerHeight}px`;
-    contentContainer.style.left = '0';
-    contentContainer.style.width = `${totalWidth}px`;
-    contentContainer.style.height = `calc(100% - ${headerHeight}px)`;
-    contentContainer.style.overflow = 'auto';
-    container.appendChild(contentContainer);
-    container.style.position = 'relative';
-    container.style.height = '100%';
-    container.style.width = `${totalWidth}px`;
-    // Render rows
-    createVirtualList(data, rowHeight, (item, index) => {
-        const row = document.createElement('div');
-        row.style.display = 'flex';
-        row.style.width = '100%';
-        row.style.height = `${rowHeight}px`;
-        row.style.borderBottom = '1px solid #eee';
-        columns.forEach(col => {
-            const cell = renderCell(item, col, index);
-            cell.style.width = col.width;
-            cell.style.height = `${rowHeight}px`;
-            cell.style.display = 'flex';
-            cell.style.alignItems = 'center';
-            cell.style.padding = '0 8px';
-            cell.style.boxSizing = 'border-box';
-            cell.style.borderRight = '1px solid #ddd';
-            row.appendChild(cell);
-        });
-        return row;
-    }, {
-        container: contentContainer,
-        bufferSize,
-        keyFn: (item) => JSON.stringify(item)
-    });
-}
-// Infinite scroll implementation
-export function createInfiniteScroll(fetchFn, renderItem, container, options = {}) {
-    const itemHeight = options.itemHeight || 100;
-    const bufferSize = options.bufferSize || 3;
-    const initialLoad = options.initialLoad || 20;
-    const loadMoreThreshold = options.loadMoreThreshold || 5;
-    const items = signal([]);
-    const loading = signal(false);
-    const error = signal(null);
-    const offset = signal(0);
-    const hasMore = signal(true);
-    let isLoading = false;
-    let allItems = [];
-    async function loadMore() {
-        if (isLoading || !hasMore())
-            return;
-        isLoading = true;
-        loading.set(true);
-        error.set(null);
-        try {
-            const newItems = await fetchFn(offset(), initialLoad);
-            if (newItems.length === 0) {
-                hasMore.set(false);
-            }
-            else {
-                allItems = [...allItems, ...newItems];
-                items.set(allItems);
-                offset.set(offset() + newItems.length);
-            }
-        }
-        catch (err) {
-            error.set(err instanceof Error ? err : new Error(String(err)));
-        }
-        finally {
-            isLoading = false;
-            loading.set(false);
-        }
-    }
-    async function refresh() {
-        offset.set(0);
-        hasMore.set(true);
-        allItems = [];
-        items.set([]);
-        await loadMore();
-    }
-    // Initial load
-    effect(() => {
-        loadMore();
-    });
-    // Set up scroll listener for infinite scroll
-    container.addEventListener('scroll', () => {
-        const scrollTop = container.scrollTop;
-        const scrollHeight = container.scrollHeight;
-        const clientHeight = container.clientHeight;
-        if (scrollHeight - (scrollTop + clientHeight) < loadMoreThreshold * itemHeight) {
-            loadMore();
-        }
-    });
-    // Render items
-    createVirtualList(items, itemHeight, renderItem, {
-        container,
-        bufferSize,
-        keyFn: (item) => `${JSON.stringify(item)}`
-    });
-    // Cleanup
-    const scope = getCurrentScope();
-    if (scope) {
-        scope.onCleanup(() => {
-            container.innerHTML = '';
-        });
-    }
-    return {
-        items: () => items(),
-        loading: () => loading(),
-        error: () => error(),
-        refresh
-    };
-}

package/dist/core/watch-testing.d.ts

@@ -1,13 +0,0 @@
-/**
- * Testing utilities for watch.ts
- *
- * This file is NOT exported in the public API (src/index.ts).
- * It should only be imported directly by test files.
- *
- * @internal
- */
-/**
- * Reset all warning flags to their initial state.
- * Use this in tests to ensure deterministic warning behavior.
- */
-export declare function resetWarnings(): void;

package/dist/core/watch-testing.js

@@ -1,16 +0,0 @@
-/**
- * Testing utilities for watch.ts
- *
- * This file is NOT exported in the public API (src/index.ts).
- * It should only be imported directly by test files.
- *
- * @internal
- */
-import { __resetWarningsForTests } from './watch.js';
-/**
- * Reset all warning flags to their initial state.
- * Use this in tests to ensure deterministic warning behavior.
- */
-export function resetWarnings() {
-    __resetWarningsForTests();
-}

package/dist/router/route.d.ts

@@ -1,23 +0,0 @@
-export interface RouteDef {
-    path: string;
-    view: () => Node | Node[];
-    children?: RouteDef[];
-    loader?: (route: RouteState) => Promise<any>;
-    beforeEnter?: (to: RouteState, from: RouteState) => boolean | Promise<boolean>;
-    afterLeave?: (from: RouteState, to: RouteState) => void | Promise<void>;
-}
-export interface RouteState {
-    path: string;
-    params: Record<string, string>;
-    query: URLSearchParams;
-    hash: string;
-    signal?: AbortSignal;
-}
-export interface RouteMatch {
-    route: RouteDef;
-    params: Record<string, string>;
-    query: URLSearchParams;
-    hash: string;
-}
-export declare function matchRoute(path: string, routeDef: RouteDef): RouteMatch | null;
-export declare function findRoute(path: string, routes: RouteDef[]): RouteMatch | null;

package/dist/router/route.js

@@ -1,48 +0,0 @@
-function parsePath(path) {
-    const paramNames = [];
-    const pattern = path
-        .replace(/:([^\/]+)/g, (_, paramName) => {
-        paramNames.push(paramName);
-        return '([^/]+)';
-    })
-        .replace(/\*/g, '.*');
-    return {
-        pattern: new RegExp(`^${pattern}$`),
-        paramNames
-    };
-}
-export function matchRoute(path, routeDef) {
-    const { pattern, paramNames } = parsePath(routeDef.path);
-    const match = path.match(pattern);
-    if (!match) {
-        return null;
-    }
-    const params = {};
-    paramNames.forEach((name, index) => {
-        params[name] = match[index + 1];
-    });
-    const url = new URL(path, 'http://localhost');
-    const query = url.searchParams;
-    const hash = url.hash.slice(1); // Remove the #
-    return {
-        route: routeDef,
-        params,
-        query,
-        hash
-    };
-}
-export function findRoute(path, routes) {
-    for (const route of routes) {
-        const match = matchRoute(path, route);
-        if (match) {
-            return match;
-        }
-        if (route.children) {
-            const childMatch = findRoute(path, route.children);
-            if (childMatch) {
-                return childMatch;
-            }
-        }
-    }
-    return null;
-}

package/dist/simple.d.ts

@@ -1,11 +0,0 @@
-/**
- * dalila/simple - Simplified API
- *
- * Just the essentials:
- * - Global store (no Zustand needed)
- * - Auto-scope context (menos verboso)
- * - Core reactivity primitives
- *
- * Philosophy: Use HTML templates (via dev-server), not hyperscript.
- */
-export * from './core/index.js';

package/dist/simple.js

@@ -1,11 +0,0 @@
-/**
- * dalila/simple - Simplified API
- *
- * Just the essentials:
- * - Global store (no Zustand needed)
- * - Auto-scope context (menos verboso)
- * - Core reactivity primitives
- *
- * Philosophy: Use HTML templates (via dev-server), not hyperscript.
- */
-export * from './core/index.js';

package/dist/ui/accordion.d.ts

@@ -1,2 +0,0 @@
-import type { Accordion, AccordionOptions } from "./ui-types.js";
-export declare function createAccordion(options?: AccordionOptions): Accordion;