@lynx-js/web-core-server-canary 0.16.0-canary-20250828-09946c26 → 0.16.0-canary-20250828-1a32dd88

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @lynx-js/web-core-server
 
-## 0.16.0-canary-20250828065231-09946c2604c0998eba703eea90904d005a0eb1c9
+## 0.16.0-canary-20250828095936-1a32dd886fe736c95639f67028cf7685377d9769
 
 ### Minor Changes
 

package/dist/index.js

@@ -393,6 +393,7 @@ 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';
@@ -815,145 +816,6 @@ function createMainThreadLynx(config, SystemInfo) {
         clearInterval: clearIntervalBrowserImpl
     };
 }
-const referenceTypes = async ()=>WebAssembly.validate(new Uint8Array([
-        0,
-        97,
-        115,
-        109,
-        1,
-        0,
-        0,
-        0,
-        1,
-        4,
-        1,
-        96,
-        0,
-        0,
-        3,
-        2,
-        1,
-        0,
-        10,
-        7,
-        1,
-        5,
-        0,
-        208,
-        112,
-        26,
-        11
-    ]));
-let wasm;
-async function initWasm() {
-    const supportsReferenceTypes = await referenceTypes();
-    wasm = supportsReferenceTypes ? await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../web-style-transformer/standard.js")) : await __webpack_require__.e("8").then(__webpack_require__.bind(__webpack_require__, "../web-style-transformer/legacy.js"));
-}
-function transformInlineStyleString(str) {
-    return wasm.transform_raw_u16_inline_style_ptr(str) ?? str;
-}
-function transformParsedStyles(styles) {
-    let childStyle = [];
-    let transformedStyle = [];
-    for (const [property, value] of styles){
-        const transformedResult = wasm.transform_raw_u16_inline_style_ptr_parsed(property, value);
-        if (transformedResult) {
-            const [transformedStyleForCurrent, childStyleForCurrent] = transformedResult;
-            transformedStyle = transformedStyle.concat(transformedStyleForCurrent);
-            if (childStyleForCurrent) childStyle = childStyle.concat(childStyleForCurrent);
-        } else transformedStyle.push([
-            property,
-            value
-        ]);
-    }
-    return {
-        childStyle,
-        transformedStyle
-    };
-}
-function flattenStyleInfo(styleInfo, enableCSSSelector) {
-    function flattenOneStyleInfo(cssId) {
-        const oneInfo = styleInfo[cssId];
-        const imports = oneInfo?.imports;
-        if (oneInfo && imports?.length) {
-            for (const im of imports){
-                const flatInfo = flattenOneStyleInfo(im);
-                if (flatInfo) {
-                    oneInfo.content.push(...flatInfo.content);
-                    oneInfo.rules.push(...enableCSSSelector ? flatInfo.rules : flatInfo.rules.map((i)=>({
-                            ...i
-                        })));
-                }
-            }
-            oneInfo.imports = void 0;
-        }
-        return oneInfo;
-    }
-    Object.keys(styleInfo).map((cssId)=>{
-        flattenOneStyleInfo(cssId);
-    });
-}
-function transformToWebCss(styleInfo) {
-    for (const cssInfos of Object.values(styleInfo))for (const rule of cssInfos.rules){
-        const { sel: selectors, decl: declarations } = rule;
-        const { transformedStyle, childStyle } = transformParsedStyles(declarations);
-        rule.decl = transformedStyle;
-        if (childStyle.length > 0) cssInfos.rules.push({
-            sel: selectors.map((selector)=>selector.toSpliced(-2, 1, [
-                    '>'
-                ], [
-                    '*'
-                ], [], [], [])),
-            decl: childStyle
-        });
-    }
-}
-function genCssContent(styleInfo, pageConfig) {
-    function getExtraSelectors(cssId) {
-        let suffix = '';
-        if (pageConfig.enableRemoveCSSScope) suffix += `[${lynxTagAttribute}]`;
-        else if (void 0 !== cssId) suffix += `[${cssIdAttribute}="${cssId}"]`;
-        else suffix += `[${lynxTagAttribute}]`;
-        return suffix;
-    }
-    const finalCssContent = [];
-    for (const [cssId, cssInfos] of Object.entries(styleInfo)){
-        const suffix = getExtraSelectors(cssId);
-        const declarationContent = cssInfos.rules.map((rule)=>{
-            const { sel: selectorList, decl: declarations } = rule;
-            const selectorString = selectorList.map((selectors)=>selectors.toSpliced(-4, 0, [
-                    suffix
-                ]).flat().join('')).join(',');
-            const declarationString = declarations.map(([k, v])=>`${k}:${v};`).join('');
-            return `${selectorString}{${declarationString}}`;
-        }).join('');
-        finalCssContent.push(...cssInfos.content, declarationContent);
-    }
-    return finalCssContent.join('\n');
-}
-function genCssOGInfo(styleInfo) {
-    return Object.fromEntries(Object.entries(styleInfo).map(([cssId, cssInfos])=>{
-        const oneCssOGInfo = {};
-        cssInfos.rules = cssInfos.rules.filter((oneCssInfo)=>{
-            oneCssInfo.sel = oneCssInfo.sel.filter((selectorList)=>{
-                const [classSelectors, pseudoClassSelectors, pseudoElementSelectors, combinator] = selectorList;
-                if (1 === classSelectors.length && '.' === classSelectors[0][0] && 0 === pseudoClassSelectors.length && 0 === pseudoElementSelectors.length && 0 === combinator.length) {
-                    const selectorName = classSelectors[0].substring(1);
-                    const currentDeclarations = oneCssOGInfo[selectorName];
-                    if (currentDeclarations) currentDeclarations.push(...oneCssInfo.decl);
-                    else oneCssOGInfo[selectorName] = oneCssInfo.decl;
-                    return false;
-                }
-                return true;
-            });
-            return oneCssInfo.sel.length > 0;
-        });
-        return [
-            cssId,
-            oneCssOGInfo
-        ];
-    }));
-}
 const cacheForCamelize = {};
 function camelize(str) {
     if (cacheForCamelize[str]) return cacheForCamelize[str];
@@ -1194,6 +1056,62 @@ V('offset-distance');
 function queryCSSProperty(index) {
     return cssPropertyMap[index];
 }
+const referenceTypes = async ()=>WebAssembly.validate(new Uint8Array([
+        0,
+        97,
+        115,
+        109,
+        1,
+        0,
+        0,
+        0,
+        1,
+        4,
+        1,
+        96,
+        0,
+        0,
+        3,
+        2,
+        1,
+        0,
+        10,
+        7,
+        1,
+        5,
+        0,
+        208,
+        112,
+        26,
+        11
+    ]));
+let wasm;
+async function initWasm() {
+    const supportsReferenceTypes = await referenceTypes();
+    wasm = supportsReferenceTypes ? await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../web-style-transformer/standard.js")) : await __webpack_require__.e("8").then(__webpack_require__.bind(__webpack_require__, "../web-style-transformer/legacy.js"));
+}
+function transformInlineStyleString(str) {
+    return wasm.transform_raw_u16_inline_style_ptr(str) ?? str;
+}
+function transformParsedStyles(styles) {
+    let childStyle = [];
+    let transformedStyle = [];
+    for (const [property, value] of styles){
+        const transformedResult = wasm.transform_raw_u16_inline_style_ptr_parsed(property, value);
+        if (transformedResult) {
+            const [transformedStyleForCurrent, childStyleForCurrent] = transformedResult;
+            transformedStyle = transformedStyle.concat(transformedStyleForCurrent);
+            if (childStyleForCurrent) childStyle = childStyle.concat(childStyleForCurrent);
+        } else transformedStyle.push([
+            property,
+            value
+        ]);
+    }
+    return {
+        childStyle,
+        transformedStyle
+    };
+}
 var uppercasePattern = /[A-Z]/g;
 var msPattern = /^ms-/;
 var hyphenate_style_name_cache = {};
@@ -1403,17 +1321,6 @@ function createCrossThreadEvent(domEvent, eventName) {
         ...otherProperties
     };
 }
