@toyz/loom 0.1.0

package/dist/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../src/storage.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,oDAAoD;AACpD,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,GAAG,EAAE,MAAM,CAAC;IACZ,kEAAkE;IAClE,OAAO,EAAE,aAAa,CAAC;CACxB;AAED;;;GAGG;AACH,qBAAa,aAAc,YAAW,aAAa;IACjD,OAAO,CAAC,IAAI,CAA6B;IAEzC,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAI/B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAG1B;AAED;;;;;;GAMG;AACH,qBAAa,WAAY,YAAW,aAAa;IAC/C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAQ/B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAQrC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAO1B;AAED;;;;;;GAMG;AACH,qBAAa,aAAc,YAAW,aAAa;IACjD,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAQ/B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAQrC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAO1B"}

package/dist/storage.js

@@ -0,0 +1,90 @@
+/**
+ * Loom — Storage Medium
+ *
+ * Pluggable persistence for Reactive<T> and CollectionStore<T>.
+ * Three built-in implementations: Memory (default), Local, Session.
+ * Implement StorageMedium for custom backends (IndexedDB, NATS KV, REST, etc).
+ */
+/**
+ * In-memory storage. No persistence — values lost on page reload.
+ * This is the implicit default when no storage is configured.
+ */
+export class MemoryStorage {
+    data = new Map();
+    get(key) {
+        return this.data.get(key) ?? null;
+    }
+    set(key, value) {
+        this.data.set(key, value);
+    }
+    remove(key) {
+        this.data.delete(key);
+    }
+}
+/**
+ * localStorage wrapper — survives page reloads and browser restarts.
+ *
+ * ```ts
+ * const count = new Reactive(0, { key: "app:count", storage: new LocalMedium() });
+ * ```
+ */
+export class LocalMedium {
+    get(key) {
+        try {
+            return localStorage.getItem(key);
+        }
+        catch {
+            return null;
+        }
+    }
+    set(key, value) {
+        try {
+            localStorage.setItem(key, value);
+        }
+        catch {
+            // Storage full or blocked — silent fail
+        }
+    }
+    remove(key) {
+        try {
+            localStorage.removeItem(key);
+        }
+        catch {
+            // Silent fail
+        }
+    }
+}
+/**
+ * sessionStorage wrapper — survives page reloads but not browser restarts.
+ *
+ * ```ts
+ * const temp = new Reactive("", { key: "app:temp", storage: new SessionMedium() });
+ * ```
+ */
+export class SessionMedium {
+    get(key) {
+        try {
+            return sessionStorage.getItem(key);
+        }
+        catch {
+            return null;
+        }
+    }
+    set(key, value) {
+        try {
+            sessionStorage.setItem(key, value);
+        }
+        catch {
+            // Storage full or blocked — silent fail
+        }
+    }
+    remove(key) {
+        try {
+            sessionStorage.removeItem(key);
+        }
+        catch {
+            // Silent fail
+        }
+    }
+}
+//# sourceMappingURL=storage.js.map

package/dist/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","sourceRoot":"","sources":["../src/storage.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAiBH;;;GAGG;AACH,MAAM,OAAO,aAAa;IAChB,IAAI,GAAG,IAAI,GAAG,EAAkB,CAAC;IAEzC,GAAG,CAAC,GAAW;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;IACpC,CAAC;IAED,GAAG,CAAC,GAAW,EAAE,KAAa;QAC5B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC;CACF;AAED;;;;;;GAMG;AACH,MAAM,OAAO,WAAW;IACtB,GAAG,CAAC,GAAW;QACb,IAAI,CAAC;YACH,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,GAAG,CAAC,GAAW,EAAE,KAAa;QAC5B,IAAI,CAAC;YACH,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACnC,CAAC;QAAC,MAAM,CAAC;YACP,wCAAwC;QAC1C,CAAC;IACH,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,IAAI,CAAC;YACH,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QAC/B,CAAC;QAAC,MAAM,CAAC;YACP,cAAc;QAChB,CAAC;IACH,CAAC;CACF;AAED;;;;;;GAMG;AACH,MAAM,OAAO,aAAa;IACxB,GAAG,CAAC,GAAW;QACb,IAAI,CAAC;YACH,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,GAAG,CAAC,GAAW,EAAE,KAAa;QAC5B,IAAI,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACrC,CAAC;QAAC,MAAM,CAAC;YACP,wCAAwC;QAC1C,CAAC;IACH,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,IAAI,CAAC;YACH,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QACjC,CAAC;QAAC,MAAM,CAAC;YACP,cAAc;QAChB,CAAC;IACH,CAAC;CACF"}

