@miurajs/miura-render 0.0.0 → 0.1.1

package/dist/src/directives/keyed-diff.js

@@ -0,0 +1,185 @@
+// ── LIS-based keyed diff (ported from Miura) ────────────────────
+/**
+ * Compute the indexes of the Longest Increasing Subsequence within
+ * `values`. Entries < 0 are treated as "new" and skipped.
+ * O(n log n) via patience-sorting.
+ */
+function longestIncreasingSubsequenceIndexes(values) {
+    const predecessors = new Array(values.length).fill(-1);
+    const pileTops = [];
+    const pileTopIndexes = [];
+    for (let i = 0; i < values.length; i++) {
+        const value = values[i];
+        if (value < 0)
+            continue; // new item, no previous position
+        let left = 0;
+        let right = pileTops.length;
+        while (left < right) {
+            const mid = (left + right) >> 1;
+            if (value <= pileTops[mid]) {
+                right = mid;
+            }
+            else {
+                left = mid + 1;
+            }
+        }
+        if (left === pileTops.length) {
+            pileTops.push(value);
+            pileTopIndexes.push(i);
+        }
+        else {
+            pileTops[left] = value;
+            pileTopIndexes[left] = i;
+        }
+        if (left > 0) {
+            predecessors[i] = pileTopIndexes[left - 1];
+        }
+    }
+    const result = [];
+    if (pileTopIndexes.length === 0)
+        return result;
+    let cursor = pileTopIndexes[pileTopIndexes.length - 1];
+    for (let i = pileTopIndexes.length - 1; i >= 0; i--) {
+        result[i] = cursor;
+        cursor = predecessors[cursor];
+    }
+    return result;
+}
+/**
+ * Manages keyed list reconciliation for a NodeBinding.
+ * Uses an LIS-based algorithm to compute the minimal set of DOM
+ * moves required to reorder existing items, while reusing
+ * TemplateInstance objects and only creating/removing as needed.
+ */
+export class KeyedListState {
+    startMarker;
+    endMarker;
+    processor;
+    items = [];
+    keyMap = new Map();
+    constructor(startMarker, endMarker, processor) {
+        this.startMarker = startMarker;
+        this.endMarker = endMarker;
+        this.processor = processor;
+    }
+    /**
+     * Reconcile the DOM to reflect a new RepeatResult.
+     *
+     * 1. Compute new keys & detect removals.
+     * 2. Reuse or create TemplateInstances per key.
+     * 3. Use LIS on the old→new position mapping to find items
+     *    that can stay in place (the longest already-ordered run).
+     * 4. Move only the items not in the LIS.
+     */
+    async update(result) {
+        const { items: newData, keyFn, templateFn } = result;
+        const parent = this.endMarker.parentNode;
+        // ── 1. Compute new keys ─────────────────────────────────
+        const newKeys = [];
+        const newKeySet = new Set();
+        for (let i = 0; i < newData.length; i++) {
+            const key = keyFn(newData[i], i);
+            if (newKeySet.has(key)) {
+                console.warn(`[miura][repeat] Duplicate key: ${String(key)}. Items may not reconcile correctly.`);
+            }
+            newKeys.push(key);
+            newKeySet.add(key);
+        }
+        // ── 2. Remove items whose keys are gone ─────────────────
+        for (const [key, item] of this.keyMap) {
+            if (!newKeySet.has(key)) {
+                this.removeItem(item);
+                this.keyMap.delete(key);
+            }
+        }
+        // ── 3. Build old-key→old-index map ──────────────────────
+        const oldKeyToIndex = new Map();
+        for (let i = 0; i < this.items.length; i++) {
+            if (this.keyMap.has(this.items[i].key)) {
+                oldKeyToIndex.set(this.items[i].key, i);
+            }
+        }
+        // ── 4. Reuse or create items ────────────────────────────
+        const newItemsList = new Array(newData.length);
+        const positions = new Array(newData.length);
+        const createPromises = [];
+        for (let i = 0; i < newData.length; i++) {
+            const key = newKeys[i];
+            const existing = this.keyMap.get(key);
+            if (existing) {
+                // Reuse — update values
+                const templateResult = templateFn(newData[i], i);
+                await existing.instance.update(templateResult.values, { item: newData[i], index: i });
+                newItemsList[i] = existing;
+                positions[i] = oldKeyToIndex.get(key) ?? -1;
+            }
+            else {
+                // Will create below
+                const templateResult = templateFn(newData[i], i);
+                createPromises.push({
+                    idx: i,
+                    promise: this.processor.createInstance(templateResult, { item: newData[i], index: i })
+                });
+                positions[i] = -1; // new item
+            }
+        }
+        // Await creations
+        for (const { idx, promise } of createPromises) {
+            const instance = await promise;
+            const fragment = instance.getFragment();
+            const nodes = Array.from(fragment.childNodes);
+            newItemsList[idx] = { key: newKeys[idx], instance, nodes };
+        }
+        // ── 5. LIS — find items that can stay in place ──────────
+        const lisIndexes = longestIncreasingSubsequenceIndexes(positions);
+        const lisSet = new Set(lisIndexes);
+        // ── 6. Apply DOM moves ──────────────────────────────────
+        // Items in the LIS are already in correct relative order.
+        // Everything else needs to be inserted at the right position.
+        // Walk backwards from the end: maintain a `nextSibling` reference.
+        let nextSibling = this.endMarker;
+        for (let i = newItemsList.length - 1; i >= 0; i--) {
+            const item = newItemsList[i];
+            const nodes = item.nodes;
+            if (nodes.length === 0)
+                continue;
+            if (lisSet.has(i)) {
+                // This item can stay — but verify it's actually in the DOM
+                // and update nextSibling reference.
+                if (nodes[0].parentNode === parent) {
+                    nextSibling = nodes[0];
+                    continue;
+                }
+            }
+            // Move or insert all nodes for this item
+            for (let j = nodes.length - 1; j >= 0; j--) {
+                parent.insertBefore(nodes[j], nextSibling);
+                nextSibling = nodes[j];
+            }
+        }
+        // ── 7. Update internal state ────────────────────────────
+        this.items = newItemsList;
+        this.keyMap = new Map();
+        for (const item of newItemsList) {
+            this.keyMap.set(item.key, item);
+        }
+    }
+    removeItem(item) {
+        item.instance.disconnect();
+        for (const node of item.nodes) {
+            node.parentNode?.removeChild(node);
+        }
+        item.nodes = [];
+    }
+    clear() {
+        for (const item of this.items) {
+            this.removeItem(item);
+        }
+        this.items = [];
+        this.keyMap.clear();
+    }
+    disconnect() {
+        this.clear();
+    }
+}
+//# sourceMappingURL=keyed-diff.js.map

