@bodil/dom 0.1.0

package/dist/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAIhD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAgB,EAAE,QAAgB;IAClE,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AACrF,CAAC;AAED,MAAM,cAAc,GAAG,6DAA6D,CAAC;AAErF,SAAS,aAAa,CAAC,KAAa;IAChC,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAChD,IAAI,KAAK,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;IAC1C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtD,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;AACrD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa;IACnC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;QACnD,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,IAAI;gBACL,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;YACxB,KAAK,IAAI;gBACL,OAAO,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YACtC,KAAK,IAAI;gBACL,OAAO,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC;YACvC,KAAK,GAAG;gBACJ,OAAO,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;YACxC,KAAK,IAAI;gBACL,OAAO,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;YAC7B,KAAK,IAAI;gBACL,OAAO,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YACnC,KAAK,IAAI;gBACL,OAAO,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;YACpC;gBACI,OAAO,IAAI,CAAC;QACpB,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa;IACnC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;QACnD,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,IAAI;gBACL,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;YACxB,KAAK,GAAG;gBACJ,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;YAC/B;gBACI,OAAO,IAAI,CAAC;QACpB,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC"}

package/dist/decorators/attribute.d.ts

@@ -0,0 +1,26 @@
+import type { Component } from "../component";
+export declare const attributeConfig: unique symbol;
+export type AttributeType = typeof String | typeof Number | typeof Boolean;
+export type AttributeOptions = {
+    name: string | undefined;
+    reflect: boolean;
+    reactive: boolean;
+};
+export type AttributeConfig = {
+    type: AttributeType | undefined;
+    property: string;
+} & AttributeOptions;
+export declare function toAttribute(value: unknown, type: AttributeType): string | null;
+export declare function fromAttribute(value: string | null, type: typeof Number): number | undefined;
+export declare function fromAttribute(value: string | null, type: typeof Boolean): boolean;
+export declare function fromAttribute(value: string | null, type: typeof String): string | undefined;
+export declare function fromAttribute(value: string | null, type: AttributeType): string | number | boolean | undefined;
+export declare function detectAttributeType(value: unknown): AttributeType | undefined;
+export declare function attribute<C extends Component, T extends number | undefined>(options: Partial<AttributeOptions> & {
+    type: typeof Number;
+}): (value: ClassAccessorDecoratorTarget<C, T>, context: ClassAccessorDecoratorContext<C, T>) => ClassAccessorDecoratorResult<C, T>;
+export declare function attribute<C extends Component, T extends boolean | undefined>(options: Partial<AttributeOptions> & {
+    type: typeof Boolean;
+}): (value: ClassAccessorDecoratorTarget<C, T>, context: ClassAccessorDecoratorContext<C, T>) => ClassAccessorDecoratorResult<C, T>;
+export declare function attribute<C extends Component, T extends string | undefined>(options: Partial<AttributeOptions>): (value: ClassAccessorDecoratorTarget<C, T>, context: ClassAccessorDecoratorContext<C, T>) => ClassAccessorDecoratorResult<C, T>;
+export declare function attribute<C extends Component, T extends string | undefined>(value: ClassAccessorDecoratorTarget<C, T>, context: ClassAccessorDecoratorContext<C, T>): ClassAccessorDecoratorResult<C, T>;

package/dist/decorators/attribute.js

