@lynx-js/web-core 0.15.6 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @lynx-js/web-core
 
+## 0.16.0
+
+### Minor Changes
+
+- refactor: provide the mts a real globalThis ([#1589](https://github.com/lynx-family/lynx-stack/pull/1589))
+
+  Before this change, We create a function wrapper and a fake globalThis for Javascript code.
+
+  This caused some issues.
+
+  After this change, we will create an iframe for createing an isolated Javascript context.
+
+  This means the globalThis will be the real one.
+
+### Patch Changes
+
+- refactor: add `:not([l-e-name])` at the end of selector for lazy component ([#1622](https://github.com/lynx-family/lynx-stack/pull/1622))
+
+- feat: remove multi-thread mts heating ([#1597](https://github.com/lynx-family/lynx-stack/pull/1597))
+
+  The default rendering mode is "all-on-ui". Therefore the preheating for "multi-thread" will be removed.
+
+- fix: the SystemInfo in bts should be assigned to the globalThis ([#1599](https://github.com/lynx-family/lynx-stack/pull/1599))
+
+- Updated dependencies [[`1a32dd8`](https://github.com/lynx-family/lynx-stack/commit/1a32dd886fe736c95639f67028cf7685377d9769), [`bb53d9a`](https://github.com/lynx-family/lynx-stack/commit/bb53d9a035f607e7c89952098d4ed77877a2e3c1), [`1a32dd8`](https://github.com/lynx-family/lynx-stack/commit/1a32dd886fe736c95639f67028cf7685377d9769), [`c1f8715`](https://github.com/lynx-family/lynx-stack/commit/c1f8715a81b2e69ff46fc363013626db4468c209)]:
+  - @lynx-js/web-mainthread-apis@0.16.0
+  - @lynx-js/web-constants@0.16.0
+  - @lynx-js/web-worker-runtime@0.16.0
+  - @lynx-js/offscreen-document@0.1.4
+  - @lynx-js/web-worker-rpc@0.16.0
+
+## 0.15.7
+
+### Patch Changes
+
+- fix: fake uidisappear event ([#1539](https://github.com/lynx-family/lynx-stack/pull/1539))
+
+- Updated dependencies [[`70863fb`](https://github.com/lynx-family/lynx-stack/commit/70863fbc311d8885ebda40855668097b0631f521)]:
+  - @lynx-js/web-mainthread-apis@0.15.7
+  - @lynx-js/web-constants@0.15.7
+  - @lynx-js/web-worker-runtime@0.15.7
+  - @lynx-js/web-worker-rpc@0.15.7
+
 ## 0.15.6
 
 ### Patch Changes

package/dist/uiThread/bootWorkers.d.ts

@@ -1,8 +1,9 @@
+import { type BrowserConfig } from '@lynx-js/web-constants';
 import { Rpc } from '@lynx-js/web-worker-rpc';
 interface LynxViewRpc {
     mainThreadRpc: Rpc;
     backgroundRpc: Rpc;
     terminateWorkers: () => void;
 }
-export declare function bootWorkers(lynxGroupId: number | undefined, allOnUI?: boolean): LynxViewRpc;
+export declare function bootWorkers(lynxGroupId: number | undefined, allOnUI: boolean, browserConfig: BrowserConfig): LynxViewRpc;
 export {};

package/dist/uiThread/bootWorkers.js

@@ -1,20 +1,19 @@
 // Copyright 2023 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
+import { systemInfo } from '@lynx-js/web-constants';
 import { Rpc } from '@lynx-js/web-worker-rpc';
 const backgroundWorkerContextCount = [];
 const contextIdToBackgroundWorker = [];
-let preHeatedMainWorker = createMainWorker();
-export function bootWorkers(lynxGroupId, allOnUI) {
+export function bootWorkers(lynxGroupId, allOnUI, browserConfig) {
     let curMainWorker;
     if (allOnUI) {
         curMainWorker = createUIChannel();
     }
     else {
-        curMainWorker = preHeatedMainWorker;
-        preHeatedMainWorker = createMainWorker();
+        curMainWorker = createMainWorker();
     }
-    const curBackgroundWorker = createBackgroundWorker(lynxGroupId, curMainWorker.channelMainThreadWithBackground);
+    const curBackgroundWorker = createBackgroundWorker(lynxGroupId, curMainWorker.channelMainThreadWithBackground, browserConfig);
     if (lynxGroupId !== undefined) {
         if (backgroundWorkerContextCount[lynxGroupId]) {
             backgroundWorkerContextCount[lynxGroupId]++;
@@ -71,7 +70,7 @@ function createMainWorker() {
         channelMainThreadWithBackground,
     };
 }
-function createBackgroundWorker(lynxGroupId, channelMainThreadWithBackground) {
+function createBackgroundWorker(lynxGroupId, channelMainThreadWithBackground, browserConfig) {
     const channelToBackground = new MessageChannel();
     let backgroundThreadWorker;
     if (lynxGroupId) {
@@ -86,6 +85,7 @@ function createBackgroundWorker(lynxGroupId, channelMainThreadWithBackground) {
         mode: 'background',
         toUIThread: channelToBackground.port2,
         toPeerThread: channelMainThreadWithBackground.port2,
+        systemInfo: { ...systemInfo, ...browserConfig },
     };
     backgroundThreadWorker.postMessage(backgroundThreadMessage, [
         channelToBackground.port2,
@@ -95,7 +95,12 @@ function createBackgroundWorker(lynxGroupId, channelMainThreadWithBackground) {
     return { backgroundRpc, backgroundThreadWorker };
 }
 function createWebWorker(name) {
-    return new Worker(new URL('@lynx-js/web-worker-runtime', import.meta.url), {
+    return new Worker(
+    /* webpackFetchPriority: "high" */
+    /* webpackChunkName: "web-core-worker-runtime" */
+    /* webpackPrefetch: true */
+    /* webpackPreload: true */
+    new URL('@lynx-js/web-worker-runtime', import.meta.url), {
         type: 'module',
         name,
     });

package/dist/uiThread/createRenderAllOnUI.js

@@ -5,7 +5,62 @@ import { i18nResourceMissedEventName, I18nResources, lynxUniqueIdAttribute, } fr
 import { Rpc } from '@lynx-js/web-worker-rpc';
 import { dispatchLynxViewEvent } from '../utils/dispatchLynxViewEvent.js';
 import { createExposureMonitor } from './crossThreadHandlers/createExposureMonitor.js';
-const { prepareMainThreadAPIs, } = await import('@lynx-js/web-mainthread-apis');
+const { prepareMainThreadAPIs, } = await import(
+/* webpackChunkName: "web-core-main-thread-apis" */
+/* webpackMode: "lazy-once" */
+/* webpackPreload: true */
+/* webpackPrefetch: true */
+/* webpackFetchPriority: "high" */
+'@lynx-js/web-mainthread-apis');
+/**
+ * Creates a isolated JavaScript context for executing mts code.
+ * This context has its own global variables and functions.
+ */
+function createIFrameRealm(parent) {
+    const iframe = document.createElement('iframe');
+    const iframeLoaded = new Promise((resolve) => {
+        iframe.onload = () => resolve();
+    });
+    iframe.style.display = 'none';
+    iframe.src = 'about:blank';
+    parent.appendChild(iframe);
+    const iframeWindow = iframe.contentWindow;
+    const iframeDocument = iframe.contentDocument;
+    const loadScript = (url) => {
+        return new Promise(async (resolve, reject) => {
+            if (iframeDocument.readyState !== 'complete') {
+                await iframeLoaded;
+            }
+            const script = iframeDocument.createElement('script');
+            script.src = url;
+            script.fetchPriority = 'high';
+            script.defer = true;
+            script.async = false;
+            script.onload = () => resolve(iframeWindow?.module?.exports);
+            script.onerror = (err) => reject(new Error(`Failed to load script: ${url}`, { cause: err }));
+            // @ts-expect-error
+            iframeWindow.module = { exports: undefined };
+            iframe.contentDocument.head.appendChild(script);
+        });
+    };
+    const loadScriptSync = (url) => {
+        const xhr = new XMLHttpRequest();
+        xhr.open('GET', url, false); // Synchronous request
+        xhr.send(null);
+        if (xhr.status === 200) {
+            const script = iframe.contentDocument.createElement('script');
+            script.textContent = xhr.responseText;
+            // @ts-expect-error
+            iframeWindow.module = { exports: undefined };
+            iframe.contentDocument.head.appendChild(script);
+            return iframeWindow?.module?.exports;
+        }
+        else {
+            throw new Error(`Failed to load script: ${url}`, { cause: xhr });
+        }
+    };
+    return { globalWindow: iframeWindow, loadScript, loadScriptSync };
+}
 export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, markTimingInternal, flushMarkTimingInternal, callbacks, ssrDumpInfo) {
     if (!globalThis.module) {
         Object.assign(globalThis, { module: {} });
@@ -15,13 +70,14 @@ export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, markTimingI
     };
     const i18nResources = new I18nResources();
     const { exposureChangedCallback } = createExposureMonitor(shadowRoot);
-    const { startMainThread } = prepareMainThreadAPIs(mainToBackgroundRpc, shadowRoot, document.createElement.bind(document), exposureChangedCallback, markTimingInternal, flushMarkTimingInternal, (err, _, release) => {
+    const mtsRealm = createIFrameRealm(shadowRoot);
+    const mtsGlobalThis = mtsRealm.globalWindow;
+    const { startMainThread } = prepareMainThreadAPIs(mainToBackgroundRpc, shadowRoot, document, mtsRealm, exposureChangedCallback, markTimingInternal, flushMarkTimingInternal, (err, _, release) => {
         callbacks.onError?.(err, release, 'lepus.js');
     }, triggerI18nResourceFallback, (initI18nResources) => {
         i18nResources.setData(initI18nResources);
         return i18nResources;
     });
-    let mtsGlobalThis;
     const pendingUpdateCalls = [];
     const start = async (configs) => {
         if (ssrDumpInfo) {
@@ -46,7 +102,7 @@ export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, markTimingI
                     }
                 }
             }
-            mtsGlobalThis = await startMainThread(configs, {
+            await startMainThread(configs, {
                 // @ts-expect-error
                 lynxUniqueIdToElement: lynxUniqueIdToElement,
                 lynxUniqueIdToStyleRulesIndex,
@@ -55,7 +111,7 @@ export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, markTimingI
             });
         }
         else {
-            mtsGlobalThis = await startMainThread(configs);
+            await startMainThread(configs);
         }
         // Process any pending update calls that were queued while mtsGlobalThis was undefined
         for (const args of pendingUpdateCalls) {

package/dist/uiThread/crossThreadHandlers/createExposureMonitor.js

@@ -38,7 +38,7 @@ export function createExposureMonitor(rootDom) {
                 sendExposureEvent(target, true, target.getAttribute('exposure-id'));
                 exposedElements.add(target);
             }
-            else {
+            else if (!isIntersecting && exposedElements.has(target)) {
                 sendExposureEvent(target, false, target.getAttribute('exposure-id'));
                 exposedElements.delete(target);
             }

package/dist/uiThread/startUIThread.js

@@ -12,7 +12,7 @@ import { createRenderAllOnUI } from './createRenderAllOnUI.js';
 export function startUIThread(templateUrl, configs, shadowRoot, lynxGroupId, threadStrategy, callbacks, ssr) {
     const createLynxStartTiming = performance.now() + performance.timeOrigin;
     const allOnUI = threadStrategy === 'all-on-ui';
-    const { mainThreadRpc, backgroundRpc, terminateWorkers, } = bootWorkers(lynxGroupId, allOnUI);
+    const { mainThreadRpc, backgroundRpc, terminateWorkers, } = bootWorkers(lynxGroupId, allOnUI, configs.browserConfig);
     const { markTiming, sendGlobalEvent, updateDataBackground, updateI18nResourceBackground, } = startBackground(backgroundRpc, shadowRoot, callbacks);
     const cacheMarkTimings = {
         records: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core",
-  "version": "0.15.6",
+  "version": "0.16.0",
   "private": false,
   "description": "",
   "keywords": [],
@@ -24,11 +24,11 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/offscreen-document": "0.1.3",
-    "@lynx-js/web-constants": "0.15.6",
-    "@lynx-js/web-mainthread-apis": "0.15.6",
-    "@lynx-js/web-worker-rpc": "0.15.6",
-    "@lynx-js/web-worker-runtime": "0.15.6"
+    "@lynx-js/offscreen-document": "0.1.4",
+    "@lynx-js/web-constants": "0.16.0",
+    "@lynx-js/web-mainthread-apis": "0.16.0",
+    "@lynx-js/web-worker-rpc": "0.16.0",
+    "@lynx-js/web-worker-runtime": "0.16.0"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3",