@lynx-js/react-canary 0.120.0 → 0.120.1-canary-20260428-e4ace875

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/react
 
+## 0.120.1-canary-20260428125019-e4ace875119eeeeaccbea0635b7f916a06d0d6d0
+
+### Patch Changes
+
+- Default `fireEvent` to `bubbles: true` for the TouchEvent family in testing-library to match Lynx runtime semantics, and stop reassigning the read-only `Event.prototype` accessors which threw `TypeError` in strict mode. ([#2532](https://github.com/lynx-family/lynx-stack/pull/2532))
+
 ## 0.120.0
 
 ### Minor Changes
@@ -17,7 +23,6 @@
 - Fix ref callbacks not being cleaned up or re-applied correctly when the ref at the same element slot changes across rerenders that happen before hydration (e.g. a `useEffect` triggering `setState` during the initial background render). ([#2500](https://github.com/lynx-family/lynx-stack/pull/2500))
 
 - fix: reduce redundant updates for main-thread handlers and gestures ([#2188](https://github.com/lynx-family/lynx-stack/pull/2188))
-
   - Updates are faster when the main-thread event handler or gesture object is stable across rerenders (fewer unnecessary native updates).
   - Spread props rerenders that don't semantically change the handler/gesture no longer trigger redundant updates.
   - Removing a gesture from spread props reliably clears the gesture state on the target element.
@@ -37,7 +42,6 @@
 - Remove stale gestures when gestures are removed ([#2297](https://github.com/lynx-family/lynx-stack/pull/2297))
 
 - Trace refactor ([#2466](https://github.com/lynx-family/lynx-stack/pull/2466))
-
   - Remove `ReactLynx::renderOpcodes` from the trace
   - Use `ReactLynx::transferRoot` to measure the time spent transferring the root to the background thread
 
@@ -48,8 +52,8 @@
   Create a config file `rstest.config.ts` with the following content:
 
   ```ts
-  import { defineConfig } from '@rstest/core';
-  import { withLynxConfig } from '@lynx-js/react/testing-library/rstest-config';
+  import { defineConfig } from "@rstest/core";
+  import { withLynxConfig } from "@lynx-js/react/testing-library/rstest-config";
 
   export default defineConfig({
     extends: withLynxConfig(),
@@ -99,7 +103,6 @@
 ### Minor Changes
 
 - feat: export `GlobalPropsProvider`, `GlobalPropsConsumer`, `useGlobalProps` and `useGlobalPropsChanged` for `__globalProps` ([#2346](https://github.com/lynx-family/lynx-stack/pull/2346))
-
   - `GlobalPropsProvider`: A Provider component that accepts `children`. It is used to provide the `lynx.__globalProps` context.
   - `GlobalPropsConsumer`: A Consumer component that accepts a function as a child. It is used to consume the `lynx.__globalProps` context.
   - `useGlobalProps`: A hook that returns the `lynx.__globalProps` object. It triggers a re-render when `lynx.__globalProps` changes.
@@ -114,7 +117,6 @@
   Upgrade preact from [f7693b72](https://github.com/preactjs/preact/commit/f7693b72ecb4a40c66e6e47f54e2d4edc374c9f0) to [55254ef7](https://github.com/preactjs/preact/commit/55254ef7021e563cc1a86fb816058964a1b6a29a), see diffs at [f7693b72...55254ef7](https://github.com/preactjs/preact/compare/f7693b72ecb4a40c66e6e47f54e2d4edc374c9f0...preactjs:preact:55254ef7021e563cc1a86fb816058964a1b6a29a?expand=1).
 
 - feat: add `globalPropsMode` option to `PluginReactLynxOptions` ([#2346](https://github.com/lynx-family/lynx-stack/pull/2346))
-
   - When configured to `"event"`, `updateGlobalProps` will only trigger a global event and skip the `runWithForce` flow.
   - Defaults to `"reactive"`, which means `updateGlobalProps` will trigger re-render automatically.
 
@@ -134,7 +136,6 @@
 
 - Improve React runtime hook profiling. ([#2235](https://github.com/lynx-family/lynx-stack/pull/2235))
   Enable Profiling recording first, then enter the target page so the trace includes full render/hydrate phases.
-
   - Record trace events for `useEffect` / `useLayoutEffect` hook entry, callback, and cleanup phases.
   - Log trace events for `useState` setter calls.
   - Wire `profileFlowId` support in debug profile utilities and attach flow IDs to related hook traces.
@@ -183,7 +184,6 @@
 - Bump `swc_core` v56. ([#2154](https://github.com/lynx-family/lynx-stack/pull/2154))
 
 - Use `disableDeprecatedWarning` option to suppress BROKEN warnings during compilation. ([#2157](https://github.com/lynx-family/lynx-stack/pull/2157))
-
   1. BROKEN: `getNodeRef`/`getNodeRefFromRoot`/`createSelectorQuery` on component instance is broken and MUST be migrated in ReactLynx 3.0, please use ref or lynx.createSelectorQuery instead.
   2. BROKEN: `getElementById` on component instance is broken and MUST be migrated in ReactLynx 3.0, please use ref or lynx.getElementById instead.
 
@@ -221,9 +221,9 @@
 
   ```typescript
   function getStyle(ele: MainThread.Element) {
-    'main thread';
-    const width = ele.getComputedStyleProperty('width'); // Returns 300px
-    const transformMatrix = ele.getComputedStyleProperty('transform'); // Returns matrix(2, 0, 0, 2, 200, 400)
+    "main thread";
+    const width = ele.getComputedStyleProperty("width"); // Returns 300px
+    const transformMatrix = ele.getComputedStyleProperty("transform"); // Returns matrix(2, 0, 0, 2, 200, 400)
   }
   ```
 
@@ -238,7 +238,7 @@
   ```ts
   const LazyComponent = lazy(async () => {
     try {
-      const mod = await import('./lazy-bundle');
+      const mod = await import("./lazy-bundle");
       return mod.default;
     } catch (error) {
       console.error(`Lazy Bundle load failed message: ${error.message}`);
@@ -266,14 +266,13 @@
 - Auto define lynx.loadLazyBundle when using `import(/* relative path */)`. ([#1956](https://github.com/lynx-family/lynx-stack/pull/1956))
 
 - feat: support declaring cross-thread shared modules via Import Attributes, enabling Main Thread Functions to call standard JS functions directly. ([#1968](https://github.com/lynx-family/lynx-stack/pull/1968))
-
   - Usage: Add `with { runtime: "shared" }` to the `import` statement. For example:
 
     ```ts
-    import { func } from './utils.js' with { runtime: 'shared' };
+    import { func } from "./utils.js" with { runtime: "shared" };
 
     function worklet() {
-      'main thread';
+      "main thread";
       func(); // callable inside a main thread function
     }
     ```
@@ -289,13 +288,11 @@
 - **BREAKING CHANGE**: Delay the `createSnapshot` operation to `Snapshot` constructor to speed up IFR. ([#1899](https://github.com/lynx-family/lynx-stack/pull/1899))
 
   This change refactors how snapshots are created and registered:
-
   - Removed the `entryUniqID` function
   - Snapshots are now lazily created via `snapshotCreatorMap` instead of eagerly at bundle load time
   - Snapshot IDs are generated at compile time and only prefixed with `${globDynamicComponentEntry}:` for standalone lazy bundles
 
   **⚠️ Lazy Bundle Compatibility:**
-
   - **Backward compatibility (new runtime → old lazy bundles)**: ✅ **Supported**. Old lazy bundles will work with the new runtime.
 
   - **Forward compatibility (old runtime → new lazy bundles)**: ❌ **NOT Supported**. Lower version consumers **will not be able to load lazy bundles produced by this version** due to the changed snapshot creation mechanism.
@@ -350,11 +347,11 @@
 - Support testing React Compiler in testing library. Enable React Compiler by setting the `experimental_enableReactCompiler` option of `createVitestConfig` to `true`. ([#1269](https://github.com/lynx-family/lynx-stack/pull/1269))
 
   ```js
-  import { defineConfig, mergeConfig } from 'vitest/config';
-  import { createVitestConfig } from '@lynx-js/react/testing-library/vitest-config';
+  import { defineConfig, mergeConfig } from "vitest/config";
+  import { createVitestConfig } from "@lynx-js/react/testing-library/vitest-config";
 
   const defaultConfig = await createVitestConfig({
-    runtimePkgName: '@lynx-js/react',
+    runtimePkgName: "@lynx-js/react",
     experimental_enableReactCompiler: true,
   });
 
@@ -384,7 +381,7 @@
   ```tsx
   function App() {
     function handleInnerTap(event: MainThread.TouchEvent) {
-      'main thread';
+      "main thread";
       event.stopPropagation();
       // Or stop immediate propagation with
       // event.stopImmediatePropagation();
@@ -482,10 +479,10 @@
 - Add `animate` API in Main Thread Script(MTS), so you can now control a CSS animation imperatively ([#1534](https://github.com/lynx-family/lynx-stack/pull/1534))
 
   ```ts
-  import type { MainThread } from '@lynx-js/types';
+  import type { MainThread } from "@lynx-js/types";
 
   function startAnimation(ele: MainThread.Element) {
-    'main thread';
+    "main thread";
     const animation = ele.animate([{ opacity: 0 }, { opacity: 1 }], {
       duration: 3000,
     });
@@ -514,13 +511,12 @@
 - Supports `recyclable` attribute in `<list-item>` to control whether the list item is recyclable. The `recyclable` attribute depends on Lynx Engine 3.4 or later. ([#1388](https://github.com/lynx-family/lynx-stack/pull/1388))
 
   ```jsx
-  <list-item recyclable={false} />;
+  <list-item recyclable={false} />
   ```
 
 - feat: Support using a host element as direct child of Suspense ([#1455](https://github.com/lynx-family/lynx-stack/pull/1455))
 
 - Add profile in production build: ([#1336](https://github.com/lynx-family/lynx-stack/pull/1336))
-
   1. `diff:__COMPONENT_NAME__`: how long ReactLynx diff took.
   2. `render:__COMPONENT_NAME__`: how long your render function took.
   3. `setState`: an instant trace event, indicate when your setState was called.
@@ -535,7 +531,7 @@
 
   ```ts
   function handleTap() {
-    'main thread';
+    "main thread";
     // The following check always returned false before this fix
     if (myHandleTap) {
       runOnBackground(myHandleTap)();
@@ -558,7 +554,6 @@
 - feat: Force synchronous rendering for background initial renders to support Suspense fallbacks ([#1323](https://github.com/lynx-family/lynx-stack/pull/1323))
 
 - Introduces `@lynx-js/react/compat` submodule exporting Preact implementations of: ([#1316](https://github.com/lynx-family/lynx-stack/pull/1316))
-
   - `startTransition`
   - `useTransition`
 
@@ -596,10 +591,10 @@
   Add the import to `@lynx-js/react/debug` at the first line of the entry:
 
   ```js
-  import '@lynx-js/react/debug';
-  import { root } from '@lynx-js/react';
+  import "@lynx-js/react/debug";
+  import { root } from "@lynx-js/react";
 
-  import { App } from './App.jsx';
+  import { App } from "./App.jsx";
 
   root.render(<App />);
   ```
@@ -609,9 +604,9 @@
   For example, you can use it like this:
 
   ```jsx
-  <list-item defer={{ unmountRecycled: true }} item-key='1'>
+  <list-item defer={{ unmountRecycled: true }} item-key="1">
     <WillBeUnmountIfRecycled />
-  </list-item>;
+  </list-item>
   ```
 
   Now the component will be unmounted when it is recycled, which can help with performance in certain scenarios.
@@ -619,7 +614,7 @@
 - Avoid some unexpected `__SetAttribute` in hydrate when `undefined` is passed as an attribute value to intrinsic elements, for example: ([#1318](https://github.com/lynx-family/lynx-stack/pull/1318))
 
   ```jsx
-  <image async-mode={undefined} />;
+  <image async-mode={undefined} />
   ```
 
 ## 0.111.1
@@ -658,14 +653,13 @@
 - Fixed: An issue where the `lynxViewDidUpdate` callback did not trigger when data was updated from native. ([#1171](https://github.com/lynx-family/lynx-stack/pull/1171))
 
   Notice:
-
   - Even if no data changes are actually processed after calling `updateData()`, the `lynxViewDidUpdate` callback will still be triggered.
   - Only one `lynxViewDidUpdate` callback will be triggered per render cycle. Consequently, if multiple `updateData()` calls are made within a single cycle but the data updates are batched, the number of `lynxViewDidUpdate` callbacks triggered may be less than the number of `updateData()` calls.
 
 - Supports `act` in testing library. ([#1182](https://github.com/lynx-family/lynx-stack/pull/1182))
 
   ```js
-  import { act } from '@lynx-js/react/testing-library';
+  import { act } from "@lynx-js/react/testing-library";
 
   act(() => {
     // ...
@@ -685,14 +679,12 @@
 - Fixed closure variable capture issue in effect hooks to prevent stale values and ensured proper execution order between refs, effects, and event handlers. ([#770](https://github.com/lynx-family/lynx-stack/pull/770))
 
   **Breaking Changes**:
-
   - The execution timing of `ref`, `useEffect()` callback, `componentDidMount`, `componentDidUpdate`, `componentWillUnmount` and the callback of `setState` have been moved forward. These effects will now execute before hydration is complete, rather than waiting for the main thread update to complete.
   - For components inside `<list />`, `ref` callbacks will now be triggered during background thread rendering, regardless of component visibility. If your code depends on component visibility timing, use `main-thread:ref` instead of regular `ref`.
 
 ### Patch Changes
 
 - Fixed two memory leaks: ([#1071](https://github.com/lynx-family/lynx-stack/pull/1071))
-
   1. When JSX is rendered on the main thread and removed, FiberElement can still be referenced by `__root.__jsx` through `props.children`;
 
   2. When the SnapshotInstance tree is removed from the root node, its child nodes form a cycle reference because the `__previousSibling` and `__nextSibling` properties point to each other, thus causing a FiberElement leak.
@@ -771,8 +763,7 @@
      * 3: Full Resolution - Batch render with async property and element tree resolution for list item subtree
      */
     experimental-batch-render-strategy={3}
-  >
-  </list>;
+  ></list>
   ```
 
 - rename @lynx-js/test-environment to @lynx-js/testing-environment ([#704](https://github.com/lynx-family/lynx-stack/pull/704))
@@ -798,7 +789,6 @@
 ### Minor Changes
 
 - Some of the timing keys are renamed to match the naming convention of the Lynx Engine. ([#438](https://github.com/lynx-family/lynx-stack/pull/438))
-
   - `update_set_state_trigger` -> `updateSetStateTrigger`
   - `update_diff_vdom_start` -> `updateDiffVdomStart`
   - `update_diff_vdom_end` -> `updateDiffVdomEnd`
@@ -890,7 +880,7 @@
   You can now use `useErrorBoundary` it in TypeScript like this:
 
   ```tsx
-  import { useErrorBoundary } from '@lynx-js/react';
+  import { useErrorBoundary } from "@lynx-js/react";
   ```
 
 - Modified the format of data sent from background threads to the main thread. ([#207](https://github.com/lynx-family/lynx-stack/pull/207))
@@ -942,13 +932,13 @@
   Now you can get the return value from `runOnBackground()` and `runOnMainThread()`, which enables more flexible data flow between the main thread and the background thread.
 
   ```js
-  import { runOnBackground } from '@lynx-js/react';
+  import { runOnBackground } from "@lynx-js/react";
 
   const onTap = async () => {
-    'main thread';
+    "main thread";
     const text = await runOnBackground(() => {
-      'background only';
-      return 'Hello, world!';
+      "background only";
+      return "Hello, world!";
     })();
     console.log(text);
   };
@@ -983,9 +973,9 @@
 
   ```ts
   // These imports will be removed from the final bundle
-  import type { Foo } from 'xyz';
-  import { type Bar } from 'xyz';
-  import { xyz } from 'xyz'; // When xyz is not used
+  import type { Foo } from "xyz";
+  import { type Bar } from "xyz";
+  import { xyz } from "xyz"; // When xyz is not used
   ```
 
   See [TypeScript - verbatimModuleSyntax](https://www.typescriptlang.org/tsconfig/#verbatimModuleSyntax) for details.
@@ -1025,7 +1015,7 @@
     const f = undefined;
 
     function mts() {
-      'main thread';
+      "main thread";
       // throws in background rendering
       f && runOnBackground(f)();
     }
@@ -1059,14 +1049,14 @@
 - a30c83d: Add `compat.removeComponentAttrRegex`.
 
   ```js
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin';
-  import { defineConfig } from '@lynx-js/rspeedy';
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     plugins: [
       pluginReactLynx({
         compat: {
-          removeComponentAttrRegex: 'YOUR REGEX',
+          removeComponentAttrRegex: "YOUR REGEX",
         },
       }),
     ],
@@ -1143,7 +1133,6 @@
   </table>
 
   This requires `@lynx-js/react-rsbuild-plugin` v0.5.1 to work.
-
   - Inject `globDynamicComponentEntry` for background script. ([#311](https://github.com/lynx-wg/lynx-stack/pull/311))
   - Inject `globDynamicComponentEntry` for main thread script. ([#312](https://github.com/lynx-wg/lynx-stack/pull/312))
 
@@ -1152,22 +1141,22 @@
   Gesture Handler is a set of gesture handling capabilities built on top of the Main Thread Script. It currently supports drag, inertial scrolling, long press, and tap gestures for `<view>`, `<scroll-view>`, `<list>`, and `<text>`. In the future, it will also support multi-finger zoom, multi-finger rotation, and other gesture capabilities.
 
   ```tsx
-  import { useGesture, PanGesture } from '@lynx-js/gesture-runtime';
+  import { useGesture, PanGesture } from "@lynx-js/gesture-runtime";
 
   function App() {
     const pan = useGesture(PanGesture);
 
     pan
       .onBegin((event, stateManager) => {
-        'main thread';
+        "main thread";
         // some logic
       })
       .onUpdate((event, stateManager) => {
-        'main thread';
+        "main thread";
         // some logic
       })
       .onEnd((event, stateManager) => {
-        'main thread';
+        "main thread";
         // some logic
       });
 
@@ -1187,7 +1176,7 @@
       return;
     }
 
-    console.log('not __LEPUS__'); // This can be removed now
+    console.log("not __LEPUS__"); // This can be removed now
   }
   ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-canary",
-  "version": "0.120.0",
+  "version": "0.120.1-canary-20260428-e4ace875",
   "description": "ReactLynx is a framework for developing Lynx applications with familiar React.",
   "repository": {
     "type": "git",

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

@@ -5,7 +5,7 @@
 Rslib v0.19.6
 
 info    build started...
-ready   built in 0.18 s
+ready   built in 0.23 s
 
 File (esm)      Size      
 dist/index.js   10.1 kB

package/testing-library/dist/fire-event.d.ts

@@ -1,10 +1,14 @@
 export declare const fireEvent: any;
 export declare const eventMap: {
     tap: {
-        defaultInit: {};
+        defaultInit: {
+            bubbles: boolean;
+        };
     };
     longtap: {
-        defaultInit: {};
+        defaultInit: {
+            bubbles: boolean;
+        };
     };
     bgload: {
         defaultInit: {};
@@ -13,19 +17,29 @@ export declare const eventMap: {
         defaultInit: {};
     };
     touchstart: {
-        defaultInit: {};
+        defaultInit: {
+            bubbles: boolean;
+        };
     };
     touchmove: {
-        defaultInit: {};
+        defaultInit: {
+            bubbles: boolean;
+        };
     };
     touchcancel: {
-        defaultInit: {};
+        defaultInit: {
+            bubbles: boolean;
+        };
     };
     touchend: {
-        defaultInit: {};
+        defaultInit: {
+            bubbles: boolean;
+        };
     };
     longpress: {
-        defaultInit: {};
+        defaultInit: {
+            bubbles: boolean;
+        };
     };
     transitionstart: {
         defaultInit: {};

package/testing-library/dist/pure.js

@@ -14294,10 +14294,14 @@ const fire_event_fireEvent = (elemOrNodesRef, ...args)=>{
 };
 const fire_event_eventMap = {
     tap: {
-        defaultInit: {}
+        defaultInit: {
+            bubbles: true
+        }
     },
     longtap: {
-        defaultInit: {}
+        defaultInit: {
+            bubbles: true
+        }
     },
     bgload: {
         defaultInit: {}
@@ -14306,19 +14310,29 @@ const fire_event_eventMap = {
         defaultInit: {}
     },
     touchstart: {
-        defaultInit: {}
+        defaultInit: {
+            bubbles: true
+        }
     },
     touchmove: {
-        defaultInit: {}
+        defaultInit: {
+            bubbles: true
+        }
     },
     touchcancel: {
-        defaultInit: {}
+        defaultInit: {
+            bubbles: true
+        }
     },
     touchend: {
-        defaultInit: {}
+        defaultInit: {
+            bubbles: true
+        }
     },
     longpress: {
-        defaultInit: {}
+        defaultInit: {
+            bubbles: true
+        }
     },
     transitionstart: {
         defaultInit: {}
@@ -14415,7 +14429,8 @@ Object.keys(fire_event_eventMap).forEach((key)=>{
             ...init
         };
         const event = createEvent(`${eventType}:${key}`, elem, init);
-        Object.assign(event, init);
+        const { bubbles, cancelable, composed, ...assignableInit } = init;
+        Object.assign(event, assignableInit);
         const ans = fireEvent(elem, event);
         if (isMainThread) lynxTestingEnv.switchToMainThread();
         return ans;