@@ -0,0 +1,115 @@
+/* eslint-disable @typescript-eslint/unified-signatures */
+import { isNullish, unreachable } from "@bodil/core/assert";
+import { Signal } from "@bodil/signal";
+import { signalForObject } from "./reactive";
+export const attributeConfig = Symbol("attributeConfig");
+export function toAttribute(value, type) {
+    if (isNullish(value)) {
+        return null;
+    }
+    switch (type) {
+        case Number:
+            return `${value}`;
+        case Boolean:
+            return value ? "" : null;
+        case String:
+            return value;
+        default:
+            unreachable();
+    }
+}
+export function fromAttribute(value, type) {
+    switch (type) {
+        case Number: {
+            const num = value === null ? undefined : Number(value);
+            if (num !== undefined && Number.isNaN(num)) {
+                throw new TypeError(`numeric attribute value ${JSON.stringify(value)} parsed as NaN`);
+            }
+            return num;
+        }
+        case Boolean:
+            return value !== null;
+        case String:
+            return value ?? undefined;
+        default:
+            unreachable();
+    }
+}
+export function detectAttributeType(value) {
+    switch (typeof value) {
+        case "string":
+            return String;
+        case "number":
+            return Number;
+        case "boolean":
+            return Boolean;
+        default:
+            return undefined;
+    }
+}
+function toKebabCase(s) {
+    return s.replace(/((?<=[a-z\d])[A-Z]|(?<=[A-Z\d])[A-Z](?=[a-z]))/g, "-$1").toLowerCase();
+}
+export function attribute(valueOrOptions, context) {
+    if (context !== undefined) {
+        return attribute({})(valueOrOptions, context);
+    }
+    return (value, context) => {
+        if (typeof context.name !== "string") {
+            throw new TypeError(`Can't declare a ${typeof context.name} as an attribute (${JSON.stringify(context.name)})`);
+        }
+        const options = {
+            ...{
+                type: String,
+                property: context.name,
+                reactive: true,
+                reflect: true,
+            },
+            ...(valueOrOptions ?? {}),
+        };
+        let attrs = context.metadata[attributeConfig];
+        if (attrs === undefined) {
+            context.metadata[attributeConfig] = attrs = new Map();
+        }
+        const key = options.name ?? toKebabCase(context.name);
+        attrs.set(key, options);
+        if (options.reactive) {
+            const getSig = (obj) => signalForObject(obj, context.name, () => Signal(value.get.call(obj), {
+                equals: Object.is,
+            }));
+            return {
+                get() {
+                    return getSig(this).get();
+                },
+                set(newValue) {
+                    options.type ??= detectAttributeType(newValue);
+                    getSig(this).set(newValue);
+                    if (options.reflect) {
+                        this.syncAttribute(key);
+                    }
+                },
+                init(newValue) {
+                    options.type ??= detectAttributeType(newValue);
+                    return newValue;
+                },
+            };
+        }
+        return {
+            get() {
+                return value.get.call(this);
+            },
+            set(newValue) {
+                options.type ??= detectAttributeType(newValue);
+                value.set.call(this, newValue);
+                if (options.reflect) {
+                    this.syncAttribute(key);
+                }
+            },
+            init(newValue) {
+                options.type ??= detectAttributeType(newValue);
+                return newValue;
+            },
+        };
+    };
+}
+//# sourceMappingURL=attribute.js.map

package/dist/decorators/attribute.js.map

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

package/dist/decorators/attribute.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/decorators/attribute.test.js

