@lynx-js/web-worker-runtime-canary 0.15.8-canary-20250827-60c81a1e → 0.16.0-canary-20250828-c1f8715a

package/CHANGELOG.md

@@ -1,15 +1,27 @@
 # @lynx-js/web-worker-runtime
 
-## 0.15.8-canary-20250827151323-60c81a1ed99567d7475e661196eb363f992420e6
+## 0.16.0-canary-20250828064127-c1f8715a81b2e69ff46fc363013626db4468c209
+
+### 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
 
 - fix: the SystemInfo in bts should be assigned to the globalThis ([#1599](https://github.com/lynx-family/lynx-stack/pull/1599))
 
-- Updated dependencies [[`bb53d9a`](https://github.com/lynx-family/lynx-stack/commit/bb53d9a035f607e7c89952098d4ed77877a2e3c1)]:
-  - @lynx-js/web-mainthread-apis@0.15.8-canary-20250827151323-60c81a1ed99567d7475e661196eb363f992420e6
-  - @lynx-js/web-constants@0.15.8-canary-20250827151323-60c81a1ed99567d7475e661196eb363f992420e6
-  - @lynx-js/web-worker-rpc@0.15.8-canary-20250827151323-60c81a1ed99567d7475e661196eb363f992420e6
+- Updated dependencies [[`bb53d9a`](https://github.com/lynx-family/lynx-stack/commit/bb53d9a035f607e7c89952098d4ed77877a2e3c1), [`c1f8715`](https://github.com/lynx-family/lynx-stack/commit/c1f8715a81b2e69ff46fc363013626db4468c209)]:
+  - @lynx-js/web-mainthread-apis@0.16.0-canary-20250828064127-c1f8715a81b2e69ff46fc363013626db4468c209
+  - @lynx-js/web-constants@0.16.0-canary-20250828064127-c1f8715a81b2e69ff46fc363013626db4468c209
+  - @lynx-js/web-worker-rpc@0.16.0-canary-20250828064127-c1f8715a81b2e69ff46fc363013626db4468c209
 
 ## 0.15.7
 

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

@@ -1,4 +1,4 @@
-import { callLepusMethodEndpoint, setNativePropsEndpoint, triggerComponentEventEndpoint, selectComponentEndpoint, I18nResource, reportErrorEndpoint, globalDisallowedVars, } from '@lynx-js/web-constants';
+import { callLepusMethodEndpoint, setNativePropsEndpoint, triggerComponentEventEndpoint, selectComponentEndpoint, I18nResource, reportErrorEndpoint, } from '@lynx-js/web-constants';
 import { createInvokeUIMethod } from './crossThreadHandlers/createInvokeUIMethod.js';
 import { registerPublicComponentEventHandler } from './crossThreadHandlers/registerPublicComponentEventHandler.js';
 import { registerGlobalExposureEventHandler } from './crossThreadHandlers/registerGlobalExposureEventHandler.js';
@@ -23,30 +23,7 @@ export async function createNativeApp(config) {
     const reportError = uiThreadRpc.createCall(reportErrorEndpoint);
     const createBundleInitReturnObj = () => {
         const entry = globalThis.module.exports;
-        return {
-            init: (lynxCoreInject) => {
-                lynxCoreInject.tt.lynxCoreInject = lynxCoreInject;
-                lynxCoreInject.tt.globalThis ??= new Proxy(lynxCoreInject, {
-                    get(target, prop) {
-                        if (typeof prop === 'string' && globalDisallowedVars.includes(prop)) {
-                            return undefined;
-                        }
-                        // @ts-expect-error
-                        return target[prop] ?? globalThis[prop];
-                    },
-                    set(target, prop, value) {
-                        // @ts-expect-error
-                        target[prop] = value;
-                        return true;
-                    },
-                    ownKeys(target) {
-                        return Reflect.ownKeys(target).filter((key) => key !== 'globalThis');
-                    },
-                });
-                const ret = entry?.(lynxCoreInject.tt);
-                return ret;
-            },
-        };
+        return entry;
     };
     const i18nResource = new I18nResource();
     let release = '';

package/dist/mainThread/startMainThread.js

@@ -14,6 +14,26 @@ const { prepareMainThreadAPIs } = await import(
 /* webpackPrefetch: true */
 /* webpackFetchPriority: "high" */
 '@lynx-js/web-mainthread-apis');
+function loadScriptSync(url) {
+    importScripts(url);
+    return globalThis.module?.exports;
+}
+function loadScript(url) {
+    return new Promise((resolve, reject) => {
+        fetch(url)
+            .then(() => {
+            importScripts(url);
+            resolve(globalThis.module?.exports);
+        }).catch(reject);
+    });
+}
+function createCurrentWorkerRealm() {
+    return {
+        globalWindow: globalThis,
+        loadScript,
+        loadScriptSync,
+    };
+}
 export async function startMainThreadWorker(uiThreadPort, backgroundThreadPort) {
     const uiThreadRpc = new Rpc(uiThreadPort, 'main-to-ui');
     const backgroundThreadRpc = new Rpc(backgroundThreadPort, 'main-to-bg');
@@ -26,14 +46,19 @@ export async function startMainThreadWorker(uiThreadPort, backgroundThreadPort)
             options,
         ]);
     };
-    const docu = new OffscreenDocument({
+    const document = new OffscreenDocument({
         onCommit: uiFlush,
     });
+    Object.assign(globalThis, {
+        document,
+    });
+    const mtsRealm = createCurrentWorkerRealm();
     const i18nResources = new I18nResources();
-    uiThreadRpc.registerHandler(postOffscreenEventEndpoint, docu[_onEvent]);
+    uiThreadRpc.registerHandler(postOffscreenEventEndpoint, document[_onEvent]);
     const sendMultiThreadExposureChangedEndpoint = uiThreadRpc.createCall(multiThreadExposureChangedEndpoint);
-    const { startMainThread } = prepareMainThreadAPIs(backgroundThreadRpc, docu, docu.createElement.bind(docu), (exposureChangedElementUniqueIds) => {
-        docu.commit();
+    const { startMainThread } = prepareMainThreadAPIs(backgroundThreadRpc, document, // rootDom
+    document, mtsRealm, (exposureChangedElementUniqueIds) => {
+        document.commit();
         sendMultiThreadExposureChangedEndpoint(exposureChangedElementUniqueIds
             .map(e => e.getAttribute(lynxUniqueIdAttribute))
             .filter(id => id !== null));
@@ -41,10 +66,9 @@ export async function startMainThreadWorker(uiThreadPort, backgroundThreadPort)
         i18nResources.setData(initI18nResources);
         return i18nResources;
     });
-    uiThreadRpc.registerHandler(mainThreadStartEndpoint, (config) => {
-        startMainThread(config).then((runtime) => {
-            registerUpdateDataHandler(uiThreadRpc, runtime);
-        });
+    uiThreadRpc.registerHandler(mainThreadStartEndpoint, async (config) => {
+        await startMainThread(config);
+        registerUpdateDataHandler(uiThreadRpc, globalThis);
     });
     uiThreadRpc?.registerHandler(updateI18nResourcesEndpoint, data => {
         i18nResources.setData(data);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-worker-runtime-canary",
-  "version": "0.15.8-canary-20250827-60c81a1e",
+  "version": "0.16.0-canary-20250828-c1f8715a",
   "private": false,
   "description": "",
   "keywords": [],
@@ -23,9 +23,9 @@
   ],
   "dependencies": {
     "@lynx-js/offscreen-document": "npm:@lynx-js/offscreen-document-canary@0.1.3",
-    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.15.8-canary-20250827-60c81a1e",
-    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.15.8-canary-20250827-60c81a1e",
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.15.8-canary-20250827-60c81a1e"
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.16.0-canary-20250828-c1f8715a",
+    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.16.0-canary-20250828-c1f8715a",
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.16.0-canary-20250828-c1f8715a"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3"