@spearwolf/shadow-objects 0.1.0

package/src/view/RemoteWorkerEnv.js

@@ -0,0 +1,112 @@
+import { emit, onceAsync, retain } from '@spearwolf/eventize';
+import { AppliedChangeTrail, ChangeTrail, Configure, Destroy, Destroyed, ImportedModule, Loaded, MessageToView, WorkerChangeTrailTimeout, WorkerConfigureTimeout, WorkerDestroyTimeout, WorkerLoadTimeout, } from '../constants.js';
+import createWorker from '../create-worker.js';
+import { toUrlString } from '../utils/toUrlString.js';
+import { waitForMessageOfType } from '../utils/waitForMessageOfType.js';
+const removeTransferables = (changeTrail) => {
+    let transferables;
+    if (changeTrail != null && Array.isArray(changeTrail)) {
+        for (const changeItem of changeTrail) {
+            if (changeItem.transferables) {
+                if (!transferables) {
+                    transferables = changeItem.transferables;
+                }
+                else {
+                    transferables = [...transferables, ...changeItem.transferables];
+                }
+                delete changeItem.transferables;
+            }
+        }
+    }
+    return transferables;
+};
+export class RemoteWorkerEnv {
+    static { this.WorkerLoaded = 'workerLoaded'; }
+    #worker;
+    #isDestroyed = false;
+    #changeTrailSerial = 0;
+    get isDestroyed() {
+        return this.#isDestroyed;
+    }
+    get workerLoaded() {
+        return onceAsync(this, RemoteWorkerEnv.WorkerLoaded);
+    }
+    constructor() {
+        retain(this, RemoteWorkerEnv.WorkerLoaded);
+    }
+    async start() {
+        if (this.#worker) {
+            console.warn('RemoteWorkerEnv: already started');
+            return this.workerLoaded.then(() => {
+                if (this.isDestroyed) {
+                    throw 'RemoteWorkerEnv: worker was destroyed';
+                }
+                return undefined;
+            });
+        }
+        const worker = (this.#worker = createWorker());
+        try {
+            await waitForMessageOfType(worker, Loaded, WorkerLoadTimeout);
+            if (this.isDestroyed) {
+                throw 'RemoteWorkerEnv: worker was destroyed';
+            }
+            worker.addEventListener('message', this.onMessageFromWorker.bind(this));
+            queueMicrotask(() => {
+                emit(this, RemoteWorkerEnv.WorkerLoaded, this);
+            });
+        }
+        catch (error) {
+            console.error('RemoteWorkerEnv: failed to start', error);
+            this.#worker = undefined;
+            throw error;
+        }
+    }
+    onMessageFromWorker(event) {
+        if (event.data?.type === MessageToView) {
+            this.onMessageToView?.(event.data.data);
+        }
+        else {
+            console.debug('RemoteWorkerEnv: message from worker', event);
+        }
+    }
+    applyChangeTrail(changeTrail, waitForConfirmation) {
+        const transferables = removeTransferables(changeTrail);
+        const message = { type: ChangeTrail, changeTrail };
+        const serial = ++this.#changeTrailSerial;
+        if (waitForConfirmation) {
+            message.serial = serial;
+        }
+        this.#worker.postMessage(message, transferables);
+        if (waitForConfirmation) {
+            return waitForMessageOfType(this.#worker, AppliedChangeTrail, WorkerChangeTrailTimeout, (data) => {
+                if (data.error)
+                    throw data.error;
+                return data.serial === serial;
+            });
+        }
+        else {
+            return Promise.resolve();
+        }
+    }
+    importScript(url) {
+        url = toUrlString(url);
+        this.#worker.postMessage({ type: Configure, importModule: url });
+        return waitForMessageOfType(this.#worker, ImportedModule, WorkerConfigureTimeout, (data) => {
+            if (data.error)
+                throw data.error;
+            return data.url === url;
+        });
+    }
+    destroy() {
+        if (!this.#worker)
+            return;
+        const worker = this.#worker;
+        this.#worker = undefined;
+        this.#isDestroyed = true;
+        worker.postMessage({ type: Destroy });
+        waitForMessageOfType(worker, Destroyed, WorkerDestroyTimeout).finally(() => {
+            worker.terminate();
+        });
+    }
+}
+//# sourceMappingURL=RemoteWorkerEnv.js.map

