+ tagmap feature

Author: PupilTong

packages/web-platform/web-core-wasm/src/constants.rs

@@ -2,6 +2,8 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 
+use fnv::FnvHashMap;
+
 pub const LYNX_UNIQUE_ID_ATTRIBUTE: &str = "l-uid";
 pub const CSS_ID_ATTRIBUTE: &str = "l-css-id";
 pub const LYNX_ENTRY_NAME_ATTRIBUTE: &str = "l-e-name";
@@ -225,3 +227,15 @@ pub(crate) const STYLE_PROPERTY_MAP: &[&str] = &[
   "offset-path",
   "offset-distance",
 ];
+
+lazy_static::lazy_static! {
+  pub static ref TAG_NAME_TO_HTML_TAG_MAP: FnvHashMap<String, String> = FnvHashMap::from_iter(vec![
+    ("view".to_string(), "x-view".to_string()),
+    ("text".to_string(), "x-text".to_string()),
+    ("image".to_string(), "x-image".to_string()),
+    ("raw-text".to_string(), "raw-text".to_string()),
+    ("scroll-view".to_string(), "x-scroll-view".to_string()),
+    ("wrapper".to_string(), "lynx-wrapper".to_string()),
+    ("list".to_string(), "x-list".to_string()),
+  ]);
+}

packages/web-platform/web-core-wasm/src/main_thread/element_apis/element_template_apis.rs

@@ -118,7 +118,13 @@ impl MainThreadWasmContext {
           LEOAsmOpcode::CreateElement => {
             let tag_name = &operation.operands_str[0];
             let dom = document
-              .create_element(tag_name)
+              .create_element(
+                self
+                  .tag_name_to_html_tag_map
+                  .get(tag_name)
+                  .map(|s| s.as_str())
+                  .unwrap_or(tag_name),
+              )
               .map_err(|e| JsError::new(&format!("Failed to create element {tag_name}: {e:?}")))?;
             let element_id = operation.operands_num[0];
             let _ = dom.set_attribute(constants::LYNX_TAG_ATTRIBUTE, tag_name);

packages/web-platform/web-core-wasm/src/main_thread/main_thread_context.rs

@@ -66,7 +66,7 @@ impl MainThreadWasmContext {
       unique_id_to_element_map: vec![None],
       unique_id_symbol,
       enabled_events: FnvHashSet::default(),
-      tag_name_to_html_tag_map: FnvHashMap::default(),
+      tag_name_to_html_tag_map: constants::TAG_NAME_TO_HTML_TAG_MAP.clone(),
       timing_flags: vec![],
       exposure_changed_elements: vec![],
       // document,

packages/web-platform/web-core-wasm/ts/client/mainthread/elementAPIs/createElementAPI.ts

@@ -9,6 +9,7 @@ import {
   lynxEntryNameAttribute,
   lynxTagAttribute,
   uniqueIdSymbol,
+  defaultTagMap,
 } from '@constants';
 import {
   __SwapElement,
@@ -51,6 +52,7 @@ export function createElementAPI(
   config_enable_css_selector: boolean,
   config_default_display_linear: boolean,
   config_default_overflow_visible: boolean,
+  tagMap: Record<string, string> = defaultTagMap,
 ): ElementPAPIs {
   // let uniqueIdCounter = 1;
   const wasmContext = new MainThreadWasmContext(
@@ -107,7 +109,9 @@ export function createElementAPI(
       return dom;
     },
     __CreateElement(tagName, parentComponentUniqueId) {
-      const dom = document.createElement(tagName) as DecoratedHTMLElement;
+      const dom = document.createElement(
+        tagMap[tagName] ?? tagName,
+      ) as DecoratedHTMLElement;
       dom[uniqueIdSymbol] = wasmContext.__CreateElementCommon(
         parentComponentUniqueId,
         dom,

packages/web-platform/web-core-wasm/ts/constants.ts

@@ -91,3 +91,8 @@ export const enum ErrorCode {
   SELECTOR_NOT_SUPPORTED = 5,
   NO_UI_FOR_NODE = 6,
 }
+
+export const defaultTagMap = {
+  'input': 'x-input',
+  'x-input-ng': 'x-input',
+};