@@ -0,0 +1,148 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { customElement } from "lit/decorators.js";
+import { expect, test } from "vitest";
+import { attribute, Component } from "../component";
+import { Signal } from "@bodil/signal";
+test("@attribute", async () => {
+    let AttributeTestClass = (() => {
+        let _classDecorators = [customElement("attribute-test-class")];
+        let _classDescriptor;
+        let _classExtraInitializers = [];
+        let _classThis;
+        let _classSuper = Component;
+        let _wibble_decorators;
+        let _wibble_initializers = [];
+        let _wibble_extraInitializers = [];
+        let _wobble_decorators;
+        let _wobble_initializers = [];
+        let _wobble_extraInitializers = [];
+        let _noMeansNo_decorators;
+        let _noMeansNo_initializers = [];
+        let _noMeansNo_extraInitializers = [];
+        let _welp_decorators;
+        let _welp_initializers = [];
+        let _welp_extraInitializers = [];
+        let _hide_decorators;
+        let _hide_initializers = [];
+        let _hide_extraInitializers = [];
+        var AttributeTestClass = class extends _classSuper {
+            static { _classThis = this; }
+            static {
+                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                _wibble_decorators = [attribute];
+                _wobble_decorators = [attribute({ type: Number })];
+                _noMeansNo_decorators = [attribute({ type: Boolean })];
+                _welp_decorators = [attribute({ name: "wolp", reactive: false })];
+                _hide_decorators = [attribute({ reflect: false })];
+                __esDecorate(this, null, _wibble_decorators, { kind: "accessor", name: "wibble", static: false, private: false, access: { has: obj => "wibble" in obj, get: obj => obj.wibble, set: (obj, value) => { obj.wibble = value; } }, metadata: _metadata }, _wibble_initializers, _wibble_extraInitializers);
+                __esDecorate(this, null, _wobble_decorators, { kind: "accessor", name: "wobble", static: false, private: false, access: { has: obj => "wobble" in obj, get: obj => obj.wobble, set: (obj, value) => { obj.wobble = value; } }, metadata: _metadata }, _wobble_initializers, _wobble_extraInitializers);
+                __esDecorate(this, null, _noMeansNo_decorators, { kind: "accessor", name: "noMeansNo", static: false, private: false, access: { has: obj => "noMeansNo" in obj, get: obj => obj.noMeansNo, set: (obj, value) => { obj.noMeansNo = value; } }, metadata: _metadata }, _noMeansNo_initializers, _noMeansNo_extraInitializers);
+                __esDecorate(this, null, _welp_decorators, { kind: "accessor", name: "welp", static: false, private: false, access: { has: obj => "welp" in obj, get: obj => obj.welp, set: (obj, value) => { obj.welp = value; } }, metadata: _metadata }, _welp_initializers, _welp_extraInitializers);
+                __esDecorate(this, null, _hide_decorators, { kind: "accessor", name: "hide", static: false, private: false, access: { has: obj => "hide" in obj, get: obj => obj.hide, set: (obj, value) => { obj.hide = value; } }, metadata: _metadata }, _hide_initializers, _hide_extraInitializers);
+                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+                AttributeTestClass = _classThis = _classDescriptor.value;
+                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                __runInitializers(_classThis, _classExtraInitializers);
+            }
+            accessor wibble = __runInitializers(this, _wibble_initializers, "Joe");
+            accessor wobble = (__runInitializers(this, _wibble_extraInitializers), __runInitializers(this, _wobble_initializers, 1));
+            accessor noMeansNo = (__runInitializers(this, _wobble_extraInitializers), __runInitializers(this, _noMeansNo_initializers, false));
+            accessor welp = (__runInitializers(this, _noMeansNo_extraInitializers), __runInitializers(this, _welp_initializers, "Joe"));
+            accessor hide = (__runInitializers(this, _welp_extraInitializers), __runInitializers(this, _hide_initializers, "no"));
+            constructor() {
+                super(...arguments);
+                __runInitializers(this, _hide_extraInitializers);
+            }
+        };
+        return AttributeTestClass = _classThis;
+    })();
+    const t = document.createElement("attribute-test-class");
+    document.body.append(t);
+    await t.updateComplete;
+    const wibble = Signal.computed(() => t.wibble);
+    expect(t.wibble).toBe("Joe");
+    expect(t.getAttribute("wibble")).toBe("Joe");
+    expect(wibble.get()).toBe("Joe");
+    t.wibble = "Mike";
+    expect(t.wibble).toBe("Mike");
+    expect(t.getAttribute("wibble")).toBe("Mike");
+    expect(wibble.get()).toBe("Mike");
+    t.removeAttribute("wibble");
+    expect(t.wibble).toBeUndefined();
+    expect(t.getAttribute("wibble")).toBeNull();
+    expect(wibble.get()).toBe(undefined);
+    t.setAttribute("wibble", "Robert");
+    expect(t.wibble).toBe("Robert");
+    expect(t.getAttribute("wibble")).toBe("Robert");
+    expect(wibble.get()).toBe("Robert");
+    t.wibble = undefined;
+    expect(t.wibble).toBeUndefined();
+    expect(t.getAttribute("wibble")).toBeNull();
+    expect(wibble.get()).toBe(undefined);
+    expect(t.wobble).toBe(1);
+    expect(t.getAttribute("wobble")).toBe("1");
+    t.wobble = 2;
+    expect(t.wobble).toBe(2);
+    expect(t.getAttribute("wobble")).toBe("2");
+    t.setAttribute("wobble", "3");
+    expect(t.wobble).toBe(3);
+    expect(t.getAttribute("wobble")).toBe("3");
+    expect(t.noMeansNo).toBe(false);
+    expect(t.getAttribute("no-means-no")).toBeNull();
+    t.noMeansNo = true;
+    expect(t.noMeansNo).toBe(true);
+    expect(t.getAttribute("no-means-no")).toBe("");
+    t.removeAttribute("no-means-no");
+    expect(t.noMeansNo).toBe(false);
+    expect(t.getAttribute("no-means-no")).toBeNull();
+    t.setAttribute("no-means-no", "come and see the violence inherent in the system!");
+    expect(t.noMeansNo).toBe(true);
+    expect(t.getAttribute("no-means-no")).toBe("");
+    const welp = Signal.computed(() => t.welp);
+    expect(t.welp).toBe("Joe");
+    expect(t.getAttribute("wolp")).toBe("Joe");
+    expect(welp.get()).toBe("Joe");
+    t.welp = "Robert";
+    expect(t.welp).toBe("Robert");
+    expect(t.getAttribute("wolp")).toBe("Robert");
+    expect(welp.get()).toBe("Joe");
+    expect(t.hide).toBe("no");
+    expect(t.getAttribute("hide")).toBeNull();
+    t.setAttribute("hide", "yes");
+    expect(t.hide).toBe("yes");
+    expect(t.getAttribute("hide")).toBe("yes");
+});
+//# sourceMappingURL=attribute.test.js.map

