@toyz/loom 0.1.0

package/dist/decorators/di.js

@@ -0,0 +1,65 @@
+import { INJECT_PARAMS } from "./symbols";
+import { app } from "../app";
+/**
+ * Auto-instantiated singleton. Registered on app.start().
+ * Constructor @inject params are resolved automatically.
+ *
+ * ```ts
+ * @service
+ * class BookmarkStore extends CollectionStore<Bookmark> { ... }
+ * ```
+ */
+export function service(ctor) {
+    app.registerService(ctor);
+}
+/**
+ * Dual-mode dependency injection.
+ *
+ * Property:     @inject(Foo) foo!: Foo;
+ * Constructor:  constructor(@inject(Config) config: Config)
+ * Factory arg:  createChat(@inject(NatsConn) nc: NatsConn)
+ *
+ * T is optional — use for explicit typing if desired.
+ */
+export function inject(key) {
+    return (target, propOrMethod, index) => {
+        if (index !== undefined) {
+            // Parameter decorator → store metadata for resolution on start()
+            const proto = propOrMethod ? target : target.prototype;
+            const method = propOrMethod ?? "constructor";
+            if (!proto[INJECT_PARAMS])
+                proto[INJECT_PARAMS] = [];
+            proto[INJECT_PARAMS].push({ method, index, key });
+        }
+        else {
+            // Property decorator → lazy getter
+            Object.defineProperty(target, propOrMethod, {
+                get() {
+                    return app.get(key);
+                },
+                configurable: true,
+            });
+        }
+    };
+}
+/**
+ * Method decorator on @service classes.
+ * Return value is registered as a provider on app.start().
+ * Supports @inject on parameters. Async methods are awaited.
+ *
+ * ```ts
+ * @service
+ * class Boot {
+ *   @factory(ChatServiceNatsClient)
+ *   createChat(@inject(NatsConnection) nc: NatsConnection) {
+ *     return new ChatServiceNatsClient(nc);
+ *   }
+ * }
+ * ```
+ */
+export function factory(key) {
+    return (target, method) => {
+        app.registerFactory(key, target, method);
+    };
+}
+//# sourceMappingURL=di.js.map

package/dist/decorators/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","sourceRoot":"","sources":["../../src/decorators/di.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B;;;;;;;;GAQG;AACH,MAAM,UAAU,OAAO,CAAC,IAAS;IAC/B,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,MAAM,CAAU,GAAQ;IACtC,OAAO,CAAC,MAAW,EAAE,YAAgC,EAAE,KAAc,EAAE,EAAE;QACvE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,iEAAiE;YACjE,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;YACvD,MAAM,MAAM,GAAG,YAAY,IAAI,aAAa,CAAC;YAC7C,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;gBAAE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;YACrD,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,mCAAmC;YACnC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAa,EAAE;gBAC3C,GAAG;oBACD,OAAO,GAAG,CAAC,GAAG,CAAI,GAAG,CAAC,CAAC;gBACzB,CAAC;gBACD,YAAY,EAAE,IAAI;aACnB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,OAAO,CAAC,GAAS;IAC/B,OAAO,CAAC,MAAW,EAAE,MAAc,EAAE,EAAE;QACrC,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/dom.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Lazy shadow DOM querySelector.
+ * ```ts
+ * @query(".submit-btn") submitBtn!: HTMLButtonElement;
+ * ```
+ */
+export declare function query(selector: string): (target: any, key: string) => void;
+/**
+ * Lazy shadow DOM querySelectorAll.
+ * ```ts
+ * @queryAll("input") inputs!: HTMLInputElement[];
+ * ```
+ */
+export declare function queryAll(selector: string): (target: any, key: string) => void;
+//# sourceMappingURL=dom.d.ts.map

package/dist/decorators/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/decorators/dom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,QAAQ,EAAE,MAAM,IAC5B,QAAQ,GAAG,EAAE,KAAK,MAAM,UAQjC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAC/B,QAAQ,GAAG,EAAE,KAAK,MAAM,UAQjC"}

package/dist/decorators/dom.js