package/dist/src/directives/keyed-diff.js.map

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

package/dist/src/directives/lazy-setup.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveManager } from './directive-manager';
+export { DirectiveManager };
+//# sourceMappingURL=lazy-setup.d.ts.map

package/dist/src/directives/lazy-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-setup.d.ts","sourceRoot":"","sources":["../../../src/directives/lazy-setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAgEvD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/src/directives/lazy-setup.js

@@ -0,0 +1,55 @@
+import { DirectiveManager } from './directive-manager';
+import { IfDirective, ElseIfDirective } from './structural/if.directive';
+import { ForDirective } from './structural/for.directive';
+import { SwitchDirective } from './structural/switch.directive';
+import { VirtualScrollDirective } from './structural/virtual-scroll.directive';
+import { AsyncDirective } from './structural/async.directive';
+// Initialize core structural directives (always loaded)
+DirectiveManager.initialize({
+    'if': IfDirective,
+    'elseif': ElseIfDirective,
+    'for': ForDirective,
+    'switch': SwitchDirective,
+    'virtualScroll': VirtualScrollDirective,
+    'async': AsyncDirective
+});
+// Register utility directives as lazy loadable
+DirectiveManager.registerLazyDirective('resize', async () => {
+    const { ResizeDirective } = await import('./resize.directive');
+    return ResizeDirective;
+});
+DirectiveManager.registerLazyDirective('intersect', async () => {
+    const { IntersectionDirective } = await import('./intersection.directive');
+    return IntersectionDirective;
+});
+DirectiveManager.registerLazyDirective('focus', async () => {
+    const { FocusDirective } = await import('./focus.directive');
+    return FocusDirective;
+});
+DirectiveManager.registerLazyDirective('mutation', async () => {
+    const { MutationDirective } = await import('./mutation.directive');
+    return MutationDirective;
+});
+DirectiveManager.registerLazyDirective('lazy', async () => {
+    const { LazyDirective } = await import('./lazy.directive');
+    return LazyDirective;
+});
+DirectiveManager.registerLazyDirective('animate', async () => {
+    const { AnimateDirective } = await import('./animate.directive');
+    return AnimateDirective;
+});
+DirectiveManager.registerLazyDirective('validate', async () => {
+    const { ValidateDirective } = await import('./validate.directive');
+    return ValidateDirective;
+});
+DirectiveManager.registerLazyDirective('media', async () => {
+    const { MediaDirective } = await import('./media.directive');
+    return MediaDirective;
+});
+DirectiveManager.registerLazyDirective('gesture', async () => {
+    const { GestureDirective } = await import('./gesture.directive');
+    return GestureDirective;
+});
+// Export for manual initialization if needed
+export { DirectiveManager };
+//# sourceMappingURL=lazy-setup.js.map