package/dist/decorators/attribute.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute.test.js","sourceRoot":"","sources":["../../src/decorators/attribute.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE;QAEpB,kBAAkB;gCADvB,aAAa,CAAC,sBAAsB,CAAC;;;;0BACL,SAAS;;;;;;;;;;;;;;;;sCAAjB,SAAQ,WAAS;;;;sCACrC,SAAS;sCACT,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAC3B,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCAC5B,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;oCAC5C,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;gBAJnB,uKAAS,MAAM,6BAAN,MAAM,uFAA6B;gBAC1B,uKAAS,MAAM,6BAAN,MAAM,uFAAyB;gBACvC,gLAAS,SAAS,6BAAT,SAAS,6FAA8B;gBAChC,iKAAS,IAAI,6BAAJ,IAAI,mFAA6B;gBACzD,iKAAS,IAAI,6BAAJ,IAAI,mFAA4B;gBAL5E,6KAMC;;;gBANK,uDAAkB;;YACT,QAAQ,CAAC,MAAM,iDAAuB,KAAK,EAAC;YAC1B,QAAQ,CAAC,MAAM,sGAAuB,CAAC,GAAC;YACvC,QAAQ,CAAC,SAAS,yGAAwB,KAAK,GAAC;YAChC,QAAQ,CAAC,IAAI,uGAAuB,KAAK,GAAC;YACzD,QAAQ,CAAC,IAAI,kGAAuB,IAAI,GAAC;;;;;;;;IAG5E,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAuB,CAAC;IAC/E,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,CAAC,CAAC,cAAc,CAAC;IAEvB,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,CAAC;IACjC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACnC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC;IACrB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,CAAC;IACjC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAErC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzB,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACb,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzB,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAC9B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzB,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3C,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACjD,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IACjC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACjD,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,mDAAmD,CAAC,CAAC;IACnF,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC,IAAI,GAAG,QAAQ,CAAC;IAClB,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE/B,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC1C,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC9B,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/C,CAAC,CAAC,CAAC"}

package/dist/decorators/connect.d.ts

@@ -0,0 +1,9 @@
+import type { Disposifiable } from "@bodil/core/disposable";
+import type { Component } from "../component";
+export type ConnectFunctionReturnValue = Disposifiable | Iterable<Disposifiable | undefined> | undefined | void;
+export type ConnectFunction = () => ConnectFunctionReturnValue;
+export declare function connectedJobs(obj: Component): Iterable<ConnectFunction>;
+export declare function connect<C extends Component>(value: ConnectFunction, context: ClassMethodDecoratorContext<C, ConnectFunction>): undefined;
+export declare function connect<C extends Component>(value: undefined, context: ClassFieldDecoratorContext<C, ConnectFunction>): (value: ConnectFunction) => ConnectFunction;
+export declare function connectEffect<C extends Component>(value: ConnectFunction, context: ClassMethodDecoratorContext<C, ConnectFunction>): undefined;
+export declare function connectEffect<C extends Component>(value: undefined, context: ClassFieldDecoratorContext<C, ConnectFunction>): (value: ConnectFunction) => ConnectFunction;