package/src/view/RemoteWorkerEnv.js.map

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

package/src/view/ShadowEnv.d.ts

@@ -0,0 +1,30 @@
+import { type SignalReader } from '@spearwolf/signalize';
+import type { ChangeTrailType, NamespaceType } from '../types.js';
+import { ComponentContext } from './ComponentContext.js';
+import type { IShadowObjectEnvProxy } from './IShadowObjectEnvProxy.js';
+declare global {
+    var __shadowEnvs: Map<NamespaceType, ShadowEnv> | undefined;
+}
+export declare class ShadowEnv {
+    #private;
+    static AfterSync: string;
+    static ContextLost: string;
+    static ContextCreated: string;
+    static get(ns: NamespaceType): ShadowEnv | undefined;
+    readonly ns$: import("@spearwolf/signalize").SignalObject<NamespaceType>;
+    accessor viewReady: boolean;
+    accessor viewReady$: SignalReader<boolean>;
+    accessor proxyReady: boolean;
+    accessor proxyReady$: SignalReader<boolean>;
+    constructor();
+    get view(): ComponentContext | undefined;
+    set view(ctx: ComponentContext | null | undefined);
+    get envProxy(): IShadowObjectEnvProxy | undefined;
+    set envProxy(proxy: IShadowObjectEnvProxy | null | undefined);
+    get isReady(): boolean;
+    readonly ready: () => Promise<ShadowEnv>;
+    sync(): void;
+    syncWait(): Promise<ChangeTrailType>;
+    destroy(): void;
+}
+//# sourceMappingURL=ShadowEnv.d.ts.map

package/src/view/ShadowEnv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowEnv.d.ts","sourceRoot":"","sources":["../../../src/view/ShadowEnv.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAGnF,OAAO,KAAK,EAAC,eAAe,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAChE,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AAEtE,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,YAAY,EAAE,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,GAAG,SAAS,CAAC;CAC7D;AAED,qBAAa,SAAS;;IACpB,MAAM,CAAC,SAAS,SAAe;IAC/B,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,cAAc,SAAoB;IAEzC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS;IAYpD,QAAQ,CAAC,GAAG,6DAA6C;IAE/C,QAAQ,CAAC,SAAS,UAAS;IACrB,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAEjD,QAAQ,CAAC,UAAU,UAAS;IACtB,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;;IAwB5D,IAAI,IAAI,IAAI,gBAAgB,GAAG,SAAS,CAEvC;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,EAsBhD;IAED,IAAI,QAAQ,IAAI,qBAAqB,GAAG,SAAS,CAEhD;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,EAyB3D;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,QAAQ,CAAC,KAAK,QAAO,OAAO,CAAC,SAAS,CAAC,CAErC;IAEF,IAAI,IAAI,IAAI;IAUZ,QAAQ,IAAI,OAAO,CAAC,eAAe,CAAC;IAWpC,OAAO;CA4CR"}

package/src/view/ShadowEnv.js

