diff --git a/.changeset/fix-component-cssid.md b/.changeset/fix-component-cssid.md new file mode 100644 index 0000000000..8f28e245f5 --- /dev/null +++ b/.changeset/fix-component-cssid.md @@ -0,0 +1,5 @@ +--- +"@lynx-js/web-core": patch +--- + +Fix componentCSSID behavior for SSR and main thread by calculating element css_id from parent component correctly. diff --git a/packages/web-platform/web-core/binary/client/client.d.ts b/packages/web-platform/web-core/binary/client/client.d.ts index 9d23d7e787..9be1bc9de0 100644 --- a/packages/web-platform/web-core/binary/client/client.d.ts +++ b/packages/web-platform/web-core/binary/client/client.d.ts @@ -22,13 +22,12 @@ export class MainThreadWasmContext { add_dataset(unique_id: number, key: any, value: any): void; add_run_worklet_event(unique_id: number, event_type: string, event_name: string, event_handler_identifier?: any | null): void; common_event_handler(event: any, bubble_unique_id_path: Uint32Array, event_name: string, is_bubble: boolean): void; - create_element_common(parent_component_unique_id: number, dom: HTMLElement, dom_ref: WeakRef, css_id?: number | null, component_id?: string | null): number; + create_element_common(parent_component_unique_id: number, dom: HTMLElement, dom_ref: WeakRef, component_css_id?: number | null, component_id?: string | null): number; dispatch_event_by_path(bubble_unique_id_path: Uint32Array, event_name: string, is_capture: boolean, serialized_event: any): boolean; dispatch_global_bind_event(bubble_unique_id_path: Uint32Array, event_name: string, serialized_event: any): void; gc(): void; get_component_id(unique_id: number): string | undefined; get_config(unique_id: number): object; - get_css_id_by_unique_id(unique_id: number): number | undefined; get_data_by_key(unique_id: number, key: string): any; get_dataset(unique_id: number): object; get_dom_by_unique_id(unique_id: number): WeakRef | undefined; @@ -49,6 +48,7 @@ export class MainThreadWasmContext { set_dataset(unique_id: number, dom: HTMLElement, new_dataset: object): void; set_page_element_unique_id(unique_id: number): void; take_timing_flags(): string[]; + update_component_css_id(unique_id: number, component_css_id: number): void; update_component_id(unique_id: number, component_id?: string | null): void; update_css_og_style(unique_id: number, entry_name?: string | null): void; } @@ -208,7 +208,6 @@ export interface InitOutput { readonly mainthreadwasmcontext_gc: (a: number) => void; 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_css_id_by_unique_id: (a: number, b: number) => number; 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_get_dom_by_unique_id: (a: number, b: number) => any; @@ -223,6 +222,7 @@ export interface InitOutput { readonly mainthreadwasmcontext_set_dataset: (a: number, b: number, c: any, d: any) => [number, number]; readonly mainthreadwasmcontext_set_page_element_unique_id: (a: number, b: number) => void; readonly mainthreadwasmcontext_take_timing_flags: (a: number) => [number, number]; + readonly mainthreadwasmcontext_update_component_css_id: (a: number, b: number, c: number) => [number, number]; readonly mainthreadwasmcontext_update_component_id: (a: number, b: number, c: number, d: number) => [number, number]; readonly mainthreadwasmcontext_update_css_og_style: (a: number, b: number, c: number, d: number) => [number, number]; readonly rawstyleinfo_append_import: (a: number, b: number, c: number) => void; diff --git a/packages/web-platform/web-core/binary/client/client_bg.wasm.d.ts b/packages/web-platform/web-core/binary/client/client_bg.wasm.d.ts index 350a3ae89a..b207dbb664 100644 --- a/packages/web-platform/web-core/binary/client/client_bg.wasm.d.ts +++ b/packages/web-platform/web-core/binary/client/client_bg.wasm.d.ts @@ -29,7 +29,6 @@ export const mainthreadwasmcontext_dispatch_global_bind_event: (a: number, b: nu export const mainthreadwasmcontext_gc: (a: number) => void; 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_css_id_by_unique_id: (a: number, b: number) => number; 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_get_dom_by_unique_id: (a: number, b: number) => any; @@ -44,6 +43,7 @@ export const mainthreadwasmcontext_set_css_id: (a: number, b: number, c: number, export const mainthreadwasmcontext_set_dataset: (a: number, b: number, c: any, d: any) => [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 mainthreadwasmcontext_update_component_css_id: (a: number, b: number, c: number) => [number, number]; export const mainthreadwasmcontext_update_component_id: (a: number, b: number, c: number, d: number) => [number, number]; export const mainthreadwasmcontext_update_css_og_style: (a: number, b: number, c: number, d: number) => [number, number]; export const rawstyleinfo_append_import: (a: number, b: number, c: number) => void; diff --git a/packages/web-platform/web-core/binary/client_legacy/client.d.ts b/packages/web-platform/web-core/binary/client_legacy/client.d.ts index 7fbe9cbda5..317d106686 100644 --- a/packages/web-platform/web-core/binary/client_legacy/client.d.ts +++ b/packages/web-platform/web-core/binary/client_legacy/client.d.ts @@ -22,13 +22,12 @@ export class MainThreadWasmContext { add_dataset(unique_id: number, key: any, value: any): void; add_run_worklet_event(unique_id: number, event_type: string, event_name: string, event_handler_identifier?: any | null): void; common_event_handler(event: any, bubble_unique_id_path: Uint32Array, event_name: string, is_bubble: boolean): void; - create_element_common(parent_component_unique_id: number, dom: HTMLElement, dom_ref: WeakRef, css_id?: number | null, component_id?: string | null): number; + create_element_common(parent_component_unique_id: number, dom: HTMLElement, dom_ref: WeakRef, component_css_id?: number | null, component_id?: string | null): number; dispatch_event_by_path(bubble_unique_id_path: Uint32Array, event_name: string, is_capture: boolean, serialized_event: any): boolean; dispatch_global_bind_event(bubble_unique_id_path: Uint32Array, event_name: string, serialized_event: any): void; gc(): void; get_component_id(unique_id: number): string | undefined; get_config(unique_id: number): object; - get_css_id_by_unique_id(unique_id: number): number | undefined; get_data_by_key(unique_id: number, key: string): any; get_dataset(unique_id: number): object; get_dom_by_unique_id(unique_id: number): WeakRef | undefined; @@ -49,6 +48,7 @@ export class MainThreadWasmContext { set_dataset(unique_id: number, dom: HTMLElement, new_dataset: object): void; set_page_element_unique_id(unique_id: number): void; take_timing_flags(): string[]; + update_component_css_id(unique_id: number, component_css_id: number): void; update_component_id(unique_id: number, component_id?: string | null): void; update_css_og_style(unique_id: number, entry_name?: string | null): void; } @@ -208,7 +208,6 @@ export interface InitOutput { readonly mainthreadwasmcontext_gc: (a: number) => void; readonly mainthreadwasmcontext_get_component_id: (a: number, b: number, c: number) => void; readonly mainthreadwasmcontext_get_config: (a: number, b: number, c: number) => void; - readonly mainthreadwasmcontext_get_css_id_by_unique_id: (a: number, b: number) => number; readonly mainthreadwasmcontext_get_data_by_key: (a: number, b: number, c: number, d: number, e: number) => void; readonly mainthreadwasmcontext_get_dataset: (a: number, b: number, c: number) => void; readonly mainthreadwasmcontext_get_dom_by_unique_id: (a: number, b: number) => number; @@ -223,6 +222,7 @@ export interface InitOutput { readonly mainthreadwasmcontext_set_dataset: (a: number, b: number, c: number, d: number, e: number) => void; readonly mainthreadwasmcontext_set_page_element_unique_id: (a: number, b: number) => void; readonly mainthreadwasmcontext_take_timing_flags: (a: number, b: number) => void; + readonly mainthreadwasmcontext_update_component_css_id: (a: number, b: number, c: number, d: number) => void; readonly mainthreadwasmcontext_update_component_id: (a: number, b: number, c: number, d: number, e: number) => void; readonly mainthreadwasmcontext_update_css_og_style: (a: number, b: number, c: number, d: number, e: number) => void; readonly rawstyleinfo_append_import: (a: number, b: number, c: number) => void; diff --git a/packages/web-platform/web-core/binary/client_legacy/client_bg.wasm.d.ts b/packages/web-platform/web-core/binary/client_legacy/client_bg.wasm.d.ts index 89bf0a44ab..512abced88 100644 --- a/packages/web-platform/web-core/binary/client_legacy/client_bg.wasm.d.ts +++ b/packages/web-platform/web-core/binary/client_legacy/client_bg.wasm.d.ts @@ -29,7 +29,6 @@ export const mainthreadwasmcontext_dispatch_global_bind_event: (a: number, b: nu export const mainthreadwasmcontext_gc: (a: number) => void; export const mainthreadwasmcontext_get_component_id: (a: number, b: number, c: number) => void; export const mainthreadwasmcontext_get_config: (a: number, b: number, c: number) => void; -export const mainthreadwasmcontext_get_css_id_by_unique_id: (a: number, b: number) => number; export const mainthreadwasmcontext_get_data_by_key: (a: number, b: number, c: number, d: number, e: number) => void; export const mainthreadwasmcontext_get_dataset: (a: number, b: number, c: number) => void; export const mainthreadwasmcontext_get_dom_by_unique_id: (a: number, b: number) => number; @@ -44,6 +43,7 @@ export const mainthreadwasmcontext_set_css_id: (a: number, b: number, c: number, export const mainthreadwasmcontext_set_dataset: (a: number, b: number, c: number, d: number, e: number) => void; export const mainthreadwasmcontext_set_page_element_unique_id: (a: number, b: number) => void; export const mainthreadwasmcontext_take_timing_flags: (a: number, b: number) => void; +export const mainthreadwasmcontext_update_component_css_id: (a: number, b: number, c: number, d: number) => void; export const mainthreadwasmcontext_update_component_id: (a: number, b: number, c: number, d: number, e: number) => void; export const mainthreadwasmcontext_update_css_og_style: (a: number, b: number, c: number, d: number, e: number) => void; export const rawstyleinfo_append_import: (a: number, b: number, c: number) => void; diff --git a/packages/web-platform/web-core/binary/server/server.d.ts b/packages/web-platform/web-core/binary/server/server.d.ts index cf5898de3c..3725e30eed 100644 --- a/packages/web-platform/web-core/binary/server/server.d.ts +++ b/packages/web-platform/web-core/binary/server/server.d.ts @@ -7,7 +7,7 @@ export class MainThreadServerContext { 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; + create_element(tag_name: string, parent_component_unique_id?: number | null, component_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; diff --git a/packages/web-platform/web-core/src/main_thread/client/element_apis/component_apis.rs b/packages/web-platform/web-core/src/main_thread/client/element_apis/component_apis.rs index 74d6b3fba8..0e058b1b2e 100644 --- a/packages/web-platform/web-core/src/main_thread/client/element_apis/component_apis.rs +++ b/packages/web-platform/web-core/src/main_thread/client/element_apis/component_apis.rs @@ -70,4 +70,17 @@ impl MainThreadWasmContext { .component_id = component_id; Ok(()) } + + pub fn update_component_css_id( + &self, + unique_id: usize, + component_css_id: i32, + ) -> Result<(), JsError> { + self + .get_element_data_by_unique_id(unique_id) + .ok_or_else(|| JsError::new(&format!("Element {unique_id} not found")))? + .borrow_mut() + .component_css_id = component_css_id; + Ok(()) + } } diff --git a/packages/web-platform/web-core/src/main_thread/client/main_thread_context.rs b/packages/web-platform/web-core/src/main_thread/client/main_thread_context.rs index 7b07b6ad28..5f488b22d5 100644 --- a/packages/web-platform/web-core/src/main_thread/client/main_thread_context.rs +++ b/packages/web-platform/web-core/src/main_thread/client/main_thread_context.rs @@ -79,7 +79,7 @@ impl MainThreadWasmContext { parent_component_unique_id: usize, dom: web_sys::HtmlElement, dom_ref: js_sys::WeakRef, - css_id: Option, + component_css_id: Option, component_id: Option, ) -> usize { // unique id @@ -89,12 +89,10 @@ impl MainThreadWasmContext { let unique_id = self.unique_id_to_element_map.len(); let css_id = { - if let Some(css_id) = css_id { - css_id - } else if let Some(parent_component_data) = + if let Some(parent_component_data) = self.get_element_data_by_unique_id(parent_component_unique_id) { - parent_component_data.borrow().css_id + parent_component_data.borrow().component_css_id } else { 0 } @@ -106,7 +104,12 @@ impl MainThreadWasmContext { if css_id != 0 { let _ = dom.set_attribute(constants::CSS_ID_ATTRIBUTE, &css_id.to_string()); } - let element_data = LynxElementData::new(parent_component_unique_id, css_id, component_id); + let element_data = LynxElementData::new( + parent_component_unique_id, + css_id, + component_css_id.unwrap_or(0), + component_id, + ); let element_data = Box::new(element_data); self @@ -138,14 +141,6 @@ impl MainThreadWasmContext { None } - pub fn get_css_id_by_unique_id(&self, unique_id: usize) -> Option { - self - .unique_id_to_element_map - .get(unique_id) - .and_then(|opt| opt.as_ref()) - .map(|element_data_cell| element_data_cell.borrow().css_id) - } - pub fn gc(&mut self) { let mut ids_to_remove = Vec::new(); for (unique_id, weak_ref) in self.unique_id_to_dom_map.iter() { diff --git a/packages/web-platform/web-core/src/main_thread/element_data.rs b/packages/web-platform/web-core/src/main_thread/element_data.rs index 69dd4b4c7c..219ae0f04e 100644 --- a/packages/web-platform/web-core/src/main_thread/element_data.rs +++ b/packages/web-platform/web-core/src/main_thread/element_data.rs @@ -24,6 +24,7 @@ pub struct EventHandler { pub struct LynxElementData { pub(crate) parent_component_unique_id: usize, pub(crate) css_id: i32, + pub(crate) component_css_id: i32, #[with(rkyv::with::Skip)] pub(crate) component_id: Option, #[with(rkyv::with::Skip)] @@ -54,11 +55,13 @@ impl LynxElementData { pub(crate) fn new( parent_component_unique_id: usize, css_id: i32, + component_css_id: i32, component_id: Option, ) -> Self { LynxElementData { parent_component_unique_id, css_id, + component_css_id, component_id, dataset: None, component_config: None, @@ -152,10 +155,16 @@ impl LynxElementData { pub(crate) fn new_with_tag_name( parent_component_unique_id: usize, css_id: i32, + component_css_id: i32, component_id: Option, tag_name: String, ) -> Self { - let mut data = Self::new(parent_component_unique_id, css_id, component_id); + let mut data = Self::new( + parent_component_unique_id, + css_id, + component_css_id, + component_id, + ); data.tag_name = tag_name; data } diff --git a/packages/web-platform/web-core/src/main_thread/server/main_thread_server_context.rs b/packages/web-platform/web-core/src/main_thread/server/main_thread_server_context.rs index 6afb126254..43ae56c4aa 100644 --- a/packages/web-platform/web-core/src/main_thread/server/main_thread_server_context.rs +++ b/packages/web-platform/web-core/src/main_thread/server/main_thread_server_context.rs @@ -141,21 +141,27 @@ impl MainThreadServerContext { &mut self, tag_name: String, parent_component_unique_id: Option, - css_id_opt: Option, + component_css_id_opt: Option, component_id: Option, ) -> usize { let id = self.elements.len(); let parent_id = parent_component_unique_id.unwrap_or(0); - let css_id = if let Some(css_id) = css_id_opt { - css_id - } else if let Some(Some(parent_component_data)) = self.elements.get(parent_id) { - parent_component_data.css_id + let css_id = if let Some(Some(parent_component_data)) = self.elements.get(parent_id) { + parent_component_data.component_css_id } else { 0 }; - let mut element = LynxElementData::new_with_tag_name(parent_id, css_id, component_id, tag_name); + let component_css_id = component_css_id_opt.unwrap_or(0); + + let mut element = LynxElementData::new_with_tag_name( + parent_id, + css_id, + component_css_id, + component_id, + tag_name, + ); if css_id != 0 { element.set_attribute( crate::constants::CSS_ID_ATTRIBUTE.to_string(), @@ -571,4 +577,25 @@ mod tests { // Should not contain the style property since we ignored the empty value assert!(!html.contains("background-color:")); } + + #[test] + fn test_component_css_id() { + let mut ctx = MainThreadServerContext::new("".to_string(), true, false, false, false); + // Create a component with component_css_id = 42 + let comp_id = ctx.create_element( + "x-view".to_string(), + None, + Some(42), + Some("comp1".to_string()), + ); + + // Create a child element inside this component + // It should inherit css id 42 from the component's component_css_id + let child_id = ctx.create_element("view".to_string(), Some(comp_id), None, None); + ctx.append_child(comp_id, child_id); + + let html = ctx.generate_html(comp_id); + // The child should have `l-css-id="42"` + assert!(html.contains("l-css-id=\"42\""), "Generated HTML: {}", html); + } } diff --git a/packages/web-platform/web-core/tests/element-apis.spec.ts b/packages/web-platform/web-core/tests/element-apis.spec.ts index 7f47627adc..3067cf1e1e 100644 --- a/packages/web-platform/web-core/tests/element-apis.spec.ts +++ b/packages/web-platform/web-core/tests/element-apis.spec.ts @@ -99,6 +99,26 @@ describe('Element APIs', () => { expect(mtsGlobalThis.__GetAttributeByName(ret, 'name')).toBe('name'); }); + test('client component_css_id properly cascades to child element', () => { + const root = mtsGlobalThis.__CreatePage('page', 0); + const comp = mtsGlobalThis.__CreateComponent( + 0, + 'comp1', + 42, + 'test_entry', + 'test_name', + 'path', + {}, + {}, + ); + const compId = mtsGlobalThis.__GetElementUniqueID(comp); + const childView = mtsGlobalThis.__CreateElement('view', compId); + mtsGlobalThis.__AppendElement(comp, childView); + mtsGlobalThis.__AppendElement(root, comp); + mtsGlobalThis.__FlushElementTree(); + expect(rootDom.querySelector(`[${cssIdAttribute}="42"]`)).not.toBeNull(); + }); + test('__CreateView', () => { const ret = mtsGlobalThis.__CreateView(0); expect(mtsGlobalThis.__GetTag(ret)).toBe('view'); @@ -1351,10 +1371,44 @@ describe('Element APIs', () => { const cssID = mtsGlobalThis.__GetAttributeByName(ele, cssIdAttribute); const name = mtsGlobalThis.__GetAttributeByName(ele, 'name'); expect(id).toBe('id2'); - expect(cssID).toBe('8'); + expect(cssID).toBeNull(); expect(name).toBe('name2'); }); + test('__UpdateComponentInfo updates componentCSSID', () => { + const root = mtsGlobalThis.__CreatePage('page', 0); + const comp = mtsGlobalThis.__CreateComponent( + 0, + 'comp1', + 42, + 'test_entry', + 'test_name', + 'path', + {}, + {}, + ); + + mtsGlobalThis.__UpdateComponentInfo(comp, { + componentID: 'comp1_new', + cssID: 43, + entry: 'new_entry', + name: 'new_name', + }); + + const compId = mtsGlobalThis.__GetElementUniqueID(comp); + const childView = mtsGlobalThis.__CreateElement('view', compId); + mtsGlobalThis.__AppendElement(comp, childView); + mtsGlobalThis.__AppendElement(root, comp); + mtsGlobalThis.__FlushElementTree(); + + expect(rootDom.querySelector(`[${cssIdAttribute}="43"]`)).not.toBeNull(); + + // the component itself also gets the attributes updated + expect(comp.getAttribute('name')).toBe('new_name'); + expect(comp.getAttribute('l-e-name')).toBe('new_entry'); + expect(mtsGlobalThis.__GetComponentID(comp)).toBe('comp1_new'); + }); + test('__MarkTemplate_and_Get_Parts', () => { /* * diff --git a/packages/web-platform/web-core/ts/client/mainthread/elementAPIs/createElementAPI.ts b/packages/web-platform/web-core/ts/client/mainthread/elementAPIs/createElementAPI.ts index 113833719d..7f03e3812d 100644 --- a/packages/web-platform/web-core/ts/client/mainthread/elementAPIs/createElementAPI.ts +++ b/packages/web-platform/web-core/ts/client/mainthread/elementAPIs/createElementAPI.ts @@ -212,7 +212,7 @@ export function createElementAPI( __CreateComponent( parentComponentUniqueId, componentID, - cssID, + componentCSSID, entryName, name, ) { @@ -221,7 +221,7 @@ export function createElementAPI( parentComponentUniqueId, dom, new WeakRef(dom), - cssID, + componentCSSID, componentID, ); if (entryName) { @@ -254,7 +254,7 @@ export function createElementAPI( ); return dom; }, - __CreatePage(componentID, cssID) { + __CreatePage(componentID, componentCSSID) { if (page) return page; const dom = document.createElement( 'div', @@ -263,7 +263,7 @@ export function createElementAPI( 0, dom, new WeakRef(dom), - cssID, + componentCSSID, componentID, ); if (config_default_overflow_visible) { @@ -367,11 +367,10 @@ export function createElementAPI( componentID, ); if (cssID !== undefined) { - __SetCSSId( - [element], - cssID, - entry, - ); + wasmContext.update_component_css_id(uniqueId, cssID); + if (entry) { + element.setAttribute(lynxEntryNameAttribute, entry); + } } }, __UpdateComponentID: (element, componentID) => { diff --git a/packages/web-platform/web-core/ts/server/elementAPIs/createElementAPI.ts b/packages/web-platform/web-core/ts/server/elementAPIs/createElementAPI.ts index 7caee0ac37..9c2a2ff3f4 100644 --- a/packages/web-platform/web-core/ts/server/elementAPIs/createElementAPI.ts +++ b/packages/web-platform/web-core/ts/server/elementAPIs/createElementAPI.ts @@ -316,14 +316,14 @@ export function createElementAPI( __CreateComponent: (( parentComponentUniqueId: number, _componentID: string, - _cssID: number, + componentCSSID: number, entryName: string, name: string, ) => { const id = wasmContext.create_element( 'x-view', parentComponentUniqueId, - _cssID, + componentCSSID, _componentID, ); // Component host const el = { [uniqueIdSymbol]: id } as ServerElement; @@ -352,11 +352,11 @@ export function createElementAPI( ); return { [uniqueIdSymbol]: id } as unknown as DecoratedHTMLElement; }) as CreateListPAPI, - __CreatePage: ((_componentID: string, _cssID: number) => { + __CreatePage: ((_componentID: string, componentCSSID: number) => { const id = wasmContext.create_element( 'div', 0, - _cssID, + componentCSSID, _componentID, ); pageElementId = id; diff --git a/packages/web-platform/web-core/ts/types/IElementPAPI.ts b/packages/web-platform/web-core/ts/types/IElementPAPI.ts index fe76abb1f3..d53d692fa4 100644 --- a/packages/web-platform/web-core/ts/types/IElementPAPI.ts +++ b/packages/web-platform/web-core/ts/types/IElementPAPI.ts @@ -176,6 +176,9 @@ export type UpdateComponentInfoPAPI = ( name?: string; path?: string; entry?: string; + /** + * This is component css id but it's named cssID + */ cssID?: number; }, ) => void; @@ -229,7 +232,7 @@ export type CreateWrapperElementPAPI = CreateViewPAPI; export type CreateComponentPAPI = ( componentParentUniqueID: number, componentID: string, - cssID: number, + componentCSSID: number, entryName: string, name: string, path: string, @@ -245,7 +248,7 @@ export type CreateElementPAPI = ( export type CreatePagePAPI = ( componentID: string, - cssID: number, + componentCSSID: number, info?: Record | null | undefined, ) => HTMLElement;