@lynx-js/web-core-wasm-canary 0.0.2-canary-20260129-b0205255 → 0.0.2-canary-20260129-d02a6062

package/dist/client/mainthread/TemplateManager.js

@@ -29,10 +29,7 @@ export class TemplateManager {
                 const lynxViewInstance = await lynxViewInstancePromise;
                 lynxViewInstance.backgroundThread.markTiming('decode_start');
                 lynxViewInstance.onPageConfigReady(config);
-                const styleInfo = template?.styleInfo;
-                if (styleInfo) {
-                    lynxViewInstance.onStyleInfoReady(styleInfo, url);
-                }
+                lynxViewInstance.onStyleInfoReady(url);
                 lynxViewInstance.onMTSScriptsLoaded(url, config.isLazy === 'true');
                 lynxViewInstance.onBTSScriptsLoaded(url);
             })();
@@ -141,12 +138,9 @@ export class TemplateManager {
         }
     }
     async #handleSection(msg, instancePromise) {
-        const [instance, { DecodedStyle, ElementTemplateSection },] = await Promise.all([
+        const [instance, templateManagerWasm,] = await Promise.all([
             instancePromise,
-            wasm.then(({ DecodedStyle, wasmInstance }) => ({
-                DecodedStyle,
-                ElementTemplateSection: wasmInstance.ElementTemplateSection,
-            })),
+            wasm.then((wasm) => (wasm.templateManagerWasm)),
         ]);
         const { label, data, url, config } = msg;
         switch (label) {
@@ -157,9 +151,8 @@ export class TemplateManager {
                 break;
             }
             case TemplateSectionLabel.StyleInfo: {
-                const decodedStyle = new DecodedStyle(new Uint8Array(data));
-                this.#setStyleInfo(url, decodedStyle);
-                instance.onStyleInfoReady(decodedStyle, url);
+                templateManagerWasm.add_style_info(url, new Uint8Array(data), document);
+                instance.onStyleInfoReady(url);
                 break;
             }
             case TemplateSectionLabel.LepusCode: {
@@ -168,11 +161,6 @@ export class TemplateManager {
                 instance.onMTSScriptsLoaded(url, config['isLazy'] === 'true');
                 break;
             }
-            case TemplateSectionLabel.ElementTemplates:
-                // data is Uint8Array
-                const section = ElementTemplateSection.from_encoded(new Uint8Array(data));
-                this.setElementTemplateSection(url, section);
-                break;
             case TemplateSectionLabel.CustomSections: {
                 this.#setCustomSection(url, data);
                 break;
@@ -219,24 +207,12 @@ export class TemplateManager {
             template.config = config;
         }
     }
-    #setStyleInfo(url, styleInfo) {
-        const template = this.#templates.get(url);
-        if (template) {
-            template.styleInfo = styleInfo;
-        }
-    }
     #setLepusCode(url, lepusCode) {
         const template = this.#templates.get(url);
         if (template) {
             template.lepusCode = lepusCode;
         }
     }
-    setElementTemplateSection(url, section) {
-        const template = this.#templates.get(url);
-        if (template) {
-            template.elementTemplates = section;
-        }
-    }
     #setCustomSection(url, customSections) {
         const template = this.#templates.get(url);
         if (template) {

package/dist/client/mainthread/elementAPIs/WASMJSBinding.d.ts

@@ -2,28 +2,22 @@ import type { LynxCrossThreadEvent, LynxCrossThreadEventTarget, DecoratedHTMLEle
 import type { MainThreadWasmContext } from '../../wasm.js';
 import type { BackgroundThread } from '../Background.js';
 import type { ExposureServices } from '../ExposureServices.js';
-import type { StyleManager } from '../StyleManager.js';
 export type WASMJSBindingInjectedHandler = {
     rootDom: ShadowRoot;
     backgroundThread: BackgroundThread;
     exposureServices: ExposureServices;
-    loadWebElement: (elementId: number) => void;
-    loadUnknownElement: (tagName: string) => void;
     mainThreadGlobalThis: MainThreadGlobalThis;
-    styleManager?: StyleManager;
 };
 export declare class WASMJSBinding implements RustMainthreadContextBinding {
     #private;
     readonly lynxViewInstance: WASMJSBindingInjectedHandler;
     wasmContext: InstanceType<MainThreadWasmContext> | undefined;
-    uniqueIdToElement: (HTMLElement | undefined)[];
     toBeEnabledElement: Set<HTMLElement>;
     toBeDisabledElement: Set<HTMLElement>;
     constructor(lynxViewInstance: WASMJSBindingInjectedHandler);
-    markExposureRelatedElementByUniqueId(uniqueId: number, toEnable: boolean): void;
-    loadInternalWebElement: (elementId: number) => void;
-    loadUnknownElement: (tagName: string) => void;
+    markExposureRelatedElementByUniqueId(element: HTMLElement, toEnable: boolean): void;
     generateTargetObject(element: DecoratedHTMLElement, dataset: CloneableObject): LynxCrossThreadEventTarget;
+    getClassList(element: HTMLElement): string[];
     getElementByUniqueId(uniqueId: number): HTMLElement | undefined;
     getElementByComponentId(componentId: string): HTMLElement | undefined;
     runWorklet(handler: {
@@ -33,6 +27,6 @@ export declare class WASMJSBinding implements RustMainthreadContextBinding {
     addEventListener(eventName: string): void;
     postTimingFlags(flags: string[], pipelineId?: string): void;
     updateExposureStatus(enabledExposureElements: HTMLElement[], disabledExposureElements: HTMLElement[]): void;
-    enableElementEvent(uniqueId: number, eventName: string): void;
-    disableElementEvent(uniqueId: number, eventName: string): void;
+    enableElementEvent(element: HTMLElement, eventName: string): void;
+    disableElementEvent(element: HTMLElement, eventName: string): void;
 }

package/dist/client/mainthread/elementAPIs/WASMJSBinding.js

@@ -4,29 +4,23 @@ import { __GetElementUniqueID } from './pureElementPAPIs.js';
 export class WASMJSBinding {
     lynxViewInstance;
     wasmContext;
-    uniqueIdToElement = [undefined];
     toBeEnabledElement = new Set();
     toBeDisabledElement = new Set();
     constructor(lynxViewInstance) {
         this.lynxViewInstance = lynxViewInstance;
-        this.loadInternalWebElement = this.lynxViewInstance.loadWebElement.bind(this.lynxViewInstance);
-        this.loadUnknownElement = this.lynxViewInstance.loadUnknownElement.bind(this.lynxViewInstance);
     }
-    markExposureRelatedElementByUniqueId(uniqueId, toEnable) {
-        const dom = this.uniqueIdToElement[uniqueId];
-        if (dom) {
+    markExposureRelatedElementByUniqueId(element, toEnable) {
+        if (element) {
             if (toEnable) {
-                this.toBeDisabledElement.delete(dom);
-                this.toBeEnabledElement.add(dom);
+                this.toBeDisabledElement.delete(element);
+                this.toBeEnabledElement.add(element);
             }
             else {
-                this.toBeEnabledElement.delete(dom);
-                this.toBeDisabledElement.add(dom);
+                this.toBeEnabledElement.delete(element);
+                this.toBeDisabledElement.add(element);
             }
         }
     }
-    loadInternalWebElement;
-    loadUnknownElement;
     generateTargetObject(element, dataset) {
         const uniqueId = element[uniqueIdSymbol];
         return {
@@ -35,11 +29,14 @@ export class WASMJSBinding {
             uniqueId,
         };
     }
+    getClassList(element) {
+        return [...element.classList];
+    }
     getElementByUniqueId(uniqueId) {
-        return this.uniqueIdToElement[uniqueId];
+        return this.wasmContext?.get_dom_by_unique_id(uniqueId);
     }
     getElementByComponentId(componentId) {
-        const uniqueId = this.wasmContext?.__wasm_get_unique_id_by_component_id(componentId);
+        const uniqueId = this.wasmContext?.get_unique_id_by_component_id(componentId);
         if (uniqueId != undefined) {
             return this.getElementByUniqueId(uniqueId);
         }
@@ -90,7 +87,7 @@ export class WASMJSBinding {
             currentTarget = currentTarget.parentElement;
         }
         const eventObject = createCrossThreadEvent(event);
-        this.wasmContext?.__wasm_commonEventHandler(eventObject, bubblePath.slice(0, bubblePathLength), eventObject.type);
+        this.wasmContext?.common_event_handler(eventObject, bubblePath.slice(0, bubblePathLength), eventObject.type);
     };
     addEventListener(eventName) {
         this.lynxViewInstance.rootDom.addEventListener(LynxEventNameToW3cCommon[eventName] ?? eventName, this.#commonEventHandler, {
@@ -104,15 +101,13 @@ export class WASMJSBinding {
     updateExposureStatus(enabledExposureElements, disabledExposureElements) {
         this.lynxViewInstance.exposureServices.updateExposureStatus(enabledExposureElements, disabledExposureElements);
     }
-    enableElementEvent(uniqueId, eventName) {
-        const element = this.getElementByUniqueId(uniqueId);
+    enableElementEvent(element, eventName) {
         if (element) {
             // @ts-expect-error
             element.enableEvent?.(LynxEventNameToW3cCommon[eventName] ?? eventName);
         }
     }
-    disableElementEvent(uniqueId, eventName) {
-        const element = this.getElementByUniqueId(uniqueId);
+    disableElementEvent(element, eventName) {
         if (element) {
             // @ts-expect-error
             element.disableEvent?.(LynxEventNameToW3cCommon[eventName] ?? eventName);

package/dist/client/mainthread/elementAPIs/createElementAPI.d.ts

@@ -1,3 +1,3 @@
 import type { ElementPAPIs } from '../../../types/index.js';
 import type { WASMJSBinding } from './WASMJSBinding.js';
-export declare function createElementAPI(entryTemplateUrl: string, rootDom: ShadowRoot, mtsBinding: WASMJSBinding, config_enable_css_selector: boolean, config_default_display_linear: boolean, config_default_overflow_visible: boolean): ElementPAPIs;
+export declare function createElementAPI(rootDom: ShadowRoot, mtsBinding: WASMJSBinding, config_enable_css_selector: boolean, config_default_display_linear: boolean, config_default_overflow_visible: boolean): ElementPAPIs;

package/dist/client/mainthread/elementAPIs/createElementAPI.js

@@ -1,125 +1,105 @@
 import { wasmInstance } from '../../wasm.js';
-import { templateManager } from '../TemplateManager.js';
-import { LYNX_TIMING_FLAG_ATTRIBUTE, lynxDisposedAttribute, lynxDefaultDisplayLinearAttribute, lynxEntryNameAttribute, uniqueIdSymbol, LYNX_TAG_TO_HTML_TAG_MAP, cssIdAttribute, lynxDefaultOverflowVisibleAttribute, } from '../../../constants.js';
+import { LYNX_TAG_TO_HTML_TAG_MAP, LYNX_TIMING_FLAG_ATTRIBUTE, lynxDefaultDisplayLinearAttribute, lynxDefaultOverflowVisibleAttribute, lynxDisposedAttribute, lynxEntryNameAttribute, uniqueIdSymbol, } from '../../../constants.js';
 import { __SwapElement, __AppendElement, __ElementIsEqual, __FirstElement, __GetChildren, __GetParent, __InsertElementBefore, __LastElement, __NextElement, __RemoveElement, __ReplaceElement, __ReplaceElements, __GetAttributes, __GetAttributeByName, __GetID, __SetID, __GetTag, __GetClasses, __SetClasses, __AddClass, __MarkTemplateElement, __MarkPartElement, __GetElementUniqueID, __GetTemplateParts, __UpdateListCallbacks, } from './pureElementPAPIs.js';
-import hyphenateStyleName from 'hyphenate-style-name';
-export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_enable_css_selector, config_default_display_linear, config_default_overflow_visible) {
-    const wasmContext = new wasmInstance.MainThreadWasmContext(document, rootDom, mtsBinding, uniqueIdSymbol, config_enable_css_selector);
+// @ts-expect-error
+import IN_SHADOW_CSS_MODERN from '../../../../css/in_shadow.css?inline';
+const IN_SHADOW_CSS = URL.createObjectURL(new Blob([IN_SHADOW_CSS_MODERN], { type: 'text/css' }));
+const linkElement = document.createElement('link');
+linkElement.rel = 'stylesheet';
+linkElement.href = IN_SHADOW_CSS;
+linkElement.type = 'text/css';
+const { MainThreadWasmContext, add_inline_style_raw_string_key, set_inline_styles_number_key, set_inline_styles_in_str, get_inline_styles_in_key_value_vec, } = wasmInstance;
+export function createElementAPI(rootDom, mtsBinding, config_enable_css_selector, config_default_display_linear, config_default_overflow_visible) {
+    rootDom.append(linkElement.cloneNode(false));
+    const wasmContext = new MainThreadWasmContext(rootDom, mtsBinding, config_enable_css_selector);
     mtsBinding.wasmContext = wasmContext;
     let page = undefined;
     const timingFlags = [];
-    const uniqueIdToElement = mtsBinding.uniqueIdToElement;
     const __SetCSSId = (elements, cssId, entryName) => {
         const uniqueIds = elements.map((element) => {
-            if (entryName) {
-                element.setAttribute(lynxEntryNameAttribute, entryName);
-            }
-            else {
-                element.removeAttribute(lynxEntryNameAttribute);
-            }
-            if (cssId) {
-                element.setAttribute(cssIdAttribute, cssId.toString());
-            }
-            else {
-                element.removeAttribute(cssIdAttribute);
-            }
             return element[uniqueIdSymbol];
         });
-        if (cssId !== null) {
-            wasmContext.__wasm_set_css_id(new Uint32Array(uniqueIds), cssId);
-            for (const element of elements) {
-                const uniqueId = element[uniqueIdSymbol];
-                if (!config_enable_css_selector) {
-                    mtsBinding.lynxViewInstance.styleManager.updateCssOgStyle(uniqueId, cssId, element.classList, entryName);
-                }
-            }
-        }
+        return wasmContext.set_css_id(new Uint32Array(uniqueIds), cssId ?? 0, entryName);
     };
     const __AddEvent = (element, eventType, eventName, frameworkCrossThreadIdentifier) => {
         const uniqueId = element[uniqueIdSymbol];
         if (typeof frameworkCrossThreadIdentifier === 'string') {
-            wasmContext.__wasm_add_event_bts(uniqueId, eventType, eventName, frameworkCrossThreadIdentifier);
+            wasmContext.add_cross_thread_event(uniqueId, eventType, eventName, frameworkCrossThreadIdentifier);
         }
         else if (frameworkCrossThreadIdentifier == null) {
-            wasmContext.__wasm_add_event_bts(uniqueId, eventType, eventName, undefined);
-            wasmContext.__wasm_add_event_run_worklet(uniqueId, eventType, eventName, undefined);
+            wasmContext.add_cross_thread_event(uniqueId, eventType, eventName, undefined);
+            wasmContext.add_run_worklet_event(uniqueId, eventType, eventName, undefined);
         }
         else if (typeof frameworkCrossThreadIdentifier === 'object') {
-            wasmContext.__wasm_add_event_run_worklet(uniqueId, eventType, eventName, frameworkCrossThreadIdentifier);
+            wasmContext.add_run_worklet_event(uniqueId, eventType, eventName, frameworkCrossThreadIdentifier);
         }
         if (eventName === 'uiappear' || eventName === 'uidisappear') {
-            mtsBinding.markExposureRelatedElementByUniqueId(uniqueId, frameworkCrossThreadIdentifier != null);
+            const element = wasmContext.get_dom_by_unique_id(uniqueId);
+            if (element) {
+                mtsBinding.markExposureRelatedElementByUniqueId(element, frameworkCrossThreadIdentifier != null);
+            }
         }
     };
     return {
         __CreateView(parentComponentUniqueId) {
             const dom = document.createElement('x-view');
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(parentComponentUniqueId, dom);
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(parentComponentUniqueId, dom);
             return dom;
         },
         __CreateText(parentComponentUniqueId) {
             const dom = document.createElement('x-text');
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(parentComponentUniqueId, dom);
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(parentComponentUniqueId, dom);
             return dom;
         },
         __CreateImage(parentComponentUniqueId) {
             const dom = document.createElement('x-image');
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(parentComponentUniqueId, dom);
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(parentComponentUniqueId, dom);
             return dom;
         },
         __CreateRawText(text) {
             const dom = document.createElement('raw-text');
             dom.setAttribute('text', text);
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(-1, dom);
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(-1, dom);
             return dom;
         },
         __CreateScrollView(parentComponentUniqueId) {
             const dom = document.createElement('scroll-view');
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(parentComponentUniqueId, dom);
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(parentComponentUniqueId, dom);
             return dom;
         },
         __CreateElement(tagName, parentComponentUniqueId) {
             const dom = document.createElement(LYNX_TAG_TO_HTML_TAG_MAP[tagName] ?? tagName);
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(parentComponentUniqueId, dom);
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(parentComponentUniqueId, dom);
             return dom;
         },
         __CreateComponent(parentComponentUniqueId, componentID, cssID, entryName, name) {
             const dom = document.createElement('x-view');
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(parentComponentUniqueId, dom, cssID, componentID);
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(parentComponentUniqueId, dom, cssID, componentID);
             if (entryName) {
                 dom.setAttribute(lynxEntryNameAttribute, entryName);
             }
             if (name) {
                 dom.setAttribute('name', name);
             }
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
             return dom;
         },
         __CreateWrapperElement(parentComponentUniqueId) {
             const dom = document.createElement('lynx-wrapper');
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(parentComponentUniqueId, dom);
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(parentComponentUniqueId, dom);
             return dom;
         },
         __CreateList(parentComponentUniqueId, componentAtIndex, enqueueComponent) {
             const dom = document.createElement('x-list');
             dom.componentAtIndex = componentAtIndex;
             dom.enqueueComponent = enqueueComponent;
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(parentComponentUniqueId, dom);
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(parentComponentUniqueId, dom);
             return dom;
         },
         __CreatePage(componentID, cssID) {
             if (page)
                 return page;
             const dom = document.createElement('div');
-            dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(0, dom, cssID, componentID);
+            dom[uniqueIdSymbol] = wasmContext.create_element_common(0, dom, cssID, componentID);
             if (config_default_overflow_visible) {
                 dom.setAttribute(lynxDefaultOverflowVisibleAttribute, 'true');
             }
@@ -128,21 +108,14 @@ export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_e
             }
             dom.setAttribute('part', 'page');
             page = dom;
-            uniqueIdToElement[dom[uniqueIdSymbol]] = dom;
             return dom;
         },
-        __ElementFromBinary(templateId, parentComponentUniqueId) {
-            let template_root = wasmContext._wasm_elementFromBinary(parentComponentUniqueId, entryTemplateUrl, templateId, templateManager.getTemplate(entryTemplateUrl).elementTemplates);
-            __MarkTemplateElement(template_root);
-            return template_root;
-        },
         __SetClasses: config_enable_css_selector
             ? __SetClasses
             : ((element, classname) => {
                 __SetClasses(element, classname);
-                // Also sync to wasm side
                 const uniqueId = element[uniqueIdSymbol];
-                mtsBinding.lynxViewInstance.styleManager.updateCssOgStyle(uniqueId, wasmContext.__wasm_get_css_id_by_unique_id(uniqueId), element.classList, element.getAttribute(lynxEntryNameAttribute) || undefined);
+                wasmContext.update_css_og_style(uniqueId, element.getAttribute(lynxEntryNameAttribute));
             }),
         __SetCSSId,
         __AddInlineStyle: (element, key, value) => {
@@ -150,10 +123,10 @@ export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_e
                 value = value.toString();
             }
             if (typeof key === 'number') {
-                return wasmContext.__wasm_AddInlineStyle_number_key(element, key, value);
+                return set_inline_styles_number_key(element, key, value);
             }
             else {
-                return wasmContext.__wasm_AddInlineStyle_str_key(element, key.toString(), value);
+                return add_inline_style_raw_string_key(element, key.toString(), value);
             }
         },
         __SetInlineStyles: (element, value) => {
@@ -161,17 +134,22 @@ export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_e
                 element.removeAttribute('style');
             }
             else {
-                const styleString = typeof value === 'string'
-                    ? value
-                    : Object.entries(value).map(([k, v]) => `${hyphenateStyleName(k)}: ${v};`).join();
-                if (!wasmContext.__wasm_SetInlineStyles(element, styleString)) {
-                    element.setAttribute('style', styleString);
+                if (typeof value === 'string') {
+                    if (!set_inline_styles_in_str(element, value)) {
+                        element.setAttribute('style', value);
+                    }
+                }
+                else if (!value) {
+                    element.removeAttribute('style');
+                }
+                else {
+                    get_inline_styles_in_key_value_vec(element, Object.entries(value).flat().map((item) => item.toString()));
                 }
             }
         },
         __AddConfig: (element, type, value) => {
             const uniqueId = element[uniqueIdSymbol];
-            const config = wasmContext.__GetConfig(uniqueId);
+            const config = wasmContext.get_config(uniqueId);
             // @ts-ignore
             config[type] = value;
         },
@@ -184,34 +162,34 @@ export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_e
             else {
                 element.removeAttribute('name');
             }
-            wasmContext.__UpdateComponentID(uniqueId, componentID);
+            wasmContext.update_component_id(uniqueId, componentID);
             if (cssID !== undefined) {
                 __SetCSSId([element], cssID, entry);
             }
         },
         __UpdateComponentID: (element, componentID) => {
             const uniqueId = element[uniqueIdSymbol];
-            wasmContext.__UpdateComponentID(uniqueId, componentID);
+            wasmContext.update_component_id(uniqueId, componentID);
         },
         __GetConfig: (element) => {
             const uniqueId = element[uniqueIdSymbol];
-            return wasmContext.__GetConfig(uniqueId);
+            return wasmContext.get_config(uniqueId);
         },
         __SetConfig: (element, config) => {
             const uniqueId = element[uniqueIdSymbol];
-            wasmContext.__SetConfig(uniqueId, config);
+            wasmContext.set_config(uniqueId, config);
         },
         __GetElementConfig: (element) => {
             const uniqueId = element[uniqueIdSymbol];
-            return wasmContext.__GetElementConfig(uniqueId);
+            return wasmContext.get_element_config(uniqueId);
         },
         __GetComponentID: (element) => {
             const uniqueId = element[uniqueIdSymbol];
-            return wasmContext.__GetComponentID(uniqueId);
+            return wasmContext.get_component_id(uniqueId);
         },
         __SetDataset: (element, dataset) => {
             const uniqueId = element[uniqueIdSymbol];
-            wasmContext.__SetDataset(uniqueId, element, dataset);
+            wasmContext.set_dataset(uniqueId, element, dataset);
         },
         __AddDataset: (element, key, value) => {
             const uniqueId = element[uniqueIdSymbol];
@@ -221,15 +199,15 @@ export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_e
             else {
                 element.removeAttribute(`data-${key}`);
             }
-            wasmContext.__AddDataset(uniqueId, key, value);
+            wasmContext.add_dataset(uniqueId, key, value);
         },
         __GetDataset: (element) => {
             const uniqueId = element[uniqueIdSymbol];
-            return Object.assign(Object.create(null), wasmContext.__GetDataset(uniqueId));
+            return Object.assign(Object.create(null), wasmContext.get_dataset(uniqueId));
         },
         __GetDataByKey: (element, key) => {
             const uniqueId = element[uniqueIdSymbol];
-            return wasmContext.__GetDataByKey(uniqueId, key);
+            return wasmContext.get_data_by_key(uniqueId, key);
         },
         __SetAttribute(element, name, value) {
             if (name === 'update-list-info') {
@@ -255,12 +233,10 @@ export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_e
                 }
                 if (name === 'exposure-id') {
                     if (value != null) {
-                        const uniqueId = element[uniqueIdSymbol];
-                        mtsBinding.markExposureRelatedElementByUniqueId(uniqueId, true);
+                        mtsBinding.markExposureRelatedElementByUniqueId(element, true);
                     }
                     else {
-                        const uniqueId = element[uniqueIdSymbol];
-                        mtsBinding.markExposureRelatedElementByUniqueId(uniqueId, false);
+                        mtsBinding.markExposureRelatedElementByUniqueId(element, false);
                     }
                 }
                 else if (name === LYNX_TIMING_FLAG_ATTRIBUTE) {
@@ -271,11 +247,11 @@ export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_e
         __AddEvent,
         __GetEvent: (element, eventType, eventName) => {
             const uniqueId = element[uniqueIdSymbol];
-            return wasmContext.__GetEvent(uniqueId, eventType, eventName);
+            return wasmContext.get_event(uniqueId, eventType, eventName);
         },
         __GetEvents: (element) => {
             const uniqueId = element[uniqueIdSymbol];
-            return wasmContext.__GetEvents(uniqueId);
+            return wasmContext.get_events(uniqueId);
         },
         __SetEvents: (element, events) => {
             for (const event of events) {
@@ -326,7 +302,7 @@ export function createElementAPI(entryTemplateUrl, rootDom, mtsBinding, config_e
                 backgroundThread.markTiming('dispatch_end', pipelineId);
                 backgroundThread.flushTimingInfo();
             }
-            let timingFlagsAll = timingFlags.concat(wasmContext.__wasm_take_timing_flags());
+            let timingFlagsAll = timingFlags.concat(wasmContext.take_timing_flags());
             requestAnimationFrame(() => {
                 mtsBinding.postTimingFlags(timingFlagsAll, pipelineId);
             });

package/dist/client/wasm.d.ts

@@ -1,11 +1,3 @@
 export declare const wasmInstance: typeof import("../../binary/client/client.js"), wasmModule: WebAssembly.Module | undefined;
-export declare class DecodedStyle {
-    #private;
-    static webWorkerDecode(data: Uint8Array, configEnableCssSelector: boolean, entryName?: string): Uint8Array<ArrayBufferLike>;
-    readonly style_content: string;
-    readonly font_face_content: string;
-    constructor(data: Uint8Array);
-    query_css_og_declarations_by_css_id: InstanceType<typeof wasmInstance.DecodedStyleData>['query_css_og_declarations_by_css_id'];
-}
+export declare const templateManagerWasm: import("../../binary/client/client.js").TemplateManager | undefined;
 export type MainThreadWasmContext = typeof import('../../binary/client/client.js').MainThreadWasmContext;
-export type ElementTemplateSection = typeof import('../../binary/client/client.js').ElementTemplateSection;

package/dist/client/wasm.js

@@ -32,21 +32,7 @@ export const [wasmInstance, wasmModule] = await wasmLoaded;
 if (!isWorker) {
     wasmInstance.initSync({ module: wasmModule });
 }
-export class DecodedStyle {
-    static webWorkerDecode(data, configEnableCssSelector, entryName) {
-        return wasmInstance.DecodedStyleData.decode_into(data, entryName, configEnableCssSelector);
-    }
-    #styleData;
-    style_content;
-    font_face_content;
-    constructor(data) {
-        this.#styleData = new wasmInstance.DecodedStyleData(data);
-        // cache the string result to avoid multiple utf8 -> utf16 string transformation
-        this.style_content = this.#styleData.style_content;
-        this.font_face_content = this.#styleData.font_face_content;
-        this.query_css_og_declarations_by_css_id = this.#styleData
-            .query_css_og_declarations_by_css_id.bind(this.#styleData);
-    }
-    query_css_og_declarations_by_css_id;
-}
+export const templateManagerWasm = isWorker
+    ? undefined
+    : new wasmInstance.TemplateManager();
 //# sourceMappingURL=wasm.js.map

package/dist/client/webElementsDynamicLoader.d.ts

@@ -1,8 +1 @@
-import '@lynx-js/web-elements/XView';
-import '@lynx-js/web-elements/XText';
-import '@lynx-js/web-elements/XImage';
-import '@lynx-js/web-elements/XSvg';
-import '@lynx-js/web-elements/LynxWrapper';
-import '@lynx-js/web-elements/ScrollView';
-export declare function loadWebElement(id: number): Promise<void> | undefined;
 export declare function loadAllWebElements(): Promise<void>;

package/dist/client/webElementsDynamicLoader.js

@@ -3,78 +3,9 @@
  * 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 '@lynx-js/web-elements/XView';
-import '@lynx-js/web-elements/XText';
-import '@lynx-js/web-elements/XImage';
-import '@lynx-js/web-elements/XSvg';
-import '@lynx-js/web-elements/LynxWrapper';
-import '@lynx-js/web-elements/ScrollView';
-const loadedWebElementsCSSIds = new Set();
-export function loadWebElement(id) {
-    if (loadedWebElementsCSSIds.has(id)) {
-        return undefined;
-    }
-    let promise = undefined;
-    switch (id) {
-        case 0:
-            promise = import(
-            /* webpackChunkName: "web-elements-list" */
-            '@lynx-js/web-elements/XList');
-            break;
-        case 1:
-            promise = import(
-            /* webpackChunkName: "web-elements-swiper" */
-            '@lynx-js/web-elements/XSwiper');
-            break;
-        case 2:
-            promise = import(
-            /* webpackChunkName: "web-elements-input" */
-            '@lynx-js/web-elements/XInput');
-            break;
-        case 3:
-            promise = import(
-            /* webpackChunkName: "web-elements-textarea" */
-            '@lynx-js/web-elements/XTextarea');
-            break;
-        case 4:
-            promise = import(
-            /* webpackChunkName: "web-elements-audio" */
-            '@lynx-js/web-elements/XAudioTT');
-            break;
-        case 5:
-            promise = import(
-            /* webpackChunkName: "web-elements-foldview" */
-            '@lynx-js/web-elements/XFoldViewNg');
-            break;
-        case 6:
-            promise = import(
-            /* webpackChunkName: "web-elements-refrshview" */
-            '@lynx-js/web-elements/XRefreshView');
-            break;
-        case 7:
-            promise = import(
-            /* webpackChunkName: "web-elements-overlay" */
-            '@lynx-js/web-elements/XOverlayNg');
-            break;
-        case 8:
-            promise = import(
-            /* webpackChunkName: "web-elements-viewpager" */
-            '@lynx-js/web-elements/XViewpagerNg');
-            break;
-        default:
-    }
-    return promise?.then(() => {
-        loadedWebElementsCSSIds.add(id);
-    });
-}
 export function loadAllWebElements() {
-    const promises = [];
-    for (let i = 0; i <= 8; i++) {
-        const p = loadWebElement(i);
-        if (p) {
-            promises.push(p);
-        }
-    }
-    return Promise.all(promises);
+    return import(
+    /* webpackChunkName: "web-elements" */
+    '@lynx-js/web-elements/all').then(() => { });
 }
 //# sourceMappingURL=webElementsDynamicLoader.js.map