@@ -0,0 +1,202 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { Priority, emit, on, onceAsync, retain, retainClear } from '@spearwolf/eventize';
+import { createEffect, createSignal } from '@spearwolf/signalize';
+import { signal, signalReader } from '@spearwolf/signalize/decorators';
+import { ComponentContext } from './ComponentContext.js';
+let ShadowEnv = (() => {
+    var _a;
+    let _viewReady_decorators;
+    let _viewReady_initializers = [];
+    let _viewReady_extraInitializers = [];
+    let _viewReady$_decorators;
+    let _viewReady$_initializers = [];
+    let _viewReady$_extraInitializers = [];
+    let _proxyReady_decorators;
+    let _proxyReady_initializers = [];
+    let _proxyReady_extraInitializers = [];
+    let _proxyReady$_decorators;
+    let _proxyReady$_initializers = [];
+    let _proxyReady$_extraInitializers = [];
+    return class ShadowEnv {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _viewReady_decorators = [signal()];
+            _viewReady$_decorators = [signalReader()];
+            _proxyReady_decorators = [signal()];
+            _proxyReady$_decorators = [signalReader()];
+            __esDecorate(this, null, _viewReady_decorators, { kind: "accessor", name: "viewReady", static: false, private: false, access: { has: obj => "viewReady" in obj, get: obj => obj.viewReady, set: (obj, value) => { obj.viewReady = value; } }, metadata: _metadata }, _viewReady_initializers, _viewReady_extraInitializers);
+            __esDecorate(this, null, _viewReady$_decorators, { kind: "accessor", name: "viewReady$", static: false, private: false, access: { has: obj => "viewReady$" in obj, get: obj => obj.viewReady$, set: (obj, value) => { obj.viewReady$ = value; } }, metadata: _metadata }, _viewReady$_initializers, _viewReady$_extraInitializers);
+            __esDecorate(this, null, _proxyReady_decorators, { kind: "accessor", name: "proxyReady", static: false, private: false, access: { has: obj => "proxyReady" in obj, get: obj => obj.proxyReady, set: (obj, value) => { obj.proxyReady = value; } }, metadata: _metadata }, _proxyReady_initializers, _proxyReady_extraInitializers);
+            __esDecorate(this, null, _proxyReady$_decorators, { kind: "accessor", name: "proxyReady$", static: false, private: false, access: { has: obj => "proxyReady$" in obj, get: obj => obj.proxyReady$, set: (obj, value) => { obj.proxyReady$ = value; } }, metadata: _metadata }, _proxyReady$_initializers, _proxyReady$_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static { this.AfterSync = 'afterSync'; }
+        static { this.ContextLost = 'contextLost'; }
+        static { this.ContextCreated = 'contextCreated'; }
+        static get(ns) {
+            if (ns == null)
+                return undefined;
+            return globalThis.__shadowEnvs?.get(ns);
+        }
+        #comCtx;
+        #shaObjEnvProxy;
+        #syncScheduled;
+        #syncAfterContextCreated;
+        #syncWaitForConfirmation;
+        #afterNextSync;
+        #viewReady_accessor_storage;
+        get viewReady() { return this.#viewReady_accessor_storage; }
+        set viewReady(value) { this.#viewReady_accessor_storage = value; }
+        #viewReady$_accessor_storage;
+        get viewReady$() { return this.#viewReady$_accessor_storage; }
+        set viewReady$(value) { this.#viewReady$_accessor_storage = value; }
+        #proxyReady_accessor_storage;
+        get proxyReady() { return this.#proxyReady_accessor_storage; }
+        set proxyReady(value) { this.#proxyReady_accessor_storage = value; }
+        #proxyReady$_accessor_storage;
+        get proxyReady$() { return this.#proxyReady$_accessor_storage; }
+        set proxyReady$(value) { this.#proxyReady$_accessor_storage = value; }
+        constructor() {
+            this.#syncScheduled = false;
+            this.#syncAfterContextCreated = false;
+            this.#syncWaitForConfirmation = false;
+            this.ns$ = createSignal();
+            this.#viewReady_accessor_storage = __runInitializers(this, _viewReady_initializers, false);
+            this.#viewReady$_accessor_storage = (__runInitializers(this, _viewReady_extraInitializers), __runInitializers(this, _viewReady$_initializers, void 0));
+            this.#proxyReady_accessor_storage = (__runInitializers(this, _viewReady$_extraInitializers), __runInitializers(this, _proxyReady_initializers, false));
+            this.#proxyReady$_accessor_storage = (__runInitializers(this, _proxyReady_extraInitializers), __runInitializers(this, _proxyReady$_initializers, void 0));
+            this.ready = (__runInitializers(this, _proxyReady$_extraInitializers), () => {
+                return this.isReady ? Promise.resolve(this) : onceAsync(this, ShadowEnv.ContextCreated);
+            });
+            this.#syncIfScheduled = () => {
+                if (this.#syncScheduled) {
+                    this.#syncNow();
+                }
+            };
+            retain(this, ShadowEnv.ContextCreated);
+            on(this, ShadowEnv.ContextLost, Priority.AAA, () => {
+                retainClear(this, ShadowEnv.ContextCreated);
+            });
+            createEffect(() => {
+                if (this.viewReady && this.proxyReady) {
+                    this.view.reCreateChanges();
+                    emit(this, ShadowEnv.ContextCreated, this);
+                    if (this.#syncAfterContextCreated) {
+                        this.#syncAfterContextCreated = false;
+                        this.#syncNow();
+                    }
+                    return () => {
+                        emit(this, ShadowEnv.ContextLost, this);
+                    };
+                }
+            }, [this.viewReady$, this.proxyReady$]);
+        }
+        get view() {
+            return this.#comCtx;
+        }
+        set view(ctx) {
+            if (ctx !== this.#comCtx) {
+                if (this.#comCtx && this.#comCtx.ns && globalThis.__shadowEnvs) {
+                    globalThis.__shadowEnvs.delete(this.#comCtx.ns);
+                }
+                this.#comCtx = ctx ?? undefined;
+                if (this.#comCtx && this.#comCtx.ns) {
+                    globalThis.__shadowEnvs ??= new Map();
+                    if (globalThis.__shadowEnvs.has(this.#comCtx.ns) && globalThis.__shadowEnvs.get(this.#comCtx.ns) !== this) {
+                        console.warn('ShadowEnv: overwrite a namespace already in use', this.#comCtx.ns, globalThis.__shadowEnvs.get(this.#comCtx.ns));
+                    }
+                    globalThis.__shadowEnvs.set(this.#comCtx.ns, this);
+                }
+                this.viewReady = Boolean(ctx);
+            }
+        }
+        get envProxy() {
+            return this.#shaObjEnvProxy;
+        }
+        set envProxy(proxy) {
+            if (proxy !== this.#shaObjEnvProxy) {
+                const prevProxy = this.#shaObjEnvProxy;
+                this.#shaObjEnvProxy = proxy ?? undefined;
+                if (this.#shaObjEnvProxy) {
+                    this.#shaObjEnvProxy.onMessageToView = this.#onMessageToView.bind(this);
+                }
+                if (prevProxy) {
+                    prevProxy.destroy();
+                }
+                this.proxyReady = false;
+                proxy
+                    ?.start()
+                    .then(() => {
+                    this.proxyReady = true;
+                })
+                    .catch((error) => {
+                    console.error('ShadowEnv: failed to start envProxy', error);
+                    this.proxyReady = false;
+                });
+            }
+        }
+        get isReady() {
+            return Boolean(this.#comCtx && this.#shaObjEnvProxy && this.proxyReady);
+        }
+        sync() {
+            if (!this.isReady) {
+                this.#syncAfterContextCreated = true;
+                return;
+            }
+            if (this.#syncScheduled)
+                return;
+            this.#syncScheduled = true;
+            queueMicrotask(this.#syncIfScheduled);
+        }
+        syncWait() {
+            this.#syncWaitForConfirmation = true;
+            this.sync();
+            if (this.#afterNextSync)
+                return this.#afterNextSync;
+            this.#afterNextSync = onceAsync(this, ShadowEnv.AfterSync).then((changeTrail) => {
+                this.#afterNextSync = undefined;
+                return changeTrail;
+            });
+            return this.#afterNextSync;
+        }
+        destroy() {
+            const ns = this.#comCtx?.ns;
+            this.envProxy?.destroy();
+            this.envProxy = undefined;
+            this.view = undefined;
+            if (ns) {
+                if (globalThis.__shadowEnvs.has(ns)) {
+                    if (globalThis.__shadowEnvs.get(ns) === this) {
+                        globalThis.__shadowEnvs.delete(ns);
+                    }
+                }
+            }
+        }
+        #syncIfScheduled;
+        async #syncNow() {
+            this.#syncScheduled = false;
+            if (this.isReady) {
+                const data = this.view.buildChangeTrails();
+                if (data.length > 0) {
+                    try {
+                        const waitForConfirmation = this.#syncWaitForConfirmation;
+                        this.#syncWaitForConfirmation = false;
+                        await this.envProxy.applyChangeTrail(data, waitForConfirmation);
+                    }
+                    catch (error) {
+                        console.error('ShadowEnv: failed to apply change trail', error);
+                    }
+                    finally {
+                        emit(this, ShadowEnv.AfterSync, data);
+                    }
+                }
+            }
+        }
+        #onMessageToView(event) {
+            console.debug('ShadowEnv: onMessageToView', event.type, event.data);
+            this.view?.dispatchMessage(event.uuid, event.type, event.data, event.traverseChildren);
+        }
+    };
+})();
+export { ShadowEnv };
+//# sourceMappingURL=ShadowEnv.js.map

package/src/view/ShadowEnv.js.map

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

package/src/view/ViewComponent.d.ts

@@ -0,0 +1,33 @@
+import { ComponentContext } from './ComponentContext.js';
+export declare class ViewComponent {
+    #private;
+    get uuid(): string;
+    get token(): string | undefined;
+    set token(token: string | undefined);
+    get parent(): ViewComponent | undefined;
+    set parent(parent: ViewComponent | null | undefined);
+    get context(): ComponentContext | undefined;
+    set context(context: ComponentContext | null | undefined);
+    /**
+     * The order property sets the order to lay out a component in a children array of the parent component.
+     *
+     * Items in a children array are sorted by ascending order value and then by their insertion order.
+     */
+    get order(): number;
+    set order(order: number | null | undefined);
+    constructor(token: string, options?: {
+        parent?: ViewComponent;
+        order?: number;
+        context?: ComponentContext;
+        uuid?: string;
+    });
+    isChildOf(entity: ViewComponent): boolean;
+    removeFromParent(): void;
+    addChild(child: ViewComponent): void;
+    setProperty<T = unknown>(name: string, value: T, isEqual?: (a: T, b: T) => boolean): void;
+    removeProperty(name: string): void;
+    dispatchShadowObjectsEvent(type: string, data: unknown, transferables?: Transferable[]): void;
+    dispatchEvent(type: string, data: unknown, traverseChildren: boolean): void;
+    destroy(): void;
+}
+//# sourceMappingURL=ViewComponent.d.ts.map

package/src/view/ViewComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewComponent.d.ts","sourceRoot":"","sources":["../../../src/view/ViewComponent.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AASvD,qBAAa,aAAa;;IAUxB,IAAI,IAAI,WAEP;IAED,IAAI,KAAK,IAIQ,MAAM,GAAG,SAAS,CAFlC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAKlC;IAED,IAAI,MAAM,IAAI,aAAa,GAAG,SAAS,CAEtC;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,EASlD;IAED,IAAI,OAAO,IAAI,gBAAgB,GAAG,SAAS,CAE1C;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,EAUvD;IAED;;;;OAIG;IACH,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAMzC;gBAEW,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAC,MAAM,CAAC,EAAE,aAAa,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC;IAsBxH,SAAS,CAAC,MAAM,EAAE,aAAa;IAI/B,gBAAgB;IAOhB,QAAQ,CAAC,KAAK,EAAE,aAAa;IAW7B,WAAW,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO;IAIlF,cAAc,CAAC,IAAI,EAAE,MAAM;IAI3B,0BAA0B,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,YAAY,EAAE;IAItF,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO;IAUpE,OAAO;CAKR"}

package/src/view/ViewComponent.js

@@ -0,0 +1,130 @@
+import { emit, eventize } from '@spearwolf/eventize';
+import { VoidToken } from '../constants.js';
+import { generateUUID } from '../utils/generateUUID.js';
+import { ComponentContext } from './ComponentContext.js';
+class ViewComponentError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'ViewComponentError';
+    }
+}
+export class ViewComponent {
+    #uuid;
+    #token;
+    #context;
+    #parent;
+    #order = 0;
+    get uuid() {
+        return this.#uuid;
+    }
+    get token() {
+        return this.#token;
+    }
+    set token(token) {
+        token ??= VoidToken;
+        if (token === this.#token)
+            return;
+        this.#token = token;
+        this.#context?.changeToken(this, token);
+    }
+    get parent() {
+        return this.#parent;
+    }
+    set parent(parent) {
+        if (parent) {
+            if (parent.#context !== this.#context) {
+                throw new ViewComponentError('cannot set parent from different context');
+            }
+            parent.addChild(this);
+        }
+        else {
+            this.removeFromParent();
+        }
+    }
+    get context() {
+        return this.#context;
+    }
+    set context(context) {
+        if (this.#context != context) {
+            if (this.#context) {
+                this.destroy();
+            }
+            this.#context = context;
+            if (context) {
+                context.addComponent(this);
+            }
+        }
+    }
+    /**
+     * The order property sets the order to lay out a component in a children array of the parent component.
+     *
+     * Items in a children array are sorted by ascending order value and then by their insertion order.
+     */
+    get order() {
+        return this.#order;
+    }
+    set order(order) {
+        const prevOrder = this.#order;
+        this.#order = order ?? 0;
+        if (prevOrder !== this.#order) {
+            this.#context.changeOrder(this);
+        }
+    }
+    constructor(token, options) {
+        eventize(this);
+        if (options instanceof ViewComponent) {
+            options = { parent: options };
+        }
+        this.#uuid = options?.uuid ?? generateUUID();
+        this.#token = token;
+        this.#order = options?.order ?? 0;
+        this.#parent = options?.parent;
+        const ctx = options?.context ?? ComponentContext.get();
+        if (this.#parent && this.#parent.#context !== ctx) {
+            throw new ViewComponentError('cannot set parent from different context');
+        }
+        this.context = ctx;
+    }
+    isChildOf(entity) {
+        return this.#parent === entity;
+    }
+    removeFromParent() {
+        if (this.#parent) {
+            this.#context?.removeFromParent(this.uuid, this.#parent);
+            this.#parent = undefined;
+        }
+    }
+    addChild(child) {
+        if (child.#context !== this.#context) {
+            throw new ViewComponentError('cannot add a child from another context');
+        }
+        if (!child.isChildOf(this)) {
+            child.removeFromParent();
+            child.#parent = this;
+            this.#context.addToChildren(this, child);
+        }
+    }
+    setProperty(name, value, isEqual) {
+        this.#context.setProperty(this, name, value, isEqual);
+    }
+    removeProperty(name) {
+        this.#context.removeProperty(this, name);
+    }
+    dispatchShadowObjectsEvent(type, data, transferables) {
+        this.#context.dispatchShadowObjectsEvent(this, type, data, transferables);
+    }
+    dispatchEvent(type, data, traverseChildren) {
+        emit(this, type, data);
+        if (traverseChildren) {
+            for (const child of this.#context.getChildren(this)) {
+                child.dispatchEvent(type, data, traverseChildren);
+            }
+        }
+    }
+    destroy() {
+        this.removeFromParent();
+        this.#context?.destroyComponent(this);
+        this.#context = undefined;
+    }
+}
+//# sourceMappingURL=ViewComponent.js.map

package/src/view/ViewComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewComponent.js","sourceRoot":"","sources":["../../../src/view/ViewComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAEvD,MAAM,kBAAmB,SAAQ,KAAK;IACpC,YAAY,OAAe;QACzB,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,oBAAoB,CAAC;IACnC,CAAC;CACF;AAED,MAAM,OAAO,aAAa;IACf,KAAK,CAAS;IAEvB,MAAM,CAAS;IAEf,QAAQ,CAAoB;IAE5B,OAAO,CAAiB;IACxB,MAAM,GAAG,CAAC,CAAC;IAEX,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAyB;QACjC,KAAK,KAAK,SAAS,CAAC;QACpB,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QAClC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAI,MAAM,CAAC,MAAwC;QACjD,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACtC,MAAM,IAAI,kBAAkB,CAAC,0CAA0C,CAAC,CAAC;YAC3E,CAAC;YACD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,IAAI,OAAO,CAAC,OAA4C;QACtD,IAAI,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE,CAAC;YAC7B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,CAAC;YACD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;YACxB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAgC;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC;QAC9B,IAAI,CAAC,MAAM,GAAG,KAAK,IAAI,CAAC,CAAC;QACzB,IAAI,SAAS,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YAC9B,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,YAAY,KAAa,EAAE,OAA6F;QACtH,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,OAAO,YAAY,aAAa,EAAE,CAAC;YACrC,OAAO,GAAG,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,CAAC;QAE7C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,EAAE,MAAM,CAAC;QAE/B,MAAM,GAAG,GAAG,OAAO,EAAE,OAAO,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC;QAEvD,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,KAAK,GAAG,EAAE,CAAC;YAClD,MAAM,IAAI,kBAAkB,CAAC,0CAA0C,CAAC,CAAC;QAC3E,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;IACrB,CAAC;IAED,SAAS,CAAC,MAAqB;QAC7B,OAAO,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC;IACjC,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACzD,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,KAAoB;QAC3B,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrC,MAAM,IAAI,kBAAkB,CAAC,yCAAyC,CAAC,CAAC;QAC1E,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3B,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACzB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,WAAW,CAAc,IAAY,EAAE,KAAQ,EAAE,OAAiC;QAChF,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,cAAc,CAAC,IAAY;QACzB,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,0BAA0B,CAAC,IAAY,EAAE,IAAa,EAAE,aAA8B;QACpF,IAAI,CAAC,QAAQ,CAAC,0BAA0B,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;IAC5E,CAAC;IAED,aAAa,CAAC,IAAY,EAAE,IAAa,EAAE,gBAAyB;QAClE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAEvB,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAS,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;gBACrD,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;CACF"}

package/src/view/cloneChangeTrail.d.ts

@@ -0,0 +1,3 @@
+import type { ChangeTrailType } from '../types.js';
+export declare function cloneChangeTrail(trails: ChangeTrailType): ChangeTrailType;
+//# sourceMappingURL=cloneChangeTrail.d.ts.map

package/src/view/cloneChangeTrail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneChangeTrail.d.ts","sourceRoot":"","sources":["../../../src/view/cloneChangeTrail.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAEjD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,eAAe,GAAG,eAAe,CASzE"}

package/src/view/cloneChangeTrail.js

@@ -0,0 +1,12 @@
+export function cloneChangeTrail(trails) {
+    return trails.map((trail) => {
+        if (trail.transferables && trail.transferables.length > 0) {
+            const { transferables, ...data } = trail;
+            return structuredClone(data, { transfer: transferables });
+        }
+        else {
+            return structuredClone(trail);
+        }
+    });
+}
+//# sourceMappingURL=cloneChangeTrail.js.map

package/src/view/cloneChangeTrail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneChangeTrail.js","sourceRoot":"","sources":["../../../src/view/cloneChangeTrail.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,MAAuB;IACtD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC1B,IAAI,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1D,MAAM,EAAC,aAAa,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;YACvC,OAAO,eAAe,CAAC,IAAI,EAAE,EAAC,QAAQ,EAAE,aAAoB,EAAC,CAAC,CAAC;QACjE,CAAC;aAAM,CAAC;YACN,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/src/worker/MessageRouter.d.ts

@@ -0,0 +1,14 @@
+import { Kernel, type MessageToViewEvent } from '../entities/Kernel.js';
+export interface MessageRouterOptions {
+    kernel?: Kernel;
+    postMessage?: typeof self.postMessage;
+}
+export declare class MessageRouter {
+    #private;
+    kernel: Kernel;
+    postMessage: typeof self.postMessage;
+    constructor(options?: MessageRouterOptions);
+    route(event: MessageEvent): void;
+    onMessageToView(event: MessageToViewEvent): void;
+}
+//# sourceMappingURL=MessageRouter.d.ts.map

package/src/worker/MessageRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageRouter.d.ts","sourceRoot":"","sources":["../../../src/worker/MessageRouter.ts"],"names":[],"mappings":"AAWA,OAAO,EAAC,MAAM,EAAE,KAAK,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAStE,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,IAAI,CAAC,WAAW,CAAC;CACvC;AAED,qBAAa,aAAa;;IAGxB,MAAM,EAAE,MAAM,CAAC;IAEf,WAAW,EAAE,OAAO,IAAI,CAAC,WAAW,CAAC;gBAEzB,OAAO,CAAC,EAAE,oBAAoB;IAQ1C,KAAK,CAAC,KAAK,EAAE,YAAY;IAmBzB,eAAe,CAAC,KAAK,EAAE,kBAAkB;CA6C1C"}