@@ -0,0 +1,33 @@
+/**
+ * Lazy shadow DOM querySelector.
+ * ```ts
+ * @query(".submit-btn") submitBtn!: HTMLButtonElement;
+ * ```
+ */
+export function query(selector) {
+    return (target, key) => {
+        Object.defineProperty(target, key, {
+            get() {
+                return this.shadow.querySelector(selector);
+            },
+            configurable: true,
+        });
+    };
+}
+/**
+ * Lazy shadow DOM querySelectorAll.
+ * ```ts
+ * @queryAll("input") inputs!: HTMLInputElement[];
+ * ```
+ */
+export function queryAll(selector) {
+    return (target, key) => {
+        Object.defineProperty(target, key, {
+            get() {
+                return Array.from(this.shadow.querySelectorAll(selector));
+            },
+            configurable: true,
+        });
+    };
+}
+//# sourceMappingURL=dom.js.map

package/dist/decorators/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../src/decorators/dom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,QAAgB;IACpC,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,EAAE;QAClC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;YACjC,GAAG;gBACD,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,CAAC;YACD,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,QAAgB;IACvC,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,EAAE;QAClC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;YACjC,GAAG;gBACD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5D,CAAC;YACD,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/events.d.ts

@@ -0,0 +1,46 @@
+import { LoomEvent } from "../event";
+import { type Constructor } from "../bus";
+/**
+ * Declarative event subscription. Auto-subscribed on connect, auto-cleaned on disconnect.
+ *
+ * Bus event:
+ * ```ts
+ * @on(ColorSelect)
+ * handleColor(e: ColorSelect) { ... }
+ * ```
+ *
+ * DOM event (window, document, or any EventTarget):
+ * ```ts
+ * @on(window, "resize")
+ * onResize(e: Event) { ... }
+ * ```
+ */
+export declare function on<T extends LoomEvent>(type: Constructor<T>): (target: any, key: string) => void;
+export declare function on(target: EventTarget, event: string): (target: any, key: string) => void;
+/**
+ * React to specific field changes. Receives new and previous values.
+ *
+ * ```ts
+ * @watch("value")
+ * onValueChange(newVal: number, oldVal: number) { ... }
+ * ```
+ */
+export declare function watch(field: string): (target: any, key: string) => void;
+/**
+ * Auto-broadcast to the bus.
+ *
+ * On a field: fires an event via factory whenever value changes.
+ * On a method: return value is auto-emitted (must be LoomEvent subclass).
+ *
+ * ```ts
+ * @reactive @emit(ColorSelect, idx => new ColorSelect(idx, 0))
+ * selectedIndex = 0;
+ *
+ * @emit()
+ * placePixel(x: bigint, y: bigint): PixelPlaced {
+ *   return new PixelPlaced(x, y, this.selectedColor);
+ * }
+ * ```
+ */
+export declare function emit<T extends LoomEvent>(_type?: Constructor<T>, factory?: (val: any) => T): (target: any, key: string, desc?: PropertyDescriptor) => void;
+//# sourceMappingURL=events.d.ts.map

package/dist/decorators/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/decorators/events.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE/C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,EAAE,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAClG,wBAAgB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAc3F;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,IACzB,QAAQ,GAAG,EAAE,KAAK,MAAM,UAIjC;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,SAAS,EACtC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,IAEjB,QAAQ,GAAG,EAAE,KAAK,MAAM,EAAE,OAAO,kBAAkB,UAe5D"}

package/dist/decorators/events.js