package/dist/src/directives/lazy-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-setup.js","sourceRoot":"","sources":["../../../src/directives/lazy-setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,wDAAwD;AACxD,gBAAgB,CAAC,UAAU,CAAC;IAC1B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,eAAe;IACzB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,eAAe;IACzB,eAAe,EAAE,sBAAsB;IACvC,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,+CAA+C;AAC/C,gBAAgB,CAAC,qBAAqB,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;IAC1D,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAC/D,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,qBAAqB,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;IAC7D,MAAM,EAAE,qBAAqB,EAAE,GAAG,MAAM,MAAM,CAAC,0BAA0B,CAAC,CAAC;IAC3E,OAAO,qBAAqB,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,qBAAqB,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;IACzD,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAC7D,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,qBAAqB,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;IAC5D,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,MAAM,CAAC,sBAAsB,CAAC,CAAC;IACnE,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,qBAAqB,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE;IACxD,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC3D,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,qBAAqB,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IAC3D,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,MAAM,CAAC,qBAAqB,CAAC,CAAC;IACjE,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,qBAAqB,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;IAC5D,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,MAAM,CAAC,sBAAsB,CAAC,CAAC;IACnE,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,qBAAqB,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;IACzD,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAC7D,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,qBAAqB,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IAC3D,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,MAAM,CAAC,qBAAqB,CAAC,CAAC;IACjE,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC,CAAC;AAEH,6CAA6C;AAC7C,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/src/directives/lazy.directive.d.ts

@@ -0,0 +1,19 @@
+import { BaseDirective } from './directive';
+interface LazyOptions {
+    threshold?: number;
+    placeholder?: string;
+    onLoad?: () => void;
+    onError?: (error: Error) => void;
+    rootMargin?: string;
+}
+export declare class LazyDirective extends BaseDirective {
+    private options;
+    private observer;
+    private isLoaded;
+    mount(element: Element): void;
+    private loadContent;
+    update(options: LazyOptions): void;
+    unmount(): void;
+}
+export {};
+//# sourceMappingURL=lazy.directive.d.ts.map

package/dist/src/directives/lazy.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.directive.d.ts","sourceRoot":"","sources":["../../../src/directives/lazy.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,UAAU,WAAW;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,aAAc,SAAQ,aAAa;IAC5C,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,QAAQ,CAAS;IAEzB,KAAK,CAAC,OAAO,EAAE,OAAO;IAgCtB,OAAO,CAAC,WAAW;IAmCnB,MAAM,CAAC,OAAO,EAAE,WAAW;IAI3B,OAAO;CAOV"}

package/dist/src/directives/lazy.directive.js

@@ -0,0 +1,73 @@
+import { BaseDirective } from './directive';
+import { debugLog } from '../utils/debug';
+export class LazyDirective extends BaseDirective {
+    options = {};
+    observer = null;
+    isLoaded = false;
+    mount(element) {
+        debugLog('lazy', 'Mounting lazy directive');
+        this.options = {
+            threshold: 0.1,
+            rootMargin: '50px',
+            ...this.options
+        };
+        // Set placeholder if provided
+        if (this.options.placeholder && element instanceof HTMLImageElement) {
+            element.src = this.options.placeholder;
+        }
+        // Create intersection observer
+        this.observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting && !this.isLoaded) {
+                    this.loadContent(element);
+                }
+            });
+        }, {
+            threshold: this.options.threshold,
+            rootMargin: this.options.rootMargin
+        });
+        this.observer.observe(element);
+    }
+    loadContent(element) {
+        debugLog('lazy', 'Loading lazy content');
+        if (element instanceof HTMLImageElement) {
+            const originalSrc = element.dataset.src || element.src;
+            if (originalSrc && originalSrc !== this.options.placeholder) {
+                element.src = originalSrc;
+                element.onload = () => {
+                    this.isLoaded = true;
+                    this.options.onLoad?.();
+                    debugLog('lazy', 'Image loaded successfully');
+                };
+                element.onerror = (error) => {
+                    this.options.onError?.(new Error('Failed to load image'));
+                    debugLog('lazy', 'Image failed to load', error);
+                };
+            }
+        }
+        else if (element instanceof HTMLIFrameElement) {
+            const originalSrc = element.dataset.src || element.src;
+            if (originalSrc && originalSrc !== this.options.placeholder) {
+                element.src = originalSrc;
+                this.isLoaded = true;
+                this.options.onLoad?.();
+            }
+        }
+        else {
+            // For other elements, trigger load callback
+            this.isLoaded = true;
+            this.options.onLoad?.();
+        }
+    }
+    update(options) {
+        this.options = { ...this.options, ...options };
+    }
+    unmount() {
+        if (this.observer) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
+        this.isLoaded = false;
+    }
+}
+//# sourceMappingURL=lazy.directive.js.map

