[pull] main from lynx-family:main

.changeset/all-crabs-smell.md

@@ -0,0 +1,5 @@
+---
+'@lynx-js/testing-environment': patch
+---
+
+Add `__RemoveGestureDetector` PAPI binding

.changeset/easy-waves-pump.md

@@ -0,0 +1,6 @@
+---
+"@lynx-js/react-webpack-plugin": patch
+"@lynx-js/react-rsbuild-plugin": patch
+---
+
+Support rstest for testing library using a dedicated testing loader.

.changeset/fair-horses-worry.md

@@ -0,0 +1,5 @@
+---
+'@lynx-js/react': patch
+---
+
+Remove stale gestures when gestures are removed

.changeset/fair-plums-share.md

@@ -0,0 +1,11 @@
+---
+"@lynx-js/testing-environment": minor
+---
+
+**BREAKING CHANGE**:
+
+Align the public test-environment API around `LynxEnv`.
+
+`LynxTestingEnv` now expects a `{ window }`-shaped environment instead of relying on a concrete `JSDOM` instance or `global.jsdom`. Callers that construct `LynxTestingEnv` manually or initialize the environment through globals should migrate to `new LynxTestingEnv({ window })` or set `global.lynxEnv`.
+
+This release also adds the `@lynx-js/testing-environment/env/rstest` entry for running the shared testing-environment suite under rstest.

.changeset/metal-carrots-itch.md

@@ -0,0 +1,5 @@
+---
+"@lynx-js/react": patch
+---
+
+refactor: set state of suspense to render fallback

.changeset/mighty-buckets-train.md

@@ -0,0 +1,3 @@
+---
+
+---

.changeset/ninety-pants-tease.md

@@ -0,0 +1,5 @@
+---
+"create-rspeedy": patch
+---
+
+Add Rstest ReactLynx Testing Library template.

.changeset/red-lamps-arrive.md