@@ -0,0 +1,69 @@
+import { ON_HANDLERS, WATCHERS, EMITTERS } from "./symbols";
+import { LoomEvent } from "../event";
+import { bus } from "../bus";
+export function on(typeOrTarget, event) {
+    return (target, key) => {
+        if (!target[ON_HANDLERS])
+            target[ON_HANDLERS] = [];
+        if (event !== undefined) {
+            // DOM EventTarget binding: @on(window, "resize")
+            target[ON_HANDLERS].push({ domTarget: typeOrTarget, event, key });
+        }
+        else {
+            // Bus event binding: @on(ColorSelect)
+            target[ON_HANDLERS].push({ type: typeOrTarget, key });
+        }
+    };
+}
+/**
+ * React to specific field changes. Receives new and previous values.
+ *
+ * ```ts
+ * @watch("value")
+ * onValueChange(newVal: number, oldVal: number) { ... }
+ * ```
+ */
+export function watch(field) {
+    return (target, key) => {
+        if (!target[WATCHERS])
+            target[WATCHERS] = [];
+        target[WATCHERS].push({ field, key });
+    };
+}
+/**
+ * Auto-broadcast to the bus.
+ *
+ * On a field: fires an event via factory whenever value changes.
+ * On a method: return value is auto-emitted (must be LoomEvent subclass).
+ *
+ * ```ts
+ * @reactive @emit(ColorSelect, idx => new ColorSelect(idx, 0))
+ * selectedIndex = 0;
+ *
+ * @emit()
+ * placePixel(x: bigint, y: bigint): PixelPlaced {
+ *   return new PixelPlaced(x, y, this.selectedColor);
+ * }
+ * ```
+ */
+export function emit(_type, factory) {
+    return (target, key, desc) => {
+        if (desc?.value) {
+            // Method decorator — wrap, emit return value
+            const orig = desc.value;
+            desc.value = function (...args) {
+                const result = orig.apply(this, args);
+                if (result instanceof LoomEvent)
+                    bus.emit(result);
+                return result;
+            };
+        }
+        else {
+            // Field decorator — hook into @reactive subscriber
+            if (!target[EMITTERS])
+                target[EMITTERS] = [];
+            target[EMITTERS].push({ field: key, factory });
+        }
+    };
+}
+//# sourceMappingURL=events.js.map

package/dist/decorators/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/decorators/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,GAAG,EAAoB,MAAM,QAAQ,CAAC;AAmB/C,MAAM,UAAU,EAAE,CAAC,YAAiB,EAAE,KAAc;IAClD,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,EAAE;QAClC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;YAAE,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACnD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,iDAAiD;YACjD,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,KAAa;IACjC,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,EAAE;QAClC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC7C,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAClB,KAAsB,EACtB,OAAyB;IAEzB,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,IAAyB,EAAE,EAAE;QAC7D,IAAI,IAAI,EAAE,KAAK,EAAE,CAAC;YAChB,6CAA6C;YAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,IAAI,CAAC,KAAK,GAAG,UAAU,GAAG,IAAW;gBACnC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBACtC,IAAI,MAAM,YAAY,SAAS;oBAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAClD,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,mDAAmD;YACnD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;gBAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC7C,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Loom — Decorators
+ *
+ * Barrel re-export for the full decorator arsenal:
+ * @component, @prop, @reactive, @computed, @on, @watch, @emit,
+ * @query, @queryAll, @catch_, @suspend, @mount, @unmount,
+ * @interval, @timeout, @animationFrame, @service, @inject, @factory
+ */
+export { REACTIVES, PROPS, ON_HANDLERS, WATCHERS, EMITTERS, COMPUTED_DIRTY, CATCH_HANDLER, MOUNT_HANDLERS, UNMOUNT_HANDLERS, INJECT_PARAMS, ROUTE_PROPS, TRANSFORMS, } from "./symbols";
+export { component } from "./component";
+export { reactive, prop, computed, params, routeQuery } from "./state";
+export { transform, typed } from "./transform";
+export { on, watch, emit } from "./events";
+export { query, queryAll } from "./dom";
+export { catch_, suspend, mount, unmount } from "./lifecycle";
+export { interval, timeout, animationFrame } from "./timing";
+export { service, inject, factory } from "./di";
+//# sourceMappingURL=index.d.ts.map

package/dist/decorators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAG9D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC"}

package/dist/decorators/index.js