package/dist/src/directives/lazy.directive.js.map

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

package/dist/src/directives/media.directive.d.ts

@@ -0,0 +1,31 @@
+import { BaseDirective } from './directive';
+interface MediaBreakpoints {
+    mobile?: () => string;
+    tablet?: () => string;
+    desktop?: () => string;
+    [key: string]: (() => string) | undefined;
+}
+interface MediaOptions {
+    breakpoints?: MediaBreakpoints;
+    defaultBreakpoint?: string;
+    onBreakpointChange?: (breakpoint: string) => void;
+}
+export declare class MediaDirective extends BaseDirective {
+    private options;
+    private currentBreakpoint;
+    private mediaQueries;
+    private breakpointHandlers;
+    mount(element: Element): void;
+    private setupMediaQueries;
+    private updateContent;
+    update(options: MediaOptions): void;
+    private cleanup;
+    unmount(): void;
+    getCurrentBreakpoint(): string;
+    isBreakpoint(breakpoint: string): boolean;
+    isMobile(): boolean;
+    isTablet(): boolean;
+    isDesktop(): boolean;
+}
+export {};
+//# sourceMappingURL=media.directive.d.ts.map

package/dist/src/directives/media.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.directive.d.ts","sourceRoot":"","sources":["../../../src/directives/media.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,UAAU,gBAAgB;IACtB,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,UAAU,YAAY;IAClB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC7C,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,YAAY,CAA0C;IAC9D,OAAO,CAAC,kBAAkB,CAA4D;IAEtF,KAAK,CAAC,OAAO,EAAE,OAAO;IAatB,OAAO,CAAC,iBAAiB;IAyCzB,OAAO,CAAC,aAAa;IAerB,MAAM,CAAC,OAAO,EAAE,YAAY;IAY5B,OAAO,CAAC,OAAO;IAaf,OAAO;IAKP,oBAAoB,IAAI,MAAM;IAI9B,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAIzC,QAAQ,IAAI,OAAO;IAInB,QAAQ,IAAI,OAAO;IAInB,SAAS,IAAI,OAAO;CAGvB"}

package/dist/src/directives/media.directive.js

