@lynx-js/web-core-server 0.18.0 → 0.18.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lynx-js/web-core-server
 
+## 0.18.2
+
+### Patch Changes
+
+- feat: builtinTagTransformMap add `'input': 'x-input'` ([#1907](https://github.com/lynx-family/lynx-stack/pull/1907))
+
+## 0.18.1
+
 ## 0.18.0
 
 ## 0.17.2

package/dist/index.js

@@ -207,9 +207,12 @@ function __webpack_require__(moduleId) {
 }
 __webpack_require__.m = __webpack_modules__;
 (()=>{
-    var webpackQueues = "function" == typeof Symbol ? Symbol("webpack queues") : "__webpack_queues__";
-    var webpackExports = "function" == typeof Symbol ? Symbol("webpack exports") : "__webpack_exports__";
-    var webpackError = "function" == typeof Symbol ? Symbol("webpack error") : "__webpack_error__";
+    var hasSymbol = "function" == typeof Symbol;
+    var webpackQueues = hasSymbol ? Symbol("webpack queues") : "__webpack_queues__";
+    var webpackExports = __webpack_require__.aE = hasSymbol ? Symbol("webpack exports") : "__webpack_exports__";
+    var webpackError = hasSymbol ? Symbol("webpack error") : "__webpack_error__";
+    var webpackDone = hasSymbol ? Symbol("webpack done") : "__webpack_done__";
+    var webpackDefer = __webpack_require__.zS = hasSymbol ? Symbol("webpack defer") : "__webpack_defer__";
     var resolveQueue = (queue)=>{
         if (queue && queue.d < 1) {
             queue.d = 1;
@@ -219,6 +222,20 @@ __webpack_require__.m = __webpack_modules__;
     };
     var wrapDeps = (deps)=>deps.map((dep)=>{
             if (null !== dep && "object" == typeof dep) {
+                if (!dep[webpackQueues] && dep[webpackDefer]) {
+                    var asyncDeps = dep[webpackDefer];
+                    var hasUnresolvedAsyncSubgraph = asyncDeps.some((id)=>{
+                        var cache = __webpack_module_cache__[id];
+                        return !cache || false === cache[webpackDone];
+                    });
+                    if (!hasUnresolvedAsyncSubgraph) return dep;
+                    var d = dep;
+                    dep = {
+                        then (callback) {
+                            Promise.all(asyncDeps.map(__webpack_require__)).then(()=>callback(d));
+                        }
+                    };
+                }
                 if (dep[webpackQueues]) return dep;
                 if (dep.then) {
                     var queue = [];
@@ -231,6 +248,7 @@ __webpack_require__.m = __webpack_modules__;
                         resolveQueue(queue);
                     });
                     var obj = {};
+                    obj[webpackDefer] = false;
                     obj[webpackQueues] = (fn)=>fn(queue);
                     return obj;
                 }
@@ -257,10 +275,11 @@ __webpack_require__.m = __webpack_modules__;
             queue && fn(queue), depQueues.forEach(fn), promise["catch"](function() {});
         };
         module.exports = promise;
-        body((deps)=>{
+        var handle = (deps)=>{
             currentDeps = wrapDeps(deps);
             var fn;
             var getResult = ()=>currentDeps.map((d)=>{
+                    if (d[webpackDefer]) return d;
                     if (d[webpackError]) throw d[webpackError];
                     return d[webpackExports];
                 });
@@ -268,10 +287,12 @@ __webpack_require__.m = __webpack_modules__;
                 fn = ()=>resolve(getResult);
                 fn.r = 0;
                 var fnQueue = (q)=>q !== queue && !depQueues.has(q) && (depQueues.add(q), q && !q.d && (fn.r++, q.push(fn)));
-                currentDeps.map((dep)=>dep[webpackQueues](fnQueue));
+                currentDeps.map((dep)=>dep[webpackDefer] || dep[webpackQueues](fnQueue));
             });
             return fn.r ? promise : getResult();
-        }, (err)=>(err ? reject(promise[webpackError] = err) : outerResolve(exports), resolveQueue(queue)));
+        };
+        var done = (err)=>(err ? reject(promise[webpackError] = err) : outerResolve(exports), resolveQueue(queue), promise[webpackDone] = true);
+        body(handle, done);
         queue && queue.d < 0 && (queue.d = 0);
     };
 })();
@@ -383,17 +404,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 +1159,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 +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(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 +1189,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 +1247,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 +1258,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 +1314,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 +1324,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 +1466,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 +1559,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 +1605,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 +1739,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 +1947,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 +2015,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 +2028,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 +2134,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 +2819,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) {
@@ -2838,11 +2858,12 @@ const builtinTagTransformMap = {
     text: 'x-text',
     image: 'x-image',
     list: 'x-list',
-    svg: 'x-svg'
+    svg: 'x-svg',
+    input: 'x-input'
 };
 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 +2932,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.18.0",
+  "version": "0.18.2",
   "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.18.0",
-    "@lynx-js/web-elements-template": "0.8.8",
-    "@lynx-js/web-mainthread-apis": "0.18.0",
-    "@lynx-js/web-worker-rpc": "0.18.0"
+    "@lynx-js/web-constants": "0.18.2",
+    "@lynx-js/web-elements-template": "0.8.9",
+    "@lynx-js/web-mainthread-apis": "0.18.2",
+    "@lynx-js/web-worker-rpc": "0.18.2"
   },
   "scripts": {
     "build": "rslib build",