@@ -0,0 +1,27 @@
+/**
+ * Loom — Decorators
+ *
+ * Barrel re-export for the full decorator arsenal:
+ * @component, @prop, @reactive, @computed, @on, @watch, @emit,
+ * @query, @queryAll, @catch_, @suspend, @mount, @unmount,
+ * @interval, @timeout, @animationFrame, @service, @inject, @factory
+ */
+// Symbols (consumed by LoomElement and App)
+export { REACTIVES, PROPS, ON_HANDLERS, WATCHERS, EMITTERS, COMPUTED_DIRTY, CATCH_HANDLER, MOUNT_HANDLERS, UNMOUNT_HANDLERS, INJECT_PARAMS, ROUTE_PROPS, TRANSFORMS, } from "./symbols";
+// Component registration
+export { component } from "./component";
+// State management
+export { reactive, prop, computed, params, routeQuery } from "./state";
+// Type conversion
+export { transform, typed } from "./transform";
+// Event system
+export { on, watch, emit } from "./events";
+// DOM queries
+export { query, queryAll } from "./dom";
+// Lifecycle & error boundaries
+export { catch_, suspend, mount, unmount } from "./lifecycle";
+// Timers & animation
+export { interval, timeout, animationFrame } from "./timing";
+// Dependency injection
+export { service, inject, factory } from "./di";
+//# sourceMappingURL=index.js.map

package/dist/decorators/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,4CAA4C;AAC5C,OAAO,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,WAAW,CAAC;AAEnB,yBAAyB;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvE,kBAAkB;AAClB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE/C,eAAe;AACf,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE3C,cAAc;AACd,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,+BAA+B;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE9D,qBAAqB;AACrB,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE7D,uBAAuB;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC"}

package/dist/decorators/lifecycle.d.ts

@@ -0,0 +1,49 @@
+type CatchFn = (error: Error, element: any) => void;
+/**
+ * Error boundary. Wraps lifecycle methods with try/catch, renders fallback on error.
+ * Named catch_ since `catch` is reserved.
+ *
+ * ```ts
+ * @component("my-widget")
+ * @catch_((err, el) => {
+ *   el.shadow.replaceChildren(<div>{err.message}</div>);
+ * })
+ * class MyWidget extends LoomElement { ... }
+ * ```
+ */
+export declare function catch_(handler: CatchFn): (ctor: any) => void;
+/**
+ * Async suspense. Wraps async methods to auto-manage loading/error state.
+ * Expects the component to have @reactive loading and @reactive error fields.
+ *
+ * ```ts
+ * @suspend()
+ * async fetchUser() {
+ *   const res = await fetch(`/api/users/${this.userId}`);
+ *   this.user = await res.json();
+ * }
+ * ```
+ */
+export declare function suspend(): (_target: any, _key: string, desc: PropertyDescriptor) => void;
+/**
+ * Lifecycle: runs when element connects to the DOM.
+ * Multiple @mount methods per class allowed. No need to call super.
+ *
+ * ```ts
+ * @mount
+ * setup() { this.ctx = this.canvas.getContext("2d"); }
+ * ```
+ */
+export declare function mount(target: any, key: string): void;
+/**
+ * Lifecycle: runs when element disconnects from the DOM.
+ * Multiple @unmount methods per class allowed. Runs BEFORE track() cleanup.
+ *
+ * ```ts
+ * @unmount
+ * saveState() { localStorage.setItem("state", JSON.stringify(this.state)); }
+ * ```
+ */
+export declare function unmount(target: any, key: string): void;
+export {};
+//# sourceMappingURL=lifecycle.d.ts.map

package/dist/decorators/lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../src/decorators/lifecycle.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;AAEpD;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,OAAO,IAC7B,MAAM,GAAG,UA2BlB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,KACb,SAAS,GAAG,EAAE,MAAM,MAAM,EAAE,MAAM,kBAAkB,UAkB7D;AAED;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAGpD;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAGtD"}

package/dist/decorators/lifecycle.js

