@spearwolf/shadow-objects 0.1.0

package/src/elements/ShaePropElement.js

@@ -0,0 +1,321 @@
+import { batch, connect, createEffect, createSignal } from '@spearwolf/signalize';
+import { readBooleanAttribute } from '../utils/attr-utils.js';
+import { TRUTHY_VALUES } from '../utils/constants.js';
+import { ATTR_NAME, ATTR_NO_TRIM, ATTR_TYPE, ATTR_VALUE } from './constants.js';
+const findEntNode = (start) => {
+    let el = start.parentElement;
+    while (el) {
+        if (el.isShaeEntElement) {
+            return el;
+        }
+        el = el.parentElement;
+    }
+    return undefined;
+};
+const TYPES = new Set([
+    'string',
+    'text',
+    'number',
+    'bigint',
+    'float',
+    'int',
+    'integer',
+    'hex',
+    'hexadecimal',
+    'oct',
+    'octal',
+    'bin',
+    'binary',
+    'bool',
+    'boolean',
+    '[]',
+    'text[]',
+    'string[]',
+    'number[]',
+    'float[]',
+    'int[]',
+    'integer[]',
+    'hex[]',
+    'hexadecimal[]',
+    'oct[]',
+    'octal[]',
+    'bin[]',
+    'binary[]',
+    'bool[]',
+    'boolean[]',
+    'int8array',
+    'uint8array',
+    'uint8clampedarray',
+    'int16array',
+    'uint16array',
+    'int32array',
+    'uint32array',
+    'float32array',
+    'float64array',
+    'bigint64array',
+    'biguint64array',
+    'json',
+]);
+export class ShaePropElement extends HTMLElement {
+    static { this.observedAttributes = [ATTR_NAME, ATTR_VALUE, ATTR_TYPE, ATTR_NO_TRIM]; }
+    get name() {
+        return this.name$.value;
+    }
+    get value() {
+        return this.valueOut$.value;
+    }
+    set value(val) {
+        this.valueIn$.set(val);
+    }
+    get shouldTrim() {
+        return this.shouldTrim$.value;
+    }
+    get entNode() {
+        return this.entNode$.value;
+    }
+    set entNode(el) {
+        this.entNode$.set(el);
+    }
+    get viewComponent() {
+        return this.viewComponent$.value;
+    }
+    constructor() {
+        super();
+        this.isShaeEntElement = true;
+        this.entNode$ = createSignal();
+        this.viewComponent$ = createSignal();
+        this.name$ = createSignal();
+        this.valueIn$ = createSignal();
+        this.valueOut$ = createSignal();
+        this.type$ = createSignal();
+        this.shouldTrim$ = createSignal(true);
+        this.#findEntNode = () => {
+            this.entNode$.set(findEntNode(this));
+        };
+        this.#disconnectFromEntNode = () => {
+            queueMicrotask(() => {
+                if (!this.isConnected) {
+                    this.entNode$.set(undefined);
+                }
+            });
+        };
+        this.#readNameAttribute = () => {
+            this.name$.set(this.getAttribute(ATTR_NAME)?.trim() ?? undefined);
+        };
+        this.#readValueAttribute = () => {
+            this.valueIn$.set(this.getAttribute(ATTR_VALUE));
+        };
+        this.#readTypeAttribute = () => {
+            let type = this.getAttribute(ATTR_TYPE)?.trim().toLowerCase();
+            if (type && !TYPES.has(type)) {
+                console.warn(`[shae-prop:"${this.name}"] unknown type "${type}"`, {
+                    shaeProp: this,
+                });
+                type = undefined;
+            }
+            this.type$.set(type);
+        };
+        this.#readNoTrimAttribute = () => {
+            this.shouldTrim$.set(!readBooleanAttribute(this, ATTR_NO_TRIM));
+        };
+        this.entNode$.onChange((entNode) => {
+            if (entNode) {
+                const con = connect(entNode.viewComponent$, this.viewComponent$);
+                return () => {
+                    con.destroy();
+                };
+            }
+            else {
+                this.viewComponent$.set(undefined);
+            }
+        });
+        // this.viewComponent$.onChange((vc) => {
+        //   if (vc) {
+        //     console.log(`[shae-prop:"${this.name}"] view-component changed to`, vc?.uuid, {
+        //       viewComponent: vc,
+        //       shaeProp: this,
+        //     });
+        //   } else {
+        //     console.log(`[shae-prop:"${this.name}"] lost connection to view-component :/`, {
+        //       shaeProp: this,
+        //     });
+        //   }
+        // });
+        createEffect(() => {
+            const vc = this.viewComponent$.get();
+            if (vc) {
+                const name = this.name$.get();
+                if (name) {
+                    const value = this.valueOut$.get();
+                    // console.log(`[shae-prop:"${this.name}"] view-component set-property`, name, value, vc.uuid, {
+                    //   viewComponent: vc,
+                    //   shaeProp: this,
+                    // });
+                    vc.setProperty(name, value);
+                    if (this.isConnected) {
+                        this.entNode?.syncShadowObjects();
+                    }
+                }
+            }
+        });
+        createEffect(() => {
+            const type = this.type$.get();
+            const shouldTrim = this.shouldTrim$.get();
+            let value = this.valueIn$.get();
+            if (shouldTrim && typeof value === 'string') {
+                value = value.trim();
+            }
+            value = value || undefined;
+            if (value != null && typeof value === 'string' && type) {
+                switch (type) {
+                    case 'string':
+                    case 'text':
+                        break;
+                    case 'number':
+                        value = Number(value);
+                        break;
+                    case 'bigint':
+                        value = BigInt(value);
+                        break;
+                    case 'float':
+                        value = parseFloat(value);
+                        break;
+                    case 'int':
+                    case 'integer':
+                        value = parseInt(value, 10);
+                        break;
+                    case 'hex':
+                    case 'hexadecimal':
+                        value = parseInt(value, 16);
+                        break;
+                    case 'oct':
+                    case 'octal':
+                        value = parseInt(value, 8);
+                        break;
+                    case 'bin':
+                    case 'binary':
+                        value = parseInt(value, 2);
+                        break;
+                    case 'bool':
+                    case 'boolean':
+                        value = TRUTHY_VALUES.has(value.toLowerCase());
+                        break;
+                    case '[]':
+                    case 'text[]':
+                    case 'string[]':
+                        value = value.split(/\W+/);
+                        break;
+                    case 'number[]':
+                        value = value.split(/\W+/).map((v) => Number(v));
+                        break;
+                    case 'float[]':
+                        value = value.split(/\W+/).map((v) => parseFloat(v));
+                        break;
+                    case 'int[]':
+                    case 'integer[]':
+                        value = value.split(/\W+/).map((v) => parseInt(v));
+                        break;
+                    case 'hex[]':
+                    case 'hexadecimal[]':
+                        value = value.split(/\W+/).map((v) => parseInt(v, 16));
+                        break;
+                    case 'oct[]':
+                    case 'octal[]':
+                        value = value.split(/\W+/).map((v) => parseInt(v, 8));
+                        break;
+                    case 'bin[]':
+                    case 'binary[]':
+                        value = value.split(/\W+/).map((v) => parseInt(v, 2));
+                        break;
+                    case 'bool[]':
+                    case 'boolean[]':
+                        value = value.split(/\W+/).map((v) => TRUTHY_VALUES.has(v.toLowerCase()));
+                        break;
+                    case 'int8array':
+                        value = new Int8Array(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'uint8array':
+                        value = new Uint8Array(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'uint8clampedarray':
+                        value = new Uint8ClampedArray(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'int16array':
+                        value = new Int16Array(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'uint16array':
+                        value = new Uint16Array(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'int32array':
+                        value = new Int32Array(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'uint32array':
+                        value = new Uint32Array(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'float32array':
+                        value = new Float32Array(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'float64array':
+                        value = new Float64Array(value.split(/\W+/).map((v) => Number(v)));
+                        break;
+                    case 'bigint64array':
+                        value = new BigInt64Array(value.split(/\W+/).map((v) => BigInt(v)));
+                        break;
+                    case 'biguint64array':
+                        value = new BigUint64Array(value.split(/\W+/).map((v) => BigInt(v)));
+                        break;
+                    case 'json':
+                        value = JSON.parse(value);
+                        break;
+                    default:
+                        console.warn(`[shae-prop:"${this.name}"] unknown type "${type}"`, {
+                            value,
+                            shaeProp: this,
+                        });
+                }
+            }
+            this.valueOut$.set(value);
+        });
+        batch(() => {
+            this.#readNameAttribute();
+            this.#readValueAttribute();
+            this.#readTypeAttribute();
+            this.#readNoTrimAttribute();
+        });
+    }
+    connectedCallback() {
+        batch(() => {
+            this.#findEntNode();
+            this.#readNameAttribute();
+            this.#readValueAttribute();
+            this.#readTypeAttribute();
+            this.#readNoTrimAttribute();
+        });
+    }
+    attributeChangedCallback(name) {
+        switch (name) {
+            case ATTR_NAME:
+                this.#readNameAttribute();
+                break;
+            case ATTR_VALUE:
+                this.#readValueAttribute();
+                break;
+            case ATTR_TYPE:
+                this.#readTypeAttribute();
+                break;
+            case ATTR_NO_TRIM:
+                this.#readNoTrimAttribute();
+                break;
+        }
+    }
+    disconnectedCallback() {
+        this.#disconnectFromEntNode();
+    }
+    #findEntNode;
+    #disconnectFromEntNode;
+    #readNameAttribute;
+    #readValueAttribute;
+    #readTypeAttribute;
+    #readNoTrimAttribute;
+}
+//# sourceMappingURL=ShaePropElement.js.map

package/src/elements/ShaePropElement.js.map

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

package/src/elements/ShaeWorkerElement.d.ts

@@ -0,0 +1,25 @@
+import { FrameLoop } from '../utils/FrameLoop.js';
+import { ShadowEnv } from '../view/ShadowEnv.js';
+import { ShaeElement } from './ShaeElement.js';
+export declare class ShaeWorkerElement extends ShaeElement {
+    #private;
+    static observedAttributes: string[];
+    static DefaultAutoSync: string;
+    readonly isShaeWorkerElement = true;
+    readonly shadowEnv: ShadowEnv;
+    autostart: boolean;
+    isConnected$: import("@spearwolf/signalize").SignalObject<boolean>;
+    autoSync$: import("@spearwolf/signalize").SignalObject<string>;
+    constructor();
+    get shouldAutostart(): boolean;
+    get autoSync(): any;
+    set autoSync(val: any);
+    get frameLoop(): FrameLoop;
+    importScript(src: URL | string): Promise<ShaeWorkerElement>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    start(): Promise<ShadowEnv>;
+    destroy(): void;
+}
+//# sourceMappingURL=ShaeWorkerElement.d.ts.map

package/src/elements/ShaeWorkerElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShaeWorkerElement.d.ts","sourceRoot":"","sources":["../../../src/elements/ShaeWorkerElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAIhD,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAE7C,qBAAa,iBAAkB,SAAQ,WAAW;;IAChD,OAAgB,kBAAkB,WAAuF;IAEzH,MAAM,CAAC,eAAe,SAAW;IAEjC,QAAQ,CAAC,mBAAmB,QAAQ;IAEpC,QAAQ,CAAC,SAAS,YAAmB;IAErC,SAAS,UAAQ;IAEjB,YAAY,uDAAuB;IACnC,SAAS,sDAAmD;;IAkD5D,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,IAAI,QAAQ,IAIM,GAAG,CAFpB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,GAAG,EAKpB;IAED,IAAI,SAAS,IAAI,SAAS,CAKzB;IASK,YAAY,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAUxD,iBAAiB;IAe1B,oBAAoB;IAMX,wBAAwB,CAAC,IAAI,EAAE,MAAM;IAwB9C,KAAK,IAAI,OAAO,CAAC,SAAS,CAAC;IAmB3B,OAAO;CAsER"}

package/src/elements/ShaeWorkerElement.js

@@ -0,0 +1,208 @@
+var _a;
+import { on } from '@spearwolf/eventize';
+import { batch, createEffect, createSignal } from '@spearwolf/signalize';
+import { readBooleanAttribute } from '../utils/attr-utils.js';
+import { FrameLoop } from '../utils/FrameLoop.js';
+import { ComponentContext } from '../view/ComponentContext.js';
+import { LocalShadowObjectEnv } from '../view/LocalShadowObjectEnv.js';
+import { RemoteWorkerEnv } from '../view/RemoteWorkerEnv.js';
+import { ShadowEnv } from '../view/ShadowEnv.js';
+import { ATTR_AUTO_SYNC, ATTR_LOCAL, ATTR_NO_AUTOSTART, ATTR_NO_STRUCTURED_CLONE, ATTR_SRC } from './constants.js';
+import { ShaeElement } from './ShaeElement.js';
+export class ShaeWorkerElement extends ShaeElement {
+    static { this.observedAttributes = [...ShaeElement.observedAttributes, ATTR_LOCAL, ATTR_SRC, ATTR_NO_STRUCTURED_CLONE]; }
+    static { this.DefaultAutoSync = 'frame'; }
+    #shouldDestroy;
+    #started;
+    #frameLoop;
+    #unsubscribeAutoSync;
+    constructor() {
+        super();
+        this.isShaeWorkerElement = true;
+        this.shadowEnv = new ShadowEnv();
+        this.autostart = true;
+        this.isConnected$ = createSignal(false);
+        this.autoSync$ = createSignal(_a.DefaultAutoSync);
+        this.#shouldDestroy = false;
+        this.#started = false;
+        this.ns$.onChange((ns) => {
+            this.shadowEnv.view = ComponentContext.get(ns);
+        });
+        on(this.shadowEnv, ShadowEnv.ContextCreated, () => {
+            this.dispatchEvent(new CustomEvent(ShadowEnv.ContextCreated.toLowerCase(), {
+                bubbles: false,
+                detail: { shadowEnv: this.shadowEnv },
+            }));
+        });
+        on(this.shadowEnv, ShadowEnv.ContextLost, () => {
+            this.dispatchEvent(new CustomEvent(ShadowEnv.ContextLost.toLowerCase(), {
+                bubbles: false,
+                detail: { shadowEnv: this.shadowEnv },
+            }));
+        });
+        this.autoSync$.onChange((sVal) => {
+            const hasAttr = this.hasAttribute(ATTR_AUTO_SYNC);
+            const attrVal = hasAttr ? this.getAttribute(ATTR_AUTO_SYNC) : undefined;
+            if (sVal === _a.DefaultAutoSync) {
+                if (hasAttr && attrVal !== sVal) {
+                    this.setAttribute(ATTR_AUTO_SYNC, sVal);
+                }
+            }
+            else if (attrVal !== sVal) {
+                this.setAttribute(ATTR_AUTO_SYNC, sVal);
+            }
+        });
+        // XXX we don't expose ShadowEnv.AfterSync here, because the frequency of this event is too high
+        this.#createAutoSyncEffect();
+    }
+    get shouldAutostart() {
+        return this.autostart && !readBooleanAttribute(this, ATTR_NO_AUTOSTART);
+    }
+    get autoSync() {
+        return this.autoSync$.value;
+    }
+    set autoSync(val) {
+        if (typeof val !== 'string') {
+            val = val ? _a.DefaultAutoSync : 'no';
+        }
+        this.autoSync$.set(`${val}`.trim().toLowerCase());
+    }
+    get frameLoop() {
+        if (this.#frameLoop == null) {
+            this.#frameLoop = new FrameLoop();
+        }
+        return this.#frameLoop;
+    }
+    /**
+     * The frameLoop (if activated) calls this method on every frame
+     */
+    [FrameLoop.OnFrame]() {
+        this.syncShadowObjects();
+    }
+    async importScript(src) {
+        if (!src) {
+            throw new Error('src is blank');
+        }
+        const shadowEnv = await this.shadowEnv.ready();
+        console.log('shadowEnv', shadowEnv);
+        await shadowEnv.envProxy.importScript(src);
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        batch(() => {
+            if (this.hasAttribute(ATTR_AUTO_SYNC)) {
+                this.autoSync$.set(this.getAttribute(ATTR_AUTO_SYNC));
+            }
+            this.isConnected$.set(true);
+        });
+        if (this.shouldAutostart) {
+            this.start();
+        }
+    }
+    disconnectedCallback() {
+        this.isConnected$.set(false);
+        this.#deferDestroy();
+    }
+    attributeChangedCallback(name) {
+        super.attributeChangedCallback(name);
+        if (name === ATTR_LOCAL) {
+            if (this.shadowEnv.envProxy != null) {
+                throw new Error('[ShaeWorkerElement] Changing the "local" attribute after the shadowEnv has been created is not supported.');
+            }
+        }
+        if (name === ATTR_NO_STRUCTURED_CLONE) {
+            this.#updateNoStructuredClone();
+        }
+        if (name === ATTR_AUTO_SYNC) {
+            this.autoSync = this.hasAttribute(ATTR_AUTO_SYNC) ? this.getAttribute(ATTR_AUTO_SYNC) : true;
+        }
+        if (name === ATTR_SRC) {
+            this.importScript(this.getAttribute(ATTR_SRC));
+        }
+    }
+    start() {
+        if (!this.#started) {
+            this.#shouldDestroy = false;
+            if (this.shadowEnv.view == null) {
+                this.shadowEnv.view = ComponentContext.get(this.ns);
+            }
+            if (this.shadowEnv.envProxy == null) {
+                const envProxy = readBooleanAttribute(this, ATTR_LOCAL) ? new LocalShadowObjectEnv() : new RemoteWorkerEnv();
+                this.shadowEnv.envProxy = envProxy;
+                this.#updateNoStructuredClone();
+            }
+            this.#started = true;
+        }
+        return this.shadowEnv.ready();
+    }
+    destroy() {
+        this.shadowEnv.envProxy = undefined;
+        this.#unsubscribeAutoSync?.();
+        this.#unsubscribeAutoSync = undefined;
+    }
+    // TODO(test) add tests for defer destroy
+    #deferDestroy() {
+        if (!this.#shouldDestroy) {
+            this.#shouldDestroy = true;
+            queueMicrotask(() => {
+                if (this.#shouldDestroy) {
+                    this.destroy();
+                }
+            });
+        }
+    }
+    #createAutoSyncEffect() {
+        const [, unsubscribe] = createEffect(() => {
+            if (this.isConnected$.get()) {
+                const autoSync = (this.autoSync$.get() || _a.DefaultAutoSync).trim().toLowerCase();
+                let delay = undefined;
+                if (['true', 'yes', 'on', 'frame', 'auto-sync'].includes(autoSync)) {
+                    // console.debug('[ShaeWorkerElement] auto-sync', autoSync, this);
+                    this.frameLoop.start(this);
+                    return () => {
+                        this.frameLoop.stop(this);
+                    };
+                }
+                else if (autoSync.toLowerCase().endsWith('fps')) {
+                    const fps = parseInt(autoSync, 10);
+                    if (fps > 0) {
+                        delay = Math.floor(1000 / fps);
+                    }
+                    else {
+                        console.warn(`[ShaeWorkerElement] invalid auto-sync value: ${autoSync}`);
+                    }
+                }
+                else {
+                    delay = parseInt(autoSync, 10);
+                    if (isNaN(delay)) {
+                        delay = undefined;
+                        if (!['false', 'no', 'off'].includes(autoSync)) {
+                            console.warn(`[ShaeWorkerElement] invalid auto-sync value: ${autoSync}`);
+                        }
+                    }
+                }
+                if (delay !== undefined && delay > 0) {
+                    // console.debug('[ShaeWorkerElement] auto-sync interval (ms)', delay, this);
+                    const id = setInterval(() => {
+                        this.syncShadowObjects();
+                    }, delay);
+                    return () => {
+                        clearInterval(id);
+                    };
+                    // } else {
+                    //   console.debug('[ShaeWorkerElement] auto-sync off', this);
+                }
+            }
+        }, [this.autoSync$, this.isConnected$]);
+        this.#unsubscribeAutoSync = unsubscribe;
+    }
+    #updateNoStructuredClone() {
+        const env = this.shadowEnv.envProxy;
+        if (env && env.isLocalEnv) {
+            env.disableStructuredClone = this.hasAttribute(ATTR_NO_STRUCTURED_CLONE);
+        }
+    }
+}
+_a = ShaeWorkerElement;
+//# sourceMappingURL=ShaeWorkerElement.js.map

package/src/elements/ShaeWorkerElement.js.map

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

package/src/elements/constants.d.ts

@@ -0,0 +1,17 @@
+export declare const RequestEntParentEventName = "shaeRequestEntParent";
+export declare const ReRequestEntParentEventName = "shaeReRequestEntParent";
+export declare const SHAE_WORKER = "shae-worker";
+export declare const SHAE_ENT = "shae-ent";
+export declare const SHAE_PROP = "shae-prop";
+export declare const ATTR_TOKEN = "token";
+export declare const ATTR_NS = "ns";
+export declare const ATTR_LOCAL = "local";
+export declare const ATTR_NO_AUTOSTART = "no-autostart";
+export declare const ATTR_NO_STRUCTURED_CLONE = "no-structured-clone";
+export declare const ATTR_AUTO_SYNC = "auto-sync";
+export declare const ATTR_SRC = "src";
+export declare const ATTR_NAME = "name";
+export declare const ATTR_VALUE = "value";
+export declare const ATTR_TYPE = "type";
+export declare const ATTR_NO_TRIM = "no-trim";
+//# sourceMappingURL=constants.d.ts.map

package/src/elements/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/elements/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,yBAAyB,CAAC;AAChE,eAAO,MAAM,2BAA2B,2BAA2B,CAAC;AAEpE,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,SAAS,cAAc,CAAC;AAGrC,eAAO,MAAM,UAAU,UAAU,CAAC;AAGlC,eAAO,MAAM,OAAO,OAAO,CAAC;AAG5B,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAChD,eAAO,MAAM,wBAAwB,wBAAwB,CAAC;AAC9D,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAG9B,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,YAAY,YAAY,CAAC"}

package/src/elements/constants.js

@@ -0,0 +1,21 @@
+export const RequestEntParentEventName = 'shaeRequestEntParent';
+export const ReRequestEntParentEventName = 'shaeReRequestEntParent';
+export const SHAE_WORKER = 'shae-worker';
+export const SHAE_ENT = 'shae-ent';
+export const SHAE_PROP = 'shae-prop';
+// <shae-ent> attributes
+export const ATTR_TOKEN = 'token';
+// <shae-ent> + <shae-worker> attributes
+export const ATTR_NS = 'ns';
+// <shae-worker> attributes
+export const ATTR_LOCAL = 'local';
+export const ATTR_NO_AUTOSTART = 'no-autostart';
+export const ATTR_NO_STRUCTURED_CLONE = 'no-structured-clone';
+export const ATTR_AUTO_SYNC = 'auto-sync';
+export const ATTR_SRC = 'src';
+// <shae-prop> attributes
+export const ATTR_NAME = 'name';
+export const ATTR_VALUE = 'value';
+export const ATTR_TYPE = 'type';
+export const ATTR_NO_TRIM = 'no-trim';
+//# sourceMappingURL=constants.js.map

package/src/elements/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/elements/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG,sBAAsB,CAAC;AAChE,MAAM,CAAC,MAAM,2BAA2B,GAAG,wBAAwB,CAAC;AAEpE,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC;AACzC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AAErC,wBAAwB;AACxB,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC;AAElC,wCAAwC;AACxC,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC;AAE5B,2BAA2B;AAC3B,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC;AAClC,MAAM,CAAC,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAChD,MAAM,CAAC,MAAM,wBAAwB,GAAG,qBAAqB,CAAC;AAC9D,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;AAC1C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC;AAE9B,yBAAyB;AACzB,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;AAChC,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC;AAClC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC;AAChC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC"}

package/src/elements/events.d.ts

@@ -0,0 +1,24 @@
+import type { ShaeEntElement } from './ShaeEntElement.js';
+import type { RequestEntParentEventName, ReRequestEntParentEventName } from './constants.js';
+export interface RequestEntParentEvent extends CustomEvent {
+    detail: {
+        requester: ShaeEntElement;
+    };
+}
+export interface ReRequestEntParentEvent extends CustomEvent {
+    detail: {
+        requester: ShaeEntElement;
+        shadowRootHost: HTMLElement;
+    };
+}
+export interface ShadowEntsEventMap {
+    [RequestEntParentEventName]: RequestEntParentEvent;
+    [ReRequestEntParentEventName]: ReRequestEntParentEvent;
+}
+declare global {
+    interface HTMLElementEventMap extends ShadowEntsEventMap {
+        addEventListener<K extends keyof ShadowEntsEventMap>(type: K, listener: (this: Document, ev: ShadowEntsEventMap[K]) => void): void;
+        dispatchEvent<K extends keyof ShadowEntsEventMap>(ev: ShadowEntsEventMap[K]): void;
+    }
+}
+//# sourceMappingURL=events.d.ts.map