@lynx-js/web-core-server-canary 0.17.0-canary-20250919-f4528d19 → 0.17.0-canary-20250919-8c33d3e1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @lynx-js/web-core-server
 
-## 0.17.0-canary-20250919085738-f4528d198a33a91fa1a6b2984ab491dfe3dbbe97
+## 0.17.0-canary-20250919113449-8c33d3e1f4606ce11ae0d1aed6875e18b78e71d5
 
 ## 0.16.1
 

package/dist/index.js

@@ -387,14 +387,17 @@ __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 = {
@@ -1156,11 +1159,11 @@ const __AddConfig = /*#__PURE__*/ (element, type, value)=>{
 const __AddDataset = /*#__PURE__*/ (element, key, value)=>{
     const currentDataset = __GetDataset(element);
     currentDataset[key] = value;
-    element.setAttribute("l-dset", encodeURIComponent(JSON.stringify(currentDataset)));
+    element.setAttribute(lynxDatasetAttribute, encodeURIComponent(JSON.stringify(currentDataset)));
     value ? element.setAttribute('data-' + key, value.toString()) : element.removeAttribute('data-' + key);
 };
 const __GetDataset = /*#__PURE__*/ (element)=>{
-    const datasetString = element.getAttribute("l-dset");
+    const datasetString = element.getAttribute(lynxDatasetAttribute);
     const currentDataset = datasetString ? JSON.parse(decodeURIComponent(datasetString)) : {};
     return currentDataset;
 };
@@ -1178,7 +1181,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("l-uid")) : -1;
+const __GetElementUniqueID = /*#__PURE__*/ (element)=>element && element.getAttribute ? Number(element.getAttribute(lynxUniqueIdAttribute)) : -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);
@@ -1186,7 +1189,7 @@ const __SetConfig = /*#__PURE__*/ (element, config)=>{
     element.setAttribute(lynxComponentConfigAttribute, encodeURIComponent(JSON.stringify(config)));
 };
 const __SetDataset = /*#__PURE__*/ (element, dataset)=>{
-    element.setAttribute("l-dset", encodeURIComponent(JSON.stringify(dataset)));
+    element.setAttribute(lynxDatasetAttribute, 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);
@@ -1244,9 +1247,9 @@ const __GetTemplateParts = (templateElement)=>{
     if (!isTemplate) return {};
     const templateUniqueId = __GetElementUniqueID(templateElement);
     const parts = {};
-    const partElements = templateElement.querySelectorAll(`[l-uid="${templateUniqueId}"] [l-part]:not([l-uid="${templateUniqueId}"] [${lynxElementTemplateMarkerAttribute}] [l-part])`);
+    const partElements = templateElement.querySelectorAll(`[${lynxUniqueIdAttribute}="${templateUniqueId}"] [${lynxPartIdAttribute}]:not([${lynxUniqueIdAttribute}="${templateUniqueId}"] [${lynxElementTemplateMarkerAttribute}] [${lynxPartIdAttribute}])`);
     for (const partElement of partElements){
-        const partId = partElement.getAttribute("l-part");
+        const partId = partElement.getAttribute(lynxPartIdAttribute);
         if (partId) parts[partId] = partElement;
     }
     return parts;
@@ -1255,7 +1258,7 @@ const __MarkTemplateElement = (element)=>{
     element.setAttribute(lynxElementTemplateMarkerAttribute, '');
 };
 const __MarkPartElement = (element, partId)=>{
-    element.setAttribute("l-part", partId);
+    element.setAttribute(lynxPartIdAttribute, partId);
 };
 function toCloneableObject(obj) {
     const cloneableObj = {};
@@ -1299,9 +1302,9 @@ function createCrossThreadEvent(domEvent, eventName) {
             changedTouches: isTrusted ? changedTouches.map(toCloneableObject) : changedTouches
         });
     }
-    const currentTargetDatasetString = currentTargetElement?.getAttribute("l-dset");
+    const currentTargetDatasetString = currentTargetElement?.getAttribute(lynxDatasetAttribute);
     const currentTargetDataset = currentTargetDatasetString ? JSON.parse(decodeURIComponent(currentTargetDatasetString)) : {};
-    const targetDatasetString = targetElement.getAttribute("l-dset");
+    const targetDatasetString = targetElement.getAttribute(lynxDatasetAttribute);
     const targetDataset = targetDatasetString ? JSON.parse(decodeURIComponent(targetDatasetString)) : {};
     return {
         type: eventName,
@@ -1309,12 +1312,12 @@ function createCrossThreadEvent(domEvent, eventName) {
         target: {
             id: targetElement.getAttribute('id'),
             dataset: targetDataset,
-            uniqueId: Number(targetElement.getAttribute("l-uid"))
+            uniqueId: Number(targetElement.getAttribute(lynxUniqueIdAttribute))
         },
         currentTarget: currentTargetElement ? {
             id: currentTargetElement.getAttribute('id'),
             dataset: currentTargetDataset,
-            uniqueId: Number(currentTargetElement.getAttribute("l-uid"))
+            uniqueId: Number(currentTargetElement.getAttribute(lynxUniqueIdAttribute))
         } : null,
         detail: domEvent.detail ?? {},
         params,
@@ -1451,7 +1454,7 @@ function createMainThreadGlobalThis(config) {
         const parentComponentCssID = lynxUniqueIdToElement[parentComponentUniqueId]?.deref()?.getAttribute(cssIdAttribute);
         parentComponentCssID && '0' !== parentComponentCssID && element.setAttribute(cssIdAttribute, parentComponentCssID);
         element.setAttribute(lynxTagAttribute, tag);
-        element.setAttribute("l-uid", uniqueId + '');
+        element.setAttribute(lynxUniqueIdAttribute, uniqueId + '');
         element.setAttribute(parentComponentUniqueIdAttribute, parentComponentUniqueId + '');
         return element;
     };
@@ -1544,14 +1547,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("l-uid"));
+        const uniqueId = Number(element.getAttribute(lynxUniqueIdAttribute));
         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("l-uid"));
+        const uniqueId = Number(element.getAttribute(lynxUniqueIdAttribute));
         const entryName = element.getAttribute(lynxEntryNameAttribute);
         callbacks.updateCssOGStyle(uniqueId, classNames ?? '', cssId, entryName);
     };