@@ -0,0 +1,105 @@
+import { CATCH_HANDLER, MOUNT_HANDLERS, UNMOUNT_HANDLERS } from "./symbols";
+/**
+ * Error boundary. Wraps lifecycle methods with try/catch, renders fallback on error.
+ * Named catch_ since `catch` is reserved.
+ *
+ * ```ts
+ * @component("my-widget")
+ * @catch_((err, el) => {
+ *   el.shadow.replaceChildren(<div>{err.message}</div>);
+ * })
+ * class MyWidget extends LoomElement { ... }
+ * ```
+ */
+export function catch_(handler) {
+    return (ctor) => {
+        ctor[CATCH_HANDLER] = handler;
+        // Wrap update()
+        const origUpdate = ctor.prototype.update;
+        if (origUpdate) {
+            ctor.prototype.update = function () {
+                try {
+                    return origUpdate.call(this);
+                }
+                catch (err) {
+                    handler(err, this);
+                }
+            };
+        }
+        // Wrap connectedCallback()
+        const origConnect = ctor.prototype.connectedCallback;
+        if (origConnect) {
+            ctor.prototype.connectedCallback = function () {
+                try {
+                    origConnect.call(this);
+                }
+                catch (err) {
+                    handler(err, this);
+                }
+            };
+        }
+    };
+}
+/**
+ * Async suspense. Wraps async methods to auto-manage loading/error state.
+ * Expects the component to have @reactive loading and @reactive error fields.
+ *
+ * ```ts
+ * @suspend()
+ * async fetchUser() {
+ *   const res = await fetch(`/api/users/${this.userId}`);
+ *   this.user = await res.json();
+ * }
+ * ```
+ */
+export function suspend() {
+    return (_target, _key, desc) => {
+        const orig = desc.value;
+        desc.value = async function (...args) {
+            this.loading = true;
+            this.error = null;
+            try {
+                const result = await orig.apply(this, args);
+                return result;
+            }
+            catch (err) {
+                this.error = err;
+                const handler = this.constructor[CATCH_HANDLER];
+                if (handler)
+                    handler(err, this);
+            }
+            finally {
+                this.loading = false;
+            }
+        };
+    };
+}
+/**
+ * Lifecycle: runs when element connects to the DOM.
+ * Multiple @mount methods per class allowed. No need to call super.
+ *
+ * ```ts
+ * @mount
+ * setup() { this.ctx = this.canvas.getContext("2d"); }
+ * ```
+ */
+export function mount(target, key) {
+    if (!target[MOUNT_HANDLERS])
+        target[MOUNT_HANDLERS] = [];
+    target[MOUNT_HANDLERS].push(key);
+}
+/**
+ * Lifecycle: runs when element disconnects from the DOM.
+ * Multiple @unmount methods per class allowed. Runs BEFORE track() cleanup.
+ *
+ * ```ts
+ * @unmount
+ * saveState() { localStorage.setItem("state", JSON.stringify(this.state)); }
+ * ```
+ */
+export function unmount(target, key) {
+    if (!target[UNMOUNT_HANDLERS])
+        target[UNMOUNT_HANDLERS] = [];
+    target[UNMOUNT_HANDLERS].push(key);
+}
+//# sourceMappingURL=lifecycle.js.map

package/dist/decorators/lifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.js","sourceRoot":"","sources":["../../src/decorators/lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAI5E;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,MAAM,CAAC,OAAgB;IACrC,OAAO,CAAC,IAAS,EAAE,EAAE;QAClB,IAAY,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC;QAEvC,gBAAgB;QAChB,MAAM,UAAU,GAAI,IAAI,CAAC,SAAiB,CAAC,MAAM,CAAC;QAClD,IAAI,UAAU,EAAE,CAAC;YACd,IAAI,CAAC,SAAiB,CAAC,MAAM,GAAG;gBAC/B,IAAI,CAAC;oBACH,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/B,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACb,OAAO,CAAC,GAAY,EAAE,IAAI,CAAC,CAAC;gBAC9B,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;QAED,2BAA2B;QAC3B,MAAM,WAAW,GAAI,IAAI,CAAC,SAAiB,CAAC,iBAAiB,CAAC;QAC9D,IAAI,WAAW,EAAE,CAAC;YACf,IAAI,CAAC,SAAiB,CAAC,iBAAiB,GAAG;gBAC1C,IAAI,CAAC;oBACH,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACb,OAAO,CAAC,GAAY,EAAE,IAAI,CAAC,CAAC;gBAC9B,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,OAAO;IACrB,OAAO,CAAC,OAAY,EAAE,IAAY,EAAE,IAAwB,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QAExB,IAAI,CAAC,KAAK,GAAG,KAAK,WAAsB,GAAG,IAAW;YACpD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC5C,OAAO,MAAM,CAAC;YAChB,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,IAAI,CAAC,KAAK,GAAG,GAAY,CAAC;gBAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;gBAChD,IAAI,OAAO;oBAAE,OAAO,CAAC,GAAY,EAAE,IAAI,CAAC,CAAC;YAC3C,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CAAC,MAAW,EAAE,GAAW;IAC5C,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QAAE,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;IACzD,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnC,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,OAAO,CAAC,MAAW,EAAE,GAAW;IAC9C,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAAE,MAAM,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC;IAC7D,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrC,CAAC"}

