@lynx-js/react-canary 0.112.5 → 0.112.6-canary-20250901-65bacc17

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/react
 
+## 0.112.6-canary-20250901015836-65bacc17460fac569f35982033b63445b0ea8904
+
+### Patch Changes
+
+- fix `fireEvent` type error in testing library ([#1596](https://github.com/lynx-family/lynx-stack/pull/1596))
+
 ## 0.112.5
 
 ### Patch Changes
@@ -23,10 +29,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,
     });
@@ -55,7 +61,7 @@
 - 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))
@@ -76,7 +82,7 @@
 
   ```ts
   function handleTap() {
-    'main thread';
+    "main thread";
     // The following check always returned false before this fix
     if (myHandleTap) {
       runOnBackground(myHandleTap)();
@@ -137,10 +143,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 />);
   ```
@@ -150,9 +156,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.
@@ -160,7 +166,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
@@ -206,7 +212,7 @@
 - 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(() => {
     // ...
@@ -312,8 +318,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))
@@ -431,7 +436,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))
@@ -483,13 +488,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);
   };
@@ -524,9 +529,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.
@@ -566,7 +571,7 @@
     const f = undefined;
 
     function mts() {
-      'main thread';
+      "main thread";
       // throws in background rendering
       f && runOnBackground(f)();
     }
@@ -600,14 +605,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",
         },
       }),
     ],
@@ -693,22 +698,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
       });
 
@@ -728,7 +733,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.112.5",
+  "version": "0.112.6-canary-20250901-65bacc17",
   "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.12.3
 
 info    build started...
-ready   built in 0.17 s
+ready   built in 0.10 s
 
 File (esm)      Size      
 dist/index.js   11.1 kB

package/testing-library/dist/index.d.ts

@@ -324,7 +324,7 @@ options?: {EventType?: string; defaultInit?: {}},
 ) => Event
 
 export declare type CreateObject = {
-    [K in EventType]: (
+    [K in EventType_2]: (
     element: Document | Element | Window | Node,
     options?: {},
     ) => Event
@@ -348,6 +348,44 @@ export declare type ElementTree = ReturnType<typeof initElementTree>;
 declare type ElementTreeGlobals = PickUnderscoreKeys<ElementTree>;
 
 export declare type EventType =
+| 'focus'
+| 'blur'
+| 'scroll'
+| 'wheel'
+| 'tap'
+| 'longtap'
+| 'bgload'
+| 'bgerror'
+| 'touchstart'
+| 'touchmove'
+| 'touchcancel'
+| 'touchend'
+| 'longpress'
+| 'transitionstart'
+| 'transitioncancel'
+| 'transitionend'
+| 'animationstart'
+| 'animationiteration'
+| 'animationcancel'
+| 'animationend'
+| 'mousedown'
+| 'mouseup'
+| 'mousemove'
+| 'mouseclick'
+| 'mousedblclick'
+| 'mouselongpress'
+| 'keydown'
+| 'keyup'
+| 'layoutchange'
+| 'scrolltoupper'
+| 'scrolltolower'
+| 'scrollend'
+| 'contentsizechanged'
+| 'scrolltoupperedge'
+| 'scrolltoloweredge'
+| 'scrolltonormalstate';
+
+declare type EventType_2 =
 | 'copy'
 | 'cut'
 | 'paste'
@@ -571,7 +609,11 @@ event: Event,
 ) => boolean
 
 export declare type FireObject = {
-    [K in EventType]: (
+    [K in EventType]: FireObject_2[EventType_2];
+};
+
+declare type FireObject_2 = {
+    [K in EventType_2]: (
     element: Document | Element | Window | Node,
     options?: {},
     ) => boolean

package/testing-library/types/entry.d.ts

@@ -10,9 +10,56 @@
 import { queries, Queries, BoundFunction } from '@testing-library/dom';
 import { LynxElement, type ElementTree, type LynxTestingEnv } from '@lynx-js/testing-environment';
 import { act } from 'preact/test-utils';
+import type { EventType, FireFunction, FireObject } from '@testing-library/dom';
 export * from '@testing-library/dom';
 export { ElementTree, LynxTestingEnv, act };
 
+declare type LynxEventType =
+  | 'focus'
+  | 'blur'
+  | 'scroll'
+  | 'wheel'
+  | 'tap'
+  | 'longtap'
+  | 'bgload'
+  | 'bgerror'
+  | 'touchstart'
+  | 'touchmove'
+  | 'touchcancel'
+  | 'touchend'
+  | 'longpress'
+  | 'transitionstart'
+  | 'transitioncancel'
+  | 'transitionend'
+  | 'animationstart'
+  | 'animationiteration'
+  | 'animationcancel'
+  | 'animationend'
+  | 'mousedown'
+  | 'mouseup'
+  | 'mousemove'
+  | 'mouseclick'
+  | 'mousedblclick'
+  | 'mouselongpress'
+  | 'keydown'
+  | 'keyup'
+  | 'layoutchange'
+  | 'scrolltoupper'
+  | 'scrolltolower'
+  | 'scrollend'
+  | 'contentsizechanged'
+  | 'scrolltoupperedge'
+  | 'scrolltoloweredge'
+  | 'scrolltonormalstate';
+
+declare type LynxFireObject = {
+  [K in LynxEventType]: FireObject[EventType];
+};
+
+declare const fireEvent: FireFunction & LynxFireObject;
+
+export { fireEvent, LynxEventType as EventType, LynxFireObject as FireObject };
+
 /**
  * The options for {@link render}.
  *