@lynx-js/web-worker-runtime 0.13.2 → 0.13.4

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @lynx-js/web-worker-runtime
 
+## 0.13.4
+
+### Patch Changes
+
+- feat: lynx-view supports `updateGlobalProps` method, which can be used to update lynx.\_\_globalProps ([#918](https://github.com/lynx-family/lynx-stack/pull/918))
+
+- feat: supports `lynx.getElementById()` && `animate()`. ([#912](https://github.com/lynx-family/lynx-stack/pull/912))
+
+  After this commit, you can use `lynx.getElementById()` to get the element by id, and use `element.animate()` to animate the element.
+
+- Updated dependencies [[`96d3133`](https://github.com/lynx-family/lynx-stack/commit/96d3133b149b61af01c5478f4dc7b0a071137d98), [`75e5b2f`](https://github.com/lynx-family/lynx-stack/commit/75e5b2ff16ecf5f7072a45cd130e653dee747461), [`569618d`](https://github.com/lynx-family/lynx-stack/commit/569618d8e2665f5c9e1672f7ee5900ec2a5179a2), [`f9f88d6`](https://github.com/lynx-family/lynx-stack/commit/f9f88d6fb9c42d3370a6622d9d799d671ffcf1a7)]:
+  - @lynx-js/web-mainthread-apis@0.13.4
+  - @lynx-js/offscreen-document@0.1.0
+  - @lynx-js/web-constants@0.13.4
+  - @lynx-js/web-worker-rpc@0.13.4
+
+## 0.13.3
+
+### Patch Changes
+
+- refactor: code clean ([#897](https://github.com/lynx-family/lynx-stack/pull/897))
+
+  rename many internal apis to make logic be clear:
+
+  multi-thread: startMainWorker -> prepareMainThreadAPIs -> startMainThread -> createMainThreadContext(new MainThreadRuntime)
+  all-on-ui: prepareMainThreadAPIs -> startMainThread -> createMainThreadContext(new MainThreadRuntime)
+
+- Updated dependencies [[`bb1f9d8`](https://github.com/lynx-family/lynx-stack/commit/bb1f9d845ef2395a0508666701409972e159389d), [`b6e27da`](https://github.com/lynx-family/lynx-stack/commit/b6e27daf865b0627b1c3238228a4fdf65ad87ee3), [`3d716d7`](https://github.com/lynx-family/lynx-stack/commit/3d716d79ae053b225e9bac2bbb036c968f5261e7)]:
+  - @lynx-js/offscreen-document@0.0.4
+  - @lynx-js/web-mainthread-apis@0.13.3
+  - @lynx-js/web-constants@0.13.3
+  - @lynx-js/web-worker-rpc@0.13.3
+
 ## 0.13.2
 
 ### Patch Changes

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

@@ -4,7 +4,7 @@ export interface CreateLynxConfig {
     globalProps: unknown;
     customSections: Record<string, Cloneable>;
 }
-export declare function createBackgroundLynx(config: CreateLynxConfig, nativeApp: NativeApp, mainThreadRpc: Rpc): {
+export declare function createBackgroundLynx(config: CreateLynxConfig, nativeApp: NativeApp, mainThreadRpc: Rpc, uiThreadRpc: Rpc): {
     __globalProps: unknown;
     getJSModule(_moduleName: string): any;
     getNativeApp(): NativeApp;
@@ -12,4 +12,7 @@ export declare function createBackgroundLynx(config: CreateLynxConfig, nativeApp
     getCustomSectionSync(key: string): Cloneable;
     getCustomSection: (key: string, callback: (object: Cloneable) => void) => void;
     queueMicrotask: (callback: () => void) => void;
+    createElement(_: string, id: string): {
+        animate(operation: import("@lynx-js/web-constants").AnimationOperation, id: string, keyframes?: Record<string, any>[], timingOptions?: Record<string, any>): void;
+    };
 };

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

@@ -3,7 +3,8 @@
 // LICENSE file in the root directory of this source tree.
 import { dispatchCoreContextOnBackgroundEndpoint, dispatchJSContextOnMainThreadEndpoint, LynxCrossThreadContext, } from '@lynx-js/web-constants';
 import { createGetCustomSection } from './crossThreadHandlers/createGetCustomSection.js';
-export function createBackgroundLynx(config, nativeApp, mainThreadRpc) {
+import { createElement } from './createElement.js';
+export function createBackgroundLynx(config, nativeApp, mainThreadRpc, uiThreadRpc) {
     const coreContext = new LynxCrossThreadContext({
         rpc: mainThreadRpc,
         receiveEventEndpoint: dispatchCoreContextOnBackgroundEndpoint,
@@ -26,6 +27,9 @@ export function createBackgroundLynx(config, nativeApp, mainThreadRpc) {
         queueMicrotask: (callback) => {
             queueMicrotask(callback);
         },
+        createElement(_, id) {
+            return createElement(id, uiThreadRpc);
+        },
     };
 }
 //# sourceMappingURL=createBackgroundLynx.js.map

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

@@ -0,0 +1,5 @@
+import type { AnimationOperation } from '@lynx-js/web-constants/src/types/Element.js';
+import type { Rpc } from '@lynx-js/web-worker-rpc';
+export declare const createElement: (elementId: string, uiThreadRpc: Rpc) => {
+    animate(operation: AnimationOperation, id: string, keyframes?: Record<string, any>[], timingOptions?: Record<string, any>): void;
+};

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

@@ -0,0 +1,18 @@
+// 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 { triggerElementMethodEndpoint } from '@lynx-js/web-constants';
+export const createElement = (elementId, uiThreadRpc) => {
+    const triggerElementMethod = uiThreadRpc.createCall(triggerElementMethodEndpoint);
+    return {
+        animate(operation, id, keyframes, timingOptions) {
+            triggerElementMethod('animate', elementId, {
+                operation,
+                id,
+                keyframes,
+                timingOptions,
+            });
+        },
+    };
+};
+//# sourceMappingURL=createElement.js.map

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

@@ -8,6 +8,7 @@ import { registerPublishEventHandler } from './crossThreadHandlers/registerPubli
 import { createPerformanceApis } from './createPerformanceApis.js';
 import { registerSendGlobalEventHandler } from './crossThreadHandlers/registerSendGlobalEvent.js';
 import { createJSObjectDestructionObserver } from './crossThreadHandlers/createJSObjectDestructionObserver.js';
+import { registerUpdateGlobalPropsHandler } from './crossThreadHandlers/registerUpdateGlobalPropsHandler.js';
 let nativeAppCount = 0;
 const sharedData = {};
 export async function createNativeApp(config) {
@@ -53,9 +54,9 @@ export async function createNativeApp(config) {
         clearInterval: clearInterval,
         nativeModuleProxy: await createNativeModules(uiThreadRpc, mainThreadRpc, nativeModulesMap),
         loadScriptAsync: function (sourceURL, callback) {
-            const mainfestUrl = template.manifest[`/${sourceURL}`];
-            if (mainfestUrl)
-                sourceURL = mainfestUrl;
+            const manifestUrl = template.manifest[`/${sourceURL}`];
+            if (manifestUrl)
+                sourceURL = manifestUrl;
             import(
             /* webpackIgnore: true */
             sourceURL).catch(callback).then(async () => {
@@ -63,9 +64,9 @@ export async function createNativeApp(config) {
             });
         },
         loadScript: (sourceURL) => {
-            const mainfestUrl = template.manifest[`/${sourceURL}`];
-            if (mainfestUrl)
-                sourceURL = mainfestUrl;
+            const manifestUrl = template.manifest[`/${sourceURL}`];
+            if (manifestUrl)
+                sourceURL = manifestUrl;
             importScripts(sourceURL);
             return createBundleInitReturnObj();
         },
@@ -84,6 +85,7 @@ export async function createNativeApp(config) {
             registerGlobalExposureEventHandler(mainThreadRpc, tt);
             registerUpdateDataHandler(uiThreadRpc, tt);
             registerSendGlobalEventHandler(uiThreadRpc, tt);
+            registerUpdateGlobalPropsHandler(uiThreadRpc, tt);
             timingSystem.registerGlobalEmitter(tt.GlobalEventEmitter);
             tt.lynx.getCoreContext().__start();
         },

package/dist/backgroundThread/background-apis/crossThreadHandlers/registerUpdateGlobalPropsHandler.d.ts

@@ -0,0 +1,3 @@
+import { type NativeTTObject } from '@lynx-js/web-constants';
+import type { Rpc } from '@lynx-js/web-worker-rpc';
+export declare function registerUpdateGlobalPropsHandler(rpc: Rpc, tt: NativeTTObject): void;

package/dist/backgroundThread/background-apis/crossThreadHandlers/registerUpdateGlobalPropsHandler.js

@@ -0,0 +1,8 @@
+// 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 { updateGlobalPropsEndpoint, } from '@lynx-js/web-constants';
+export function registerUpdateGlobalPropsHandler(rpc, tt) {
+    rpc.registerHandlerLazy(updateGlobalPropsEndpoint, tt, 'updateGlobalProps');
+}
+//# sourceMappingURL=registerUpdateGlobalPropsHandler.js.map

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

@@ -25,7 +25,7 @@ export function startBackgroundThread(uiThreadPort, mainThreadPort) {
         });
         globalThis['napiLoaderOnRT' + nativeApp.id] =
             await createNapiLoader(uiThreadRpc, config.napiModulesMap);
-        const nativeLynx = createBackgroundLynx(config, nativeApp, mainThreadRpc);
+        const nativeLynx = createBackgroundLynx(config, nativeApp, mainThreadRpc, uiThreadRpc);
         lynxCore.then(({ loadCard, destroyCard, callDestroyLifetimeFun }) => {
             loadCard(nativeApp, config, nativeLynx);
             registerDisposeHandler(uiThreadRpc, nativeApp, destroyCard, callDestroyLifetimeFun);

package/dist/index.d.ts

@@ -1,7 +1,5 @@
-import { startMainThread } from './mainThread/startMainThread.js';
 export interface WorkerStartMessage {
     mode: 'main' | 'background';
     toPeerThread: MessagePort;
     toUIThread: MessagePort;
 }
-export { startMainThread };

package/dist/index.js

@@ -2,12 +2,12 @@
 // 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 { startBackgroundThread } from './backgroundThread/index.js';
-import { startMainThread } from './mainThread/startMainThread.js';
+import { startMainThreadWorker } from './mainThread/startMainThread.js';
 globalThis.onmessage = (ev) => {
     const { mode, toPeerThread, toUIThread } = ev
         .data;
     if (mode === 'main') {
-        startMainThread(toUIThread, toPeerThread);
+        startMainThreadWorker(toUIThread, toPeerThread);
     }
     else {
         startBackgroundThread(toUIThread, toPeerThread);
@@ -16,5 +16,4 @@ globalThis.onmessage = (ev) => {
 Object.assign(globalThis, {
     module: { exports: null },
 });
-export { startMainThread };
 //# sourceMappingURL=index.js.map

package/dist/mainThread/index.d.ts

@@ -1 +1 @@
-export { startMainThread } from './startMainThread.js';
+export { startMainThreadWorker } from './startMainThread.js';

package/dist/mainThread/index.js

@@ -1,5 +1,5 @@
 // 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.
-export { startMainThread } from './startMainThread.js';
+export { startMainThreadWorker } from './startMainThread.js';
 //# sourceMappingURL=index.js.map

package/dist/mainThread/startMainThread.d.ts

@@ -1,4 +1 @@
-import { OffscreenDocument } from '@lynx-js/offscreen-document/webworker';
-export declare function startMainThread(uiThreadPort: MessagePort, backgroundThreadPort: MessagePort): {
-    docu: OffscreenDocument;
-};
+export declare function startMainThreadWorker(uiThreadPort: MessagePort, backgroundThreadPort: MessagePort): void;

package/dist/mainThread/startMainThread.js

@@ -7,8 +7,8 @@ import { createMarkTimingInternal } from './crossThreadHandlers/createMainthread
 import { OffscreenDocument } from '@lynx-js/offscreen-document/webworker';
 import { _onEvent } from '@lynx-js/offscreen-document/webworker';
 import { registerUpdateDataHandler } from './crossThreadHandlers/registerUpdateDataHandler.js';
-const { loadMainThread } = await import('@lynx-js/web-mainthread-apis');
-export function startMainThread(uiThreadPort, backgroundThreadPort) {
+const { prepareMainThreadAPIs } = await import('@lynx-js/web-mainthread-apis');
+export function startMainThreadWorker(uiThreadPort, backgroundThreadPort) {
     const uiThreadRpc = new Rpc(uiThreadPort, 'main-to-ui');
     const backgroundThreadRpc = new Rpc(backgroundThreadPort, 'main-to-bg');
     const markTimingInternal = createMarkTimingInternal(backgroundThreadRpc);
@@ -18,14 +18,11 @@ export function startMainThread(uiThreadPort, backgroundThreadPort) {
         onCommit: uiFlush,
     });
     uiThreadRpc.registerHandler(postOffscreenEventEndpoint, docu[_onEvent]);
-    const { startMainThread } = loadMainThread(backgroundThreadRpc, docu, docu.commit.bind(docu), markTimingInternal, reportError);
+    const { startMainThread } = prepareMainThreadAPIs(backgroundThreadRpc, docu, docu.createElement.bind(docu), docu.commit.bind(docu), markTimingInternal, reportError);
     uiThreadRpc.registerHandler(mainThreadStartEndpoint, (config) => {
         startMainThread(config).then((runtime) => {
             registerUpdateDataHandler(uiThreadRpc, runtime);
         });
     });
-    return {
-        docu,
-    };
 }
 //# sourceMappingURL=startMainThread.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-worker-runtime",
-  "version": "0.13.2",
+  "version": "0.13.4",
   "private": false,
   "description": "",
   "keywords": [],
@@ -22,10 +22,10 @@
     "README.md"
   ],
   "dependencies": {
-    "@lynx-js/offscreen-document": "0.0.3",
-    "@lynx-js/web-constants": "0.13.2",
-    "@lynx-js/web-mainthread-apis": "0.13.2",
-    "@lynx-js/web-worker-rpc": "0.13.2"
+    "@lynx-js/offscreen-document": "0.1.0",
+    "@lynx-js/web-constants": "0.13.4",
+    "@lynx-js/web-mainthread-apis": "0.13.4",
+    "@lynx-js/web-worker-rpc": "0.13.4"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.2"