package/dist/decorators/state.d.ts

@@ -0,0 +1,41 @@
+/** Sentinel for full route-param decompose: `@prop({params}) p!: MyType` */
+export declare const params: unique symbol;
+/** Sentinel for full query-param decompose: `@prop({query}) q!: MyType` */
+export declare const routeQuery: unique symbol;
+/**
+ * Internal reactive state. Creates a getter/setter backed by Reactive<T>.
+ * Changes schedule batched `update()` via microtask.
+ *
+ * ```ts
+ * @reactive count = 0;
+ * ```
+ */
+export declare function reactive(target: any, key: string): void;
+/**
+ * External attribute. Observed HTML attribute that auto-parses from strings.
+ * Uses @reactive under the hood.
+ *
+ * Bare decorator:
+ * ```ts
+ * @prop label = "Count";   // <my-counter label="Clicks">
+ * ```
+ *
+ * Route param injection:
+ * ```ts
+ * @prop({ param: "id" }) userId!: string;      // single param
+ * @prop({params}) params!: MyParamType;         // full decompose
+ * @prop({ query: "tab" }) activeTab!: string;   // single query param
+ * @prop({query: routeQuery}) query!: MyQuery;   // full query decompose
+ * ```
+ */
+export declare function prop(targetOrOpts: any, key?: any): any;
+/**
+ * Cached derived value. Re-computed only when reactive dependencies fire.
+ *
+ * ```ts
+ * @computed
+ * get displayName() { return `${this.firstName} ${this.lastName}`; }
+ * ```
+ */
+export declare function computed(target: any, key: string, desc: PropertyDescriptor): void;
+//# sourceMappingURL=state.d.ts.map

package/dist/decorators/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/decorators/state.ts"],"names":[],"mappings":"AAOA,4EAA4E;AAC5E,eAAO,MAAM,MAAM,eAAiC,CAAC;AAErD,2EAA2E;AAG3E,eAAO,MAAM,UAAU,eAAgC,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAqCvD;AAiBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAClB,YAAY,EAAE,GAAG,EACjB,GAAG,CAAC,EAAE,GAAG,GACR,GAAG,CAuBL;AASD;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACtB,MAAM,EAAE,GAAG,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,kBAAkB,GACvB,IAAI,CAgBN"}

package/dist/decorators/state.js