@@ -0,0 +1,26 @@
+---
+"@lynx-js/react": patch
+---
+
+Support rstest for testing library, you can use rstest with RLTL now:
+
+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';
+
+export default defineConfig({
+  extends: withLynxConfig(),
+});
+```
+
+`@lynx-js/react/testing-library/rstest-config` will automatically load your `lynx.config.ts` and apply the same configuration to rstest, so you can keep your test environment consistent with your development environment.
+
+And then use rstest as usual:
+
+```bash
+$ rstest
+```
+
+For more usage detail, see https://rstest.rs/

.changeset/refactor-weakref-webcore.md

@@ -0,0 +1,5 @@
+---
+"@lynx-js/web-core": patch
+---
+
+refactor: with WeakRef in element APIs and WASM bindings to improve memory management.

.github/workflows/test.yml

@@ -210,6 +210,15 @@ jobs:
         pnpm run build --mode development
         pnpm run lint
         pnpm run test
+        cd `mktemp -d`
+        npx --registry http://localhost:4873 create-rspeedy-canary@latest --template react --dir create-rspeedy-regression-rstest-rltl --tools eslint,rstest-rltl
+        cd create-rspeedy-regression-rstest-rltl
+        npx --registry http://localhost:4873 upgrade-rspeedy-canary@latest
+        pnpm install --registry=http://localhost:4873
+        pnpm run build
+        pnpm run build --mode development
+        pnpm run lint
+        pnpm run test
   test-react:
     needs: build
     uses: ./.github/workflows/workflow-test.yml

README.md

@@ -56,7 +56,7 @@ Thanks to:
 - [Preact](https://preactjs.com/) for creating a lightweight and efficient UI library that served as a foundation for the ReactLynx project.
 - [React](https://react.dev/) for creating a comprehensive and intuitive library for building user interfaces that inspires the programming model of Lynx.
 - [React Native](https://reactnative.dev/) for groundbreaking work in allowing developers to create truly native apps using JavaScript and React.
-- [Rspack](https://rspack.dev/) for providing a fast and flexible build tool that has significantly enhanced the build performance of Lynx projects.
+- [Rspack](https://rspack.rs/) for providing a fast and flexible build tool that has significantly enhanced the build performance of Lynx projects.
 - [React Native for Web](https://necolas.github.io/react-native-web/) project for inspiring the Lynx for Web project, motivating our architectural design with its accessible implementation and interoperability with React DOM.
 - [SWC](https://github.com/swc-project/swc) project created by [@kdy1](https://github.com/kdy1), which turbocharges ReactLynx's code transformation with Rust-powered efficiency, achieving sub-second build times and frictionless developer experience.
 

examples/gesture/lynx.config.js

@@ -0,0 +1,26 @@
+import { pluginQRCode } from '@lynx-js/qrcode-rsbuild-plugin';
+import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin';
+import { defineConfig } from '@lynx-js/rspeedy';
+
+const enableBundleAnalysis = !!process.env['RSPEEDY_BUNDLE_ANALYSIS'];
+
+export default defineConfig({
+  plugins: [
+    pluginReactLynx({
+      enableNewGesture: true,
+    }),
+    pluginQRCode({
+      schema(url) {
+        return `${url}?fullscreen=true`;
+      },
+    }),
+  ],
+  environments: {
+    web: {},
+    lynx: {
+      performance: {
+        profile: enableBundleAnalysis,
+      },
+    },
+  },
+});

examples/gesture/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@lynx-js/example-gesture",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "rspeedy build",
+    "dev": "rspeedy dev",
+    "test:type": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@lynx-js/gesture-runtime": "workspace:*",
+    "@lynx-js/react": "workspace:*"
+  },
+  "devDependencies": {
+    "@lynx-js/preact-devtools": "^5.0.1",
+    "@lynx-js/qrcode-rsbuild-plugin": "workspace:*",
+    "@lynx-js/react-rsbuild-plugin": "workspace:*",
+    "@lynx-js/rspeedy": "workspace:*",
+    "@lynx-js/types": "3.7.0",
+    "@types/react": "^18.3.28"
+  }
+}

examples/gesture/src/App.css

@@ -0,0 +1,105 @@
+:root {
+  --bg: #0a1022;
+  --card: #141e3d;
+  --card-border: #2a3765;
+  --text: #eaf0ff;
+  --text-dim: #9fb0de;
+  --button: #22315f;
+  --button-active: #3c5df6;
+  --box-a: #ff8b3d;
+  --box-b: #28c6a5;
+  --box-off: #6f7b9f;
+}
+
+page {
+  background-color: var(--bg);
+}
+
+.Root {
+  min-height: 100vh;
+  padding: 36rpx 24rpx;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+}
+
+.Card {
+  width: 100%;
+  max-width: 680rpx;
+  padding: 28rpx;
+  border-radius: 24rpx;
+  background: var(--card);
+  border: 2rpx solid var(--card-border);
+  gap: 20rpx;
+}
+
+.Title {
+  color: var(--text);
+  font-size: 44rpx;
+  font-weight: 700;
+}
+
+.Description {
+  color: var(--text-dim);
+  font-size: 28rpx;
+  line-height: 38rpx;
+}
+
+.Controls {
+  flex-direction: column;
+  gap: 14rpx;
+}
+
+.Button {
+  border-radius: 16rpx;
+  background: var(--button);
+  padding: 16rpx 20rpx;
+}
+
+.Button--active {
+  background: var(--button-active);
+}
+
+.ButtonText {
+  color: #ffffff;
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+.ModeText {
+  color: var(--text);
+  font-size: 27rpx;
+}
+
+.Stage {
+  margin-top: 8rpx;
+  height: 560rpx;
+  border-radius: 18rpx;
+  border: 2rpx dashed #4e5e97;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.DragBox {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 24rpx;
+  background: var(--box-a);
+  align-items: center;
+  justify-content: center;
+}
+
+.DragBox--diff {
+  background: var(--box-b);
+}
+
+.DragBox--removed {
+  background: var(--box-off);
+}
+
+.DragBoxText {
+  color: #111827;
+  font-size: 34rpx;
+  font-weight: 800;
+}