@lynx-js/web-mainthread-apis 0.9.0 → 0.10.0

package/dist/elementAPI/attributeAndProperty/attributeAndPropertyFunctions.d.ts

@@ -1,24 +1,30 @@
-import { type ElementThreadElement, type ComponentAtIndexCallback, type EnqueueComponentCallback, type ListElement } from '../ElementThreadElement.js';
-export declare function __AddConfig(element: ElementThreadElement, type: string, value: any): void;
-export declare function __AddDataset(element: ElementThreadElement, key: string, value: string | number | Record<string, any>): void;
-export declare function __GetAttributes(element: ElementThreadElement): {
-    [key: string]: string | null | undefined;
-    id?: string;
-    style: string | null;
-    class: string | null;
-    "lynx-component-id"?: string;
-    "lynx-css-id": string | null;
+import { type ComponentAtIndexCallback, type EnqueueComponentCallback } from '../ElementThreadElement.js';
+import { type MainThreadRuntime } from '../../MainThreadRuntime.js';
+type UpdateListInfoAttributeValue = {
+    insertAction: {
+        position: number;
+    }[];
+    removeAction: {
+        position: number;
+    }[];
 };
-export declare function __GetComponentID(element: ElementThreadElement): string | undefined;
-export declare function __GetDataByKey(element: ElementThreadElement, key: string): unknown;
-export declare function __GetDataset(element: ElementThreadElement): Record<string, any>;
-export declare function __GetElementConfig(element: ElementThreadElement): Record<string, unknown>;
-export declare function __GetElementUniqueID(element: ElementThreadElement | unknown): number;
-export declare function __GetID(element: ElementThreadElement): string;
-export declare function __GetTag(element: ElementThreadElement): string;
-export declare function __SetConfig(element: ElementThreadElement, config: Record<string, any>): void;
-export declare function __SetDataset(element: ElementThreadElement, dataset: Record<string, any>): void;
-export declare function __SetID(element: ElementThreadElement, id: string): void;
-export declare function __UpdateComponentID(element: ElementThreadElement, componentID: string): void;
-export declare function __GetConfig(element: ElementThreadElement): Record<string, unknown>;
-export declare function __UpdateListCallbacks(list: ListElement, componentAtIndex: ComponentAtIndexCallback, enqueueComponent: EnqueueComponentCallback): void;
+export declare function createAttributeAndPropertyFunctions(runtime: MainThreadRuntime): {
+    __AddConfig: (element: HTMLElement, type: string, value: any) => void;
+    __AddDataset: (element: HTMLElement, key: string, value: string | number | Record<string, any>) => void;
+    __GetAttributes: (element: HTMLElement) => Record<string, string | null>;
+    __GetComponentID: (element: HTMLElement) => string | null;
+    __GetDataByKey: (element: HTMLElement, key: string) => import("@lynx-js/web-constants").Cloneable;
+    __GetDataset: (element: HTMLElement) => Record<string, any>;
+    __GetElementConfig: (element: HTMLElement) => Record<string, import("@lynx-js/web-constants").Cloneable>;
+    __GetElementUniqueID: (element: HTMLElement) => number;
+    __GetID: (element: HTMLElement) => string;
+    __GetTag: (element: HTMLElement) => string;
+    __SetConfig: (element: HTMLElement, config: Record<string, any>) => void;
+    __SetDataset: (element: HTMLElement, dataset: Record<string, any>) => void;
+    __SetID: (element: HTMLElement, id: string) => void;
+    __UpdateComponentID: (element: HTMLElement, componentID: string) => void;
+    __UpdateListCallbacks: (element: HTMLElement, componentAtIndex: ComponentAtIndexCallback, enqueueComponent: EnqueueComponentCallback) => void;
+    __GetConfig: (element: HTMLElement) => Record<string, import("@lynx-js/web-constants").Cloneable>;
+    __SetAttribute: (element: HTMLElement, key: string, value: string | null | undefined | UpdateListInfoAttributeValue) => void;
+};
+export {};

package/dist/elementAPI/attributeAndProperty/attributeAndPropertyFunctions.js

@@ -1,59 +1,122 @@
 // Copyright 2023 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-import { componentIdAttribute, lynxTagAttribute } from '@lynx-js/web-constants';
-import { RefCountType, } from '../ElementThreadElement.js';
-export function __AddConfig(element, type, value) {
-    element.property.componentConfig[type] = value;
-}
-export function __AddDataset(element, key, value) {
-    element.setDatasetProperty(key, value);
-}
-export function __GetAttributes(element) {
-    return element.attributes;
-}
-export function __GetComponentID(element) {
-    return element.attributes[componentIdAttribute];
-}
-export function __GetDataByKey(element, key) {
-    return element.property.dataset[key];
-}
-export function __GetDataset(element) {
-    return element.property.dataset;
-}
-export function __GetElementConfig(element) {
-    return element.property.componentConfig;
-}
-export function __GetElementUniqueID(element) {
-    if (element && typeof element === 'object'
-        && element.type === RefCountType.Element) {
-        return element.uniqueId;
+import { __lynx_timing_flag, componentIdAttribute, lynxTagAttribute, } from '@lynx-js/web-constants';
+import {} from '../ElementThreadElement.js';
+import { elementToRuntimeInfoMap, } from '../../MainThreadRuntime.js';
+function setDatasetAttribute(element, key, value) {
+    if (value !== null && value !== undefined) {
+        if (typeof value === 'object') {
+            element.setAttribute('data-' + key, JSON.stringify(value));
+        }
+        else {
+            element.setAttribute('data-' + key, value.toString());
+        }
     }
-    return -1;
-}
-export function __GetID(element) {
-    return element.attributes.id ?? '';
 }
-export function __GetTag(element) {
-    return element.getAttribute(lynxTagAttribute);
-}
-export function __SetConfig(element, config) {
-    element.property.componentConfig = config;
-}
-export function __SetDataset(element, dataset) {
-    element.setProperty('dataset', dataset);
-}
-export function __SetID(element, id) {
-    element.setAttribute('id', id);
-}
-export function __UpdateComponentID(element, componentID) {
-    element.setAttribute(componentIdAttribute, componentID);
-}
-export function __GetConfig(element) {
-    return element.property.componentConfig;
-}
-export function __UpdateListCallbacks(list, componentAtIndex, enqueueComponent) {
-    list.componentAtIndex = componentAtIndex;
-    list.enqueueComponent = enqueueComponent;
+export function createAttributeAndPropertyFunctions(runtime) {
+    function __AddConfig(element, type, value) {
+        runtime[elementToRuntimeInfoMap].get(element).componentConfig[type] =
+            value;
+    }
+    function __AddDataset(element, key, value) {
+        runtime[elementToRuntimeInfoMap].get(element).lynxDataset[key] = value;
+        setDatasetAttribute(element, key, value);
+    }
+    function __GetAttributes(element) {
+        return Object.fromEntries(element.getAttributeNames().map((attributeName) => [attributeName, element.getAttribute(attributeName)]));
+    }
+    function __GetComponentID(element) {
+        return element.getAttribute(componentIdAttribute);
+    }
+    function __GetDataByKey(element, key) {
+        return runtime[elementToRuntimeInfoMap].get(element).lynxDataset[key];
+    }
+    function __GetDataset(element) {
+        return runtime[elementToRuntimeInfoMap].get(element).lynxDataset;
+    }
+    function __GetElementConfig(element) {
+        return runtime[elementToRuntimeInfoMap].get(element).componentConfig;
+    }
+    function __GetElementUniqueID(element) {
+        return runtime[elementToRuntimeInfoMap].get(element)?.uniqueId ?? -1;
+    }
+    function __GetID(element) {
+        return element.id;
+    }
+    function __GetTag(element) {
+        return element.getAttribute(lynxTagAttribute);
+    }
+    function __SetConfig(element, config) {
+        runtime[elementToRuntimeInfoMap].get(element).componentConfig = config;
+    }
+    function __SetDataset(element, dataset) {
+        runtime[elementToRuntimeInfoMap].get(element).lynxDataset = dataset;
+        for (const [key, value] of Object.entries(dataset)) {
+            setDatasetAttribute(element, key, value);
+        }
+    }
+    function __SetID(element, id) {
+        element.id = id;
+    }
+    function __UpdateComponentID(element, componentID) {
+        element.setAttribute(componentIdAttribute, componentID);
+    }
+    function __GetConfig(element) {
+        return runtime[elementToRuntimeInfoMap].get(element).componentConfig;
+    }
+    function __UpdateListCallbacks(element, componentAtIndex, enqueueComponent) {
+        runtime[elementToRuntimeInfoMap].get(element).componentAtIndex =
+            componentAtIndex;
+        runtime[elementToRuntimeInfoMap].get(element).enqueueComponent =
+            enqueueComponent;
+    }
+    function __SetAttribute(element, key, value) {
+        if (value === null || value === undefined) {
+            element.removeAttribute(key);
+        }
+        else {
+            if (__GetTag(element) === 'list' && key === 'update-list-info') {
+                const listInfo = value;
+                const { insertAction, removeAction } = listInfo;
+                queueMicrotask(() => {
+                    const runtimeInfo = runtime[elementToRuntimeInfoMap].get(element);
+                    const componentAtIndex = runtimeInfo.componentAtIndex;
+                    const enqueueComponent = runtimeInfo.enqueueComponent;
+                    for (const action of insertAction) {
+                        componentAtIndex?.(element, runtimeInfo.uniqueId, action.position, 0, false);
+                    }
+                    for (const action of removeAction) {
+                        enqueueComponent?.(element, runtimeInfo.uniqueId, action.position);
+                    }
+                });
+            }
+            else {
+                element.setAttribute(key, value.toString());
+            }
+        }
+        if (key === __lynx_timing_flag && value) {
+            runtime._timingFlags.push(value);
+        }
+    }
+    return {
+        __AddConfig,
+        __AddDataset,
+        __GetAttributes,
+        __GetComponentID,
+        __GetDataByKey,
+        __GetDataset,
+        __GetElementConfig,
+        __GetElementUniqueID,
+        __GetID,
+        __GetTag,
+        __SetConfig,
+        __SetDataset,
+        __SetID,
+        __UpdateComponentID,
+        __UpdateListCallbacks,
+        __GetConfig,
+        __SetAttribute,
+    };
 }
 //# sourceMappingURL=attributeAndPropertyFunctions.js.map

package/dist/elementAPI/domTree/domTreeFunctions.d.ts

@@ -1,13 +1,11 @@
-import type { ElementThreadElement } from '../ElementThreadElement.js';
-export declare function __AppendElement(parent: ElementThreadElement, child: ElementThreadElement): void;
-export declare function __ElementIsEqual(left: ElementThreadElement, right: ElementThreadElement): boolean;
-export declare function __FirstElement(element: ElementThreadElement): ElementThreadElement | undefined;
-export declare function __GetChildren(element: ElementThreadElement): ElementThreadElement[];
-export declare function __GetParent(element: ElementThreadElement): ElementThreadElement | undefined;
-export declare function __InsertElementBefore(parent: ElementThreadElement, child: ElementThreadElement, ref: ElementThreadElement | null): ElementThreadElement;
-export declare function __LastElement(element: ElementThreadElement): ElementThreadElement | undefined;
-export declare function __NextElement(element: ElementThreadElement): ElementThreadElement | undefined;
-export declare function __RemoveElement(parent: ElementThreadElement, child: ElementThreadElement): ElementThreadElement;
-export declare function __ReplaceElement(newElement: ElementThreadElement, oldElement: ElementThreadElement): void;
-export declare function __ReplaceElements(parent: ElementThreadElement, newChildren: ElementThreadElement[] | ElementThreadElement, oldChildren: ElementThreadElement[] | ElementThreadElement | null | undefined): void;
-export declare function __SwapElement(childA: ElementThreadElement, childB: ElementThreadElement): void;
+export declare function __AppendElement(parent: HTMLElement, child: HTMLElement): void;
+export declare function __ElementIsEqual(left: HTMLElement, right: HTMLElement): boolean;
+export declare function __FirstElement(element: HTMLElement): HTMLElement | undefined;
+export declare function __GetChildren(element: HTMLElement): HTMLElement[];
+export declare function __GetParent(element: HTMLElement): HTMLElement | undefined;
+export declare function __InsertElementBefore(parent: HTMLElement, child: HTMLElement, ref: HTMLElement | null): HTMLElement;
+export declare function __LastElement(element: HTMLElement): HTMLElement | undefined;
+export declare function __NextElement(element: HTMLElement): HTMLElement | undefined;
+export declare function __RemoveElement(parent: HTMLElement, child: HTMLElement): HTMLElement;
+export declare function __ReplaceElement(newElement: HTMLElement, oldElement: HTMLElement): void;
+export declare function __ReplaceElements(parent: HTMLElement, newChildren: HTMLElement[] | HTMLElement, oldChildren: HTMLElement[] | HTMLElement | null | undefined): void;

package/dist/elementAPI/domTree/domTreeFunctions.js

@@ -2,40 +2,40 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 export function __AppendElement(parent, child) {
-    parent.appendChild([child]);
+    parent.append(child);
 }
 export function __ElementIsEqual(left, right) {
     return left === right;
 }
 export function __FirstElement(element) {
-    return element.firstElementChild;
+    return element.firstElementChild || undefined;
 }
 export function __GetChildren(element) {
     return element.children;
 }
 export function __GetParent(element) {
-    return element.parent;
+    return element.parentElement || undefined;
 }
 export function __InsertElementBefore(parent, child, ref) {
     return parent.insertBefore(child, ref);
 }
 export function __LastElement(element) {
-    return element.lastElementChild;
+    return element.lastElementChild || undefined;
 }
 export function __NextElement(element) {
-    return element.nextElementSibling;
+    return element.nextElementSibling || undefined;
 }
 export function __RemoveElement(parent, child) {
     parent.removeChild(child);
     return child;
 }
 export function __ReplaceElement(newElement, oldElement) {
-    oldElement.replaceWithElements([newElement]);
+    oldElement.replaceWith(newElement);
 }
 export function __ReplaceElements(parent, newChildren, oldChildren) {
     newChildren = Array.isArray(newChildren) ? newChildren : [newChildren];
     if (!oldChildren || (Array.isArray(oldChildren) && oldChildren?.length === 0)) {
-        parent.appendChild(newChildren);
+        parent.append(...newChildren);
     }
     else {
         oldChildren = Array.isArray(oldChildren) ? oldChildren : [oldChildren];
@@ -43,10 +43,7 @@ export function __ReplaceElements(parent, newChildren, oldChildren) {
             __RemoveElement(parent, oldChildren[ii]);
         }
         const firstOldChildren = oldChildren[0];
-        firstOldChildren.replaceWithElements(newChildren);
+        firstOldChildren.replaceWith(...newChildren);
     }
 }
-export function __SwapElement(childA, childB) {
-    childA.swapWith(childB);
-}
 //# sourceMappingURL=domTreeFunctions.js.map

package/dist/elementAPI/elementCreating/elementCreatingFunctions.d.ts

@@ -1,22 +1,15 @@
-import { type PageConfig, type ElementOperation, type CssInJsInfo } from '@lynx-js/web-constants';
-import { type ComponentAtIndexCallback, type EnqueueComponentCallback, ListElement, ElementThreadElement } from '../ElementThreadElement.js';
-export interface initializeElementCreatingFunctionConfig {
-    operationsRef: {
-        operations: ElementOperation[];
-    };
-    pageConfig: PageConfig;
-    styleInfo: CssInJsInfo;
-    tagMap: Record<string, string>;
-}
-export declare function initializeElementCreatingFunction(config: initializeElementCreatingFunctionConfig): {
-    __CreateView: (parentComponentUniqueId: number) => ElementThreadElement;
-    __CreateText: (parentComponentUniqueId: number) => ElementThreadElement;
-    __CreateComponent: (componentParentUniqueID: number, componentID: string, cssID: number, entryName: string, name: string, path: string, config: Record<string, any> | null | undefined, info: Record<string, any> | null | undefined) => ElementThreadElement;
-    __CreatePage: (componentID: string, cssID: number, info: Record<string, any> | null | undefined) => ElementThreadElement;
-    __CreateRawText: (text: string) => ElementThreadElement;
-    __CreateImage: (parentComponentUniqueId: number) => ElementThreadElement;
-    __CreateScrollView: (parentComponentUniqueId: number) => ElementThreadElement;
-    __CreateElement: (tagName: string, parentComponentUniqueId: number, info?: object) => ElementThreadElement;
-    __CreateWrapperElement: (parentComponentUniqueId: number) => ElementThreadElement;
-    __CreateList: (parentComponentUniqueId: number, componentAtIndex: ComponentAtIndexCallback, enqueueComponent: EnqueueComponentCallback, info?: any) => ListElement;
+import { type ComponentAtIndexCallback, type EnqueueComponentCallback } from '../ElementThreadElement.js';
+import { type MainThreadRuntime } from '../../MainThreadRuntime.js';
+export declare function initializeElementCreatingFunction(runtime: MainThreadRuntime): {
+    __CreateView: (parentComponentUniqueId: number) => HTMLElement;
+    __CreateText: (parentComponentUniqueId: number) => HTMLElement;
+    __CreateComponent: (componentParentUniqueID: number, componentID: string, cssID: number, entryName: string, name: string, path: string, config: Record<string, any> | null | undefined, info: Record<string, any> | null | undefined) => HTMLElement;
+    __CreatePage: (componentID: string, cssID: number, info: Record<string, any> | null | undefined) => HTMLElement;
+    __CreateRawText: (text: string) => HTMLElement;
+    __CreateImage: (parentComponentUniqueId: number) => HTMLElement;
+    __CreateScrollView: (parentComponentUniqueId: number) => HTMLElement;
+    __CreateElement: (tagName: string, parentComponentUniqueId: number, info?: object) => HTMLElement;
+    __CreateWrapperElement: (parentComponentUniqueId: number) => HTMLElement;
+    __CreateList: (parentComponentUniqueId: number, componentAtIndex: ComponentAtIndexCallback, enqueueComponent: EnqueueComponentCallback, info?: any) => HTMLElement;
+    __SwapElement: (childA: HTMLElement, childB: HTMLElement) => void;
 };

package/dist/elementAPI/elementCreating/elementCreatingFunctions.js

@@ -1,37 +1,42 @@
 // Copyright 2023 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-import { cssIdAttribute, parentComponentUniqueIdAttribute, lynxTagAttribute, } from '@lynx-js/web-constants';
-import { __UpdateComponentID } from '../attributeAndProperty/attributeAndPropertyFunctions.js';
-import { ListElement, ElementThreadElement, } from '../ElementThreadElement.js';
-import { __SetCSSId } from '../style/styleFunctions.js';
-import { createOffscreenDocument } from '../createOffscreenDocument.js';
-export function initializeElementCreatingFunction(config) {
-    const { operationsRef, pageConfig, styleInfo, tagMap } = config;
-    const document = createOffscreenDocument({
-        pageConfig,
-        operationsRef,
-        styleInfo,
-    });
+import { cssIdAttribute, lynxUniqueIdAttribute, lynxTagAttribute, lynxDefaultDisplayLinearAttribute, } from '@lynx-js/web-constants';
+import {} from '../ElementThreadElement.js';
+import { elementToRuntimeInfoMap, getElementByUniqueId, lynxUniqueIdToElement, } from '../../MainThreadRuntime.js';
+export function initializeElementCreatingFunction(runtime) {
+    let uniqueIdInc = 1;
     function createLynxElement(tag, parentComponentUniqueId, cssId, componentId, 
     // @ts-expect-error
     info) {
-        const htmlTag = tagMap[tag] ?? tag;
-        const element = document.createElement(htmlTag);
+        // @ts-expect-error
+        const __SetCSSId = runtime.__SetCSSId;
+        const htmlTag = runtime.config.tagMap[tag] ?? tag;
+        const element = runtime.config.docu.createElement(htmlTag);
         element.setAttribute(lynxTagAttribute, tag);
-        // element.parentComponentUniqueId = parentComponentUniqueId;
-        element.setAttribute(parentComponentUniqueIdAttribute, parentComponentUniqueId.toString());
+        const uniqueId = uniqueIdInc++;
+        const runtimeInfo = {
+            uniqueId,
+            componentConfig: {},
+            lynxDataset: {},
+            eventHandlerMap: {},
+            parentComponentUniqueId,
+        };
+        runtime[elementToRuntimeInfoMap].set(element, runtimeInfo);
+        runtime[lynxUniqueIdToElement][uniqueId] = new WeakRef(element);
+        element.setAttribute(lynxUniqueIdAttribute, uniqueId.toString());
         if (cssId !== undefined)
             __SetCSSId([element], cssId);
         else if (parentComponentUniqueId >= 0) { // don't infer for uniqueid === -1
-            const parentComponent = ElementThreadElement.getElementByUniqueId(parentComponentUniqueId);
+            const parentComponent = runtime[getElementByUniqueId](parentComponentUniqueId);
             const parentCssId = parentComponent?.getAttribute(cssIdAttribute);
             if (parentCssId && parentCssId !== '0') {
                 __SetCSSId([element], parentCssId);
             }
         }
         if (componentId !== undefined) {
-            __UpdateComponentID(element, componentId);
+            // @ts-expect-error
+            runtime.__UpdateComponentID(element, componentId);
         }
         return element;
     }
@@ -52,7 +57,15 @@ export function initializeElementCreatingFunction(config) {
     function __CreatePage(componentID, cssID, info) {
         const page = createLynxElement('page', 0, cssID, componentID, info);
         page.setAttribute('part', 'page');
-        page.setAttribute(parentComponentUniqueIdAttribute, page.uniqueId.toString());
+        const runtimeInfo = runtime[elementToRuntimeInfoMap].get(page);
+        runtimeInfo.parentComponentUniqueId = runtimeInfo.uniqueId;
+        if (runtime.config.pageConfig.defaultDisplayLinear === false) {
+            page.setAttribute(lynxDefaultDisplayLinearAttribute, 'false');
+        }
+        if (runtime.config.pageConfig.defaultOverflowVisible === true) {
+            page.setAttribute('lynx-default-overflow-visible', 'true');
+        }
+        runtime._page = page;
         return page;
     }
     function __CreateView(parentComponentUniqueId) {
@@ -82,10 +95,17 @@ export function initializeElementCreatingFunction(config) {
     }
     function __CreateList(parentComponentUniqueId, componentAtIndex, enqueueComponent, info) {
         const element = createLynxElement('list', parentComponentUniqueId, undefined, undefined, info);
-        element.componentAtIndex = componentAtIndex;
-        element.enqueueComponent = enqueueComponent;
+        const runtimeInfo = runtime[elementToRuntimeInfoMap].get(element);
+        runtimeInfo.componentAtIndex = componentAtIndex;
+        runtimeInfo.enqueueComponent = enqueueComponent;
         return element;
     }
+    function __SwapElement(childA, childB) {
+        const temp = runtime.config.docu.createElement('div');
+        childA.replaceWith(temp);
+        childB.replaceWith(childA);
+        temp.replaceWith(childB);
+    }
     return {
         __CreateView,
         __CreateText,
@@ -97,6 +117,7 @@ export function initializeElementCreatingFunction(config) {
         __CreateElement,
         __CreateWrapperElement,
         __CreateList,
+        __SwapElement,
     };
 }
 //# sourceMappingURL=elementCreatingFunctions.js.map

package/dist/elementAPI/event/eventFunctions.d.ts

@@ -1,14 +1,16 @@
-import type { LynxCrossThreadEvent, LynxEventType } from '@lynx-js/web-constants';
-import type { ElementThreadElement } from '../ElementThreadElement.js';
-export declare function __AddEvent(element: ElementThreadElement, eventType: LynxEventType, eventName: string, eventHandler: string | ((ev: LynxCrossThreadEvent) => void) | undefined): void;
-export declare function __GetEvent(element: ElementThreadElement, eventName: string, eventType: string): string | ((ev: LynxCrossThreadEvent) => void) | undefined;
-export declare function __GetEvents(element: ElementThreadElement): {
-    type: LynxEventType;
-    name: string;
-    function: string | ((ev: Event) => void) | undefined;
-}[];
-export declare function __SetEvents(element: ElementThreadElement, listeners: {
-    type: LynxEventType;
-    name: string;
-    function: string | ((ev: LynxCrossThreadEvent) => void) | undefined;
-}[]): void;
+import { type LynxCrossThreadEvent, type LynxEventType } from '@lynx-js/web-constants';
+import { type MainThreadRuntime } from '../../MainThreadRuntime.js';
+export declare function createEventFunctions(runtime: MainThreadRuntime): {
+    __AddEvent: (element: HTMLElement, eventType: LynxEventType, eventName: string, newEventHandler: string | undefined) => void;
+    __GetEvent: (element: HTMLElement, eventName: string, eventType: LynxEventType) => string | ((ev: LynxCrossThreadEvent) => void) | undefined;
+    __GetEvents: (element: HTMLElement) => {
+        type: LynxEventType;
+        name: string;
+        function: string | ((ev: Event) => void) | undefined;
+    }[];
+    __SetEvents: (element: HTMLElement, listeners: {
+        type: LynxEventType;
+        name: string;
+        function: string | undefined;
+    }[]) => void;
+};