-function decodeCssOG(classes, styleInfo, cssId) {
-    const classList = classes.split(' ').filter((e)=>e);
-    let declarations = [];
-    const currentStyleInfo = styleInfo[cssId ?? '0'];
-    if (currentStyleInfo) for (const oneClassName of classList){
-        const oneRule = currentStyleInfo[oneClassName];
-        if (oneRule) declarations.push(...oneRule);
-    }
-    else console.warn(`[lynx-web] cannot find styleinfo for cssid ${cssId}`);
-    return declarations.map(([property, value])=>`${property}:${value};`).join('');
-}
 const exposureRelatedAttributes = new Set([
     'exposure-id',
     'exposure-area',
@@ -1428,34 +1335,13 @@ const exposureRelatedAttributes = new Set([
 ]);
 function createMainThreadGlobalThis(config) {
     let timingFlags = [];
-    const { callbacks, tagMap, pageConfig, lynxTemplate, rootDom, globalProps, styleInfo, ssrHydrateInfo, ssrHooks, mtsRealm, document } = config;
+    const { callbacks, tagMap, pageConfig, lynxTemplate, rootDom, globalProps, ssrHydrateInfo, ssrHooks, mtsRealm, document } = config;
     const { elementTemplate, lepusCode } = lynxTemplate;
     const lynxUniqueIdToElement = ssrHydrateInfo?.lynxUniqueIdToElement ?? [];
-    const lynxUniqueIdToStyleRulesIndex = ssrHydrateInfo?.lynxUniqueIdToStyleRulesIndex ?? [];
     const elementToRuntimeInfoMap = new WeakMap();
     let pageElement = lynxUniqueIdToElement[1]?.deref();
     let uniqueIdInc = lynxUniqueIdToElement.length || 1;
     const exposureChangedElements = new Set();
-    flattenStyleInfo(styleInfo, pageConfig.enableCSSSelector);
-    transformToWebCss(styleInfo);
-    const cssOGInfo = pageConfig.enableCSSSelector ? {} : genCssOGInfo(styleInfo);
-    let cardStyleElement;
-    if (ssrHydrateInfo?.cardStyleElement) cardStyleElement = ssrHydrateInfo.cardStyleElement;
-    else {
-        cardStyleElement = document.createElement('style');
-        cardStyleElement.innerHTML = genCssContent(styleInfo, pageConfig);
-        rootDom.append(cardStyleElement);
-    }
-    const cardStyleElementSheet = cardStyleElement.sheet;
-    const updateCssOGStyle = (uniqueId, newStyles)=>{
-        if (void 0 !== lynxUniqueIdToStyleRulesIndex[uniqueId]) {
-            const rule = cardStyleElementSheet.cssRules[lynxUniqueIdToStyleRulesIndex[uniqueId]];
-            rule.style.cssText = newStyles;
-        } else {
-            const index = cardStyleElementSheet.insertRule(`[${lynxUniqueIdAttribute}="${uniqueId}"]{${newStyles}}`, cardStyleElementSheet.cssRules.length);
-            lynxUniqueIdToStyleRulesIndex[uniqueId] = index;
-        }
-    };
     const commonHandler = (event)=>{
         if (!event.currentTarget) return;
         const currentTarget = event.currentTarget;
@@ -1656,13 +1542,15 @@ function createMainThreadGlobalThis(config) {
     const __AddClassForCSSOG = (element, className)=>{
         const newClassName = ((element.getAttribute('class') ?? '') + ' ' + className).trim();
         element.setAttribute('class', newClassName);
-        const newStyleStr = decodeCssOG(newClassName, cssOGInfo, element.getAttribute(cssIdAttribute));
-        updateCssOGStyle(Number(element.getAttribute(lynxUniqueIdAttribute)), newStyleStr);
+        const cssId = element.getAttribute(cssIdAttribute);
+        const uniqueId = Number(element.getAttribute(lynxUniqueIdAttribute));
+        callbacks.updateCssOGStyle(uniqueId, newClassName, cssId);
     };
     const __SetClassesForCSSOG = (element, classNames)=>{
         __SetClasses(element, classNames);
-        const newStyleStr = decodeCssOG(classNames ?? '', cssOGInfo, element.getAttribute(cssIdAttribute));
-        updateCssOGStyle(Number(element.getAttribute(lynxUniqueIdAttribute)), newStyleStr ?? '');
+        const cssId = element.getAttribute(cssIdAttribute);
+        const uniqueId = Number(element.getAttribute(lynxUniqueIdAttribute));
+        callbacks.updateCssOGStyle(uniqueId, classNames ?? '', cssId);
     };
     const __LoadLepusChunk = (path)=>{
         try {
@@ -1882,6 +1770,126 @@ function createExposureService(rootDom, postExposure) {
         switchExposureService
     };
 }
+function decodeCssOG(classes, styleInfo, cssId) {
+    const classList = classes.split(' ').filter((e)=>e);
+    let declarations = [];
+    const currentStyleInfo = styleInfo[cssId ?? '0'];
+    if (currentStyleInfo) for (const oneClassName of classList){
+        const oneRule = currentStyleInfo[oneClassName];
+        if (oneRule) declarations.push(...oneRule);
+    }
+    else console.warn(`[lynx-web] cannot find styleinfo for cssid ${cssId}`);
+    return declarations.map(([property, value])=>`${property}:${value};`).join('');
+}
+function flattenStyleInfo(styleInfo, enableCSSSelector) {
+    function flattenOneStyleInfo(cssId) {
+        const oneInfo = styleInfo[cssId];
+        const imports = oneInfo?.imports;
+        if (oneInfo && imports?.length) {
+            for (const im of imports){
+                const flatInfo = flattenOneStyleInfo(im);
+                if (flatInfo) {
+                    oneInfo.content.push(...flatInfo.content);
+                    oneInfo.rules.push(...enableCSSSelector ? flatInfo.rules : flatInfo.rules.map((i)=>({
+                            ...i
+                        })));
+                }
+            }
+            oneInfo.imports = void 0;
+        }
+        return oneInfo;
+    }
+    Object.keys(styleInfo).map((cssId)=>{
+        flattenOneStyleInfo(cssId);
+    });
+}
+function transformToWebCss(styleInfo) {
+    for (const cssInfos of Object.values(styleInfo))for (const rule of cssInfos.rules){
+        const { sel: selectors, decl: declarations } = rule;
+        const { transformedStyle, childStyle } = transformParsedStyles(declarations);
+        rule.decl = transformedStyle;
+        if (childStyle.length > 0) cssInfos.rules.push({
+            sel: selectors.map((selector)=>selector.toSpliced(-2, 1, [
+                    '>'
+                ], [
+                    '*'
+                ], [], [], [])),
+            decl: childStyle
+        });
+    }
+}
+function genCssContent(styleInfo, pageConfig, entryName) {
+    function getExtraSelectors(cssId) {
+        let suffix;
+        suffix = pageConfig.enableRemoveCSSScope ? `[${lynxTagAttribute}]` : void 0 !== cssId ? `[${cssIdAttribute}="${cssId}"]` : `[${lynxTagAttribute}]`;
+        suffix = entryName ? `${suffix}[${lynxEntryNameAttribute}="${entryName}"]` : `${suffix}:not([${lynxEntryNameAttribute}])`;
+        return suffix;
+    }
+    const finalCssContent = [];
+    for (const [cssId, cssInfos] of Object.entries(styleInfo)){
+        const suffix = getExtraSelectors(cssId);
+        const declarationContent = cssInfos.rules.map((rule)=>{
+            const { sel: selectorList, decl: declarations } = rule;
+            const selectorString = selectorList.map((selectors)=>selectors.toSpliced(-4, 0, [
+                    suffix
+                ]).flat().join('')).join(',');
+            const declarationString = declarations.map(([k, v])=>`${k}:${v};`).join('');
+            return `${selectorString}{${declarationString}}`;
+        }).join('');
+        finalCssContent.push(...cssInfos.content, declarationContent);
+    }
+    return finalCssContent.join('\n');
+}
+function genCssOGInfo(styleInfo) {
+    return Object.fromEntries(Object.entries(styleInfo).map(([cssId, cssInfos])=>{
+        const oneCssOGInfo = {};
+        cssInfos.rules = cssInfos.rules.filter((oneCssInfo)=>{
+            oneCssInfo.sel = oneCssInfo.sel.filter((selectorList)=>{
+                const [classSelectors, pseudoClassSelectors, pseudoElementSelectors, combinator] = selectorList;
+                if (1 === classSelectors.length && '.' === classSelectors[0][0] && 0 === pseudoClassSelectors.length && 0 === pseudoElementSelectors.length && 0 === combinator.length) {
+                    const selectorName = classSelectors[0].substring(1);
+                    const currentDeclarations = oneCssOGInfo[selectorName];
+                    if (currentDeclarations) currentDeclarations.push(...oneCssInfo.decl);
+                    else oneCssOGInfo[selectorName] = oneCssInfo.decl;
+                    return false;
+                }
+                return true;
+            });
+            return oneCssInfo.sel.length > 0;
+        });
+        return [
+            cssId,
+            oneCssOGInfo
+        ];
+    }));
+}
+function appendStyleElement(styleInfo, pageConfig, rootDom, document, entryName, ssrHydrateInfo) {
+    const lynxUniqueIdToStyleRulesIndex = ssrHydrateInfo?.lynxUniqueIdToStyleRulesIndex ?? [];
+    flattenStyleInfo(styleInfo, pageConfig.enableCSSSelector);
+    transformToWebCss(styleInfo);
+    const cssOGInfo = pageConfig.enableCSSSelector ? {} : genCssOGInfo(styleInfo);
+    let cardStyleElement;
+    if (ssrHydrateInfo?.cardStyleElement) cardStyleElement = ssrHydrateInfo.cardStyleElement;
+    else {
+        cardStyleElement = document.createElement('style');
+        cardStyleElement.textContent = genCssContent(styleInfo, pageConfig, entryName);
+        rootDom.appendChild(cardStyleElement);
+    }
+    const cardStyleElementSheet = cardStyleElement.sheet;
+    const updateCssOGStyle = (uniqueId, newClassName, cssID)=>{
+        const newStyles = decodeCssOG(newClassName, cssOGInfo, cssID);
+        if (void 0 !== lynxUniqueIdToStyleRulesIndex[uniqueId]) {
+            const rule = cardStyleElementSheet.cssRules[lynxUniqueIdToStyleRulesIndex[uniqueId]];
+            rule.style.cssText = newStyles;
+        } else {
+            const index = cardStyleElementSheet.insertRule(`[${lynxUniqueIdAttribute}="${uniqueId}"]{${newStyles}}`, cardStyleElementSheet.cssRules.length);
+            lynxUniqueIdToStyleRulesIndex[uniqueId] = index;
+        }
+    };
+    return {
+        updateCssOGStyle
+    };
+}
 const initWasmPromise = initWasm();
 function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealm, commitDocument, markTimingInternal, flushMarkTimingInternal, reportError, triggerI18nResourceFallback, initialI18nResources, ssrHooks) {
     const postTimingFlags = backgroundThreadRpc.createCall(postTimingFlagsEndpoint);
@@ -1903,6 +1911,7 @@ function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealm,
             sendEventEndpoint: dispatchCoreContextOnBackgroundEndpoint
         });
         const i18nResources = initialI18nResources(initI18nResources);
+        const { updateCssOGStyle } = appendStyleElement(styleInfo, pageConfig, rootDom, document, void 0, ssrHydrateInfo);
         const mtsGlobalThis = createMainThreadGlobalThis({
             lynxTemplate: template,
             mtsRealm,
@@ -1911,12 +1920,12 @@ function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealm,
             browserConfig,
             globalProps,
             pageConfig,
-            styleInfo,
             rootDom,
             ssrHydrateInfo,
             ssrHooks,
             document,
             callbacks: {
+                updateCssOGStyle,
                 mainChunkReady: ()=>{
                     markTimingInternal('data_processor_start');
                     let initData = config.initData;
@@ -2027,7 +2036,7 @@ const OperationType = {
     RemoveChild: 9,
     StyleDeclarationSetProperty: 10,
     StyleDeclarationRemoveProperty: 11,
-    SetInnerHTML: 12,
+    SetTextContent: 12,
     sheetInsertRule: 13,
     sheetRuleUpdateCssText: 14
 };
@@ -2050,12 +2059,12 @@ class OffscreenCSSStyleDeclaration {
 const ancestorDocument = Symbol('ancestorDocument');
 const _attributes = Symbol('_attributes');
 const _children = Symbol('_children');
-const innerHTML = Symbol('innerHTML');
+const textContent = Symbol('textContent');
 const _cssRuleContents = Symbol('_cssRuleContents');
 const OffscreenElement_uniqueId = Symbol('uniqueId');
 const _style = Symbol('_style');
 class OffscreenElement extends EventTarget {
-    [innerHTML] = '';
+    [textContent] = '';
     [_style];
     [_attributes] = new Map();
     _parentElement = null;
@@ -2202,10 +2211,10 @@ class OffscreenElement extends EventTarget {
         this[ancestorDocument][enableEvent](type, this[OffscreenElement_uniqueId]);
         super.addEventListener(type, callback, options);
     }
-    set innerHTML(text1) {
-        this[ancestorDocument][operations].push(OperationType.SetInnerHTML, this[OffscreenElement_uniqueId], text1);
+    set textContent(text1) {
+        this[ancestorDocument][operations].push(OperationType.SetTextContent, this[OffscreenElement_uniqueId], text1);
         for (const child of this.children)child.remove();
-        this[innerHTML] = text1;
+        this[textContent] = text1;
         if (this[_cssRuleContents]) this[_cssRuleContents] = [];
     }
 }
@@ -2632,7 +2641,7 @@ function escapeHtml(string) {
     }
     return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
 }
-function getInnerHTMLImpl(buffer, element, shadowrootTemplates) {
+function getTextContentImpl(buffer, element, shadowrootTemplates) {
     const localName = element.localName;
     buffer.push('<');
     buffer.push(localName);
@@ -2654,14 +2663,14 @@ function getInnerHTMLImpl(buffer, element, shadowrootTemplates) {
         buffer.push('<template shadowrootmode="open">', template, '</template>');
     }
     if (element[_cssRuleContents]?.length) buffer.push(...element[_cssRuleContents]);
-    if (element[innerHTML]) buffer.push(element[innerHTML]);
-    else for (const child of element[_children])getInnerHTMLImpl(buffer, child, shadowrootTemplates);
+    if (element[textContent]) buffer.push(element[textContent]);
+    else for (const child of element[_children])getTextContentImpl(buffer, child, shadowrootTemplates);
     buffer.push('</');
     buffer.push(localName);
     buffer.push('>');
 }
 function dumpHTMLString(buffer, element, shadowrootTemplates) {
-    for (const child of element[_children])getInnerHTMLImpl(buffer, child, shadowrootTemplates);
+    for (const child of element[_children])getTextContentImpl(buffer, child, shadowrootTemplates);
 }
 const builtinElementTemplates = {
     'scroll-view': templateScrollView,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-server-canary",
-  "version": "0.16.0-canary-20250828-09946c26",
+  "version": "0.16.0-canary-20250828-1a32dd88",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,11 +25,11 @@
   "devDependencies": {
     "rsbuild-plugin-arethetypeswrong": "0.1.1",
     "rsbuild-plugin-publint": "0.3.3",
-    "@lynx-js/offscreen-document": "npm:@lynx-js/offscreen-document-canary@0.1.3",
-    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.16.0-canary-20250828-09946c26",
     "@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.4",
-    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.16.0-canary-20250828-09946c26",
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.16.0-canary-20250828-09946c26"
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.16.0-canary-20250828-1a32dd88",
+    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.16.0-canary-20250828-1a32dd88",
+    "@lynx-js/offscreen-document": "npm:@lynx-js/offscreen-document-canary@0.1.4-canary-20250828-1a32dd88",
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.16.0-canary-20250828-1a32dd88"
   },
   "scripts": {
     "build": "rslib build",