package/dist/decorators/connect.js

@@ -0,0 +1,44 @@
+import { Signal } from "@bodil/signal";
+const connectedCache = new WeakMap();
+function addConnectedJob(obj, job) {
+    let jobs = connectedCache.get(obj);
+    if (jobs === undefined) {
+        jobs = new Set();
+        connectedCache.set(obj, jobs);
+    }
+    jobs.add(job);
+}
+export function connectedJobs(obj) {
+    return connectedCache.get(obj) ?? [];
+}
+export function connect(value, context) {
+    switch (context.kind) {
+        case "method":
+            context.addInitializer(function () {
+                addConnectedJob(this, value.bind(this));
+            });
+            return;
+        case "field":
+            return function (value) {
+                addConnectedJob(this, value.bind(this));
+            };
+    }
+}
+export function connectEffect(value, context) {
+    switch (context.kind) {
+        case "method":
+            context.addInitializer(function () {
+                addConnectedJob(this, function () {
+                    return Signal.effect(value.bind(this));
+                });
+            });
+            return;
+        case "field":
+            return function (value) {
+                addConnectedJob(this, function () {
+                    return Signal.effect(value.bind(this));
+                });
+            };
+    }
+}
+//# sourceMappingURL=connect.js.map

package/dist/decorators/connect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect.js","sourceRoot":"","sources":["../../src/decorators/connect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAYvC,MAAM,cAAc,GAAG,IAAI,OAAO,EAAmC,CAAC;AAEtE,SAAS,eAAe,CAAC,GAAc,EAAE,GAAoB;IACzD,IAAI,IAAI,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACrB,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC;QACjB,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAc;IACxC,OAAO,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;AACzC,CAAC;AAUD,MAAM,UAAU,OAAO,CACnB,KAAkC,EAClC,OAEoD;IAEpD,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,QAAQ;YACT,OAAO,CAAC,cAAc,CAAC;gBACnB,eAAe,CAAC,IAAI,EAAE,KAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;YACH,OAAO;QACX,KAAK,OAAO;YACR,OAAO,UAAmB,KAAsB;gBAC5C,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5C,CAAC,CAAC;IACV,CAAC;AACL,CAAC;AAUD,MAAM,UAAU,aAAa,CACzB,KAAkC,EAClC,OAEoD;IAEpD,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,QAAQ;YACT,OAAO,CAAC,cAAc,CAAC;gBACnB,eAAe,CAAC,IAAI,EAAE;oBAClB,OAAO,MAAM,CAAC,MAAM,CAAC,KAAM,CAAC,IAAI,CAAC,IAAI,CAAQ,CAAC,CAAC;gBACnD,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YACH,OAAO;QACX,KAAK,OAAO;YACR,OAAO,UAAmB,KAAsB;gBAC5C,eAAe,CAAC,IAAI,EAAE;oBAClB,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAQ,CAAC,CAAC;gBAClD,CAAC,CAAC,CAAC;YACP,CAAC,CAAC;IACV,CAAC;AACL,CAAC"}

package/dist/decorators/connect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/decorators/connect.test.js

