@lynx-js/react 0.106.1 → 0.106.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @lynx-js/react
 
+## 0.106.3
+
+### Patch Changes
+
+- Do some global var initialize in hydrate, which fixes error like `cannot read property '-21' of undefined` and some style issue. ([#461](https://github.com/lynx-family/lynx-stack/pull/461))
+
+- fix: ensure ref lifecycle events run after firstScreen in the background thread ([#434](https://github.com/lynx-family/lynx-stack/pull/434))
+
+  This patch fixes an issue where ref lifecycle events were running before firstScreen events in the background thread async render mode, which could cause refs to be undefined when components try to access them.
+
+## 0.106.2
+
+### Patch Changes
+
+- fix: prevent multiple firstScreen events when reloading before `jsReady` ([#377](https://github.com/lynx-family/lynx-stack/pull/377))
+
+- Optimize the bundle size by eliminating unnecessary code when the lazy bundle is not utilized. ([#284](https://github.com/lynx-family/lynx-stack/pull/284))
+
 ## 0.106.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react",
-  "version": "0.106.1",
+  "version": "0.106.3",
   "description": "ReactLynx is a framework for developing Lynx applications with familiar React.",
   "repository": {
     "type": "git",
@@ -149,7 +149,7 @@
   },
   "devDependencies": {
     "@lynx-js/types": "^3.2.0",
-    "@microsoft/api-extractor": "7.51.1",
+    "@microsoft/api-extractor": "7.52.2",
     "@types/react": "^18.3.20"
   },
   "peerDependencies": {

package/refresh/.turbo/turbo-build.log

@@ -5,4 +5,4 @@
 
   dist/index.js  11.4kb
 
-⚡ Done in 24ms
+⚡ Done in 14ms

package/refresh/package.json

@@ -16,6 +16,6 @@
     "@lynx-js/react": "workspace:*",
     "@prefresh/core": "^1.5.3",
     "@prefresh/utils": "^1.2.0",
-    "esbuild": "^0.25.1"
+    "esbuild": "^0.25.2"
   }
 }

package/runtime/lazy/internal.js

@@ -2,7 +2,7 @@
 // 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 { sExportsReactInternal, target } from './target';
+import { sExportsReactInternal, target } from './target.js';
 
 export const {
   Component,

package/runtime/lib/lifecycle/destroy.js

@@ -2,6 +2,8 @@
 // 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 { __root } from '../root.js';
+import { delayedEvents } from './event/delayEvents.js';
+import { delayedLifecycleEvents } from './event/delayLifecycleEvents.js';
 import { globalCommitTaskMap } from './patch/commit.js';
 import { renderBackground } from './render.js';
 function destroyBackground() {
@@ -13,6 +15,12 @@ function destroyBackground() {
         task();
     });
     globalCommitTaskMap.clear();
+    // Clear delayed events which should not be executed after destroyed.
+    // This is important when the page is performing a reload.
+    delayedLifecycleEvents.length = 0;
+    if (delayedEvents) {
+        delayedEvents.length = 0;
+    }
     if (__PROFILE__) {
         console.profileEnd();
     }

package/runtime/lib/lifecycle/destroy.js.map

@@ -1 +1 @@
-{"version":3,"file":"destroy.js","sourceRoot":"","sources":["../../src/lifecycle/destroy.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,SAAS,iBAAiB;IACxB,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACvC,CAAC;IAED,gBAAgB,CAAC,IAAI,EAAE,MAAa,CAAC,CAAC;IAEtC,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACjC,IAAI,EAAE,CAAC;IACT,CAAC,CAAC,CAAC;IACH,mBAAmB,CAAC,KAAK,EAAE,CAAC;IAE5B,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC;AACH,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"destroy.js","sourceRoot":"","sources":["../../src/lifecycle/destroy.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,SAAS,iBAAiB;IACxB,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACvC,CAAC;IAED,gBAAgB,CAAC,IAAI,EAAE,MAAa,CAAC,CAAC;IAEtC,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACjC,IAAI,EAAE,CAAC;IACT,CAAC,CAAC,CAAC;IACH,mBAAmB,CAAC,KAAK,EAAE,CAAC;IAC5B,qEAAqE;IACrE,0DAA0D;IAC1D,sBAAsB,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,IAAI,aAAa,EAAE,CAAC;QAClB,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3B,CAAC;IACD,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC;AACH,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/runtime/lib/lifecycle/event/delayEvents.d.ts

@@ -0,0 +1,3 @@
+declare let delayedEvents: [handlerName: string, data: unknown][] | undefined;
+declare function delayedPublishEvent(handlerName: string, data: unknown): void;
+export { delayedPublishEvent, delayedEvents };

package/runtime/lib/lifecycle/event/delayEvents.js

@@ -0,0 +1,7 @@
+let delayedEvents;
+function delayedPublishEvent(handlerName, data) {
+    delayedEvents ??= [];
+    delayedEvents.push([handlerName, data]);
+}
+export { delayedPublishEvent, delayedEvents };
+//# sourceMappingURL=delayEvents.js.map

package/runtime/lib/lifecycle/event/delayEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delayEvents.js","sourceRoot":"","sources":["../../../src/lifecycle/event/delayEvents.ts"],"names":[],"mappings":"AAAA,IAAI,aAAiE,CAAC;AAEtE,SAAS,mBAAmB,CAAC,WAAmB,EAAE,IAAa;IAC7D,aAAa,KAAK,EAAE,CAAC;IACrB,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,CAAC"}

package/runtime/lib/lifecycle/event/delayLifecycleEvents.d.ts

@@ -0,0 +1,3 @@
+declare const delayedLifecycleEvents: [type: string, data: any][];
+declare function delayLifecycleEvent(type: string, data: any): void;
+export {};

package/runtime/lib/lifecycle/event/delayLifecycleEvents.js

@@ -0,0 +1,20 @@
+import { LifecycleConstant } from '../../lifecycleConstant.js';
+const delayedLifecycleEvents = [];
+function delayLifecycleEvent(type, data) {
+    // We need to ensure that firstScreen events are executed before other events.
+    // This is because firstScreen events are used to initialize the dom tree,
+    // and other events depend on the dom tree being fully constructed.
+    // There might be some edge cases where ctx cannot be found in `ref` lifecycle event,
+    // and they should be ignored safely.
+    if (type === LifecycleConstant.firstScreen) {
+        delayedLifecycleEvents.unshift([type, data]);
+    }
+    else {
+        delayedLifecycleEvents.push([type, data]);
+    }
+}
+/**
+ * @internal
+ */
+export { delayLifecycleEvent, delayedLifecycleEvents };
+//# sourceMappingURL=delayLifecycleEvents.js.map

package/runtime/lib/lifecycle/event/delayLifecycleEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delayLifecycleEvents.js","sourceRoot":"","sources":["../../../src/lifecycle/event/delayLifecycleEvents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,sBAAsB,GAAgC,EAAE,CAAC;AAE/D,SAAS,mBAAmB,CAAC,IAAY,EAAE,IAAS;IAClD,8EAA8E;IAC9E,0EAA0E;IAC1E,mEAAmE;IACnE,qFAAqF;IACrF,qCAAqC;IACrC,IAAI,IAAI,KAAK,iBAAiB,CAAC,WAAW,EAAE,CAAC;QAC3C,sBAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC/C,CAAC;SAAM,CAAC;QACN,sBAAsB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC;AACH,CAAC;AAED;;GAEG;AACH,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,CAAC"}

package/runtime/lib/lifecycle/event/jsReady.d.ts

@@ -0,0 +1,6 @@
+declare let isJSReady: boolean;
+declare let jsReadyEventIdSwap: Record<number, number>;
+declare function jsReady(): void;
+declare function clearJSReadyEventIdSwap(): void;
+declare function resetJSReady(): void;
+export {};

package/runtime/lib/lifecycle/event/jsReady.js

@@ -0,0 +1,29 @@
+import { LifecycleConstant } from '../../lifecycleConstant.js';
+import { __root } from '../../root.js';
+import { takeGlobalRefPatchMap } from '../../snapshot/ref.js';
+let isJSReady;
+let jsReadyEventIdSwap;
+function jsReady() {
+    isJSReady = true;
+    __OnLifecycleEvent([
+        LifecycleConstant.firstScreen, /* FIRST_SCREEN */
+        {
+            root: JSON.stringify(__root),
+            refPatch: JSON.stringify(takeGlobalRefPatchMap()),
+            jsReadyEventIdSwap,
+        },
+    ]);
+    jsReadyEventIdSwap = {};
+}
+function clearJSReadyEventIdSwap() {
+    jsReadyEventIdSwap = {};
+}
+function resetJSReady() {
+    isJSReady = false;
+    jsReadyEventIdSwap = {};
+}
+/**
+ * @internal
+ */
+export { jsReady, isJSReady, jsReadyEventIdSwap, clearJSReadyEventIdSwap, resetJSReady };
+//# sourceMappingURL=jsReady.js.map

package/runtime/lib/lifecycle/event/jsReady.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsReady.js","sourceRoot":"","sources":["../../../src/lifecycle/event/jsReady.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,IAAI,SAAkB,CAAC;AACvB,IAAI,kBAA0C,CAAC;AAE/C,SAAS,OAAO;IACd,SAAS,GAAG,IAAI,CAAC;IACjB,kBAAkB,CAAC;QACjB,iBAAiB,CAAC,WAAW,EAAE,kBAAkB;QACjD;YACE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;YAC5B,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;YACjD,kBAAkB;SACnB;KACF,CAAC,CAAC;IACH,kBAAkB,GAAG,EAAE,CAAC;AAC1B,CAAC;AAED,SAAS,uBAAuB;IAC9B,kBAAkB,GAAG,EAAE,CAAC;AAC1B,CAAC;AAED,SAAS,YAAY;IACnB,SAAS,GAAG,KAAK,CAAC;IAClB,kBAAkB,GAAG,EAAE,CAAC;AAC1B,CAAC;AAED;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,YAAY,EAAE,CAAC"}

package/runtime/lib/lifecycle/reload.d.ts

@@ -1,3 +1,3 @@
 declare function reloadMainThread(data: any, options: UpdatePageOption): void;
 declare function reloadBackground(updateData: Record<string, any>): void;
-export { reloadMainThread, reloadBackground };
+export { reloadBackground, reloadMainThread };

package/runtime/lib/lifecycle/reload.js

@@ -1,18 +1,19 @@
 // Copyright 2024 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 { hydrate } from '../hydrate.js';
+import { LifecycleConstant } from '../lifecycleConstant.js';
+import { __pendingListUpdates } from '../list.js';
 import { __root, setRoot } from '../root.js';
+import { takeGlobalRefPatchMap } from '../snapshot/ref.js';
 import { SnapshotInstance, __page, snapshotInstanceManager } from '../snapshot.js';
 import { isEmptyObject } from '../utils.js';
 import { destroyBackground } from './destroy.js';
+import { destroyWorklet } from '../worklet/destroy.js';
+import { clearJSReadyEventIdSwap, isJSReady } from './event/jsReady.js';
 import { increaseReloadVersion } from './pass.js';
-import { renderBackground, renderMainThread } from './render.js';
-import { hydrate } from '../hydrate.js';
-import { LifecycleConstant } from '../lifecycleConstant.js';
-import { __pendingListUpdates } from '../list.js';
-import { takeGlobalRefPatchMap } from '../snapshot/ref.js';
 import { deinitGlobalSnapshotPatch } from './patch/snapshotPatch.js';
-import { destroyWorklet } from '../worklet/destroy.js';
+import { renderBackground, renderMainThread } from './render.js';
 function reloadMainThread(data, options) {
     if (__PROFILE__) {
         console.profile('reloadTemplate');
@@ -24,6 +25,7 @@ function reloadMainThread(data, options) {
     destroyWorklet();
     snapshotInstanceManager.clear();
     __pendingListUpdates.clear();
+    clearJSReadyEventIdSwap();
     const oldRoot = __root;
     setRoot(new SnapshotInstance('root'));
     __root.__jsx = oldRoot.__jsx;
@@ -33,14 +35,16 @@ function reloadMainThread(data, options) {
     });
     // always call this before `__FlushElementTree`
     __pendingListUpdates.flush();
+    if (isJSReady) {
+        __OnLifecycleEvent([
+            LifecycleConstant.firstScreen, /* FIRST_SCREEN */
+            {
+                root: JSON.stringify(__root),
+                refPatch: JSON.stringify(takeGlobalRefPatchMap()),
+            },
+        ]);
+    }
     __FlushElementTree(__page, options);
-    __OnLifecycleEvent([
-        LifecycleConstant.firstScreen, /* FIRST_SCREEN */
-        {
-            root: JSON.stringify(__root),
-            refPatch: JSON.stringify(takeGlobalRefPatchMap()),
-        },
-    ]);
     if (__PROFILE__) {
         console.profileEnd();
     }
@@ -60,5 +64,5 @@ function reloadBackground(updateData) {
         console.profileEnd();
     }
 }
-export { reloadMainThread, reloadBackground };
+export { reloadBackground, reloadMainThread };
 //# sourceMappingURL=reload.js.map

package/runtime/lib/lifecycle/reload.js.map

@@ -1 +1 @@
-{"version":3,"file":"reload.js","sourceRoot":"","sources":["../../src/lifecycle/reload.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"reload.js","sourceRoot":"","sources":["../../src/lifecycle/reload.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEjE,SAAS,gBAAgB,CAAC,IAAS,EAAE,OAAyB;IAC5D,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACpC,CAAC;IAED,qBAAqB,EAAE,CAAC;IAExB,IAAI,OAAO,IAAI,IAAI,QAAQ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;QACpD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,cAAc,EAAE,CAAC;IACjB,uBAAuB,CAAC,KAAK,EAAE,CAAC;IAChC,oBAAoB,CAAC,KAAK,EAAE,CAAC;IAC7B,uBAAuB,EAAE,CAAC;IAE1B,MAAM,OAAO,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC7B,gBAAgB,EAAE,CAAC;IACnB,OAAO,CAAC,OAA2B,EAAE,MAA0B,EAAE;QAC/D,SAAS,EAAE,IAAI;KAChB,CAAC,CAAC;IAEH,+CAA+C;IAC/C,oBAAoB,CAAC,KAAK,EAAE,CAAC;IAE7B,IAAI,SAAS,EAAE,CAAC;QACd,kBAAkB,CAAC;YACjB,iBAAiB,CAAC,WAAW,EAAE,kBAAkB;YACjD;gBACE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;gBAC5B,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;aAClD;SACF,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEpC,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC;IACD,OAAO;AACT,CAAC;AAED,SAAS,gBAAgB,CAAC,UAA+B;IACvD,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,yBAAyB,EAAE,CAAC;IAE5B,iBAAiB,EAAE,CAAC;IAEpB,qBAAqB,EAAE,CAAC;IAExB,2EAA2E;IAC3E,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAEjE,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAa,CAAC,CAAC;IAE9C,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC;AACH,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/runtime/lib/lynx/calledByNative.js

@@ -1,19 +1,18 @@
 // Copyright 2024 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 { __page, setupPage, SnapshotInstance } from '../snapshot.js';
-// @ts-ignore
-import { render as renderToString } from '../renderToOpcodes/index.js';
-import { LifecycleConstant } from '../lifecycleConstant.js';
-import { takeGlobalRefPatchMap } from '../snapshot/ref.js';
-import { isEmptyObject } from '../utils.js';
-import { __root, setRoot } from '../root.js';
+import { hydrate } from '../hydrate.js';
+import { isJSReady, jsReady, jsReadyEventIdSwap, resetJSReady } from '../lifecycle/event/jsReady.js';
 import { reloadMainThread } from '../lifecycle/reload.js';
 import { renderMainThread } from '../lifecycle/render.js';
-import { hydrate } from '../hydrate.js';
-import { markTiming, PerformanceTimingKeys, setPipeline } from './performance.js';
+import { LifecycleConstant } from '../lifecycleConstant.js';
 import { __pendingListUpdates } from '../list.js';
 import { ssrHydrateByOpcodes } from '../opcodes.js';
+import { __root, setRoot } from '../root.js';
+import { takeGlobalRefPatchMap } from '../snapshot/ref.js';
+import { SnapshotInstance, __page, setupPage } from '../snapshot.js';
+import { isEmptyObject } from '../utils.js';
+import { PerformanceTimingKeys, markTiming, setPipeline } from './performance.js';
 function ssrEncode() {
     const { __opcodes } = __root;
     delete __root.__opcodes;
@@ -37,6 +36,8 @@ function ssrHydrate(info) {
     if (!nativePage) {
         throw new Error('SSR Hydration Failed! Please check if the SSR content loaded successfully!');
     }
+    resetJSReady();
+    setupPage(nativePage);
     const refsMap = __GetTemplateParts(nativePage);
     const { __opcodes, __root_values } = JSON.parse(info);
     __root_values && __root.setAttribute('values', __root_values);
@@ -45,10 +46,8 @@ function ssrHydrate(info) {
     __root.__element_root = nativePage;
 }
 function injectCalledByNative() {
-    if (process.env['NODE_ENV'] !== 'test') {
-        if (__FIRST_SCREEN_SYNC_TIMING__ !== 'jsReady' && __ENABLE_SSR__) {
-            throw new Error('`firstScreenSyncTiming` must be `jsReady` when SSR is enabled');
-        }
+    if (process.env['NODE_ENV'] !== 'test' && __FIRST_SCREEN_SYNC_TIMING__ !== 'jsReady' && __ENABLE_SSR__) {
+        throw new Error('`firstScreenSyncTiming` must be `jsReady` when SSR is enabled');
     }
     const calledByNative = {
         renderPage,
@@ -67,8 +66,7 @@ function injectCalledByNative() {
 }
 function renderPage(data) {
     // reset `jsReady` state
-    isJSReady = false;
-    jsReadyEventIdSwap = {};
+    resetJSReady();
     lynx.__initData = data || {};
     setupPage(__CreatePage('0', 0));
     __root.ensureElements();
@@ -86,7 +84,6 @@ function updatePage(data, options) {
         return;
     }
     if (options?.resetPageData) {
-        // @ts-ignore
         lynx.__initData = {};
     }
     if (typeof data == 'object' && !isEmptyObject(data)) {
@@ -127,20 +124,6 @@ function updateGlobalProps(_data, options) {
         __FlushElementTree();
     }
 }
-let isJSReady;
-let jsReadyEventIdSwap;
-function jsReady() {
-    __OnLifecycleEvent([
-        LifecycleConstant.firstScreen, /* FIRST_SCREEN */
-        {
-            root: JSON.stringify(__root),
-            refPatch: JSON.stringify(takeGlobalRefPatchMap()),
-            jsReadyEventIdSwap,
-        },
-    ]);
-    isJSReady = true;
-    jsReadyEventIdSwap = {};
-}
 /**
  * @internal
  */

package/runtime/lib/lynx/calledByNative.js.map

@@ -1 +1 @@
-{"version":3,"file":"calledByNative.js","sourceRoot":"","sources":["../../src/lynx/calledByNative.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"calledByNative.js","sourceRoot":"","sources":["../../src/lynx/calledByNative.ts"],"names":[],"mappings":"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"}

package/runtime/lib/lynx/lazy-bundle.d.ts

@@ -4,6 +4,6 @@
  * @returns
  * @public
  */
-export declare function loadLazyBundle<T extends {
+export declare const loadLazyBundle: <T extends {
     default: React.ComponentType<any>;
-}>(source: string): Promise<T>;
+}>(source: string) => Promise<T>;

package/runtime/lib/lynx/lazy-bundle.js

@@ -49,56 +49,59 @@ export const makeSyncThen = function (result) {
  * @returns
  * @public
  */
-export function loadLazyBundle(source) {
-    if (__LEPUS__) {
-        const query = __QueryComponent(source);
-        let result;
-        try {
-            result = query.evalResult;
-        }
-        catch (e) {
-            // Here we cannot return a rejected promise
-            // (which will eventually be an unhandled rejection and cause unnecessary redbox)
-            // But we still need a object in shape of Promise
-            // So we return a Promise which will never resolve or reject,
-            // which fit our principle "lepus run only once at first-screen" better
-            return new Promise(() => { });
+export const loadLazyBundle = /*#__PURE__*/ (() => {
+    lynx.loadLazyBundle = loadLazyBundle;
+    function loadLazyBundle(source) {
+        if (__LEPUS__) {
+            const query = __QueryComponent(source);
+            let result;
+            try {
+                result = query.evalResult;
+            }
+            catch (e) {
+                // Here we cannot return a rejected promise
+                // (which will eventually be an unhandled rejection and cause unnecessary redbox)
+                // But we still need a object in shape of Promise
+                // So we return a Promise which will never resolve or reject,
+                // which fit our principle "lepus run only once at first-screen" better
+                return new Promise(() => { });
+            }
+            const r = Promise.resolve(result);
+            // Why we should modify the implementation of `then`?
+            // We should make it `sync` so lepus first-screen render can use result above instantly
+            // We also should keep promise shape
+            // @ts-ignore
+            r.then = makeSyncThen(result);
+            return r;
         }
-        const r = Promise.resolve(result);
-        // Why we should modify the implementation of `then`?
-        // We should make it `sync` so lepus first-screen render can use result above instantly
-        // We also should keep promise shape
-        // @ts-ignore
-        r.then = makeSyncThen(result);
-        return r;
-    }
-    else if (__JS__) {
-        return new Promise((resolve, reject) => {
-            const callback = result => {
-                const { code, detail } = result;
-                if (code === 0) {
-                    const { schema } = detail;
-                    const exports = lynxCoreInject.tt.getDynamicComponentExports(schema);
-                    // `code === 0` means that the lazy bundle has been successfully parsed. However,
-                    // its javascript files may still fail to run, which would prevent the retrieval of the exports object.
-                    if (exports) {
-                        resolve(exports);
-                        return;
+        else if (__JS__) {
+            return new Promise((resolve, reject) => {
+                const callback = result => {
+                    const { code, detail } = result;
+                    if (code === 0) {
+                        const { schema } = detail;
+                        const exports = lynxCoreInject.tt.getDynamicComponentExports(schema);
+                        // `code === 0` means that the lazy bundle has been successfully parsed. However,
+                        // its javascript files may still fail to run, which would prevent the retrieval of the exports object.
+                        if (exports) {
+                            resolve(exports);
+                            return;
+                        }
                     }
+                    reject(new Error('Lazy bundle load failed: ' + JSON.stringify(result)));
+                };
+                if (typeof lynx.QueryComponent === 'function') {
+                    lynx.QueryComponent(source, callback);
                 }
-                reject(new Error('Lazy bundle load failed: ' + JSON.stringify(result)));
-            };
-            if (typeof lynx.QueryComponent === 'function') {
-                lynx.QueryComponent(source, callback);
-            }
-            else {
-                lynx.getNativeLynx().QueryComponent(source, callback);
-            }
-        });
+                else {
+                    lynx.getNativeLynx().QueryComponent(source, callback);
+                }
+            });
+        }
+        throw new Error('unreachable');
     }
-    throw new Error('unreachable');
-}
-lynx.loadLazyBundle = loadLazyBundle;
+    return loadLazyBundle;
+})();
 /**
  * @internal
  */

package/runtime/lib/lynx/lazy-bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-bundle.js","sourceRoot":"","sources":["../../src/lynx/lazy-bundle.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,QAAQ,EAAE,IAAI,IAAI,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAY,MAAS;IAC/C,OAAO,UAA2B,GAAc;QAC9C,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,GAAG,CAAC;YACR,IAAI,CAAC;gBACH,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;YACpB,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC3B,CAAC;YAED,aAAa;YACb,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,UAAU,CAAC,uBAAuB,EAAE,CAAC;gBAClE,aAAa;gBACb,+CAA+C;gBAC/C,IAAI;gBACJ,6DAA6D;gBAC7D,yDAAyD;gBACzD,qCAAqC;gBACrC,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;gBAE7B,8FAA8F;gBAC9F,oBAAoB;gBACpB,eAAe;gBACf,2LAA2L;gBAC3L,OAAO;gBACP,yBAAyB;gBACzB,KAAK;YACP,CAAC;YAED,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC/B,aAAa;YACb,CAAC,CAAC,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YAC3B,OAAO,CAAC,CAAC;QACX,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAE5B,MAAc;IACd,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,KAAK,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACvC,IAAI,MAAS,CAAC;QACd,IAAI,CAAC;YACH,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC;QAC5B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,2CAA2C;YAC3C,iFAAiF;YACjF,iDAAiD;YACjD,6DAA6D;YAC7D,uEAAuE;YACvE,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC/B,CAAC;QACD,MAAM,CAAC,GAAe,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9C,qDAAqD;QACrD,uFAAuF;QACvF,oCAAoC;QACpC,aAAa;QACb,CAAC,CAAC,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;QAC9B,OAAO,CAAC,CAAC;IACX,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,MAAM,QAAQ,GAA0B,MAAM,CAAC,EAAE;gBAC/C,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;gBAChC,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;oBACf,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;oBAC1B,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC;oBACrE,iFAAiF;oBACjF,uGAAuG;oBACvG,IAAI,OAAO,EAAE,CAAC;wBACZ,OAAO,CAAC,OAAO,CAAC,CAAC;wBACjB,OAAO;oBACT,CAAC;gBACH,CAAC;gBACD,MAAM,CAAC,IAAI,KAAK,CAAC,2BAA2B,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC1E,CAAC,CAAC;YACF,IAAI,OAAO,IAAI,CAAC,cAAc,KAAK,UAAU,EAAE,CAAC;gBAC9C,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,aAAa,EAAE,CAAC,cAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC;AACjC,CAAC;AAED,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;AAErC;;GAEG;AACH,MAAM,UAAU,cAAc,CAAI,MAAyC;IACzE,MAAM,IAAI,GAAG,cAAc,CAAI,MAAM,CAAC,CAAC;IAEvC,SAAS,KAAK,CAAC,KAAU;QACvB,IAAI,CAAC;YACH,wEAAwE;YACxE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,sCAAsC;YACtC,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,OAAO,KAAU,CAAC;AACpB,CAAC"}
+{"version":3,"file":"lazy-bundle.js","sourceRoot":"","sources":["../../src/lynx/lazy-bundle.ts"],"names":[],"mappings":"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"}

package/runtime/lib/lynx/tt.d.ts

@@ -1,5 +1,4 @@
 export declare function runWithForce(cb: () => void): void;
 declare function injectTt(): void;
-declare let delayedLifecycleEvents: [type: string, data: any][];
 declare function flushDelayedLifecycleEvents(): void;
-export { injectTt, flushDelayedLifecycleEvents, delayedLifecycleEvents };
+export { injectTt, flushDelayedLifecycleEvents };

package/runtime/lib/lynx/tt.js

@@ -6,6 +6,8 @@ import { LifecycleConstant, NativeUpdateDataType } from '../lifecycleConstant.js
 import { PerformanceTimingKeys, beginPipeline, markTiming } from './performance.js';
 import { BackgroundSnapshotInstance, hydrate } from '../backgroundSnapshot.js';
 import { destroyBackground } from '../lifecycle/destroy.js';
+import { delayedEvents, delayedPublishEvent } from '../lifecycle/event/delayEvents.js';
+import { delayLifecycleEvent, delayedLifecycleEvents } from '../lifecycle/event/delayLifecycleEvents.js';
 import { commitPatchUpdate, genCommitTaskId, globalCommitTaskMap } from '../lifecycle/patch/commit.js';
 import { reloadBackground } from '../lifecycle/reload.js';
 import { renderBackground } from '../lifecycle/render.js';
@@ -59,7 +61,7 @@ export function runWithForce(cb) {
 function injectTt() {
     // @ts-ignore
     const tt = lynxCoreInject.tt;
-    tt.OnLifecycleEvent = OnLifecycleEvent;
+    tt.OnLifecycleEvent = onLifecycleEvent;
     tt.publishEvent = delayedPublishEvent;
     tt.publicComponentEvent = delayedPublicComponentEvent;
     tt.callDestroyLifetimeFun = () => {
@@ -73,19 +75,28 @@ function injectTt() {
         // used to updateTheme, no longer rely on this function
     };
 }
-let delayedLifecycleEvents;
-async function OnLifecycleEvent([type, data]) {
+function onLifecycleEvent([type, data]) {
     const hasRootRendered = CHILDREN in __root;
     // never called `render(<App/>, __root)`
     // happens if user call `root.render()` async
     if (!hasRootRendered) {
-        delayedLifecycleEvents ??= [];
-        delayedLifecycleEvents.push([type, data]);
+        delayLifecycleEvent(type, data);
         return;
     }
     if (__PROFILE__) {
         console.profile(`OnLifecycleEvent::${type}`);
     }
+    try {
+        void onLifecycleEventImpl(type, data);
+    }
+    catch (e) {
+        lynx.reportError(e);
+    }
+    if (__PROFILE__) {
+        console.profileEnd();
+    }
+}
+async function onLifecycleEventImpl(type, data) {
     switch (type) {
         case LifecycleConstant.firstScreen: {
             const { root: lepusSide, refPatch, jsReadyEventIdSwap } = data;
@@ -102,6 +113,8 @@ async function OnLifecycleEvent([type, data]) {
                 console.profileEnd();
             }
             markTiming(PerformanceTimingKeys.diff_vdom_end);
+            // TODO: It seems `delayedEvents` and `delayedLifecycleEvents` should be merged into one array to ensure the proper order of events.
+            flushDelayedLifecycleEvents();
             if (delayedEvents) {
                 delayedEvents.forEach((args) => {
                     const [handlerName, data] = args;
@@ -163,19 +176,11 @@ async function OnLifecycleEvent([type, data]) {
             break;
         }
     }
-    if (__PROFILE__) {
-        console.profileEnd();
-    }
 }
 function flushDelayedLifecycleEvents() {
     if (delayedLifecycleEvents) {
         delayedLifecycleEvents.forEach((e) => {
-            try {
-                OnLifecycleEvent(e);
-            }
-            catch (e) {
-                lynx.reportError(e);
-            }
+            onLifecycleEvent(e);
         });
         delayedLifecycleEvents.length = 0;
     }
@@ -196,11 +201,6 @@ function publishEvent(handlerName, data) {
 function publicComponentEvent(_componentId, handlerName, data) {
     publishEvent(handlerName, data);
 }
-let delayedEvents;
-function delayedPublishEvent(handlerName, data) {
-    delayedEvents ??= [];
-    delayedEvents.push([handlerName, data]);
-}
 function delayedPublicComponentEvent(_componentId, handlerName, data) {
     delayedPublishEvent(handlerName, data);
 }
@@ -230,5 +230,5 @@ function updateCardData(newData, options) {
     lynx.__initData = Object.assign({}, lynx.__initData, restNewData);
     lynxCoreInject.tt.GlobalEventEmitter.emit('onDataChanged');
 }
-export { injectTt, flushDelayedLifecycleEvents, delayedLifecycleEvents };
+export { injectTt, flushDelayedLifecycleEvents };
 //# sourceMappingURL=tt.js.map