@bodil/dom 0.1.9 → 0.2.0

package/src/decorators/connect.test.ts

@@ -1,119 +0,0 @@
-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";
-import type { ConnectFunction } from "./connect";
-
-test("@connect", () => {
-    let methodConnected = 0,
-        methodDisconnected = 0;
-    let fieldConnected = 0,
-        fieldDisconnected = 0;
-
-    @customElement("connected-test-class")
-    class ConnectedTestClass extends Component {
-        @connect onConnected() {
-            methodConnected++;
-            return () => {
-                methodDisconnected++;
-            };
-        }
-
-        @connect field: ConnectFunction = () => {
-            fieldConnected++;
-            return () => {
-                fieldDisconnected++;
-            };
-        };
-    }
-
-    const c = document.createElement("connected-test-class") as ConnectedTestClass;
-    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);
-
-    @customElement("connect-effect-test-class")
-    class ConnectEffectTestClass extends Component {
-        @connectEffect onConnected() {
-            methodRun += signal.get();
-            return () => {
-                methodDisposed++;
-            };
-        }
-
-        @connectEffect field: ConnectFunction = () => {
-            fieldRun += signal.get();
-            return () => {
-                fieldDisposed++;
-            };
-        };
-    }
-
-    const c = document.createElement("connect-effect-test-class") as ConnectEffectTestClass;
-    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);
-});

package/src/decorators/connect.ts

@@ -1,85 +0,0 @@
-import type { Disposifiable } from "@bodil/core/disposable";
-import { Signal } from "@bodil/signal";
-
-import type { Component } from "../component";
-
-export type ConnectFunctionReturnValue =
-    | Disposifiable
-    | Iterable<Disposifiable | undefined>
-    | undefined
-    | void;
-
-export type ConnectFunction = () => ConnectFunctionReturnValue;
-
-const connectedCache = new WeakMap<Component, Set<ConnectFunction>>();
-
-function addConnectedJob(obj: Component, job: ConnectFunction) {
-    let jobs = connectedCache.get(obj);
-    if (jobs === undefined) {
-        jobs = new Set();
-        connectedCache.set(obj, jobs);
-    }
-    jobs.add(job);
-}
-
-export function connectedJobs(obj: Component): Iterable<ConnectFunction> {
-    return connectedCache.get(obj) ?? [];
-}
-
-export function connect<C extends Component>(
-    value: ConnectFunction,
-    context: ClassMethodDecoratorContext<C, ConnectFunction>,
-): undefined;
-export function connect<C extends Component>(
-    value: undefined,
-    context: ClassFieldDecoratorContext<C, ConnectFunction>,
-): (value: ConnectFunction) => ConnectFunction;
-export function connect<C extends Component>(
-    value: ConnectFunction | undefined,
-    context:
-        | ClassMethodDecoratorContext<C, ConnectFunction>
-        | ClassFieldDecoratorContext<C, ConnectFunction>,
-): ((value: ConnectFunction) => void) | undefined {
-    switch (context.kind) {
-        case "method":
-            context.addInitializer(function (this: C) {
-                addConnectedJob(this, value!.bind(this));
-            });
-            return;
-        case "field":
-            return function (this: C, value: ConnectFunction) {
-                addConnectedJob(this, value.bind(this));
-            };
-    }
-}
-
-export function connectEffect<C extends Component>(
-    value: ConnectFunction,
-    context: ClassMethodDecoratorContext<C, ConnectFunction>,
-): undefined;
-export function connectEffect<C extends Component>(
-    value: undefined,
-    context: ClassFieldDecoratorContext<C, ConnectFunction>,
-): (value: ConnectFunction) => ConnectFunction;
-export function connectEffect<C extends Component>(
-    value: ConnectFunction | undefined,
-    context:
-        | ClassMethodDecoratorContext<C, ConnectFunction>
-        | ClassFieldDecoratorContext<C, ConnectFunction>,
-): ((value: ConnectFunction) => void) | undefined {
-    switch (context.kind) {
-        case "method":
-            context.addInitializer(function (this: C) {
-                addConnectedJob(this, function (this: Component) {
-                    return Signal.effect(value!.bind(this) as any);
-                });
-            });
-            return;
-        case "field":
-            return function (this: C, value: ConnectFunction) {
-                addConnectedJob(this, function (this: Component) {
-                    return Signal.effect(value.bind(this) as any);
-                });
-            };
-    }
-}