@lynx-js/web-core-server 0.17.2 → 0.18.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @lynx-js/web-core-server
 
+## 0.18.1
+
+## 0.18.0
+
 ## 0.17.2
 
 ## 0.17.1

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 = {
@@ -620,7 +617,7 @@ const publishEventEndpoint = createRpcEndpoint('publishEvent', false, false);
 createRpcEndpoint('postOffscreenEventEndpoint', false, false);
 const switchExposureServiceEndpoint = createRpcEndpoint('switchExposureServiceEndpoint', false, false);
 createRpcEndpoint('mainThreadStart', false, false);
-createRpcEndpoint('updateData', false, true);
+const updateDataEndpoint = createRpcEndpoint('updateData', false, true);
 createRpcEndpoint('sendGlobalEventEndpoint', false, false);
 createRpcEndpoint('dispose', false, true);
 const BackgroundThreadStartEndpoint = createRpcEndpoint('start', false, true);
@@ -671,17 +668,6 @@ var UpdateDataOptions_NativeUpdateDataType;
     NativeUpdateDataType[NativeUpdateDataType["UPDATE"] = 0] = "UPDATE";
     NativeUpdateDataType[NativeUpdateDataType["RESET"] = 1] = "RESET";
 })(UpdateDataOptions_NativeUpdateDataType || (UpdateDataOptions_NativeUpdateDataType = {}));
-var UpdateDataOptions_UpdateDataType;
-(function(UpdateDataType) {
-    UpdateDataType[UpdateDataType["Unknown"] = 0] = "Unknown";
-    UpdateDataType[UpdateDataType["UpdateExplicitByUser"] = 1] = "UpdateExplicitByUser";
-    UpdateDataType[UpdateDataType["UpdateByKernelFromCtor"] = 2] = "UpdateByKernelFromCtor";
-    UpdateDataType[UpdateDataType["UpdateByKernelFromRender"] = 4] = "UpdateByKernelFromRender";
-    UpdateDataType[UpdateDataType["UpdateByKernelFromHydrate"] = 8] = "UpdateByKernelFromHydrate";
-    UpdateDataType[UpdateDataType["UpdateByKernelFromGetDerived"] = 16] = "UpdateByKernelFromGetDerived";
-    UpdateDataType[UpdateDataType["UpdateByKernelFromConflict"] = 32] = "UpdateByKernelFromConflict";
-    UpdateDataType[UpdateDataType["UpdateByKernelFromHMR"] = 64] = "UpdateByKernelFromHMR";
-})(UpdateDataOptions_UpdateDataType || (UpdateDataOptions_UpdateDataType = {}));
 const DispatchEventResult = {
     NotCanceled: 0,
     CanceledByEventHandler: 1,
@@ -1152,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;
 };
@@ -1174,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);
@@ -1182,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);
@@ -1240,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;
@@ -1251,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 = {};
@@ -1294,10 +1280,22 @@ function createCrossThreadEvent(domEvent, eventName) {
             targetTouches: isTrusted ? targetTouches.map(toCloneableObject) : targetTouches,
             changedTouches: isTrusted ? changedTouches.map(toCloneableObject) : changedTouches
         });
+    } else if (type.startsWith('mouse')) {
+        const mouseEvent = domEvent;
+        Object.assign(otherProperties, {
+            button: mouseEvent.button,
+            buttons: mouseEvent.buttons,
+            x: mouseEvent.x,
+            y: mouseEvent.y,
+            pageX: mouseEvent.pageX,
+            pageY: mouseEvent.pageY,
+            clientX: mouseEvent.clientX,
+            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,
@@ -1305,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,
@@ -1447,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;
     };
@@ -1540,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);
     };
@@ -1586,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);
@@ -1720,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);
@@ -1928,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;
         }
     };
@@ -1996,18 +1994,20 @@ 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);
     const publicComponentEvent = backgroundThreadRpc.createCall(publicComponentEventEndpoint);
     const postExposure = backgroundThreadRpc.createCall(postExposureEndpoint);
     const dispatchI18nResource = backgroundThreadRpc.createCall(dispatchI18nResourceEndpoint);
+    const updateDataBackground = backgroundThreadRpc.createCall(updateDataEndpoint);
     markTimingInternal('lepus_execute_start');
     async function startMainThread(config, ssrHydrateInfo) {
         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({
@@ -2113,8 +2113,16 @@ function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealm,
         await mtsRealm.loadScript(template.lepusCode.root);
         jsContext.__start();
     }
+    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);
+        return updateDataBackground(processedData, options);
+    }
     return {
-        startMainThread
+        startMainThread,
+        handleUpdatedData
     };
 }
 const templateCache = new Map();
@@ -2790,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) {
@@ -2833,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) {
@@ -2902,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",
-  "version": "0.17.2",
+  "version": "0.18.1",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,10 +26,10 @@
     "rsbuild-plugin-arethetypeswrong": "0.1.1",
     "rsbuild-plugin-publint": "0.3.3",
     "@lynx-js/offscreen-document": "0.1.4",
-    "@lynx-js/web-constants": "0.17.2",
-    "@lynx-js/web-elements-template": "0.8.7",
-    "@lynx-js/web-mainthread-apis": "0.17.2",
-    "@lynx-js/web-worker-rpc": "0.17.2"
+    "@lynx-js/web-constants": "0.18.1",
+    "@lynx-js/web-elements-template": "0.8.9",
+    "@lynx-js/web-mainthread-apis": "0.18.1",
+    "@lynx-js/web-worker-rpc": "0.18.1"
   },
   "scripts": {
     "build": "rslib build",