@lynx-js/react 0.121.0 → 0.121.2

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @lynx-js/react
 
+## 0.121.2
+
+### Patch Changes
+
+- Fix `addComponentElement` compat transforms so explicit `removeComponentElement={true}` is honored consistently even when it appears before a JSX spread like `{...props}`. ([#2758](https://github.com/lynx-family/lynx-stack/pull/2758))
+
+  Previously, the compat transform could short-circuit while scanning opening attributes and treat:
+
+  ```jsx
+  <Component removeComponentElement={true} {...props} />;
+  ```
+
+  differently from:
+
+  ```jsx
+  <Component {...props} removeComponentElement={true} />;
+  ```
+
+  The transform now collects the full opening-attribute state first, so both prop orders compile the same way in normal and `compilerOnly` modes.
+
+- Fix directive DCE for TypeScript async output with nested `"background only"` directives. ([#2830](https://github.com/lynx-family/lynx-stack/pull/2830))
+
+- Rename the `bundle-url` element attribute to `lazy-bundle-url`. ([#2723](https://github.com/lynx-family/lynx-stack/pull/2723))
+
+  The attribute set on lazy bundle border elements (when a child belongs to a different lazy bundle entry than its parent) is renamed from `bundle-url` to `lazy-bundle-url` to make its purpose explicit.
+
+## 0.121.1
+
+### Patch Changes
+
+- Disable vnode reuse of different slot index in preact's diff, fixing a bug that `__RemoveElement` was called with mismatched parent and child element. ([#2664](https://github.com/lynx-family/lynx-stack/pull/2664))
+
+- Fix list update indices when existing items are updated after inserting siblings before them. ([#2518](https://github.com/lynx-family/lynx-stack/pull/2518))
+
 ## 0.121.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react",
-  "version": "0.121.0",
+  "version": "0.121.2",
   "description": "ReactLynx is a framework for developing Lynx applications with familiar React.",
   "repository": {
     "type": "git",
@@ -112,9 +112,9 @@
       "default": "./runtime/lib/worklet-runtime/bindings/index.js"
     },
     "./legacy-react-runtime": {
-      "types": "./runtime/lib/snapshot/legacy-react-runtime/index.d.ts",
+      "types": "./runtime/lib/core/compat/legacy-react-runtime.d.ts",
       "lazy": "./runtime/lazy/legacy-react-runtime.js",
-      "default": "./runtime/lib/snapshot/legacy-react-runtime/index.js"
+      "default": "./runtime/lib/core/compat/legacy-react-runtime.js"
     },
     "./testing-library": {
       "types": "./testing-library/types/index.d.ts",
@@ -202,7 +202,7 @@
         "./runtime/lib/worklet-runtime/bindings/index.d.ts"
       ],
       "legacy-react-runtime": [
-        "./runtime/lib/snapshot/legacy-react-runtime/index.d.ts"
+        "./runtime/lib/core/compat/legacy-react-runtime.d.ts"
       ]
     }
   },
@@ -220,7 +220,7 @@
     "README.zh.md"
   ],
   "dependencies": {
-    "preact": "npm:@lynx-js/internal-preact@10.29.1-20260424024911-12b794f"
+    "preact": "npm:@lynx-js/internal-preact@10.29.1-20260519060144-e6da44c"
   },
   "devDependencies": {
     "@lynx-js/types": "3.7.0",

package/runtime/lazy/element-template-import.js

@@ -0,0 +1,73 @@
+// Copyright 2026 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 * as ReactAPIs from '@lynx-js/react/element-template';
+import * as ReactCompatAPIS from '@lynx-js/react/compat';
+import * as ReactInternal from '@lynx-js/react/element-template/internal';
+import * as ReactJSXDevRuntime from '@lynx-js/react/jsx-dev-runtime';
+import * as ReactJSXRuntime from '@lynx-js/react/jsx-runtime';
+import * as ReactLegacyReactRuntime from '@lynx-js/react/legacy-react-runtime';
+
+import {
+  RUNTIME_BACKEND_ELEMENT_TEMPLATE,
+  registerLazyRuntimeBackend,
+  sExportsJSXDevRuntime,
+  sExportsJSXRuntime,
+  sExportsLegacyReactRuntime,
+  sExportsReact,
+  sExportsReactCompat,
+  sExportsReactInternal,
+  sExportsReactLepus,
+  target,
+} from './target.js';
+
+registerLazyRuntimeBackend(RUNTIME_BACKEND_ELEMENT_TEMPLATE);
+
+Object.defineProperty(target, sExportsReact, {
+  value: ReactAPIs,
+  enumerable: false,
+  writable: false,
+  configurable: true,
+});
+
+Object.defineProperty(target, sExportsReactLepus, {
+  value: ReactAPIs,
+  enumerable: false,
+  writable: false,
+  configurable: true,
+});
+
+Object.defineProperty(target, sExportsReactCompat, {
+  value: ReactCompatAPIS,
+  enumerable: false,
+  writable: false,
+  configurable: true,
+});
+
+Object.defineProperty(target, sExportsReactInternal, {
+  value: ReactInternal,
+  enumerable: false,
+  writable: false,
+  configurable: true,
+});
+
+Object.defineProperty(target, sExportsJSXRuntime, {
+  value: ReactJSXRuntime,
+  enumerable: false,
+  writable: false,
+  configurable: true,
+});
+
+Object.defineProperty(target, sExportsJSXDevRuntime, {
+  value: ReactJSXDevRuntime,
+  enumerable: false,
+  writable: false,
+  configurable: true,
+});
+
+Object.defineProperty(target, sExportsLegacyReactRuntime, {
+  value: ReactLegacyReactRuntime,
+  enumerable: false,
+  writable: false,
+  configurable: true,
+});

package/runtime/lazy/import.js

@@ -10,6 +10,8 @@ import * as ReactLegacyReactRuntime from '@lynx-js/react/legacy-react-runtime';
 import * as ReactLepusAPIs from '@lynx-js/react/lepus';
 
 import {
+  RUNTIME_BACKEND_SNAPSHOT,
+  registerLazyRuntimeBackend,
   sExportsJSXDevRuntime,
   sExportsJSXRuntime,
   sExportsLegacyReactRuntime,
@@ -20,6 +22,8 @@ import {
   target,
 } from './target.js';
 
+registerLazyRuntimeBackend(RUNTIME_BACKEND_SNAPSHOT);
+
 Object.defineProperty(target, sExportsReact, {
   value: ReactAPIs,
   enumerable: false,

package/runtime/lazy/target.js

@@ -3,6 +3,10 @@
 // LICENSE file in the root directory of this source tree.
 export const target = __LEPUS__ ? globalThis : lynx;
 
+export const RUNTIME_BACKEND_SNAPSHOT = 'Snapshot';
+export const RUNTIME_BACKEND_ELEMENT_TEMPLATE = 'Element Template';
+export const sRuntimeBackend = Symbol.for('__REACT_LYNX_RUNTIME_BACKEND__');
+
 export const sExportsReact = Symbol.for('__REACT_LYNX_EXPORTS__(@lynx-js/react)');
 export const sExportsReactCompat = Symbol.for('__REACT_LYNX_EXPORTS__(@lynx-js/react/compat)');
 export const sExportsReactLepus = Symbol.for('__REACT_LYNX_EXPORTS__(@lynx-js/react/lepus)');
@@ -10,3 +14,22 @@ export const sExportsReactInternal = Symbol.for('__REACT_LYNX_EXPORTS__(@lynx-js
 export const sExportsJSXRuntime = Symbol.for('__REACT_LYNX_EXPORTS__(@lynx-js/react/jsx-runtime)');
 export const sExportsJSXDevRuntime = Symbol.for('__REACT_LYNX_EXPORTS__(@lynx-js/react/jsx-dev-runtime)');
 export const sExportsLegacyReactRuntime = Symbol.for('__REACT_LYNX_EXPORTS__(@lynx-js/react/legacy-react-runtime)');
+
+export function registerLazyRuntimeBackend(backend) {
+  const currentBackend = target[sRuntimeBackend];
+
+  if (currentBackend !== undefined && currentBackend !== backend) {
+    throw new Error(
+      `ReactLynx runtime backend mismatch: the current template uses ${
+        String(currentBackend)
+      }, but this bundle was built for ${backend}. Snapshot and Element Template templates cannot share lazy bundles. Rebuild the main template and lazy bundle with the same elementTemplate setting.`,
+    );
+  }
+
+  Object.defineProperty(target, sRuntimeBackend, {
+    value: backend,
+    enumerable: false,
+    writable: false,
+    configurable: true,
+  });
+}

package/runtime/lib/core/commit-context.d.ts

@@ -0,0 +1,8 @@
+export interface GlobalCommitContext<Ops = unknown[]> {
+    ops: Ops;
+    flushOptions: FlushOptions;
+    flowIds?: number[];
+}
+export declare const globalCommitContext: GlobalCommitContext;
+export declare function resetGlobalCommitContext(): void;
+export declare function takeGlobalFlushOptions(): FlushOptions;

package/runtime/lib/core/commit-context.js

@@ -0,0 +1,18 @@
+// Copyright 2026 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 const globalCommitContext = {
+    ops: [],
+    flushOptions: {},
+};
+export function resetGlobalCommitContext() {
+    globalCommitContext.ops = [];
+    globalCommitContext.flushOptions = {};
+    delete globalCommitContext.flowIds;
+}
+export function takeGlobalFlushOptions() {
+    const flushOptions = globalCommitContext.flushOptions;
+    globalCommitContext.flushOptions = {};
+    return flushOptions;
+}
+//# sourceMappingURL=commit-context.js.map

package/runtime/lib/core/commit-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commit-context.js","sourceRoot":"","sources":["../../src/core/commit-context.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAQ1D,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,GAAG,EAAE,EAAE;IACP,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,UAAU,wBAAwB;IACtC,mBAAmB,CAAC,GAAG,GAAG,EAAE,CAAC;IAC7B,mBAAmB,CAAC,YAAY,GAAG,EAAE,CAAC;IACtC,OAAO,mBAAmB,CAAC,OAAO,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,MAAM,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAC;IACtD,mBAAmB,CAAC,YAAY,GAAG,EAAE,CAAC;IACtC,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/runtime/lib/{snapshot/legacy-react-runtime/index.d.ts → core/compat/legacy-react-runtime.d.ts}

@@ -1,9 +1,9 @@
 import { createRef } from 'preact';
-import { useRef } from '../../core/hooks/react.js';
+import { useRef } from '../hooks/react.js';
 declare function __runInJS<T>(value: T): T | undefined | null;
-export { ComponentFromReactRuntime as Component } from '../compat/lynxComponent.js';
-export { ComponentFromReactRuntime as PureComponent } from '../compat/lynxComponent.js';
+export { ComponentFromReactRuntime as Component } from './lynxComponent.js';
+export { ComponentFromReactRuntime as PureComponent } from './lynxComponent.js';
 export { createContext } from 'preact';
 export { lazy } from 'preact/compat';
-export { useState, useReducer, useEffect, useMemo, useCallback } from '../../core/hooks/react.js';
+export { useState, useReducer, useEffect, useMemo, useCallback } from '../hooks/react.js';
 export { __runInJS, createRef, useRef };

package/runtime/lib/{snapshot/legacy-react-runtime/index.js → core/compat/legacy-react-runtime.js}

@@ -3,18 +3,18 @@
 // LICENSE file in the root directory of this source tree.
 import { createContext, createRef } from 'preact';
 import { lazy } from 'preact/compat';
-import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from '../../core/hooks/react.js';
-import { ComponentFromReactRuntime as Component, ComponentFromReactRuntime as PureComponent, } from '../compat/lynxComponent.js';
+import { ComponentFromReactRuntime as Component, ComponentFromReactRuntime as PureComponent } from './lynxComponent.js';
+import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from '../hooks/react.js';
 /* v8 ignore next 3 */
 function __runInJS(value) {
     return value;
 }
 // should mirror @lynx-js/react-runtime's exports
-export { ComponentFromReactRuntime as Component } from '../compat/lynxComponent.js';
-export { ComponentFromReactRuntime as PureComponent } from '../compat/lynxComponent.js';
+export { ComponentFromReactRuntime as Component } from './lynxComponent.js';
+export { ComponentFromReactRuntime as PureComponent } from './lynxComponent.js';
 export { createContext } from 'preact';
 export { lazy } from 'preact/compat';
-export { useState, useReducer, useEffect, useMemo, useCallback /*, useInstance */ } from '../../core/hooks/react.js';
+export { useState, useReducer, useEffect, useMemo, useCallback /*, useInstance */ } from '../hooks/react.js';
 export { __runInJS, createRef, useRef };
 /**
  * @internal
@@ -33,4 +33,4 @@ export default {
     useCallback,
     __runInJS,
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=legacy-react-runtime.js.map

package/runtime/lib/core/compat/legacy-react-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy-react-runtime.js","sourceRoot":"","sources":["../../../src/core/compat/legacy-react-runtime.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAAE,yBAAyB,IAAI,SAAS,EAAE,yBAAyB,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElG,sBAAsB;AACtB,SAAS,SAAS,CAAI,KAAQ;IAC5B,OAAO,KAAK,CAAC;AACf,CAAC;AAED,iDAAiD;AACjD,OAAO,EAAE,yBAAyB,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,yBAAyB,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,CAAC,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC7G,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;AAExC;;GAEG;AACH,eAAe;IACb,SAAS;IACT,aAAa;IACb,aAAa;IACb,SAAS;IACT,IAAI;IACJ,QAAQ;IACR,UAAU;IACV,MAAM;IACN,SAAS;IACT,OAAO;IACP,WAAW;IACX,SAAS;CACV,CAAC"}

package/runtime/lib/{snapshot → core}/compat/lynxComponent.d.ts

@@ -1,5 +1,6 @@
 import { Component } from 'preact';
 import type { ReactNode } from 'react';
-export declare function wrapWithLynxComponent(jsxSnapshot: (c: ReactNode, spread?: Record<string, any>) => ReactNode, jsxComponent: any): ReactNode;
+export declare function wrapWithLynxComponent(jsxSnapshot: (c: ReactNode, spread?: Record<string, unknown>) => ReactNode, jsxComponent: ReactNode): ReactNode;
 export declare class ComponentFromReactRuntime extends Component {
+    render(): null;
 }

package/runtime/lib/{snapshot → core}/compat/lynxComponent.js

@@ -3,22 +3,28 @@
 // LICENSE file in the root directory of this source tree.
 import { Component } from 'preact';
 export function wrapWithLynxComponent(jsxSnapshot, jsxComponent) {
-    const C = jsxComponent.type;
-    if (typeof C === 'function' && (C === ComponentFromReactRuntime || C.prototype instanceof ComponentFromReactRuntime)) {
+    const componentVNode = jsxComponent;
+    const C = componentVNode.type;
+    if (typeof C === 'function'
+        && (C === ComponentFromReactRuntime
+            || C.prototype instanceof ComponentFromReactRuntime)) {
         if (jsxSnapshot.length === 1) {
             return jsxSnapshot(jsxComponent);
         }
         else {
             // spread
-            if (!jsxComponent.props.removeComponentElement) {
-                return jsxSnapshot(jsxComponent, takeComponentAttributes(jsxComponent));
+            if (!componentVNode.props['removeComponentElement']) {
+                return jsxSnapshot(jsxComponent, takeComponentAttributes(componentVNode));
             }
         }
     }
     return jsxComponent;
 }
-// @ts-expect-error
 export class ComponentFromReactRuntime extends Component {
+    /* v8 ignore next 3 -- marker component, never rendered directly. */
+    render() {
+        return null;
+    }
 }
 const __COMPONENT_ATTRIBUTES__ = /* @__PURE__ */ new Set([
     'name',

package/runtime/lib/core/compat/lynxComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lynxComponent.js","sourceRoot":"","sources":["../../../src/core/compat/lynxComponent.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAQnC,MAAM,UAAU,qBAAqB,CACnC,WAA0E,EAC1E,YAAuB;IAEvB,MAAM,cAAc,GAAG,YAAoC,CAAC;IAC5D,MAAM,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC;IAC9B,IACE,OAAO,CAAC,KAAK,UAAU;WACpB,CAAC,CAAC,KAAK,yBAAyB;eAC7B,CAA6B,CAAC,SAAS,YAAY,yBAAyB,CAAC,EACnF,CAAC;QACD,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7B,OAAO,WAAW,CAAC,YAAY,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,SAAS;YACT,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC;gBACpD,OAAO,WAAW,CAAC,YAAY,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC,CAAC;YAC5E,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,OAAO,yBAA0B,SAAQ,SAAS;IACtD,oEAAoE;IACpE,MAAM;QACJ,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAED,MAAM,wBAAwB,GAAG,eAAe,CAAC,IAAI,GAAG,CAAC;IACvD,MAAM;IACN,OAAO;IACP,OAAO;IACP,SAAS;IACT,aAAa;IACb,SAAS;IACT,0BAA0B;IAC1B,4BAA4B;IAC5B,oBAAoB;IACpB,kBAAkB;IAClB,uBAAuB;IACvB,wBAAwB;IACxB,sBAAsB;IACtB,gBAAgB;IAChB,aAAa;IACb,4BAA4B;IAC5B,+BAA+B;IAC/B,6BAA6B;IAC7B,8BAA8B;IAC9B,WAAW;IACX,aAAa;IACb,qBAAqB;IACrB,uBAAuB;IACvB,sBAAsB;IACtB,qBAAqB;CACtB,CAAC,CAAC;AAEH,SAAS,uBAAuB,CAAC,YAAkC;IACjE,MAAM,UAAU,GAA4B,EAAE,CAAC;IAC/C,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5C,sGAAsG;QACtG,wDAAwD;QACxD,IACE,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;eAC5B,CAAC,KAAK,IAAI;eACV,CAAC,KAAK,WAAW;eACjB,CAAC,KAAK,SAAS;eACf,CAAC,KAAK,UAAU;eAChB,CAAC,KAAK,wBAAwB;eAC9B,CAAC,kEAAkE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;eAC5E,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACjC,CAAC;YACD,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACtC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/runtime/lib/core/component.d.ts

@@ -0,0 +1,2 @@
+declare function installComponentCompat(): void;
+export { installComponentCompat };

package/runtime/lib/core/component.js

@@ -0,0 +1,79 @@
+// Copyright 2026 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.
+/* eslint-disable */
+import { Component } from 'preact';
+import { globalCommitContext } from './commit-context.js';
+import { PerfSpecificKey, markTimingLegacy } from './performance.js';
+import { NEXT_STATE } from '../shared/render-constants.js';
+const OriginalSetStateKey = '__reactLynxOriginalSetState';
+function reportRefDeprecationError(fnName, newFnName) {
+    if (__DEV__ && !__DISABLE_CREATE_SELECTOR_QUERY_INCOMPATIBLE_WARNING__) {
+        lynx.reportError(new Error(`${fnName} is deprecated and has different behavior in ReactLynx 3.0, please use ref or ${newFnName} instead.`));
+    }
+}
+function getReactAppInstance() {
+    return lynxCoreInject.tt;
+}
+function getLegacyNativeApp() {
+    return lynxCoreInject.tt._nativeApp;
+}
+function getLegacyReactComponent() {
+    return lynxCoreInject.tt._reactLynx.ReactComponent.prototype;
+}
+function createLegacyComponentReceiver(reactAppInstance, nativeApp) {
+    return {
+        _type: '',
+        _nativeApp: nativeApp,
+        _uiModule: nativeApp.nativeModuleProxy.LynxUIMethodModule,
+        _reactAppInstance: reactAppInstance,
+    };
+}
+function installComponentCompat() {
+    if (!__JS__) {
+        return;
+    }
+    const __Component = Component;
+    const reactAppInstance = getReactAppInstance();
+    __Component.prototype._reactAppInstance = reactAppInstance;
+    __Component.prototype.getNodeRef = function (a, b) {
+        reportRefDeprecationError('getNodeRef', 'lynx.createSelectorQuery');
+        return getLegacyReactComponent().getNodeRef.call(createLegacyComponentReceiver(getReactAppInstance(), getLegacyNativeApp()), a, b);
+    };
+    __Component.prototype.getNodeRefFromRoot = function (a) {
+        reportRefDeprecationError('getNodeRefFromRoot', 'lynx.createSelectorQuery');
+        return getLegacyReactComponent().getNodeRefFromRoot.call(createLegacyComponentReceiver(getReactAppInstance(), getLegacyNativeApp()), a);
+    };
+    __Component.prototype.registerModule = function (name, module) {
+        this._reactAppInstance.registerModule(name, module);
+    };
+    __Component.prototype.getJSModule = function (name) {
+        return this._reactAppInstance.getJSModule(name);
+    };
+    __Component.prototype.addGlobalEventListener = function (eventName, callback, context) {
+        return this._reactAppInstance.getJSModule('GlobalEventEmitter').addListener(eventName, callback, context);
+    };
+    __Component.prototype.getElementById = function (id) {
+        reportRefDeprecationError('getElementById', 'lynx.getElementById');
+        return lynx.getElementById(id);
+    };
+    __Component.prototype.GlobalEventEmitter = reactAppInstance.GlobalEventEmitter;
+    __Component.prototype.createSelectorQuery = function () {
+        reportRefDeprecationError('createSelectorQuery on component instance', 'lynx.createSelectorQuery');
+        return lynx.createSelectorQuery();
+    };
+    const oldSetState = __Component.prototype[OriginalSetStateKey] ?? __Component.prototype.setState;
+    __Component.prototype[OriginalSetStateKey] = oldSetState;
+    __Component.prototype.setState = function (state, callback) {
+        oldSetState.call(this, state, callback);
+        // @ts-ignore
+        const timingFlag = this[NEXT_STATE][PerfSpecificKey];
+        if (timingFlag) {
+            globalCommitContext.flushOptions.__lynx_timing_flag = timingFlag;
+            markTimingLegacy('updateSetStateTrigger', timingFlag);
+            this[NEXT_STATE][PerfSpecificKey] = '';
+        }
+    };
+}
+export { installComponentCompat };
+//# sourceMappingURL=component.js.map

package/runtime/lib/core/component.js.map

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

package/runtime/lib/core/forceRootRender.d.ts

@@ -0,0 +1,7 @@
+import type { VNode } from 'preact';
+export interface ForceRootRenderOptions {
+    getRootVNode: () => unknown;
+    setRootVNode: (vnode: VNode) => void;
+    render: () => void;
+}
+export declare function runWithForceRootRender({ getRootVNode, setRootVNode, render }: ForceRootRenderOptions): void;

package/runtime/lib/core/forceRootRender.js

@@ -0,0 +1,40 @@
+// Copyright 2026 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 { options as preactOptions } from 'preact';
+import { COMPONENT, DIFF2, FORCE, ORIGINAL } from '../shared/render-constants.js';
+export function runWithForceRootRender({ getRootVNode, setRootVNode, render }) {
+    // Preact can skip root render if `_original` is unchanged; bumping it keeps
+    // backend force renders aligned with Preact's own rerender path.
+    const rootVNode = getRootVNode();
+    if (rootVNode) {
+        const newVNode = Object.assign({}, rootVNode);
+        if (newVNode[ORIGINAL] != null) {
+            newVNode[ORIGINAL] += 1;
+            setRootVNode(newVNode);
+        }
+    }
+    const oldDiff = preactOptions[DIFF2];
+    preactOptions[DIFF2] = (vnode, oldVNode) => {
+        /* v8 ignore start */
+        if (oldDiff) {
+            oldDiff(vnode, oldVNode);
+        }
+        /* v8 ignore stop */
+        const c = oldVNode[COMPONENT];
+        if (c) {
+            c[FORCE] = true;
+        }
+        else {
+            // mount phase of a new Component
+            // `isNew` is true, no need to set FORCE
+        }
+    };
+    try {
+        render();
+    }
+    finally {
+        preactOptions[DIFF2] = oldDiff;
+    }
+}
+//# sourceMappingURL=forceRootRender.js.map

package/runtime/lib/core/forceRootRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forceRootRender.js","sourceRoot":"","sources":["../../src/core/forceRootRender.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAQlF,MAAM,UAAU,sBAAsB,CACpC,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,EAA0B;IAE9D,4EAA4E;IAC5E,iEAAiE;IACjE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,CAAU,CAAC;QACvD,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;YAC/B,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,KAAY,EAAE,QAAe,EAAE,EAAE;QACvD,qBAAqB;QACrB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC3B,CAAC;QACD,oBAAoB;QAEpB,MAAM,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC9B,IAAI,CAAC,EAAE,CAAC;YACN,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,iCAAiC;YACjC,wCAAwC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC;QACH,MAAM,EAAE,CAAC;IACX,CAAC;YAAS,CAAC;QACT,aAAa,CAAC,KAAK,CAAC,GAAG,OAAkD,CAAC;IAC5E,CAAC;AACH,CAAC"}

package/runtime/lib/core/globalProps.d.ts

@@ -0,0 +1,31 @@
+import type { Consumer, Provider } from 'preact';
+import type { useLynxGlobalEventListener } from './hooks/useLynxGlobalEventListener.js';
+type Getter<T> = {
+    [key in keyof T]: () => T[key];
+};
+interface GlobalPropsRuntimeDeps {
+    createContext: typeof import('preact').createContext;
+    useState: typeof import('preact/hooks').useState;
+    createElement: typeof import('preact/compat').createElement;
+    useLynxGlobalEventListener: typeof useLynxGlobalEventListener;
+}
+interface GlobalPropsApi<Data> {
+    Provider: Provider<Data>;
+    Consumer: Consumer<Data>;
+    use: () => Data;
+    useChanged: (callback: (data: Data) => void) => void;
+}
+/**
+ * The interface you can extends so that the `useGlobalProps` returning value can be customized
+ *
+ * @public
+ */
+export interface GlobalProps {
+}
+export interface UpdateGlobalPropsOptions {
+    forceRerender?: (() => void) | undefined;
+}
+export declare function isGlobalPropsEventMode(): boolean;
+export declare function createGlobalProps<Data = GlobalProps>(deps: GlobalPropsRuntimeDeps): Getter<GlobalPropsApi<Data>>;
+export declare function updateGlobalProps(newData: Record<string, any>, { forceRerender }?: UpdateGlobalPropsOptions): void;
+export {};

package/runtime/lib/core/globalProps.js

@@ -0,0 +1,55 @@
+import { factory } from './initData.js';
+export function isGlobalPropsEventMode() {
+    return typeof __GLOBAL_PROPS_MODE__ !== 'undefined' && __GLOBAL_PROPS_MODE__ === 'event';
+}
+export function createGlobalProps(deps) {
+    return isGlobalPropsEventMode()
+        ? /* @__PURE__ */ factory(deps, '__globalProps', 'onGlobalPropsChanged')
+        : /* @__PURE__ */ createFallbackGlobalProps(deps.useLynxGlobalEventListener);
+}
+export function updateGlobalProps(newData, { forceRerender } = {}) {
+    if (isGlobalPropsEventMode()) {
+        // COW keeps Provider / Consumer state readers aligned in event mode.
+        lynx.__globalProps = Object.assign({}, lynx.__globalProps, newData);
+    }
+    else {
+        Object.assign(lynx.__globalProps, newData);
+        if (forceRerender) {
+            void Promise.resolve().then(forceRerender);
+        }
+    }
+    lynxCoreInject.tt.GlobalEventEmitter.emit('onGlobalPropsChanged', [lynx.__globalProps]);
+}
+function warnGlobalPropsMode() {
+    if (typeof __LEPUS__ !== 'undefined' && !__LEPUS__ && typeof __DEV__ !== 'undefined' && __DEV__) {
+        console.warn(`No need to use this API when 'globalPropsMode' is not 'event', `
+            + `updates will be triggered automatically by full re-render. `
+            + `Please set 'globalPropsMode' to 'event' to enable optimized updates.`);
+    }
+}
+function FallbackProvider({ children }) {
+    warnGlobalPropsMode();
+    return children;
+}
+function FallbackConsumer({ children }) {
+    warnGlobalPropsMode();
+    return children(lynx.__globalProps);
+}
+function useFallbackGlobalProps() {
+    warnGlobalPropsMode();
+    return lynx.__globalProps;
+}
+function createFallbackGlobalProps(useListener) {
+    const useChanged = (callback) => {
+        if (typeof __LEPUS__ === 'undefined' || !__LEPUS__) {
+            useListener('onGlobalPropsChanged', callback);
+        }
+    };
+    return {
+        Provider: () => FallbackProvider,
+        Consumer: () => FallbackConsumer,
+        use: () => useFallbackGlobalProps,
+        useChanged: () => useChanged,
+    };
+}
+//# sourceMappingURL=globalProps.js.map

package/runtime/lib/core/globalProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalProps.js","sourceRoot":"","sources":["../../src/core/globalProps.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AA+BxC,MAAM,UAAU,sBAAsB;IACpC,OAAO,OAAO,qBAAqB,KAAK,WAAW,IAAI,qBAAqB,KAAK,OAAO,CAAC;AAC3F,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,IAA4B;IAE5B,OAAO,sBAAsB,EAAE;QAC7B,CAAC,CAAC,eAAe,CAAC,OAAO,CACvB,IAAI,EACJ,eAAe,EACf,sBAAsB,CACvB;QACD,CAAC,CAAC,eAAe,CAAC,yBAAyB,CAAO,IAAI,CAAC,0BAA0B,CAAC,CAAC;AACvF,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,OAA4B,EAC5B,EAAE,aAAa,KAA+B,EAAE;IAEhD,IAAI,sBAAsB,EAAE,EAAE,CAAC;QAC7B,qEAAqE;QACrE,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACtE,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;QAC3C,IAAI,aAAa,EAAE,CAAC;YAClB,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,cAAc,CAAC,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;AAC1F,CAAC;AAED,SAAS,mBAAmB;IAC1B,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,CAAC,SAAS,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,EAAE,CAAC;QAChG,OAAO,CAAC,IAAI,CACV,iEAAiE;cAC7D,6DAA6D;cAC7D,sEAAsE,CAC3E,CAAC;IACJ,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAgD;IAClF,mBAAmB,EAAE,CAAC;IACtB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,gBAAgB,CAAO,EAAE,QAAQ,EAAmD;IAC3F,mBAAmB,EAAE,CAAC;IACtB,OAAO,QAAQ,CAAC,IAAI,CAAC,aAAqB,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,sBAAsB;IAC7B,mBAAmB,EAAE,CAAC;IACtB,OAAO,IAAI,CAAC,aAAqB,CAAC;AACpC,CAAC;AAED,SAAS,yBAAyB,CAChC,WAA8C;IAE9C,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAQ,EAAE;QAC1D,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,CAAC,SAAS,EAAE,CAAC;YACnD,WAAW,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB;QAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAkC;QAClD,GAAG,EAAE,GAAG,EAAE,CAAC,sBAAoC;QAC/C,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU;KAC7B,CAAC;AACJ,CAAC"}

package/runtime/lib/core/hooks/useLynxGlobalEventListener.js

@@ -1,7 +1,7 @@
 // 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 { useEffect, useMemo, useRef } from 'preact/hooks';
+import { useEffect, useMemo, useRef } from '@lynx-js/react/hooks';
 /**
  * `useLynxGlobalEventListener` helps you `addListener` as early as possible.
  *

package/runtime/lib/core/hooks/useLynxGlobalEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLynxGlobalEventListener.js","sourceRoot":"","sources":["../../../src/core/hooks/useLynxGlobalEventListener.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,0BAA0B,CACxC,SAAiB,EACjB,QAAW;IAEX,iBAAiB,CAAC;IAElB,MAAM,eAAe,GAAG,MAAM,EAAe,CAAC;IAE9C,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC5B,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC;YACtD,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC7E,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QACxE,eAAe,CAAC,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;gBAC5B,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC;gBACtD,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YAC7E,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
+{"version":3,"file":"useLynxGlobalEventListener.js","sourceRoot":"","sources":["../../../src/core/hooks/useLynxGlobalEventListener.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,0BAA0B,CACxC,SAAiB,EACjB,QAAW;IAEX,iBAAiB,CAAC;IAElB,MAAM,eAAe,GAAG,MAAM,EAAe,CAAC;IAE9C,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC5B,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC;YACtD,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC7E,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QACxE,eAAe,CAAC,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;gBAC5B,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC;gBACtD,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YAC7E,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}

package/runtime/lib/{snapshot/compat → core}/initData.d.ts

@@ -1,6 +1,6 @@
 import type { Consumer, Context, Provider } from 'preact';
 import type { ComponentClass } from 'react';
-import { useLynxGlobalEventListener } from '../../core/hooks/useLynxGlobalEventListener.js';
+import type { useLynxGlobalEventListener } from './hooks/useLynxGlobalEventListener.js';
 type Getter<T> = {
     [key in keyof T]: () => T[key];
 };

package/runtime/lib/{snapshot/compat → core}/initData.js

@@ -1,5 +1,4 @@
-import { useLynxGlobalEventListener } from '../../core/hooks/useLynxGlobalEventListener.js';
-import { globalFlushOptions } from '../lifecycle/patch/commit.js';
+import { globalCommitContext } from './commit-context.js';
 // for better reuse if runtime is changed
 export function factory({ createContext, useState, createElement, useLynxGlobalEventListener: useListener }, prop, eventName) {
     const Context = createContext({});
@@ -7,7 +6,7 @@ export function factory({ createContext, useState, createElement, useLynxGlobalE
         const [__, set] = useState(lynx[prop]);
         const handleChange = () => {
             if (prop === '__initData') {
-                globalFlushOptions.triggerDataUpdated = true;
+                globalCommitContext.flushOptions.triggerDataUpdated = true;
             }
             set(lynx[prop]);
         };
@@ -21,7 +20,7 @@ export function factory({ createContext, useState, createElement, useLynxGlobalE
         const [__, set] = useState(lynx[prop]);
         useChanged(() => {
             if (prop === '__initData') {
-                globalFlushOptions.triggerDataUpdated = true;
+                globalCommitContext.flushOptions.triggerDataUpdated = true;
             }
             set(lynx[prop]);
         });
@@ -84,7 +83,7 @@ export function withInitDataInState(App) {
             if (!__LEPUS__) {
                 lynx.getJSModule('GlobalEventEmitter').addListener('onDataChanged', this.h = (...args) => {
                     const [newData] = args;
-                    globalFlushOptions.triggerDataUpdated = true;
+                    globalCommitContext.flushOptions.triggerDataUpdated = true;
                     this.setState(newData);
                 });
             }