@@ -0,0 +1,105 @@
+import { BaseDirective } from './directive';
+import { debugLog } from '../utils/debug';
+export class MediaDirective extends BaseDirective {
+    options = {};
+    currentBreakpoint = '';
+    mediaQueries = new Map();
+    breakpointHandlers = new Map();
+    mount(element) {
+        debugLog('media', 'Mounting media directive');
+        this.options = {
+            defaultBreakpoint: 'desktop',
+            breakpoints: {},
+            ...this.options
+        };
+        this.setupMediaQueries();
+        this.updateContent(element);
+    }
+    setupMediaQueries() {
+        const breakpoints = {
+            mobile: '(max-width: 768px)',
+            tablet: '(min-width: 769px) and (max-width: 1024px)',
+            desktop: '(min-width: 1025px)',
+            ...this.options.breakpoints
+        };
+        // Create media query listeners for each breakpoint
+        Object.entries(breakpoints).forEach(([breakpoint, query]) => {
+            if (typeof query === 'string') {
+                const mediaQuery = window.matchMedia(query);
+                this.mediaQueries.set(breakpoint, mediaQuery);
+                const handler = (e) => {
+                    if (e.matches) {
+                        this.currentBreakpoint = breakpoint;
+                        this.options.onBreakpointChange?.(breakpoint);
+                        if (this.element) {
+                            this.updateContent(this.element);
+                        }
+                        debugLog('media', 'Breakpoint changed to:', breakpoint);
+                    }
+                };
+                this.breakpointHandlers.set(breakpoint, handler);
+                mediaQuery.addEventListener('change', handler);
+                // Set initial breakpoint
+                if (mediaQuery.matches) {
+                    this.currentBreakpoint = breakpoint;
+                }
+            }
+        });
+        // Set default if no breakpoint matches
+        if (!this.currentBreakpoint) {
+            this.currentBreakpoint = this.options.defaultBreakpoint || 'desktop';
+        }
+    }
+    updateContent(element) {
+        const breakpoint = this.currentBreakpoint;
+        const breakpoints = this.options.breakpoints || {};
+        const renderFunction = breakpoints[breakpoint];
+        if (renderFunction && typeof renderFunction === 'function') {
+            const content = renderFunction();
+            if (element instanceof HTMLElement) {
+                element.innerHTML = content;
+                debugLog('media', 'Updated content for breakpoint:', breakpoint);
+            }
+        }
+    }
+    update(options) {
+        this.options = { ...this.options, ...options };
+        // Re-setup media queries if breakpoints changed
+        this.cleanup();
+        this.setupMediaQueries();
+        if (this.element) {
+            this.updateContent(this.element);
+        }
+    }
+    cleanup() {
+        // Remove all media query listeners
+        this.mediaQueries.forEach((mediaQuery, breakpoint) => {
+            const handler = this.breakpointHandlers.get(breakpoint);
+            if (handler) {
+                mediaQuery.removeEventListener('change', handler);
+            }
+        });
+        this.mediaQueries.clear();
+        this.breakpointHandlers.clear();
+    }
+    unmount() {
+        this.cleanup();
+    }
+    // Public methods
+    getCurrentBreakpoint() {
+        return this.currentBreakpoint;
+    }
+    isBreakpoint(breakpoint) {
+        return this.currentBreakpoint === breakpoint;
+    }
+    isMobile() {
+        return this.currentBreakpoint === 'mobile';
+    }
+    isTablet() {
+        return this.currentBreakpoint === 'tablet';
+    }
+    isDesktop() {
+        return this.currentBreakpoint === 'desktop';
+    }
+}
+//# sourceMappingURL=media.directive.js.map

package/dist/src/directives/media.directive.js.map

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

package/dist/src/directives/mutation.directive.d.ts

@@ -0,0 +1,11 @@
+import { BaseDirective } from './directive';
+export declare class MutationDirective extends BaseDirective {
+    private observer;
+    private callback;
+    private options;
+    constructor(element: Element);
+    mount(element: Element): void;
+    update(value: unknown): void;
+    unmount(): void;
+}
+//# sourceMappingURL=mutation.directive.d.ts.map

package/dist/src/directives/mutation.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation.directive.d.ts","sourceRoot":"","sources":["../../../src/directives/mutation.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAiB5C,qBAAa,iBAAkB,SAAQ,aAAa;IAChD,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,OAAO,CAIb;gBAEU,OAAO,EAAE,OAAO;IAK5B,KAAK,CAAC,OAAO,EAAE,OAAO;IAiBtB,MAAM,CAAC,KAAK,EAAE,OAAO;IAyBrB,OAAO;CAOV"}

package/dist/src/directives/mutation.directive.js

@@ -0,0 +1,56 @@
+import { BaseDirective } from './directive';
+import { debugLog } from '../utils/debug';
+export class MutationDirective extends BaseDirective {
+    observer = null;
+    callback = null;
+    options = {
+        attributes: true,
+        childList: true,
+        subtree: true
+    };
+    constructor(element) {
+        super(element);
+        debugLog('mutation', 'Creating directive');
+    }
+    mount(element) {
+        debugLog('mutation', 'Mounting observer', { options: this.options });
+        this.observer = new MutationObserver((mutations) => {
+            debugLog('mutation', 'Mutations detected', {
+                count: mutations.length,
+                mutations
+            });
+            if (this.callback) {
+                this.callback(mutations);
+            }
+        });
+        this.observer.observe(element, this.options);
+    }
+    update(value) {
+        debugLog('mutation', 'Updating', { value });
+        // Handle callback update
+        if (typeof value === 'function') {
+            this.callback = value;
+        }
+        // Handle options update
+        if (value && typeof value === 'object' && 'options' in value) {
+            const newOptions = value.options;
+            // Only update observer if options actually changed
+            if (JSON.stringify(newOptions) !== JSON.stringify(this.options)) {
+                this.options = newOptions;
+                // Remount observer with new options
+                if (this.observer && this.element) {
+                    this.observer.disconnect();
+                    this.observer.observe(this.element, this.options);
+                }
+            }
+        }
+    }
+    unmount() {
+        debugLog('mutation', 'Unmounting observer');
+        if (this.observer) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
+    }
+}
+//# sourceMappingURL=mutation.directive.js.map