package/dist/virtual.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Loom — Virtual List Element
+ *
+ * Dynamic-height virtual list as a LoomElement web component.
+ * Renders only visible items from a large dataset, measuring
+ * actual heights after paint and caching them.
+ *
+ * Height strategy: the host sets its own inline height to match
+ * total content.  The consumer's min-height / max-height clamp it.
+ * The viewport uses height:100% + overflow-y:auto, which resolves
+ * correctly because the host has a definite (inline) height.
+ *
+ * Usage:
+ *   const vl = document.createElement("loom-virtual") as LoomVirtual<Msg>;
+ *   vl.estimatedHeight = 44;
+ *   vl.renderItem = (msg, i) => <div class="msg">{msg.text}</div>;
+ *   vl.setItems(messages);
+ *   parent.appendChild(vl);
+ */
+import { LoomElement } from "./element";
+export interface VirtualListOptions<T> {
+    estimatedHeight?: number;
+    overscan?: number;
+    renderItem: (item: T, index: number) => Node;
+}
+export declare class LoomVirtual<T = any> extends LoomElement {
+    /** Estimated height per item in px (before measurement) */
+    estimatedHeight: number;
+    /** Extra items above/below visible window */
+    overscan: number;
+    /** Render callback — must be set before use */
+    renderItem: ((item: T, index: number) => Node) | null;
+    /** Called when user scrolls near the bottom — use for pagination / infinite scroll */
+    onNearEnd: (() => void) | null;
+    private items;
+    private heightCache;
+    private offsets;
+    private rangeStart;
+    private rangeEnd;
+    private rafId;
+    private scrolling;
+    /** When true, automatically scrolls to bottom when new items are added (useful for chat) */
+    pinToBottom: boolean;
+    /** When true, host element auto-sizes height to content (clamped by external min/max-height). Set false for fixed-size containers. */
+    autoHeight: boolean;
+    private viewport;
+    private spacer;
+    private window;
+    constructor();
+    connectedCallback(): void;
+    /** Replace the full item list and re-render */
+    setItems(items: T[]): void;
+    /** Append items (auto-scrolls if pinned to bottom) */
+    push(...newItems: T[]): void;
+    /** Scroll to the very bottom */
+    scrollToEnd(): void;
+    /** Re-measure all visible items */
+    refresh(): void;
+    get length(): number;
+    private isAtBottom;
+    private onScroll;
+    private scheduleRender;
+    private rebuildOffsets;
+    /** Binary search for first item whose bottom edge >= scrollTop */
+    private findStart;
+    private renderWindow;
+    private measureVisible;
+}
+//# sourceMappingURL=virtual.d.ts.map

package/dist/virtual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual.d.ts","sourceRoot":"","sources":["../src/virtual.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAyBxC,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,qBACa,WAAW,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,WAAW;IACnD,2DAA2D;IAC3D,eAAe,SAAM;IACrB,6CAA6C;IAC7C,QAAQ,SAAK;IACb,+CAA+C;IAC/C,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IAC7D,sFAAsF;IACtF,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAQ;IAEtC,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,SAAS,CAAS;IAC1B,4FAA4F;IAC5F,WAAW,UAAQ;IACnB,sIAAsI;IACtI,UAAU,UAAQ;IAElB,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,MAAM,CAAkB;;IAMhC,iBAAiB,IAAI,IAAI;IA2BzB,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI;IAa1B,sDAAsD;IACtD,IAAI,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,GAAG,IAAI;IAS5B,gCAAgC;IAChC,WAAW,IAAI,IAAI;IAKnB,mCAAmC;IACnC,OAAO,IAAI,IAAI;IAMf,IAAI,MAAM,IAAI,MAAM,CAEnB;IAID,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,QAAQ,CAgBd;IAEF,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAetB,kEAAkE;IAClE,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,YAAY;IAgDpB,OAAO,CAAC,cAAc;CAcvB"}

package/dist/virtual.js