@@ -1590,7 +1593,7 @@ function createMainThreadGlobalThis(config) {
     };
     const applyEventsForElementTemplate = (data, element)=>{
         const uniqueId = uniqueIdInc++;
-        element.setAttribute("l-uid", uniqueId + '');
+        element.setAttribute(lynxUniqueIdAttribute, uniqueId + '');
         for (const event of data.events || []){
             const { type, name, value } = event;
             __AddEvent(element, type, name, value);
@@ -1724,7 +1727,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("l-uid"));
+        exposureEvent.detail['unique-id'] = parseFloat(ev.target.getAttribute(lynxUniqueIdAttribute));
         const exposureID = exposureEvent.detail.exposureID;
         if ('exposure' === ev.type) {
             exposureCache.push(exposureEvent);
@@ -1932,7 +1935,7 @@ function appendStyleElement(styleInfo, pageConfig, rootDom, document, ssrHydrate
             const rule = cardStyleElementSheet.cssRules[lynxUniqueIdToStyleRulesIndex[uniqueId]];
             rule.style.cssText = newStyles;
         } else {
-            const index = cardStyleElementSheet.insertRule(`[l-uid="${uniqueId}"]{${newStyles}}`, cardStyleElementSheet.cssRules.length);
+            const index = cardStyleElementSheet.insertRule(`[${lynxUniqueIdAttribute}="${uniqueId}"]{${newStyles}}`, cardStyleElementSheet.cssRules.length);
             lynxUniqueIdToStyleRulesIndex[uniqueId] = index;
         }
     };
@@ -2794,8 +2797,8 @@ function getTextContentImpl(buffer, element, shadowrootTemplates) {
             buffer.push('"');
         }
     }
-    const partId = element[_attributes].get("l-part") ?? element[_attributes].get("l-uid");
-    buffer.push(' ', "l-part", '="', partId, '"');
+    const partId = element[_attributes].get(lynxPartIdAttribute) ?? element[_attributes].get(lynxUniqueIdAttribute);
+    buffer.push(' ', lynxPartIdAttribute, '="', partId, '"');
     buffer.push('>');
     const templateImpl = shadowrootTemplates[localName];
     if (templateImpl) {
@@ -2837,7 +2840,7 @@ const builtinTagTransformMap = {
 };
 OffscreenElement.prototype.toJSON = function() {
     return {
-        ssrID: this[_attributes].get("l-part") ?? this[_attributes].get("l-uid")
+        ssrID: this[_attributes].get(lynxPartIdAttribute) ?? this[_attributes].get(lynxUniqueIdAttribute)
     };
 };
 async function createLynxView(config) {
@@ -2906,7 +2909,7 @@ async function createLynxView(config) {
     }, ()=>{}, {
         __AddEvent (element, eventName, eventData, eventOptions) {
             events.push([
-                Number(element.getAttribute("l-uid")),
+                Number(element.getAttribute(lynxUniqueIdAttribute)),
                 eventName,
                 eventData,
                 eventOptions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-server-canary",
-  "version": "0.17.0-canary-20250919-f4528d19",
+  "version": "0.17.0-canary-20250919-8c33d3e1",
   "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.17.0-canary-20250919-f4528d19",
-    "@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.7-canary-20250919-f4528d19",
-    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.17.0-canary-20250919-f4528d19",
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.17.0-canary-20250919-f4528d19"
+    "@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.7-canary-20250919-8c33d3e1",
+    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.17.0-canary-20250919-8c33d3e1",
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.17.0-canary-20250919-8c33d3e1",
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.17.0-canary-20250919-8c33d3e1"
   },
   "scripts": {
     "build": "rslib build",