package/dist/src/directives/mutation.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation.directive.js","sourceRoot":"","sources":["../../../src/directives/mutation.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB1C,MAAM,OAAO,iBAAkB,SAAQ,aAAa;IACxC,QAAQ,GAA4B,IAAI,CAAC;IACzC,QAAQ,GAA4B,IAAI,CAAC;IACzC,OAAO,GAAyB;QACpC,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KAChB,CAAC;IAEF,YAAY,OAAgB;QACxB,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,QAAQ,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC;IAC/C,CAAC;IAED,KAAK,CAAC,OAAgB;QAClB,QAAQ,CAAC,UAAU,EAAE,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAErE,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/C,QAAQ,CAAC,UAAU,EAAE,oBAAoB,EAAE;gBACvC,KAAK,EAAE,SAAS,CAAC,MAAM;gBACvB,SAAS;aACZ,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,MAAM,CAAC,KAAc;QACjB,QAAQ,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAE5C,yBAAyB;QACzB,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;YAC9B,IAAI,CAAC,QAAQ,GAAG,KAAyB,CAAC;QAC9C,CAAC;QAED,wBAAwB;QACxB,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YAC3D,MAAM,UAAU,GAAI,KAAsC,CAAC,OAAO,CAAC;YAEnE,mDAAmD;YACnD,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC9D,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;gBAE1B,oCAAoC;gBACpC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;oBAChC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;oBAC3B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;gBACtD,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IAED,OAAO;QACH,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC;QAC5C,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;YAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACzB,CAAC;IACL,CAAC;CACJ"}

package/dist/src/directives/repeat.d.ts

@@ -0,0 +1,50 @@
+import { TemplateResult } from '../processor/template-result';
+/**
+ * Key function: extracts a unique key from an item.
+ */
+export type KeyFn<T> = (item: T, index: number) => unknown;
+/**
+ * Template function: produces a TemplateResult for an item.
+ */
+export type TemplateFn<T> = (item: T, index: number) => TemplateResult;
+/**
+ * Marker object returned by repeat(). Detected by NodeBinding
+ * to trigger keyed reconciliation instead of full teardown+rebuild.
+ */
+export declare class RepeatResult {
+    readonly items: readonly unknown[];
+    readonly keyFn: KeyFn<any>;
+    readonly templateFn: TemplateFn<any>;
+    constructor(items: readonly unknown[], keyFn: KeyFn<any>, templateFn: TemplateFn<any>);
+}
+/**
+ * Keyed list rendering directive.
+ *
+ * Usage:
+ * ```ts
+ * html`
+ *   <ul>
+ *     ${repeat(
+ *       this.items,
+ *       item => item.id,
+ *       (item, index) => html`<li>${item.name}</li>`
+ *     )}
+ *   </ul>
+ * `
+ * ```
+ *
+ * When items change, the diff algorithm:
+ * - Reuses DOM for items with the same key (calls instance.update())
+ * - Creates new DOM only for genuinely new items
+ * - Removes DOM only for items that disappeared
+ * - Moves DOM nodes to match the new order
+ *
+ * This is dramatically faster than the default array rendering
+ * which tears down and rebuilds all DOM on every update.
+ *
+ * @param items - The array of items to render
+ * @param keyFn - Function that returns a unique key for each item
+ * @param templateFn - Function that returns a TemplateResult for each item
+ */
+export declare function repeat<T>(items: readonly T[], keyFn: KeyFn<T>, templateFn: TemplateFn<T>): RepeatResult;
+//# sourceMappingURL=repeat.d.ts.map

package/dist/src/directives/repeat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeat.d.ts","sourceRoot":"","sources":["../../../src/directives/repeat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;AAEvE;;;GAGG;AACH,qBAAa,YAAY;aAED,KAAK,EAAE,SAAS,OAAO,EAAE;aACzB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC;aACjB,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC;gBAF3B,KAAK,EAAE,SAAS,OAAO,EAAE,EACzB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EACjB,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC;CAElD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,MAAM,CAAC,CAAC,EACpB,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EACf,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GAC1B,YAAY,CAEd"}