@lynx-js/web-core-wasm 0.0.3 → 0.0.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @lynx-js/web-core-wasm
 
+## 0.0.4
+
+### Patch Changes
+
+- Refactor web element templates and server-side rendering logic ([#2205](https://github.com/lynx-family/lynx-stack/pull/2205))
+
+- Updated dependencies [[`94e5779`](https://github.com/lynx-family/lynx-stack/commit/94e57796c39e9cab1f3790a1986aeacea6a7484e), [`9033e2d`](https://github.com/lynx-family/lynx-stack/commit/9033e2d6c7c0c2405ecbbf73446239dd65b4a177)]:
+  - @lynx-js/web-elements@0.11.3
+  - @lynx-js/css-serializer@0.1.4
+
 ## 0.0.3
 
 ### Patch Changes

package/binary/client/client.d.ts

@@ -35,7 +35,7 @@ export class MainThreadWasmContext {
     get_events(unique_id: number): EventInfo[];
     get_unique_id_by_component_id(component_id: string): number | undefined;
     constructor(root_node: Node, mts_binding: any, config_enable_css_selector: boolean);
-    push_style_sheet(template_manager: TemplateManager, entry_name: string, is_entry_template: boolean): void;
+    push_style_sheet(style_info: StyleSheetResource, entry_name?: string | null): void;
     /**
      *
      *   * key: String
@@ -146,11 +146,10 @@ export class Selector {
     push_one_selector_section(selector_type: string, value: string): void;
 }
 
-export class TemplateManager {
+export class StyleSheetResource {
     free(): void;
     [Symbol.dispose](): void;
-    add_style_info(template_name: string, buf: Uint8Array, document: Document): void;
-    constructor();
+    constructor(buffer: Uint8Array, _document: any);
 }
 
 /**
@@ -191,7 +190,7 @@ export interface InitOutput {
     readonly __wbg_set_eventinfo_event_handler: (a: number, b: any) => void;
     readonly __wbg_set_eventinfo_event_name: (a: number, b: number, c: number) => void;
     readonly __wbg_set_eventinfo_event_type: (a: number, b: number, c: number) => void;
-    readonly __wbg_templatemanager_free: (a: number, b: number) => void;
+    readonly __wbg_stylesheetresource_free: (a: number, b: number) => void;
     readonly add_inline_style_raw_string_key: (a: any, b: number, c: number, d: number, e: number) => void;
     readonly decode_style_info: (a: any, b: number, c: number, d: number) => [number, number, number];
     readonly encode_legacy_json_generated_raw_style_info: (a: number, b: number, c: number, d: number) => [number, number, number];
@@ -215,7 +214,7 @@ export interface InitOutput {
     readonly mainthreadwasmcontext_get_events: (a: number, b: number) => [number, number];
     readonly mainthreadwasmcontext_get_unique_id_by_component_id: (a: number, b: number, c: number) => number;
     readonly mainthreadwasmcontext_new: (a: any, b: any, c: number) => number;
-    readonly mainthreadwasmcontext_push_style_sheet: (a: number, b: number, c: number, d: number, e: number) => [number, number];
+    readonly mainthreadwasmcontext_push_style_sheet: (a: number, b: number, c: number, d: number) => [number, number];
     readonly mainthreadwasmcontext_set_config: (a: number, b: number, c: any) => [number, number];
     readonly mainthreadwasmcontext_set_css_id: (a: number, b: number, c: number, d: number, e: number, f: number) => [number, number];
     readonly mainthreadwasmcontext_set_dataset: (a: number, b: number, c: any, d: any) => [number, number];
@@ -235,8 +234,7 @@ export interface InitOutput {
     readonly selector_push_one_selector_section: (a: number, b: number, c: number, d: number, e: number) => [number, number];
     readonly set_inline_styles_in_str: (a: any, b: number, c: number) => number;
     readonly set_inline_styles_number_key: (a: any, b: number, c: number, d: number) => void;
-    readonly templatemanager_add_style_info: (a: number, b: number, c: number, d: any, e: any) => [number, number];
-    readonly templatemanager_new: () => number;
+    readonly stylesheetresource_new: (a: any, b: any) => [number, number, number];
     readonly selector_new: () => number;
     readonly __wbindgen_malloc: (a: number, b: number) => number;
     readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;

package/binary/client/client.js

@@ -300,15 +300,14 @@ export class MainThreadWasmContext {
         return this;
     }
     /**
-     * @param {TemplateManager} template_manager
-     * @param {string} entry_name
-     * @param {boolean} is_entry_template
+     * @param {StyleSheetResource} style_info
+     * @param {string | null} [entry_name]
      */
-    push_style_sheet(template_manager, entry_name, is_entry_template) {
-        _assertClass(template_manager, TemplateManager);
-        const ptr0 = passStringToWasm0(entry_name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len0 = WASM_VECTOR_LEN;
-        const ret = wasm.mainthreadwasmcontext_push_style_sheet(this.__wbg_ptr, template_manager.__wbg_ptr, ptr0, len0, is_entry_template);
+    push_style_sheet(style_info, entry_name) {
+        _assertClass(style_info, StyleSheetResource);
+        var ptr0 = isLikeNone(entry_name) ? 0 : passStringToWasm0(entry_name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        var len0 = WASM_VECTOR_LEN;
+        const ret = wasm.mainthreadwasmcontext_push_style_sheet(this.__wbg_ptr, style_info.__wbg_ptr, ptr0, len0);
         if (ret[1]) {
             throw takeFromExternrefTable0(ret[0]);
         }
@@ -596,38 +595,32 @@ export class Selector {
 }
 if (Symbol.dispose) Selector.prototype[Symbol.dispose] = Selector.prototype.free;
 
-export class TemplateManager {
+export class StyleSheetResource {
     __destroy_into_raw() {
         const ptr = this.__wbg_ptr;
         this.__wbg_ptr = 0;
-        TemplateManagerFinalization.unregister(this);
+        StyleSheetResourceFinalization.unregister(this);
         return ptr;
     }
     free() {
         const ptr = this.__destroy_into_raw();
-        wasm.__wbg_templatemanager_free(ptr, 0);
+        wasm.__wbg_stylesheetresource_free(ptr, 0);
     }
     /**
-     * @param {string} template_name
-     * @param {Uint8Array} buf
-     * @param {Document} document
+     * @param {Uint8Array} buffer
+     * @param {any} _document
      */
-    add_style_info(template_name, buf, document) {
-        const ptr0 = passStringToWasm0(template_name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len0 = WASM_VECTOR_LEN;
-        const ret = wasm.templatemanager_add_style_info(this.__wbg_ptr, ptr0, len0, buf, document);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    constructor(buffer, _document) {
+        const ret = wasm.stylesheetresource_new(buffer, _document);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
         }
-    }
-    constructor() {
-        const ret = wasm.templatemanager_new();
-        this.__wbg_ptr = ret >>> 0;
-        TemplateManagerFinalization.register(this, this.__wbg_ptr, this);
+        this.__wbg_ptr = ret[0] >>> 0;
+        StyleSheetResourceFinalization.register(this, this.__wbg_ptr, this);
         return this;
     }
 }
-if (Symbol.dispose) TemplateManager.prototype[Symbol.dispose] = TemplateManager.prototype.free;
+if (Symbol.dispose) StyleSheetResource.prototype[Symbol.dispose] = StyleSheetResource.prototype.free;
 
 /**
  *
@@ -974,9 +967,9 @@ const RulePreludeFinalization = (typeof FinalizationRegistry === 'undefined')
 const SelectorFinalization = (typeof FinalizationRegistry === 'undefined')
     ? { register: () => {}, unregister: () => {} }
     : new FinalizationRegistry(ptr => wasm.__wbg_selector_free(ptr >>> 0, 1));
-const TemplateManagerFinalization = (typeof FinalizationRegistry === 'undefined')
+const StyleSheetResourceFinalization = (typeof FinalizationRegistry === 'undefined')
     ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_templatemanager_free(ptr >>> 0, 1));
+    : new FinalizationRegistry(ptr => wasm.__wbg_stylesheetresource_free(ptr >>> 0, 1));
 
 function addToExternrefTable0(obj) {
     const idx = wasm.__externref_table_alloc();

package/binary/client/client_bg.wasm.d.ts

@@ -13,7 +13,7 @@ export const __wbg_selector_free: (a: number, b: number) => void;
 export const __wbg_set_eventinfo_event_handler: (a: number, b: any) => void;
 export const __wbg_set_eventinfo_event_name: (a: number, b: number, c: number) => void;
 export const __wbg_set_eventinfo_event_type: (a: number, b: number, c: number) => void;
-export const __wbg_templatemanager_free: (a: number, b: number) => void;
+export const __wbg_stylesheetresource_free: (a: number, b: number) => void;
 export const add_inline_style_raw_string_key: (a: any, b: number, c: number, d: number, e: number) => void;
 export const decode_style_info: (a: any, b: number, c: number, d: number) => [number, number, number];
 export const encode_legacy_json_generated_raw_style_info: (a: number, b: number, c: number, d: number) => [number, number, number];
@@ -37,7 +37,7 @@ export const mainthreadwasmcontext_get_event: (a: number, b: number, c: number,
 export const mainthreadwasmcontext_get_events: (a: number, b: number) => [number, number];
 export const mainthreadwasmcontext_get_unique_id_by_component_id: (a: number, b: number, c: number) => number;
 export const mainthreadwasmcontext_new: (a: any, b: any, c: number) => number;
-export const mainthreadwasmcontext_push_style_sheet: (a: number, b: number, c: number, d: number, e: number) => [number, number];
+export const mainthreadwasmcontext_push_style_sheet: (a: number, b: number, c: number, d: number) => [number, number];
 export const mainthreadwasmcontext_set_config: (a: number, b: number, c: any) => [number, number];
 export const mainthreadwasmcontext_set_css_id: (a: number, b: number, c: number, d: number, e: number, f: number) => [number, number];
 export const mainthreadwasmcontext_set_dataset: (a: number, b: number, c: any, d: any) => [number, number];
@@ -57,8 +57,7 @@ export const ruleprelude_push_selector: (a: number, b: number) => void;
 export const selector_push_one_selector_section: (a: number, b: number, c: number, d: number, e: number) => [number, number];
 export const set_inline_styles_in_str: (a: any, b: number, c: number) => number;
 export const set_inline_styles_number_key: (a: any, b: number, c: number, d: number) => void;
-export const templatemanager_add_style_info: (a: number, b: number, c: number, d: any, e: any) => [number, number];
-export const templatemanager_new: () => number;
+export const stylesheetresource_new: (a: any, b: any) => [number, number, number];
 export const selector_new: () => number;
 export const __wbindgen_malloc: (a: number, b: number) => number;
 export const __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;

package/binary/client/client_debug.d.ts

@@ -35,7 +35,7 @@ export class MainThreadWasmContext {
     get_events(unique_id: number): EventInfo[];
     get_unique_id_by_component_id(component_id: string): number | undefined;
     constructor(root_node: Node, mts_binding: any, config_enable_css_selector: boolean);
-    push_style_sheet(template_manager: TemplateManager, entry_name: string, is_entry_template: boolean): void;
+    push_style_sheet(style_info: StyleSheetResource, entry_name?: string | null): void;
     /**
      *
      *   * key: String
@@ -146,11 +146,10 @@ export class Selector {
     push_one_selector_section(selector_type: string, value: string): void;
 }
 
-export class TemplateManager {
+export class StyleSheetResource {
     free(): void;
     [Symbol.dispose](): void;
-    add_style_info(template_name: string, buf: Uint8Array, document: Document): void;
-    constructor();
+    constructor(buffer: Uint8Array, _document: any);
 }
 
 /**
@@ -179,42 +178,14 @@ export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembl
 
 export interface InitOutput {
     readonly memory: WebAssembly.Memory;
-    readonly mainthreadwasmcontext_get_component_id: (a: number, b: number) => [number, number, number, number];
-    readonly mainthreadwasmcontext_get_config: (a: number, b: number) => [number, number, number];
-    readonly mainthreadwasmcontext_get_element_config: (a: number, b: number) => [number, number, number];
-    readonly mainthreadwasmcontext_set_config: (a: number, b: number, c: any) => [number, number];
-    readonly mainthreadwasmcontext_update_component_id: (a: number, b: number, c: number, d: number) => [number, number];
-    readonly __wbg_eventinfo_free: (a: number, b: number) => void;
-    readonly __wbg_get_eventinfo_event_handler: (a: number) => any;
-    readonly __wbg_get_eventinfo_event_name: (a: number) => [number, number];
-    readonly __wbg_get_eventinfo_event_type: (a: number) => [number, number];
-    readonly __wbg_set_eventinfo_event_handler: (a: number, b: any) => void;
-    readonly __wbg_set_eventinfo_event_name: (a: number, b: number, c: number) => void;
-    readonly __wbg_set_eventinfo_event_type: (a: number, b: number, c: number) => void;
-    readonly mainthreadwasmcontext_add_cross_thread_event: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number) => void;
-    readonly mainthreadwasmcontext_add_run_worklet_event: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
-    readonly mainthreadwasmcontext_common_event_handler: (a: number, b: any, c: number, d: number, e: number, f: number) => void;
-    readonly mainthreadwasmcontext_dispatch_event_by_path: (a: number, b: number, c: number, d: number, e: number, f: number, g: any) => number;
-    readonly mainthreadwasmcontext_get_event: (a: number, b: number, c: number, d: number, e: number, f: number) => any;
-    readonly mainthreadwasmcontext_get_events: (a: number, b: number) => [number, number];
-    readonly __wbg_mainthreadwasmcontext_free: (a: number, b: number) => void;
-    readonly mainthreadwasmcontext_create_element_common: (a: number, b: number, c: any, d: number, e: number, f: number) => number;
-    readonly mainthreadwasmcontext_get_css_id_by_unique_id: (a: number, b: number) => number;
-    readonly mainthreadwasmcontext_get_dom_by_unique_id: (a: number, b: number) => any;
-    readonly mainthreadwasmcontext_get_unique_id_by_component_id: (a: number, b: number, c: number) => number;
-    readonly mainthreadwasmcontext_new: (a: any, b: any, c: number) => number;
-    readonly mainthreadwasmcontext_push_style_sheet: (a: number, b: number, c: number, d: number, e: number) => [number, number];
-    readonly mainthreadwasmcontext_set_page_element_unique_id: (a: number, b: number) => void;
-    readonly mainthreadwasmcontext_take_timing_flags: (a: number) => [number, number];
     readonly add_inline_style_raw_string_key: (a: any, b: number, c: number, d: number, e: number) => void;
     readonly get_inline_styles_in_key_value_vec: (a: any, b: number, c: number) => void;
     readonly mainthreadwasmcontext_set_css_id: (a: number, b: number, c: number, d: number, e: number, f: number) => [number, number];
     readonly mainthreadwasmcontext_update_css_og_style: (a: number, b: number, c: number, d: number) => [number, number];
     readonly set_inline_styles_in_str: (a: any, b: number, c: number) => number;
     readonly set_inline_styles_number_key: (a: any, b: number, c: number, d: number) => void;
-    readonly __wbg_templatemanager_free: (a: number, b: number) => void;
-    readonly templatemanager_add_style_info: (a: number, b: number, c: number, d: any, e: any) => [number, number];
-    readonly templatemanager_new: () => number;
+    readonly __wbg_stylesheetresource_free: (a: number, b: number) => void;
+    readonly stylesheetresource_new: (a: any, b: any) => [number, number, number];
     readonly __wbg_rawstyleinfo_free: (a: number, b: number) => void;
     readonly __wbg_rule_free: (a: number, b: number) => void;
     readonly __wbg_ruleprelude_free: (a: number, b: number) => void;
@@ -234,10 +205,37 @@ export interface InitOutput {
     readonly mainthreadwasmcontext_get_data_by_key: (a: number, b: number, c: number, d: number) => [number, number, number];
     readonly mainthreadwasmcontext_get_dataset: (a: number, b: number) => [number, number, number];
     readonly mainthreadwasmcontext_set_dataset: (a: number, b: number, c: any, d: any) => [number, number];
+    readonly mainthreadwasmcontext_get_component_id: (a: number, b: number) => [number, number, number, number];
+    readonly mainthreadwasmcontext_get_config: (a: number, b: number) => [number, number, number];
+    readonly mainthreadwasmcontext_get_element_config: (a: number, b: number) => [number, number, number];
+    readonly mainthreadwasmcontext_set_config: (a: number, b: number, c: any) => [number, number];
+    readonly mainthreadwasmcontext_update_component_id: (a: number, b: number, c: number, d: number) => [number, number];
+    readonly __wbg_mainthreadwasmcontext_free: (a: number, b: number) => void;
+    readonly mainthreadwasmcontext_create_element_common: (a: number, b: number, c: any, d: number, e: number, f: number) => number;
+    readonly mainthreadwasmcontext_get_css_id_by_unique_id: (a: number, b: number) => number;
+    readonly mainthreadwasmcontext_get_dom_by_unique_id: (a: number, b: number) => any;
+    readonly mainthreadwasmcontext_get_unique_id_by_component_id: (a: number, b: number, c: number) => number;
+    readonly mainthreadwasmcontext_new: (a: any, b: any, c: number) => number;
+    readonly mainthreadwasmcontext_push_style_sheet: (a: number, b: number, c: number, d: number) => [number, number];
+    readonly mainthreadwasmcontext_set_page_element_unique_id: (a: number, b: number) => void;
+    readonly mainthreadwasmcontext_take_timing_flags: (a: number) => [number, number];
     readonly decode_style_info: (a: any, b: number, c: number, d: number) => [number, number, number];
     readonly encode_legacy_json_generated_raw_style_info: (a: number, b: number, c: number, d: number) => [number, number, number];
     readonly get_font_face_content: (a: any) => [number, number, number, number];
     readonly get_style_content: (a: any) => [number, number, number, number];
+    readonly __wbg_eventinfo_free: (a: number, b: number) => void;
+    readonly __wbg_get_eventinfo_event_handler: (a: number) => any;
+    readonly __wbg_get_eventinfo_event_name: (a: number) => [number, number];
+    readonly __wbg_get_eventinfo_event_type: (a: number) => [number, number];
+    readonly __wbg_set_eventinfo_event_handler: (a: number, b: any) => void;
+    readonly __wbg_set_eventinfo_event_name: (a: number, b: number, c: number) => void;
+    readonly __wbg_set_eventinfo_event_type: (a: number, b: number, c: number) => void;
+    readonly mainthreadwasmcontext_add_cross_thread_event: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number) => void;
+    readonly mainthreadwasmcontext_add_run_worklet_event: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
+    readonly mainthreadwasmcontext_common_event_handler: (a: number, b: any, c: number, d: number, e: number, f: number) => void;
+    readonly mainthreadwasmcontext_dispatch_event_by_path: (a: number, b: number, c: number, d: number, e: number, f: number, g: any) => number;
+    readonly mainthreadwasmcontext_get_event: (a: number, b: number, c: number, d: number, e: number, f: number) => any;
+    readonly mainthreadwasmcontext_get_events: (a: number, b: number) => [number, number];
     readonly __wbindgen_malloc: (a: number, b: number) => number;
     readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
     readonly __wbindgen_exn_store: (a: number) => void;

package/binary/client/client_debug.js

@@ -300,15 +300,14 @@ export class MainThreadWasmContext {
         return this;
     }
     /**
-     * @param {TemplateManager} template_manager
-     * @param {string} entry_name
-     * @param {boolean} is_entry_template
+     * @param {StyleSheetResource} style_info
+     * @param {string | null} [entry_name]
      */
-    push_style_sheet(template_manager, entry_name, is_entry_template) {
-        _assertClass(template_manager, TemplateManager);
-        const ptr0 = passStringToWasm0(entry_name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len0 = WASM_VECTOR_LEN;
-        const ret = wasm.mainthreadwasmcontext_push_style_sheet(this.__wbg_ptr, template_manager.__wbg_ptr, ptr0, len0, is_entry_template);
+    push_style_sheet(style_info, entry_name) {
+        _assertClass(style_info, StyleSheetResource);
+        var ptr0 = isLikeNone(entry_name) ? 0 : passStringToWasm0(entry_name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        var len0 = WASM_VECTOR_LEN;
+        const ret = wasm.mainthreadwasmcontext_push_style_sheet(this.__wbg_ptr, style_info.__wbg_ptr, ptr0, len0);
         if (ret[1]) {
             throw takeFromExternrefTable0(ret[0]);
         }
@@ -596,38 +595,32 @@ export class Selector {
 }
 if (Symbol.dispose) Selector.prototype[Symbol.dispose] = Selector.prototype.free;
 
-export class TemplateManager {
+export class StyleSheetResource {
     __destroy_into_raw() {
         const ptr = this.__wbg_ptr;
         this.__wbg_ptr = 0;
-        TemplateManagerFinalization.unregister(this);
+        StyleSheetResourceFinalization.unregister(this);
         return ptr;
     }
     free() {
         const ptr = this.__destroy_into_raw();
-        wasm.__wbg_templatemanager_free(ptr, 0);
+        wasm.__wbg_stylesheetresource_free(ptr, 0);
     }
     /**
-     * @param {string} template_name
-     * @param {Uint8Array} buf
-     * @param {Document} document
+     * @param {Uint8Array} buffer
+     * @param {any} _document
      */
-    add_style_info(template_name, buf, document) {
-        const ptr0 = passStringToWasm0(template_name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len0 = WASM_VECTOR_LEN;
-        const ret = wasm.templatemanager_add_style_info(this.__wbg_ptr, ptr0, len0, buf, document);
-        if (ret[1]) {
-            throw takeFromExternrefTable0(ret[0]);
+    constructor(buffer, _document) {
+        const ret = wasm.stylesheetresource_new(buffer, _document);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
         }
-    }
-    constructor() {
-        const ret = wasm.templatemanager_new();
-        this.__wbg_ptr = ret >>> 0;
-        TemplateManagerFinalization.register(this, this.__wbg_ptr, this);
+        this.__wbg_ptr = ret[0] >>> 0;
+        StyleSheetResourceFinalization.register(this, this.__wbg_ptr, this);
         return this;
     }
 }
-if (Symbol.dispose) TemplateManager.prototype[Symbol.dispose] = TemplateManager.prototype.free;
+if (Symbol.dispose) StyleSheetResource.prototype[Symbol.dispose] = StyleSheetResource.prototype.free;
 
 /**
  *
@@ -974,9 +967,9 @@ const RulePreludeFinalization = (typeof FinalizationRegistry === 'undefined')
 const SelectorFinalization = (typeof FinalizationRegistry === 'undefined')
     ? { register: () => {}, unregister: () => {} }
     : new FinalizationRegistry(ptr => wasm.__wbg_selector_free(ptr >>> 0, 1));
-const TemplateManagerFinalization = (typeof FinalizationRegistry === 'undefined')
+const StyleSheetResourceFinalization = (typeof FinalizationRegistry === 'undefined')
     ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_templatemanager_free(ptr >>> 0, 1));
+    : new FinalizationRegistry(ptr => wasm.__wbg_stylesheetresource_free(ptr >>> 0, 1));
 
 function addToExternrefTable0(obj) {
     const idx = wasm.__externref_table_alloc();

package/binary/client/client_debug_bg.wasm.d.ts

@@ -1,42 +1,14 @@
 /* tslint:disable */
 /* eslint-disable */
 export const memory: WebAssembly.Memory;
-export const mainthreadwasmcontext_get_component_id: (a: number, b: number) => [number, number, number, number];
-export const mainthreadwasmcontext_get_config: (a: number, b: number) => [number, number, number];
-export const mainthreadwasmcontext_get_element_config: (a: number, b: number) => [number, number, number];
-export const mainthreadwasmcontext_set_config: (a: number, b: number, c: any) => [number, number];
-export const mainthreadwasmcontext_update_component_id: (a: number, b: number, c: number, d: number) => [number, number];
-export const __wbg_eventinfo_free: (a: number, b: number) => void;
-export const __wbg_get_eventinfo_event_handler: (a: number) => any;
-export const __wbg_get_eventinfo_event_name: (a: number) => [number, number];
-export const __wbg_get_eventinfo_event_type: (a: number) => [number, number];
-export const __wbg_set_eventinfo_event_handler: (a: number, b: any) => void;
-export const __wbg_set_eventinfo_event_name: (a: number, b: number, c: number) => void;
-export const __wbg_set_eventinfo_event_type: (a: number, b: number, c: number) => void;
-export const mainthreadwasmcontext_add_cross_thread_event: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number) => void;
-export const mainthreadwasmcontext_add_run_worklet_event: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
-export const mainthreadwasmcontext_common_event_handler: (a: number, b: any, c: number, d: number, e: number, f: number) => void;
-export const mainthreadwasmcontext_dispatch_event_by_path: (a: number, b: number, c: number, d: number, e: number, f: number, g: any) => number;
-export const mainthreadwasmcontext_get_event: (a: number, b: number, c: number, d: number, e: number, f: number) => any;
-export const mainthreadwasmcontext_get_events: (a: number, b: number) => [number, number];
-export const __wbg_mainthreadwasmcontext_free: (a: number, b: number) => void;
-export const mainthreadwasmcontext_create_element_common: (a: number, b: number, c: any, d: number, e: number, f: number) => number;
-export const mainthreadwasmcontext_get_css_id_by_unique_id: (a: number, b: number) => number;
-export const mainthreadwasmcontext_get_dom_by_unique_id: (a: number, b: number) => any;
-export const mainthreadwasmcontext_get_unique_id_by_component_id: (a: number, b: number, c: number) => number;
-export const mainthreadwasmcontext_new: (a: any, b: any, c: number) => number;
-export const mainthreadwasmcontext_push_style_sheet: (a: number, b: number, c: number, d: number, e: number) => [number, number];
-export const mainthreadwasmcontext_set_page_element_unique_id: (a: number, b: number) => void;
-export const mainthreadwasmcontext_take_timing_flags: (a: number) => [number, number];
 export const add_inline_style_raw_string_key: (a: any, b: number, c: number, d: number, e: number) => void;
 export const get_inline_styles_in_key_value_vec: (a: any, b: number, c: number) => void;
 export const mainthreadwasmcontext_set_css_id: (a: number, b: number, c: number, d: number, e: number, f: number) => [number, number];
 export const mainthreadwasmcontext_update_css_og_style: (a: number, b: number, c: number, d: number) => [number, number];
 export const set_inline_styles_in_str: (a: any, b: number, c: number) => number;
 export const set_inline_styles_number_key: (a: any, b: number, c: number, d: number) => void;
-export const __wbg_templatemanager_free: (a: number, b: number) => void;
-export const templatemanager_add_style_info: (a: number, b: number, c: number, d: any, e: any) => [number, number];
-export const templatemanager_new: () => number;
+export const __wbg_stylesheetresource_free: (a: number, b: number) => void;
+export const stylesheetresource_new: (a: any, b: any) => [number, number, number];
 export const __wbg_rawstyleinfo_free: (a: number, b: number) => void;
 export const __wbg_rule_free: (a: number, b: number) => void;
 export const __wbg_ruleprelude_free: (a: number, b: number) => void;
@@ -56,10 +28,37 @@ export const mainthreadwasmcontext_add_dataset: (a: number, b: number, c: any, d
 export const mainthreadwasmcontext_get_data_by_key: (a: number, b: number, c: number, d: number) => [number, number, number];
 export const mainthreadwasmcontext_get_dataset: (a: number, b: number) => [number, number, number];
 export const mainthreadwasmcontext_set_dataset: (a: number, b: number, c: any, d: any) => [number, number];
+export const mainthreadwasmcontext_get_component_id: (a: number, b: number) => [number, number, number, number];
+export const mainthreadwasmcontext_get_config: (a: number, b: number) => [number, number, number];
+export const mainthreadwasmcontext_get_element_config: (a: number, b: number) => [number, number, number];
+export const mainthreadwasmcontext_set_config: (a: number, b: number, c: any) => [number, number];
+export const mainthreadwasmcontext_update_component_id: (a: number, b: number, c: number, d: number) => [number, number];
+export const __wbg_mainthreadwasmcontext_free: (a: number, b: number) => void;
+export const mainthreadwasmcontext_create_element_common: (a: number, b: number, c: any, d: number, e: number, f: number) => number;
+export const mainthreadwasmcontext_get_css_id_by_unique_id: (a: number, b: number) => number;
+export const mainthreadwasmcontext_get_dom_by_unique_id: (a: number, b: number) => any;
+export const mainthreadwasmcontext_get_unique_id_by_component_id: (a: number, b: number, c: number) => number;
+export const mainthreadwasmcontext_new: (a: any, b: any, c: number) => number;
+export const mainthreadwasmcontext_push_style_sheet: (a: number, b: number, c: number, d: number) => [number, number];
+export const mainthreadwasmcontext_set_page_element_unique_id: (a: number, b: number) => void;
+export const mainthreadwasmcontext_take_timing_flags: (a: number) => [number, number];
 export const decode_style_info: (a: any, b: number, c: number, d: number) => [number, number, number];
 export const encode_legacy_json_generated_raw_style_info: (a: number, b: number, c: number, d: number) => [number, number, number];
 export const get_font_face_content: (a: any) => [number, number, number, number];
 export const get_style_content: (a: any) => [number, number, number, number];
+export const __wbg_eventinfo_free: (a: number, b: number) => void;
+export const __wbg_get_eventinfo_event_handler: (a: number) => any;
+export const __wbg_get_eventinfo_event_name: (a: number) => [number, number];
+export const __wbg_get_eventinfo_event_type: (a: number) => [number, number];
+export const __wbg_set_eventinfo_event_handler: (a: number, b: any) => void;
+export const __wbg_set_eventinfo_event_name: (a: number, b: number, c: number) => void;
+export const __wbg_set_eventinfo_event_type: (a: number, b: number, c: number) => void;
+export const mainthreadwasmcontext_add_cross_thread_event: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number) => void;
+export const mainthreadwasmcontext_add_run_worklet_event: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
+export const mainthreadwasmcontext_common_event_handler: (a: number, b: any, c: number, d: number, e: number, f: number) => void;
+export const mainthreadwasmcontext_dispatch_event_by_path: (a: number, b: number, c: number, d: number, e: number, f: number, g: any) => number;
+export const mainthreadwasmcontext_get_event: (a: number, b: number, c: number, d: number, e: number, f: number) => any;
+export const mainthreadwasmcontext_get_events: (a: number, b: number) => [number, number];
 export const __wbindgen_malloc: (a: number, b: number) => number;
 export const __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
 export const __wbindgen_exn_store: (a: number) => void;

package/binary/encode/encode_debug_bg.wasm.d.ts

@@ -1,6 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 export const memory: WebAssembly.Memory;
+export const __wbg_styleinfodecoder_free: (a: number, b: number) => void;
 export const __wbg_rawstyleinfo_free: (a: number, b: number) => void;
 export const __wbg_rule_free: (a: number, b: number) => void;
 export const __wbg_ruleprelude_free: (a: number, b: number) => void;
@@ -21,7 +22,6 @@ export const decode_style_info: (a: any, b: number, c: number, d: number) => [nu
 export const encode_legacy_json_generated_raw_style_info: (a: number, b: number, c: number, d: number) => [number, number, number];
 export const get_font_face_content: (a: any) => [number, number, number, number];
 export const get_style_content: (a: any) => [number, number, number, number];
-export const __wbg_styleinfodecoder_free: (a: number, b: number) => void;
 export const __wbindgen_malloc: (a: number, b: number) => number;
 export const __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
 export const __wbindgen_externrefs: WebAssembly.Table;

package/binary/server/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "module",
+  "dependencies": {}
+}

package/binary/server/server.d.ts

@@ -0,0 +1,134 @@
+/* tslint:disable */
+/* eslint-disable */
+
+export class MainThreadServerContext {
+    free(): void;
+    [Symbol.dispose](): void;
+    add_class(element_id: number, class_name: string): void;
+    add_inline_style_raw_string_key(element_id: number, key: string, value?: string | null): void;
+    append_child(parent_id: number, child_id: number): void;
+    create_element(tag_name: string, parent_component_unique_id?: number | null, css_id_opt?: number | null, component_id?: string | null): number;
+    generate_html(element_id: number): string;
+    get_attribute(element_id: number, key: string): string | undefined;
+    get_attributes(element_id: number): object;
+    get_inline_styles_in_key_value_vec(element_id: number, k_v_vec: string[]): void;
+    get_page_css(): string;
+    get_tag(element_id: number): string | undefined;
+    constructor(view_attributes: string, enable_css_selector: boolean);
+    push_style_sheet(resource: StyleSheetResource, entry_name?: string | null): void;
+    remove_attribute(element_id: number, key: string): void;
+    set_attribute(element_id: number, key: string, value: string): void;
+    set_css_id(elements_unique_id: Uint32Array, css_id: number, entry_name?: string | null): void;
+    set_inline_styles_in_str(element_id: number, styles: string): boolean;
+    set_inline_styles_number_key(element_id: number, key: number, value?: string | null): void;
+    update_css_og_style(unique_id: number, entry_name?: string | null): void;
+}
+
+export class RawStyleInfo {
+    free(): void;
+    [Symbol.dispose](): void;
+    /**
+     *
+     *   * Appends an import to the stylesheet identified by `css_id`.
+     *   * If the stylesheet does not exist, it is created.
+     *   * @param css_id - The ID of the CSS file.
+     *   * @param import_css_id - The ID of the imported CSS file.
+     *
+     */
+    append_import(css_id: number, import_css_id: number): void;
+    constructor();
+    /**
+     *
+     *   * Pushes a rule to the stylesheet identified by `css_id`.
+     *   * If the stylesheet does not exist, it is created.
+     *   * @param css_id - The ID of the CSS file.
+     *   * @param rule - The rule to append.
+     *
+     */
+    push_rule(css_id: number, rule: Rule): void;
+}
+
+export class Rule {
+    free(): void;
+    [Symbol.dispose](): void;
+    /**
+     *
+     *   * Creates a new Rule with the specified type.
+     *   * @param rule_type - The type of the rule (e.g., "StyleRule", "FontFaceRule", "KeyframesRule").
+     *
+     */
+    constructor(rule_type: string);
+    /**
+     *
+     *   * Pushes a declaration to the rule's declaration block.
+     *   * LynxJS doesn't support !important
+     *   * @param property_name - The property name.
+     *   * @param value - The property value.
+     *
+     */
+    push_declaration(property_name: string, value: string): void;
+    /**
+     *
+     *   * Pushes a nested rule to the rule.
+     *   * @param rule - The nested rule to add.
+     *
+     */
+    push_rule_children(rule: Rule): void;
+    /**
+     *
+     *   * Sets the prelude for the rule.
+     *   * @param prelude - The prelude to set (SelectorList or KeyFramesPrelude).
+     *
+     */
+    set_prelude(prelude: RulePrelude): void;
+}
+
+/**
+ *
+ * * Either SelectorList or KeyFramesPrelude
+ * * Depending on the RuleType
+ * * If it is SelectorList, then selectors is a list of Selector
+ * * If it is KeyFramesPrelude, then selectors has only one selector which is Prelude text, its simple_selectors is empty
+ * * If the parent is FontFace, then selectors is empty
+ *
+ */
+export class RulePrelude {
+    free(): void;
+    [Symbol.dispose](): void;
+    constructor();
+    /**
+     *
+     *   * Pushes a selector to the list.
+     *   * @param selector - The selector to add.
+     *
+     */
+    push_selector(selector: Selector): void;
+}
+
+export class Selector {
+    free(): void;
+    [Symbol.dispose](): void;
+    constructor();
+    /**
+     *
+     *   * Pushes a selector section to the selector.
+     *   * @param selector_type - The type of the selector section (e.g., "ClassSelector", "IdSelector").
+     *   * @param value - The value of the selector section.
+     *
+     */
+    push_one_selector_section(selector_type: string, value: string): void;
+}
+
+export class StyleSheetResource {
+    free(): void;
+    [Symbol.dispose](): void;
+    constructor(buffer: Uint8Array, _document: any);
+}
+
+export function decode_style_info(buffer: Uint8Array, entry_name: string | null | undefined, config_enable_css_selector: boolean): Uint8Array;
+
+export function encode_legacy_json_generated_raw_style_info(raw_style_info: RawStyleInfo, config_enable_css_selector: boolean, entry_name?: string | null): Uint8Array;
+
+export function get_font_face_content(buffer: Uint8Array): string;
+
+export function get_style_content(buffer: Uint8Array): string;