@@ -0,0 +1,247 @@
+/**
+ * Loom — Virtual List Element
+ *
+ * Dynamic-height virtual list as a LoomElement web component.
+ * Renders only visible items from a large dataset, measuring
+ * actual heights after paint and caching them.
+ *
+ * Height strategy: the host sets its own inline height to match
+ * total content.  The consumer's min-height / max-height clamp it.
+ * The viewport uses height:100% + overflow-y:auto, which resolves
+ * correctly because the host has a definite (inline) height.
+ *
+ * Usage:
+ *   const vl = document.createElement("loom-virtual") as LoomVirtual<Msg>;
+ *   vl.estimatedHeight = 44;
+ *   vl.renderItem = (msg, i) => <div class="msg">{msg.text}</div>;
+ *   vl.setItems(messages);
+ *   parent.appendChild(vl);
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LoomElement } from "./element";
+import { component } from "./decorators";
+import { css } from "./css";
+const styles = css `
+  :host {
+    display: block;
+  }
+  .vl-viewport {
+    height: 100%;
+    overflow-y: auto;
+    scrollbar-width: thin;
+  }
+  .vl-spacer {
+    position: relative;
+    width: 100%;
+  }
+  .vl-window {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+  }
+`;
+let LoomVirtual = class LoomVirtual extends LoomElement {
+    /** Estimated height per item in px (before measurement) */
+    estimatedHeight = 40;
+    /** Extra items above/below visible window */
+    overscan = 3;
+    /** Render callback — must be set before use */
+    renderItem = null;
+    /** Called when user scrolls near the bottom — use for pagination / infinite scroll */
+    onNearEnd = null;
+    items = [];
+    heightCache = new Map();
+    offsets = [0];
+    rangeStart = 0;
+    rangeEnd = 0;
+    rafId = 0;
+    scrolling = false;
+    /** When true, automatically scrolls to bottom when new items are added (useful for chat) */
+    pinToBottom = true;
+    /** When true, host element auto-sizes height to content (clamped by external min/max-height). Set false for fixed-size containers. */
+    autoHeight = true;
+    viewport;
+    spacer;
+    window;
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.shadow.adoptedStyleSheets = [styles];
+        // Build skeleton in shadow DOM
+        this.viewport = document.createElement("div");
+        this.viewport.className = "vl-viewport";
+        this.spacer = document.createElement("div");
+        this.spacer.className = "vl-spacer";
+        this.window = document.createElement("div");
+        this.window.className = "vl-window";
+        this.spacer.appendChild(this.window);
+        this.viewport.appendChild(this.spacer);
+        this.shadow.appendChild(this.viewport);
+        this.viewport.addEventListener("scroll", this.onScroll, { passive: true });
+        this.track(() => this.viewport.removeEventListener("scroll", this.onScroll));
+        this.track(() => cancelAnimationFrame(this.rafId));
+    }
+    // ── Public API ──
+    /** Replace the full item list and re-render */
+    setItems(items) {
+        // Only auto-detect pin if already pinned — don't override consumer's explicit false
+        if (this.pinToBottom) {
+            this.pinToBottom = this.isAtBottom();
+        }
+        this.items = items;
+        // Invalidate range so renderWindow always re-renders with new data
+        this.rangeStart = -1;
+        this.rangeEnd = -1;
+        this.rebuildOffsets();
+        this.scheduleRender();
+    }
+    /** Append items (auto-scrolls if pinned to bottom) */
+    push(...newItems) {
+        this.pinToBottom = this.isAtBottom();
+        for (const item of newItems)
+            this.items.push(item);
+        this.rangeStart = -1;
+        this.rangeEnd = -1;
+        this.rebuildOffsets();
+        this.scheduleRender();
+    }
+    /** Scroll to the very bottom */
+    scrollToEnd() {
+        this.pinToBottom = true;
+        if (this.viewport)
+            this.viewport.scrollTop = this.viewport.scrollHeight;
+    }
+    /** Re-measure all visible items */
+    refresh() {
+        this.measureVisible();
+        this.rebuildOffsets();
+        this.scheduleRender();
+    }
+    get length() {
+        return this.items.length;
+    }
+    // ── Internals ──
+    isAtBottom() {
+        if (!this.viewport)
+            return true;
+        const { scrollTop, scrollHeight, clientHeight } = this.viewport;
+        return scrollHeight - scrollTop - clientHeight < 30;
+    }
+    onScroll = () => {
+        if (!this.scrolling) {
+            this.scrolling = true;
+            this.rafId = requestAnimationFrame(() => {
+                this.scrolling = false;
+                this.renderWindow();
+                // Fire near-end callback for infinite scroll
+                if (this.onNearEnd && this.viewport) {
+                    const { scrollTop, scrollHeight, clientHeight } = this.viewport;
+                    if (scrollHeight - scrollTop - clientHeight < 100) {
+                        this.onNearEnd();
+                    }
+                }
+            });
+        }
+    };
+    scheduleRender() {
+        cancelAnimationFrame(this.rafId);
+        this.rafId = requestAnimationFrame(() => this.renderWindow());
+    }
+    rebuildOffsets() {
+        const n = this.items.length;
+        this.offsets = new Array(n + 1);
+        this.offsets[0] = 0;
+        for (let i = 0; i < n; i++) {
+            this.offsets[i + 1] = this.offsets[i] + (this.heightCache.get(i) ?? this.estimatedHeight);
+        }
+        if (this.spacer)
+            this.spacer.style.height = `${this.offsets[n]}px`;
+        // Set host height to total content — external min/max-height will clamp
+        if (this.autoHeight) {
+            this.style.height = `${this.offsets[n]}px`;
+        }
+    }
+    /** Binary search for first item whose bottom edge >= scrollTop */
+    findStart(scrollTop) {
+        let lo = 0, hi = this.items.length;
+        while (lo < hi) {
+            const mid = (lo + hi) >>> 1;
+            if (this.offsets[mid + 1] <= scrollTop)
+                lo = mid + 1;
+            else
+                hi = mid;
+        }
+        return lo;
+    }
+    renderWindow() {
+        if (!this.renderItem || !this.viewport || !this.window)
+            return;
+        const n = this.items.length;
+        if (n === 0) {
+            this.window.textContent = "";
+            this.rangeStart = this.rangeEnd = 0;
+            return;
+        }
+        const scrollTop = this.viewport.scrollTop;
+        let viewH = this.viewport.clientHeight;
+        // If viewport hasn't laid out yet, render a reasonable chunk and retry next frame
+        if (viewH === 0) {
+            viewH = this.estimatedHeight * 20;
+            requestAnimationFrame(() => this.scheduleRender());
+        }
+        let start = this.findStart(scrollTop);
+        let end = start;
+        while (end < n && this.offsets[end] < scrollTop + viewH)
+            end++;
+        start = Math.max(0, start - this.overscan);
+        end = Math.min(n, end + this.overscan);
+        if (start === this.rangeStart && end === this.rangeEnd)
+            return;
+        this.rangeStart = start;
+        this.rangeEnd = end;
+        this.window.style.transform = `translateY(${this.offsets[start]}px)`;
+        const frag = document.createDocumentFragment();
+        for (let i = start; i < end; i++) {
+            frag.appendChild(this.renderItem(this.items[i], i));
+        }
+        this.window.textContent = "";
+        this.window.appendChild(frag);
+        // Measure after paint
+        requestAnimationFrame(() => {
+            this.measureVisible();
+            if (this.pinToBottom && this.viewport) {
+                this.viewport.scrollTop = this.viewport.scrollHeight;
+                this.pinToBottom = false;
+            }
+        });
+    }
+    measureVisible() {
+        if (!this.window)
+            return;
+        const children = this.window.children;
+        let dirty = false;
+        for (let i = 0; i < children.length; i++) {
+            const idx = this.rangeStart + i;
+            const h = Math.ceil(children[i].getBoundingClientRect().height);
+            if (h > 0 && this.heightCache.get(idx) !== h) {
+                this.heightCache.set(idx, h);
+                dirty = true;
+            }
+        }
+        if (dirty)
+            this.rebuildOffsets();
+    }
+};
+LoomVirtual = __decorate([
+    component("loom-virtual")
+], LoomVirtual);
+export { LoomVirtual };
+//# sourceMappingURL=virtual.js.map

package/dist/virtual.js.map

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

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@toyz/loom",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Decorator-driven web component framework with reactive state, DOM morphing, DI, and JSX",
+  "license": "MIT",
+  "author": "toyz",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/toyz/loom.git"
+  },
+  "homepage": "https://toyz.github.io/loom/",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "import": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "import": "./dist/jsx-dev-runtime.js"
+    },
+    "./router": {
+      "types": "./dist/router/index.d.ts",
+      "import": "./dist/router/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.0"
+  },
+  "keywords": [
+    "web-components",
+    "decorators",
+    "reactive",
+    "jsx",
+    "dom-morphing",
+    "shadow-dom",
+    "dependency-injection"
+  ]
+}