@lynx-js/web-worker-runtime 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @lynx-js/web-worker-runtime
 
+## 0.12.0
+
+### Patch Changes
+
+- feat: fully support MTS ([#569](https://github.com/lynx-family/lynx-stack/pull/569))
+
+  Now use support the following usage
+
+  - mainthread event
+  - mainthread ref
+  - runOnMainThread/runOnBackground
+  - ref.current.xx
+
+- Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd), [`8ca9fcb`](https://github.com/lynx-family/lynx-stack/commit/8ca9fcbbc86b0f0ac05ee4319876cdd5dd08d668), [`efe6fd7`](https://github.com/lynx-family/lynx-stack/commit/efe6fd7de8a3d8119ea550f4d4e939d1fbfee4f0)]:
+  - @lynx-js/web-mainthread-apis@0.12.0
+  - @lynx-js/web-constants@0.12.0
+  - @lynx-js/web-worker-rpc@0.12.0
+
 ## 0.11.0
 
 ### Patch Changes

package/dist/backgroundThread/background-apis/createBackgroundLynx.d.ts

@@ -1,19 +1,10 @@
-import { dispatchCoreContextEventEndpoint, type Cloneable, type LynxContextEventTarget, type NativeApp } from '@lynx-js/web-constants';
+import { type Cloneable, type NativeApp } from '@lynx-js/web-constants';
 import type { Rpc } from '@lynx-js/web-worker-rpc';
+import { LynxCrossThreadContext } from '../../common/LynxCrossThreadContext.js';
 export interface CreateLynxConfig {
     globalProps: unknown;
     customSections: Record<string, Cloneable>;
 }
-export declare class LynxCrossThreadContext extends EventTarget implements LynxContextEventTarget {
-    private _config;
-    constructor(_config: {
-        mainThreadRpc: Rpc;
-        dispatchEventEndpoint: typeof dispatchCoreContextEventEndpoint;
-    });
-    postMessage(...args: any[]): void;
-    dispatchEvent(event: Event): number;
-    __start(): void;
-}
 export declare function createBackgroundLynx(config: CreateLynxConfig, nativeApp: NativeApp, mainThreadRpc: Rpc): {
     __globalProps: unknown;
     getJSModule(_moduleName: string): any;

package/dist/backgroundThread/background-apis/createBackgroundLynx.js

@@ -1,33 +1,14 @@
 // 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 { dispatchCoreContextEventEndpoint, DispatchEventResult, } from '@lynx-js/web-constants';
+import { dispatchCoreContextOnBackgroundEndpoint, dispatchJSContextOnMainThreadEndpoint, } from '@lynx-js/web-constants';
 import { createGetCustomSection } from './crossThreadHandlers/createGetCustomSection.js';
-export class LynxCrossThreadContext extends EventTarget {
-    _config;
-    constructor(_config) {
-        super();
-        this._config = _config;
-    }
-    postMessage(...args) {
-        console.error('[lynx-web] postMessage not implemented, args:', ...args);
-    }
-    // @ts-expect-error
-    dispatchEvent(event) {
-        super.dispatchEvent(event);
-        return DispatchEventResult.CanceledBeforeDispatch;
-    }
-    __start() {
-        const { mainThreadRpc, dispatchEventEndpoint } = this._config;
-        mainThreadRpc.registerHandler(dispatchEventEndpoint, (eventType, data) => {
-            this.dispatchEvent(new MessageEvent(eventType, { data: data ?? {} }));
-        });
-    }
-}
+import { LynxCrossThreadContext } from '../../common/LynxCrossThreadContext.js';
 export function createBackgroundLynx(config, nativeApp, mainThreadRpc) {
     const coreContext = new LynxCrossThreadContext({
-        mainThreadRpc,
-        dispatchEventEndpoint: dispatchCoreContextEventEndpoint,
+        rpc: mainThreadRpc,
+        receiveEventEndpoint: dispatchCoreContextOnBackgroundEndpoint,
+        sendEventEndpoint: dispatchJSContextOnMainThreadEndpoint,
     });
     return {
         __globalProps: config.globalProps,

package/dist/common/LynxCrossThreadContext.d.ts

@@ -0,0 +1,12 @@
+import { type dispatchCoreContextOnBackgroundEndpoint, type LynxContextEventTarget, type Rpc } from '@lynx-js/web-constants';
+export declare class LynxCrossThreadContext extends EventTarget implements LynxContextEventTarget {
+    private _config;
+    constructor(_config: {
+        rpc: Rpc;
+        receiveEventEndpoint: typeof dispatchCoreContextOnBackgroundEndpoint;
+        sendEventEndpoint: typeof dispatchCoreContextOnBackgroundEndpoint;
+    });
+    postMessage(...args: any[]): void;
+    dispatchEvent(event: ContextCrossThreadEvent): 3;
+    __start(): void;
+}

package/dist/common/LynxCrossThreadContext.js

@@ -0,0 +1,24 @@
+import { DispatchEventResult, } from '@lynx-js/web-constants';
+export class LynxCrossThreadContext extends EventTarget {
+    _config;
+    constructor(_config) {
+        super();
+        this._config = _config;
+    }
+    postMessage(...args) {
+        console.error('[lynx-web] postMessage not implemented, args:', ...args);
+    }
+    // @ts-expect-error
+    dispatchEvent(event) {
+        const { rpc, sendEventEndpoint } = this._config;
+        rpc.invoke(sendEventEndpoint, [event]);
+        return DispatchEventResult.CanceledBeforeDispatch;
+    }
+    __start() {
+        const { rpc, receiveEventEndpoint } = this._config;
+        rpc.registerHandler(receiveEventEndpoint, ({ type, data }) => {
+            super.dispatchEvent(new MessageEvent(type, { data: data ?? {} }));
+        });
+    }
+}
+//# sourceMappingURL=LynxCrossThreadContext.js.map

package/dist/mainThread/startMainThread.js

@@ -1,7 +1,7 @@
 // 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 { BackgroundThreadStartEndpoint, mainThreadStartEndpoint, flushElementTreeEndpoint, reportErrorEndpoint, publishEventEndpoint, publicComponentEventEndpoint, postExposureEndpoint, postOffscreenEventEndpoint, switchExposureServiceEndpoint, postTimingFlagsEndpoint, dispatchCoreContextEventEndpoint, } from '@lynx-js/web-constants';
+import { BackgroundThreadStartEndpoint, mainThreadStartEndpoint, flushElementTreeEndpoint, reportErrorEndpoint, publishEventEndpoint, publicComponentEventEndpoint, postExposureEndpoint, postOffscreenEventEndpoint, switchExposureServiceEndpoint, postTimingFlagsEndpoint, dispatchCoreContextOnBackgroundEndpoint, dispatchJSContextOnMainThreadEndpoint, } from '@lynx-js/web-constants';
 import { Rpc } from '@lynx-js/web-worker-rpc';
 import { MainThreadRuntime, switchExposureService, } from '@lynx-js/web-mainthread-apis';
 import { registerCallLepusMethodHandler } from './crossThreadHandlers/registerCallLepusMethodHandler.js';
@@ -10,13 +10,13 @@ import { createMarkTimingInternal } from './crossThreadHandlers/createMainthread
 import { registerUpdateDataHandler } from './crossThreadHandlers/registerUpdateDataHandler.js';
 import { OffscreenDocument } from '@lynx-js/offscreen-document/webworker';
 import { _onEvent, } from '@lynx-js/offscreen-document/webworker';
+import { LynxCrossThreadContext } from '../common/LynxCrossThreadContext.js';
 export function startMainThread(uiThreadPort, backgroundThreadPort) {
     const uiThreadRpc = new Rpc(uiThreadPort, 'main-to-ui');
     const backgroundThreadRpc = new Rpc(backgroundThreadPort, 'main-to-bg');
     const markTimingInternal = createMarkTimingInternal(backgroundThreadRpc);
     const postTimingFlags = backgroundThreadRpc.createCall(postTimingFlagsEndpoint);
     const backgroundStart = backgroundThreadRpc.createCall(BackgroundThreadStartEndpoint);
-    const dispatchCoreContextEvent = backgroundThreadRpc.createCall(dispatchCoreContextEventEndpoint);
     const publishEvent = backgroundThreadRpc.createCall(publishEventEndpoint);
     const publicComponentEvent = backgroundThreadRpc.createCall(publicComponentEventEndpoint);
     const postExposure = backgroundThreadRpc.createCall(postExposureEndpoint);
@@ -38,7 +38,13 @@ export function startMainThread(uiThreadPort, backgroundThreadPort) {
             },
         });
         uiThreadRpc.registerHandler(postOffscreenEventEndpoint, docu[_onEvent]);
+        const jsContext = new LynxCrossThreadContext({
+            rpc: backgroundThreadRpc,
+            receiveEventEndpoint: dispatchJSContextOnMainThreadEndpoint,
+            sendEventEndpoint: dispatchCoreContextOnBackgroundEndpoint,
+        });
         const runtime = new MainThreadRuntime({
+            jsContext,
             tagMap,
             browserConfig,
             customSections,
@@ -76,7 +82,10 @@ export function startMainThread(uiThreadPort, backgroundThreadPort) {
                     docu.commit();
                     if (isFp) {
                         isFp = false;
-                        dispatchCoreContextEvent('__OnNativeAppReady', undefined);
+                        jsContext.dispatchEvent({
+                            type: '__OnNativeAppReady',
+                            data: undefined,
+                        });
                     }
                     markTimingInternal('layout_start', pipelineId);
                     markTimingInternal('ui_operation_flush_start', pipelineId);
@@ -88,7 +97,10 @@ export function startMainThread(uiThreadPort, backgroundThreadPort) {
                 },
                 _ReportError: reportError,
                 __OnLifecycleEvent: (data) => {
-                    dispatchCoreContextEvent('__OnLifecycleEvent', data);
+                    jsContext.dispatchEvent({
+                        type: '__OnLifecycleEvent',
+                        data,
+                    });
                 },
                 /**
                  * Note :
@@ -103,6 +115,7 @@ export function startMainThread(uiThreadPort, backgroundThreadPort) {
         }).globalThis;
         markTimingInternal('decode_end');
         entry(runtime);
+        jsContext.__start(); // start the jsContext after the runtime is created
     });
 }
 //# sourceMappingURL=startMainThread.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-worker-runtime",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "private": false,
   "description": "",
   "keywords": [],
@@ -23,9 +23,9 @@
   ],
   "dependencies": {
     "@lynx-js/offscreen-document": "0.0.0",
-    "@lynx-js/web-constants": "0.11.0",
-    "@lynx-js/web-mainthread-apis": "0.11.0",
-    "@lynx-js/web-worker-rpc": "0.11.0"
+    "@lynx-js/web-constants": "0.12.0",
+    "@lynx-js/web-mainthread-apis": "0.12.0",
+    "@lynx-js/web-worker-rpc": "0.12.0"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.2"