@lynx-js/web-core-server-canary 0.18.0 → 0.18.1-canary-20251016-70a18fce

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @lynx-js/web-core-server
 
+## 0.18.1-canary-20251016065218-70a18fce0083743e4516eefc91c0392d748b855f
+
 ## 0.18.0
 
 ## 0.17.2
@@ -111,25 +113,25 @@
   lynxView.initI18nResources = [
     {
       options: {
-        locale: 'en',
-        channel: '1',
-        fallback_url: '',
+        locale: "en",
+        channel: "1",
+        fallback_url: "",
       },
       resource: {
-        hello: 'hello',
-        lynx: 'lynx web platform1',
+        hello: "hello",
+        lynx: "lynx web platform1",
       },
     },
   ];
-  lynxView.addEventListener('i18nResourceMissed', (e) => {
+  lynxView.addEventListener("i18nResourceMissed", (e) => {
     console.log(e);
   });
 
   // mts
   _I18nResourceTranslation({
-    locale: 'en',
-    channel: '1',
-    fallback_url: '',
+    locale: "en",
+    channel: "1",
+    fallback_url: "",
   });
   ```
 

package/dist/index.js

@@ -383,17 +383,14 @@ __webpack_require__.m = __webpack_modules__;
         }
     };
 })();
-const lynxUniqueIdAttribute = 'l-uid';
 const cssIdAttribute = 'l-css-id';
 const componentIdAttribute = 'l-comp-id';
 const parentComponentUniqueIdAttribute = 'l-p-comp-uid';
 const lynxEntryNameAttribute = 'l-e-name';
 const lynxTagAttribute = 'lynx-tag';
-const lynxDatasetAttribute = 'l-dset';
 const lynxComponentConfigAttribute = 'l-comp-cfg';
 const lynxDisposedAttribute = 'l-disposed';
 const lynxElementTemplateMarkerAttribute = 'l-template';
-const lynxPartIdAttribute = 'l-part';
 const lynxDefaultDisplayLinearAttribute = 'lynx-default-display-linear';
 const __lynx_timing_flag = '__lynx_timing_flag';
 const systemInfo = {
@@ -1141,11 +1138,11 @@ const __AddConfig = /*#__PURE__*/ (element, type, value)=>{
 const __AddDataset = /*#__PURE__*/ (element, key, value)=>{
     const currentDataset = __GetDataset(element);
     currentDataset[key] = value;
-    element.setAttribute(lynxDatasetAttribute, encodeURIComponent(JSON.stringify(currentDataset)));
+    element.setAttribute("l-dset", encodeURIComponent(JSON.stringify(currentDataset)));
     value ? element.setAttribute('data-' + key, value.toString()) : element.removeAttribute('data-' + key);
 };
 const __GetDataset = /*#__PURE__*/ (element)=>{
-    const datasetString = element.getAttribute(lynxDatasetAttribute);
+    const datasetString = element.getAttribute("l-dset");
     const currentDataset = datasetString ? JSON.parse(decodeURIComponent(datasetString)) : {};
     return currentDataset;
 };
@@ -1163,7 +1160,7 @@ const __GetElementConfig = /*#__PURE__*/ (element)=>{
     return currentComponentConfigString ? JSON.parse(decodeURIComponent(currentComponentConfigString)) : {};
 };
 const __GetAttributeByName = /*#__PURE__*/ (element, name)=>element.getAttribute(name);
-const __GetElementUniqueID = /*#__PURE__*/ (element)=>element && element.getAttribute ? Number(element.getAttribute(lynxUniqueIdAttribute)) : -1;
+const __GetElementUniqueID = /*#__PURE__*/ (element)=>element && element.getAttribute ? Number(element.getAttribute("l-uid")) : -1;
 const __GetID = /*#__PURE__*/ (element)=>element.getAttribute('id');
 const __SetID = /*#__PURE__*/ (element, id)=>id ? element.setAttribute('id', id) : element.removeAttribute('id');
 const __GetTag = /*#__PURE__*/ (element)=>element.getAttribute(lynxTagAttribute);
@@ -1171,7 +1168,7 @@ const __SetConfig = /*#__PURE__*/ (element, config)=>{
     element.setAttribute(lynxComponentConfigAttribute, encodeURIComponent(JSON.stringify(config)));
 };
 const __SetDataset = /*#__PURE__*/ (element, dataset)=>{
-    element.setAttribute(lynxDatasetAttribute, encodeURIComponent(JSON.stringify(dataset)));
+    element.setAttribute("l-dset", encodeURIComponent(JSON.stringify(dataset)));
     for (const [key, value] of Object.entries(dataset))element.setAttribute('data-' + key, value.toString());
 };
 const __UpdateComponentID = /*#__PURE__*/ (element, componentID)=>element.setAttribute(componentIdAttribute, componentID);
@@ -1229,9 +1226,9 @@ const __GetTemplateParts = (templateElement)=>{
     if (!isTemplate) return {};
     const templateUniqueId = __GetElementUniqueID(templateElement);
     const parts = {};
-    const partElements = templateElement.querySelectorAll(`[${lynxUniqueIdAttribute}="${templateUniqueId}"] [${lynxPartIdAttribute}]:not([${lynxUniqueIdAttribute}="${templateUniqueId}"] [${lynxElementTemplateMarkerAttribute}] [${lynxPartIdAttribute}])`);
+    const partElements = templateElement.querySelectorAll(`[l-uid="${templateUniqueId}"] [l-part]:not([l-uid="${templateUniqueId}"] [${lynxElementTemplateMarkerAttribute}] [l-part])`);
     for (const partElement of partElements){
-        const partId = partElement.getAttribute(lynxPartIdAttribute);
+        const partId = partElement.getAttribute("l-part");
         if (partId) parts[partId] = partElement;
     }
     return parts;
@@ -1240,7 +1237,7 @@ const __MarkTemplateElement = (element)=>{
     element.setAttribute(lynxElementTemplateMarkerAttribute, '');
 };
 const __MarkPartElement = (element, partId)=>{
-    element.setAttribute(lynxPartIdAttribute, partId);
+    element.setAttribute("l-part", partId);
 };
 function toCloneableObject(obj) {
     const cloneableObj = {};
@@ -1296,9 +1293,9 @@ function createCrossThreadEvent(domEvent, eventName) {
             clientY: mouseEvent.clientY
         });
     }
-    const currentTargetDatasetString = currentTargetElement?.getAttribute(lynxDatasetAttribute);
+    const currentTargetDatasetString = currentTargetElement?.getAttribute("l-dset");
     const currentTargetDataset = currentTargetDatasetString ? JSON.parse(decodeURIComponent(currentTargetDatasetString)) : {};
-    const targetDatasetString = targetElement.getAttribute(lynxDatasetAttribute);
+    const targetDatasetString = targetElement.getAttribute("l-dset");
     const targetDataset = targetDatasetString ? JSON.parse(decodeURIComponent(targetDatasetString)) : {};
     return {
         type: eventName,
@@ -1306,12 +1303,12 @@ function createCrossThreadEvent(domEvent, eventName) {
         target: {
             id: targetElement.getAttribute('id'),
             dataset: targetDataset,
-            uniqueId: Number(targetElement.getAttribute(lynxUniqueIdAttribute))
+            uniqueId: Number(targetElement.getAttribute("l-uid"))
         },
         currentTarget: currentTargetElement ? {
             id: currentTargetElement.getAttribute('id'),
             dataset: currentTargetDataset,
-            uniqueId: Number(currentTargetElement.getAttribute(lynxUniqueIdAttribute))
+            uniqueId: Number(currentTargetElement.getAttribute("l-uid"))
         } : null,
         detail: domEvent.detail ?? {},
         params,
@@ -1448,7 +1445,7 @@ function createMainThreadGlobalThis(config) {
         const parentComponentCssID = lynxUniqueIdToElement[parentComponentUniqueId]?.deref()?.getAttribute(cssIdAttribute);
         parentComponentCssID && '0' !== parentComponentCssID && element.setAttribute(cssIdAttribute, parentComponentCssID);
         element.setAttribute(lynxTagAttribute, tag);
-        element.setAttribute(lynxUniqueIdAttribute, uniqueId + '');
+        element.setAttribute("l-uid", uniqueId + '');
         element.setAttribute(parentComponentUniqueIdAttribute, parentComponentUniqueId + '');
         return element;
     };
@@ -1541,14 +1538,14 @@ function createMainThreadGlobalThis(config) {
         const newClassName = ((element.getAttribute('class') ?? '') + ' ' + className).trim();
         element.setAttribute('class', newClassName);
         const cssId = element.getAttribute(cssIdAttribute);
-        const uniqueId = Number(element.getAttribute(lynxUniqueIdAttribute));
+        const uniqueId = Number(element.getAttribute("l-uid"));
         const entryName = element.getAttribute(lynxEntryNameAttribute);
         callbacks.updateCssOGStyle(uniqueId, newClassName, cssId, entryName);
     };
     const __SetClassesForCSSOG = (element, classNames)=>{
         __SetClasses(element, classNames);
         const cssId = element.getAttribute(cssIdAttribute);
-        const uniqueId = Number(element.getAttribute(lynxUniqueIdAttribute));
+        const uniqueId = Number(element.getAttribute("l-uid"));
         const entryName = element.getAttribute(lynxEntryNameAttribute);
         callbacks.updateCssOGStyle(uniqueId, classNames ?? '', cssId, entryName);
     };
@@ -1587,7 +1584,7 @@ function createMainThreadGlobalThis(config) {
     };
     const applyEventsForElementTemplate = (data, element)=>{
         const uniqueId = uniqueIdInc++;
-        element.setAttribute(lynxUniqueIdAttribute, uniqueId + '');
+        element.setAttribute("l-uid", uniqueId + '');
         for (const event of data.events || []){
             const { type, name, value } = event;
             __AddEvent(element, type, name, value);
@@ -1721,7 +1718,7 @@ function createExposureService(rootDom, postExposure) {
     const onScreen = new Map();
     function exposureEventHandler(ev) {
         const exposureEvent = createCrossThreadEvent(ev, ev.type);
-        exposureEvent.detail['unique-id'] = parseFloat(ev.target.getAttribute(lynxUniqueIdAttribute));
+        exposureEvent.detail['unique-id'] = parseFloat(ev.target.getAttribute("l-uid"));
         const exposureID = exposureEvent.detail.exposureID;
         if ('exposure' === ev.type) {
             exposureCache.push(exposureEvent);
@@ -1929,7 +1926,7 @@ function appendStyleElement(styleInfo, pageConfig, rootDom, document, ssrHydrate
             const rule = cardStyleElementSheet.cssRules[lynxUniqueIdToStyleRulesIndex[uniqueId]];
             rule.style.cssText = newStyles;
         } else {
-            const index = cardStyleElementSheet.insertRule(`[${lynxUniqueIdAttribute}="${uniqueId}"]{${newStyles}}`, cardStyleElementSheet.cssRules.length);
+            const index = cardStyleElementSheet.insertRule(`[l-uid="${uniqueId}"]{${newStyles}}`, cardStyleElementSheet.cssRules.length);
             lynxUniqueIdToStyleRulesIndex[uniqueId] = index;
         }
     };
@@ -1997,7 +1994,7 @@ function createQueryComponent(loadTemplate, updateLazyComponentStyle, background
     return __QueryComponentImpl;
 }
 const initWasmPromise = initWasm();
-function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealm, commitDocument, markTimingInternal, flushMarkTimingInternal, reportError, triggerI18nResourceFallback, initialI18nResources, loadTemplate, ssrHooks) {
+function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealmPromise, commitDocument, markTimingInternal, flushMarkTimingInternal, reportError, triggerI18nResourceFallback, initialI18nResources, loadTemplate, ssrHooks) {
     const postTimingFlags = backgroundThreadRpc.createCall(postTimingFlagsEndpoint);
     const backgroundStart = backgroundThreadRpc.createCall(BackgroundThreadStartEndpoint);
     const publishEvent = backgroundThreadRpc.createCall(publishEventEndpoint);
@@ -2010,6 +2007,7 @@ function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealm,
         let isFp = true;
         const { globalProps, template, browserConfig, nativeModulesMap, napiModulesMap, tagMap, initI18nResources } = config;
         const { styleInfo, pageConfig, customSections, cardType } = template;
+        const mtsRealm = await mtsRealmPromise;
         markTimingInternal('decode_start');
         await initWasmPromise;
         const jsContext = new LynxCrossThreadContext({
@@ -2115,7 +2113,8 @@ function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealm,
         await mtsRealm.loadScript(template.lepusCode.root);
         jsContext.__start();
     }
-    function handleUpdatedData(newData, options) {
+    async function handleUpdatedData(newData, options) {
+        const mtsRealm = await mtsRealmPromise;
         const runtime = mtsRealm.globalWindow;
         const processedData = runtime.processData ? runtime.processData(newData, options?.processorName) : newData;
         runtime.updatePage?.(processedData, options);
@@ -2799,8 +2798,8 @@ function getTextContentImpl(buffer, element, shadowrootTemplates) {
             buffer.push('"');
         }
     }
-    const partId = element[_attributes].get(lynxPartIdAttribute) ?? element[_attributes].get(lynxUniqueIdAttribute);
-    buffer.push(' ', lynxPartIdAttribute, '="', partId, '"');
+    const partId = element[_attributes].get("l-part") ?? element[_attributes].get("l-uid");
+    buffer.push(' ', "l-part", '="', partId, '"');
     buffer.push('>');
     const templateImpl = shadowrootTemplates[localName];
     if (templateImpl) {
@@ -2842,7 +2841,7 @@ const builtinTagTransformMap = {
 };
 OffscreenElement.prototype.toJSON = function() {
     return {
-        ssrID: this[_attributes].get(lynxPartIdAttribute) ?? this[_attributes].get(lynxUniqueIdAttribute)
+        ssrID: this[_attributes].get("l-part") ?? this[_attributes].get("l-uid")
     };
 };
 async function createLynxView(config) {
@@ -2911,7 +2910,7 @@ async function createLynxView(config) {
     }, ()=>{}, {
         __AddEvent (element, eventName, eventData, eventOptions) {
             events.push([
-                Number(element.getAttribute(lynxUniqueIdAttribute)),
+                Number(element.getAttribute("l-uid")),
                 eventName,
                 eventData,
                 eventOptions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-server-canary",
-  "version": "0.18.0",
+  "version": "0.18.1-canary-20251016-70a18fce",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,10 +26,10 @@
     "rsbuild-plugin-arethetypeswrong": "0.1.1",
     "rsbuild-plugin-publint": "0.3.3",
     "@lynx-js/offscreen-document": "npm:@lynx-js/offscreen-document-canary@0.1.4",
-    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.18.0",
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.18.0",
-    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.18.0",
-    "@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.8"
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.18.1-canary-20251016-70a18fce",
+    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.18.1-canary-20251016-70a18fce",
+    "@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.9-canary-20251016-70a18fce",
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.18.1-canary-20251016-70a18fce"
   },
   "scripts": {
     "build": "rslib build",