@@ -0,0 +1,196 @@
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+import { sleep } from "@bodil/core/async";
+import { Signal } from "@bodil/signal";
+import { customElement } from "lit/decorators.js";
+import { expect, test } from "vitest";
+import { Component, connect, connectEffect } from "../component";
+test("@connect", () => {
+    let methodConnected = 0, methodDisconnected = 0;
+    let fieldConnected = 0, fieldDisconnected = 0;
+    let ConnectedTestClass = (() => {
+        let _classDecorators = [customElement("connected-test-class")];
+        let _classDescriptor;
+        let _classExtraInitializers = [];
+        let _classThis;
+        let _classSuper = Component;
+        let _instanceExtraInitializers = [];
+        let _onConnected_decorators;
+        let _field_decorators;
+        let _field_initializers = [];
+        let _field_extraInitializers = [];
+        var ConnectedTestClass = class extends _classSuper {
+            static { _classThis = this; }
+            static {
+                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                _onConnected_decorators = [connect];
+                _field_decorators = [connect];
+                __esDecorate(this, null, _onConnected_decorators, { kind: "method", name: "onConnected", static: false, private: false, access: { has: obj => "onConnected" in obj, get: obj => obj.onConnected }, metadata: _metadata }, null, _instanceExtraInitializers);
+                __esDecorate(null, null, _field_decorators, { kind: "field", name: "field", static: false, private: false, access: { has: obj => "field" in obj, get: obj => obj.field, set: (obj, value) => { obj.field = value; } }, metadata: _metadata }, _field_initializers, _field_extraInitializers);
+                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+                ConnectedTestClass = _classThis = _classDescriptor.value;
+                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                __runInitializers(_classThis, _classExtraInitializers);
+            }
+            onConnected() {
+                methodConnected++;
+                return () => {
+                    methodDisconnected++;
+                };
+            }
+            constructor() {
+                super(...arguments);
+                this.field = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _field_initializers, () => {
+                    fieldConnected++;
+                    return () => {
+                        fieldDisconnected++;
+                    };
+                }));
+                __runInitializers(this, _field_extraInitializers);
+            }
+        };
+        return ConnectedTestClass = _classThis;
+    })();
+    const c = document.createElement("connected-test-class");
+    expect(methodConnected).toBe(0);
+    expect(methodDisconnected).toBe(0);
+    expect(fieldConnected).toEqual(methodConnected);
+    expect(fieldDisconnected).toEqual(methodDisconnected);
+    document.body.append(c);
+    expect(methodConnected).toBe(1);
+    expect(methodDisconnected).toBe(0);
+    expect(fieldConnected).toEqual(methodConnected);
+    expect(fieldDisconnected).toEqual(methodDisconnected);
+    c.remove();
+    expect(methodConnected).toBe(1);
+    expect(methodDisconnected).toBe(1);
+    expect(fieldConnected).toEqual(methodConnected);
+    expect(fieldDisconnected).toEqual(methodDisconnected);
+    document.body.append(c);
+    expect(methodConnected).toBe(2);
+    expect(methodDisconnected).toBe(1);
+    expect(fieldConnected).toEqual(methodConnected);
+    expect(fieldDisconnected).toEqual(methodDisconnected);
+    c.remove();
+    expect(methodConnected).toBe(2);
+    expect(methodDisconnected).toBe(2);
+    expect(fieldConnected).toEqual(methodConnected);
+    expect(fieldDisconnected).toEqual(methodDisconnected);
+});
+test("@connectEffect", async () => {
+    let methodRun = 0, methodDisposed = 0;
+    let fieldRun = 0, fieldDisposed = 0;
+    const signal = Signal(1);
+    let ConnectEffectTestClass = (() => {
+        let _classDecorators = [customElement("connect-effect-test-class")];
+        let _classDescriptor;
+        let _classExtraInitializers = [];
+        let _classThis;
+        let _classSuper = Component;
+        let _instanceExtraInitializers = [];
+        let _onConnected_decorators;
+        let _field_decorators;
+        let _field_initializers = [];
+        let _field_extraInitializers = [];
+        var ConnectEffectTestClass = class extends _classSuper {
+            static { _classThis = this; }
+            static {
+                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                _onConnected_decorators = [connectEffect];
+                _field_decorators = [connectEffect];
+                __esDecorate(this, null, _onConnected_decorators, { kind: "method", name: "onConnected", static: false, private: false, access: { has: obj => "onConnected" in obj, get: obj => obj.onConnected }, metadata: _metadata }, null, _instanceExtraInitializers);
+                __esDecorate(null, null, _field_decorators, { kind: "field", name: "field", static: false, private: false, access: { has: obj => "field" in obj, get: obj => obj.field, set: (obj, value) => { obj.field = value; } }, metadata: _metadata }, _field_initializers, _field_extraInitializers);
+                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+                ConnectEffectTestClass = _classThis = _classDescriptor.value;
+                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                __runInitializers(_classThis, _classExtraInitializers);
+            }
+            onConnected() {
+                methodRun += signal.get();
+                return () => {
+                    methodDisposed++;
+                };
+            }
+            constructor() {
+                super(...arguments);
+                this.field = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _field_initializers, () => {
+                    fieldRun += signal.get();
+                    return () => {
+                        fieldDisposed++;
+                    };
+                }));
+                __runInitializers(this, _field_extraInitializers);
+            }
+        };
+        return ConnectEffectTestClass = _classThis;
+    })();
+    const c = document.createElement("connect-effect-test-class");
+    expect(methodRun).toBe(0);
+    expect(methodDisposed).toBe(0);
+    expect(fieldRun).toEqual(methodRun);
+    expect(fieldDisposed).toEqual(methodDisposed);
+    document.body.append(c);
+    await c.updateComplete;
+    expect(methodRun).toBe(1);
+    expect(methodDisposed).toBe(0);
+    expect(fieldRun).toEqual(methodRun);
+    expect(fieldDisposed).toEqual(methodDisposed);
+    c.remove();
+    expect(methodRun).toBe(1);
+    expect(methodDisposed).toBe(1);
+    expect(fieldRun).toEqual(methodRun);
+    expect(fieldDisposed).toEqual(methodDisposed);
+    document.body.append(c);
+    expect(methodRun).toBe(2);
+    expect(methodDisposed).toBe(1);
+    expect(fieldRun).toEqual(methodRun);
+    expect(fieldDisposed).toEqual(methodDisposed);
+    signal.set(2);
+    // wait for the effect to run
+    await sleep(1);
+    // run should be bumped by 2, the new value of the signal, and
+    // disposed should be bumped by 1 because the previous effect is
+    // disposed.
+    expect(methodRun).toBe(4);
+    expect(methodDisposed).toBe(2);
+    expect(fieldRun).toEqual(methodRun);
+    expect(fieldDisposed).toEqual(methodDisposed);
+    c.remove();
+    expect(methodRun).toBe(4);
+    expect(methodDisposed).toBe(3);
+    expect(fieldRun).toEqual(methodRun);
+    expect(fieldDisposed).toEqual(methodDisposed);
+});
+//# sourceMappingURL=connect.test.js.map

