@lynx-js/web-mainthread-apis 0.14.1 → 0.14.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @lynx-js/web-mainthread-apis
 
+## 0.14.2
+
+### Patch Changes
+
+- feat: merge multiple markTiming RPC communication events together and send them together, which can effectively reduce the number of RPC communications. ([#1178](https://github.com/lynx-family/lynx-stack/pull/1178))
+
+- fix: correctly handle with CSS compound-selector, such as `.a.b`, which will be processed as `.a .b` incorrectly. ([#1187](https://github.com/lynx-family/lynx-stack/pull/1187))
+
+  This problem also occurs when used in combination with other selectors, here are some ways to write styles that worked incorrectly before this commit:
+
+  - `.a.b { }`
+  - `.a.b view { }`
+  - `.a.b:not(.c) { }`
+  - `.a.b::placeholder { }`
+
+- Updated dependencies [[`e44b146`](https://github.com/lynx-family/lynx-stack/commit/e44b146b1bc2b58c0347af7fb4e4157688e07e36), [`6ca5b91`](https://github.com/lynx-family/lynx-stack/commit/6ca5b9106aade393dfac88914b160960a61a82f2)]:
+  - @lynx-js/web-constants@0.14.2
+
 ## 0.14.1
 
 ### Patch Changes

package/dist/prepareMainThreadAPIs.d.ts

@@ -1,4 +1,4 @@
 import { type Rpc, type StartMainThreadContextConfig, type RpcCallType, type reportErrorEndpoint, type MainThreadGlobalThis, type I18nResourceTranslationOptions, type InitI18nResources, type I18nResources } from '@lynx-js/web-constants';
-export declare function prepareMainThreadAPIs(backgroundThreadRpc: Rpc, rootDom: Document | ShadowRoot, createElement: Document['createElement'], commitDocument: () => Promise<void> | void, markTimingInternal: (timingKey: string, pipelineId?: string) => void, reportError: RpcCallType<typeof reportErrorEndpoint>, triggerI18nResourceFallback: (options: I18nResourceTranslationOptions) => void, initialI18nResources: (data: InitI18nResources) => I18nResources): {
+export declare function prepareMainThreadAPIs(backgroundThreadRpc: Rpc, rootDom: Document | ShadowRoot, createElement: Document['createElement'], commitDocument: () => Promise<void> | void, markTimingInternal: (timingKey: string, pipelineId?: string) => void, flushMarkTimingInternal: () => void, reportError: RpcCallType<typeof reportErrorEndpoint>, triggerI18nResourceFallback: (options: I18nResourceTranslationOptions) => void, initialI18nResources: (data: InitI18nResources) => I18nResources): {
     startMainThread: (config: StartMainThreadContextConfig) => Promise<MainThreadGlobalThis>;
 };

package/dist/prepareMainThreadAPIs.js

@@ -7,7 +7,7 @@ import { registerGetCustomSectionHandler } from './crossThreadHandlers/registerG
 import { createMainThreadGlobalThis } from './createMainThreadGlobalThis.js';
 import { createExposureService } from './utils/createExposureService.js';
 const moduleCache = {};
-export function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, createElement, commitDocument, markTimingInternal, reportError, triggerI18nResourceFallback, initialI18nResources) {
+export function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, createElement, commitDocument, markTimingInternal, flushMarkTimingInternal, reportError, triggerI18nResourceFallback, initialI18nResources) {
     const postTimingFlags = backgroundThreadRpc.createCall(postTimingFlagsEndpoint);
     const backgroundStart = backgroundThreadRpc.createCall(BackgroundThreadStartEndpoint);
     const publishEvent = backgroundThreadRpc.createCall(publishEventEndpoint);
@@ -94,6 +94,7 @@ export function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, createElemen
                     markTimingInternal('ui_operation_flush_end', pipelineId);
                     markTimingInternal('layout_end', pipelineId);
                     markTimingInternal('dispatch_end', pipelineId);
+                    flushMarkTimingInternal();
                     requestAnimationFrame(() => {
                         postTimingFlags(timingFlags, pipelineId);
                     });

package/dist/utils/processStyleInfo.js

@@ -75,7 +75,7 @@ export function genCssContent(styleInfo, pageConfig) {
             const { sel: selectorList, decl: declarations } = rule;
             // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
             const selectorString = selectorList.map((selectors) => {
-                return selectors.toSpliced(-4, 0, [suffix]).join('');
+                return selectors.toSpliced(-4, 0, [suffix]).flat().join('');
             }).join(',');
             const declarationString = declarations.map(([k, v]) => `${k}:${v};`).join('');
             return `${selectorString}{${declarationString}}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-mainthread-apis",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
   "dependencies": {
     "css-tree": "^3.1.0",
     "hyphenate-style-name": "^1.1.0",
-    "@lynx-js/web-constants": "0.14.1",
+    "@lynx-js/web-constants": "0.14.2",
     "@lynx-js/web-style-transformer": "0.3.1"
   }
 }