@@ -0,0 +1,125 @@
+import { REACTIVES, PROPS, WATCHERS, EMITTERS, COMPUTED_DIRTY, ROUTE_PROPS } from "./symbols";
+import { Reactive } from "../reactive";
+import { bus } from "../bus";
+// ── Route sentinels ──
+// Used with @prop shorthand: @prop({params}) or @prop({query})
+/** Sentinel for full route-param decompose: `@prop({params}) p!: MyType` */
+export const params = Symbol("loom:sentinel:params");
+/** Sentinel for full query-param decompose: `@prop({query}) q!: MyType` */
+// NOTE: This is NOT the @query(".selector") DOM decorator — that's in dom.ts.
+// This sentinel is re-exported from "@toyz/loom/router".
+export const routeQuery = Symbol("loom:sentinel:query");
+/**
+ * Internal reactive state. Creates a getter/setter backed by Reactive<T>.
+ * Changes schedule batched `update()` via microtask.
+ *
+ * ```ts
+ * @reactive count = 0;
+ * ```
+ */
+export function reactive(target, key) {
+    if (!target[REACTIVES])
+        target[REACTIVES] = [];
+    target[REACTIVES].push(key);
+    const storageKey = Symbol(key);
+    Object.defineProperty(target, key, {
+        get() {
+            return this[storageKey]?.value;
+        },
+        set(val) {
+            if (!this[storageKey]) {
+                // First set (from field initializer)
+                const r = new Reactive(val);
+                this[storageKey] = r;
+                r.subscribe(() => this.scheduleUpdate?.());
+                // Wire @watch handlers for this field
+                for (const w of (this[WATCHERS] ?? []).filter((w) => w.field === key)) {
+                    r.subscribe((v, prev) => this[w.key](v, prev));
+                }
+                // Wire @emit handlers for this field
+                for (const e of (this[EMITTERS] ?? []).filter((e) => e.field === key)) {
+                    r.subscribe((v) => bus.emit(e.factory(v)));
+                }
+            }
+            else {
+                this[storageKey].set(val);
+            }
+        },
+        enumerable: true,
+        configurable: true,
+    });
+}
+/**
+ * External attribute. Observed HTML attribute that auto-parses from strings.
+ * Uses @reactive under the hood.
+ *
+ * Bare decorator:
+ * ```ts
+ * @prop label = "Count";   // <my-counter label="Clicks">
+ * ```
+ *
+ * Route param injection:
+ * ```ts
+ * @prop({ param: "id" }) userId!: string;      // single param
+ * @prop({params}) params!: MyParamType;         // full decompose
+ * @prop({ query: "tab" }) activeTab!: string;   // single query param
+ * @prop({query: routeQuery}) query!: MyQuery;   // full query decompose
+ * ```
+ */
+export function prop(targetOrOpts, key) {
+    if (typeof key === "string") {
+        // Bare @prop — existing behavior
+        _registerProp(targetOrOpts, key);
+        return;
+    }
+    // @prop({ param: "id" }) or @prop({params}) etc.
+    const opts = targetOrOpts;
+    return (target, propKey) => {
+        // Store route binding metadata on the constructor
+        const ctor = target.constructor;
+        if (!ctor[ROUTE_PROPS])
+            ctor[ROUTE_PROPS] = [];
+        const binding = { propKey };
+        if (opts.params)
+            binding.params = opts.params;
+        if (opts.param)
+            binding.param = opts.param;
+        if (opts.query)
+            binding.query = opts.query;
+        ctor[ROUTE_PROPS].push(binding);
+        // Wire @reactive so changes trigger re-renders
+        reactive(target, propKey);
+    };
+}
+/** Register a bare @prop (attribute-observed reactive) */
+function _registerProp(target, key) {
+    if (!target.constructor[PROPS])
+        target.constructor[PROPS] = new Map();
+    target.constructor[PROPS].set(key.toLowerCase(), key);
+    reactive(target, key);
+}
+/**
+ * Cached derived value. Re-computed only when reactive dependencies fire.
+ *
+ * ```ts
+ * @computed
+ * get displayName() { return `${this.firstName} ${this.lastName}`; }
+ * ```
+ */
+export function computed(target, key, desc) {
+    const getter = desc.get;
+    const cacheKey = Symbol(`computed:${key}`);
+    const dirtyKey = Symbol(`dirty:${key}`);
+    desc.get = function () {
+        if (this[dirtyKey] !== false) {
+            this[cacheKey] = getter.call(this);
+            this[dirtyKey] = false;
+        }
+        return this[cacheKey];
+    };
+    // Track the dirty key so scheduleUpdate can dirty all computed properties
+    if (!target[COMPUTED_DIRTY])
+        target[COMPUTED_DIRTY] = [];
+    target[COMPUTED_DIRTY].push(dirtyKey);
+}
+//# sourceMappingURL=state.js.map

package/dist/decorators/state.js.map

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