package/dist/decorators/connect.test.js.map

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

package/dist/decorators/reactive.d.ts

@@ -0,0 +1,7 @@
+import { Signal } from "@bodil/signal";
+import type { Component } from "../component";
+export declare const reactiveFields: unique symbol;
+export declare function signalForObject(obj: object, key: string | symbol, createSignal: () => Signal<unknown>): Signal<unknown>;
+export declare function reactive<C extends object, T>(value: ClassAccessorDecoratorTarget<C, T>, context: ClassAccessorDecoratorContext<C, T>): ClassAccessorDecoratorResult<C, T>;
+export declare function reactive<C extends object, T>(value: () => T, context: ClassGetterDecoratorContext<C, T>): () => T;
+export declare function reactive<C extends Component, T>(value: undefined, context: ClassFieldDecoratorContext<C, T>): undefined;

package/dist/decorators/reactive.js

@@ -0,0 +1,45 @@
+import { Signal } from "@bodil/signal";
+export const reactiveFields = Symbol("reactiveFields");
+const signalCache = new WeakMap();
+export function signalForObject(obj, key, createSignal) {
+    let sigs = signalCache.get(obj);
+    if (sigs === undefined) {
+        sigs = {};
+        signalCache.set(obj, sigs);
+    }
+    if (Object.hasOwn(sigs, key)) {
+        return sigs[key];
+    }
+    const sig = createSignal();
+    sigs[key] = sig;
+    return sig;
+}
+export function reactive(value, context) {
+    switch (context.kind) {
+        case "accessor": {
+            const getSig = (obj) => signalForObject(obj, context.name, () => Signal(value.get.call(obj), {
+                equals: Object.is,
+            }));
+            return {
+                get() {
+                    return getSig(this).get();
+                },
+                set(value) {
+                    getSig(this).set(value);
+                },
+            };
+        }
+        case "getter": {
+            const getSig = (obj) => signalForObject(obj, context.name, () => Signal.computed(() => value.call(obj), { equals: Object.is }));
+            return function get() {
+                return getSig(this).get();
+            };
+        }
+        case "field": {
+            context.metadata[reactiveFields] ??= new Set();
+            context.metadata[reactiveFields].add(context.name);
+            return undefined;
+        }
+    }
+}
+//# sourceMappingURL=reactive.js.map