@lynx-js/web-worker-runtime 0.16.0 → 0.16.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @lynx-js/web-worker-runtime
 
+## 0.16.1
+
+### Patch Changes
+
+- feat: supports lazy bundle. (This feature requires `@lynx-js/lynx-core >= 0.1.3`) ([#1235](https://github.com/lynx-family/lynx-stack/pull/1235))
+
+- Updated dependencies [[`608f375`](https://github.com/lynx-family/lynx-stack/commit/608f375e20732cc4c9f141bfbf9800ba6896100b)]:
+  - @lynx-js/web-mainthread-apis@0.16.1
+  - @lynx-js/web-constants@0.16.1
+  - @lynx-js/web-worker-rpc@0.16.1
+
 ## 0.16.0
 
 ### Minor Changes

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

@@ -12,4 +12,12 @@ export declare function createBackgroundLynx(config: BackMainThreadContextConfig
         animate(operation: import("@lynx-js/web-constants").AnimationOperation, id: string, keyframes?: Record<string, any>[], timingOptions?: Record<string, any>): void;
     };
     getI18nResource: () => import("@lynx-js/web-constants").Cloneable;
+    QueryComponent: (source: string, callback: (ret: {
+        __hasReady: boolean;
+    } | {
+        code: number;
+        detail?: {
+            schema: string;
+        };
+    }) => void) => void;
 };

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

@@ -31,6 +31,7 @@ export function createBackgroundLynx(config, nativeApp, mainThreadRpc, uiThreadR
             return createElement(id, uiThreadRpc);
         },
         getI18nResource: () => nativeApp.i18nResource.data,
+        QueryComponent: (source, callback) => nativeApp.queryComponent(source, callback),
     };
 }
 //# sourceMappingURL=createBackgroundLynx.js.map

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

@@ -1,4 +1,4 @@
-import { callLepusMethodEndpoint, setNativePropsEndpoint, triggerComponentEventEndpoint, selectComponentEndpoint, I18nResource, reportErrorEndpoint, } from '@lynx-js/web-constants';
+import { callLepusMethodEndpoint, setNativePropsEndpoint, triggerComponentEventEndpoint, selectComponentEndpoint, I18nResource, reportErrorEndpoint, queryComponentEndpoint, updateBTSTemplateCacheEndpoint, } from '@lynx-js/web-constants';
 import { createInvokeUIMethod } from './crossThreadHandlers/createInvokeUIMethod.js';
 import { registerPublicComponentEventHandler } from './crossThreadHandlers/registerPublicComponentEventHandler.js';
 import { registerGlobalExposureEventHandler } from './crossThreadHandlers/registerGlobalExposureEventHandler.js';
@@ -20,11 +20,18 @@ export async function createNativeApp(config) {
     const setNativeProps = uiThreadRpc.createCall(setNativePropsEndpoint);
     const triggerComponentEvent = uiThreadRpc.createCall(triggerComponentEventEndpoint);
     const selectComponent = uiThreadRpc.createCallbackify(selectComponentEndpoint, 3);
+    const queryComponent = mainThreadRpc.createCall(queryComponentEndpoint);
     const reportError = uiThreadRpc.createCall(reportErrorEndpoint);
     const createBundleInitReturnObj = () => {
-        const entry = globalThis.module.exports;
-        return entry;
+        const ret = globalThis.module.exports ?? globalThis.__bundle__holder;
+        globalThis.module.exports = null;
+        globalThis.__bundle__holder = null;
+        return ret;
     };
+    const templateCache = new Map([['__Card__', template]]);
+    mainThreadRpc.registerHandler(updateBTSTemplateCacheEndpoint, (url, template) => {
+        templateCache.set(url, template);
+    });
     const i18nResource = new I18nResource();
     let release = '';
     const nativeApp = {
@@ -35,20 +42,28 @@ export async function createNativeApp(config) {
         clearTimeout: clearTimeout,
         clearInterval: clearInterval,
         nativeModuleProxy: await createNativeModules(uiThreadRpc, mainThreadRpc, nativeModulesMap),
-        loadScriptAsync: function (sourceURL, callback) {
-            const manifestUrl = template.manifest[`/${sourceURL}`];
+        loadScriptAsync: function (sourceURL, callback, entryName) {
+            entryName = entryName ?? '__Card__';
+            const manifestUrl = templateCache.get(entryName)
+                ?.manifest[`/${sourceURL}`];
             if (manifestUrl)
                 sourceURL = manifestUrl;
+            globalThis.module.exports = null;
+            globalThis.__bundle__holder = null;
             import(
             /* webpackIgnore: true */
             sourceURL).catch(callback).then(async () => {
                 callback(null, createBundleInitReturnObj());
             });
         },
-        loadScript: (sourceURL) => {
-            const manifestUrl = template.manifest[`/${sourceURL}`];
+        loadScript: (sourceURL, entryName) => {
+            entryName = entryName ?? '__Card__';
+            const manifestUrl = templateCache.get(entryName)
+                ?.manifest[`/${sourceURL}`];
             if (manifestUrl)
                 sourceURL = manifestUrl;
+            globalThis.module.exports = null;
+            globalThis.__bundle__holder = null;
             importScripts(sourceURL);
             return createBundleInitReturnObj();
         },
@@ -62,6 +77,7 @@ export async function createNativeApp(config) {
         setNativeProps,
         getPathInfo: createGetPathInfo(uiThreadRpc),
         invokeUIMethod: createInvokeUIMethod(uiThreadRpc),
+        tt: null,
         setCard(tt) {
             registerPublicComponentEventHandler(mainThreadRpc, tt);
             registerPublishEventHandler(mainThreadRpc, tt);
@@ -72,6 +88,7 @@ export async function createNativeApp(config) {
             registerUpdateI18nResource(uiThreadRpc, mainThreadRpc, i18nResource, tt);
             timingSystem.registerGlobalEmitter(tt.GlobalEventEmitter);
             tt.lynx.getCoreContext().__start();
+            nativeApp.tt = tt;
         },
         triggerComponentEvent,
         selectComponent,
@@ -85,6 +102,16 @@ export async function createNativeApp(config) {
         i18nResource,
         reportException: (err, _) => reportError(err, _, release),
         __SetSourceMapRelease: (err) => release = err.message,
+        queryComponent: (source, callback) => {
+            if (templateCache.has(source)) {
+                callback({ __hasReady: true });
+            }
+            else {
+                queryComponent(source).then(res => {
+                    callback?.(res);
+                });
+            }
+        },
     };
     return nativeApp;
 }

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

@@ -26,7 +26,11 @@ export function startBackgroundThread(uiThreadPort, mainThreadPort) {
         globalThis['napiLoaderOnRT' + nativeApp.id] =
             await createNapiLoader(uiThreadRpc, config.napiModulesMap);
         const nativeLynx = createBackgroundLynx(config, nativeApp, mainThreadRpc, uiThreadRpc);
-        lynxCore.then(({ loadCard, destroyCard, callDestroyLifetimeFun }) => {
+        lynxCore.then(({ loadCard, destroyCard, callDestroyLifetimeFun, nativeGlobal, loadDynamicComponent, }) => {
+            // @lynx-js/lynx-core >= 0.1.3 will export nativeGlobal and loadDynamicComponent
+            if (nativeGlobal && loadDynamicComponent) {
+                nativeGlobal.loadDynamicComponent = loadDynamicComponent;
+            }
             loadCard(nativeApp, {
                 ...config,
                 // @ts-ignore

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 { flushElementTreeEndpoint, mainThreadStartEndpoint, postOffscreenEventEndpoint, reportErrorEndpoint, dispatchLynxViewEventEndpoint, i18nResourceMissedEventName, I18nResources, updateI18nResourcesEndpoint, multiThreadExposureChangedEndpoint, lynxUniqueIdAttribute, } from '@lynx-js/web-constants';
+import { flushElementTreeEndpoint, mainThreadStartEndpoint, postOffscreenEventEndpoint, reportErrorEndpoint, dispatchLynxViewEventEndpoint, i18nResourceMissedEventName, I18nResources, updateI18nResourcesEndpoint, multiThreadExposureChangedEndpoint, lynxUniqueIdAttribute, loadTemplateMultiThread, } from '@lynx-js/web-constants';
 import { Rpc } from '@lynx-js/web-worker-rpc';
 import { createMarkTimingInternal } from './crossThreadHandlers/createMainthreadMarkTimingInternal.js';
 import { OffscreenDocument } from '@lynx-js/offscreen-document/webworker';
@@ -15,15 +15,19 @@ const { prepareMainThreadAPIs } = await import(
 /* webpackFetchPriority: "high" */
 '@lynx-js/web-mainthread-apis');
 function loadScriptSync(url) {
+    globalThis.module.exports = null;
     importScripts(url);
-    return globalThis.module?.exports;
+    const ret = globalThis.module?.exports;
+    return ret;
 }
 function loadScript(url) {
     return new Promise((resolve, reject) => {
         fetch(url)
             .then(() => {
+            globalThis.module.exports = null;
             importScripts(url);
-            resolve(globalThis.module?.exports);
+            const ret = globalThis.module?.exports;
+            resolve(ret);
         }).catch(reject);
     });
 }
@@ -56,6 +60,7 @@ export async function startMainThreadWorker(uiThreadPort, backgroundThreadPort)
     const i18nResources = new I18nResources();
     uiThreadRpc.registerHandler(postOffscreenEventEndpoint, document[_onEvent]);
     const sendMultiThreadExposureChangedEndpoint = uiThreadRpc.createCall(multiThreadExposureChangedEndpoint);
+    const loadTemplate = uiThreadRpc.createCall(loadTemplateMultiThread);
     const { startMainThread } = prepareMainThreadAPIs(backgroundThreadRpc, document, // rootDom
     document, mtsRealm, (exposureChangedElementUniqueIds) => {
         document.commit();
@@ -65,12 +70,12 @@ export async function startMainThreadWorker(uiThreadPort, backgroundThreadPort)
     }, markTimingInternal, flushMarkTimingInternal, reportError, triggerI18nResourceFallback, (initI18nResources) => {
         i18nResources.setData(initI18nResources);
         return i18nResources;
-    });
+    }, loadTemplate);
     uiThreadRpc.registerHandler(mainThreadStartEndpoint, async (config) => {
         await startMainThread(config);
         registerUpdateDataHandler(uiThreadRpc, globalThis);
     });
-    uiThreadRpc?.registerHandler(updateI18nResourcesEndpoint, data => {
+    uiThreadRpc.registerHandler(updateI18nResourcesEndpoint, data => {
         i18nResources.setData(data);
     });
 }

package/package.json

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