fix: native preview send messages directly by Sherry-hue · Pull Request #2598 · lynx-family/lynx-stack

Sherry-hue · 2026-05-11T08:59:00Z

Summary by CodeRabbit

Bug Fixes
- Native Preview QR code now available even without a running development server. The playground will fall back to a deployed bundle URL, improving availability and reliability of the Native Preview feature across different deployment scenarios.

Checklist

Tests updated (or not required).
Documentation updated (or not required).
Changeset added, and when a BREAKING CHANGE occurs, it needs to be clearly marked (or not required).

changeset-bot · 2026-05-11T08:59:07Z

⚠️ No Changeset found

Latest commit: 01b734d

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

coderabbitai · 2026-05-11T08:59:14Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 71d990cd-78dd-4761-9284-90256ccf69a4

📥 Commits

Reviewing files that changed from the base of the PR and between d588d03 and 01b734d.

📒 Files selected for processing (3)

packages/genui/a2ui-playground/rsbuild.config.ts
packages/genui/a2ui-playground/src/pages/DemosPage.tsx
packages/genui/a2ui-playground/src/pages/OpenUIDemosPage.tsx

📝 Walkthrough

Walkthrough

The PR updates the a2ui playground's native preview QR functionality to improve availability. The dev server now serves a2ui.lynx.js instead of main.lynx.js, and both demo pages add fallback logic to derive a deployed bundle URL from the current page location, enabling preview QR availability even when the rspeedy dev server is offline.

Changes

Native Preview Bundle URL Fallback

Layer / File(s)	Summary
Dev Server Bundle Update `packages/genui/a2ui-playground/rsbuild.config.ts`	The `/__rspeedy_url` middleware now constructs `http://<local-ip>:<port>/a2ui.lynx.js` instead of `main.lynx.js`.
DemosPage Native Preview Logic `packages/genui/a2ui-playground/src/pages/DemosPage.tsx`	Added `getDeployedLynxBundleUrl()` helper to derive the deployed bundle URL from `window.location.href`. Updated `useRspeedyDevUrl()` to initialize from the deployed URL and tighten the fetch-result handling to set state only when `data.url` is a non-empty string.
OpenUIDemosPage Native Preview Logic `packages/genui/a2ui-playground/src/pages/OpenUIDemosPage.tsx`	Added `getDeployedLynxBundleUrl()` helper for deployed URL derivation. Updated `useRspeedyDevUrl()` to initialize from the deployed URL with tightened fetch-update condition to apply the URL only when `data.url` is non-empty.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

lynx-family/lynx-stack#2555: Both PRs modify native preview and rspeedy bundle URL logic in the same playground pages and config.
lynx-family/lynx-stack#2533: Both PRs adjust the a2ui playground's bundle filename and URL handling across rsbuild.config.ts and demo pages.
lynx-family/lynx-stack#2530: Both PRs modify the playground's dev-bundle URL handling and native preview logic in rsbuild.config.ts and demo pages.

Suggested labels

platform:Web

Suggested reviewers

PupilTong
colinaaa
gaoachao

Poem

🐰 A bundled path now shines so bright,
With fallback URL in hand,
From RSpeedy dev to deployed light—
The preview QR, forever spanned!
No server down can dim this sight. 🎯✨

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	The title 'fix: native preview send messages directly' does not match the actual changes, which update RSpeedy bundle URL routing and improve QR code availability—no 'send messages' functionality is implemented.	Update the title to accurately reflect the changes, such as: 'fix: improve native preview QR availability by using deployed bundle URL' or 'fix: update RSpeedy bundle URL routing for a2ui.lynx.js'.
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

Generate code and open pull requests
Plan features and break down work
Investigate incidents and troubleshoot customer tickets together
Automate recurring tasks and respond to alerts with triggers
Summarize progress and report instantly

Built for teams:

Shared memory across your entire org—no repeating context
Per-thread sandboxes to safely plan and execute work
Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

codecov · 2026-05-11T09:02:27Z

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

codspeed-hq · 2026-05-11T09:25:43Z

Merging this PR will degrade performance by 16.18%

⚠️

Different runtime environments detected

Some benchmarks with significant performance changes were compared across different runtime environments,
which may affect the accuracy of the results.

Open the report in CodSpeed to investigate

❌ 1 regressed benchmark
✅ 80 untouched benchmarks
⏩ 26 skipped benchmarks¹

⚠️ Please fix the performance issues or acknowledge them on CodSpeed.

Performance Changes

	Benchmark	`BASE`	`HEAD`	Efficiency
❌	`008-many-use-state-destroyBackground`	8 ms	9.5 ms	-16.18%

_{Comparing Sherry-hue:fix/native-preview-url (01b734d) with main (d588d03)}

26 benchmarks were skipped, so the baseline results were used instead. If they were deleted from the codebase, click here and archive them to remove them from the performance reports. ↩

relativeci · 2026-05-11T09:30:16Z

Web Explorer

#9594 Bundle Size — 900.04KiB (0%).

01b734d(current) vs d588d03 main#9570(baseline)

Bundle metrics no changes

	Current #9594	Baseline #9570
Initial JS	`44.46KiB`	`44.46KiB`
Initial CSS	`2.22KiB`	`2.22KiB`
Cache Invalidation	`0%`	`13.59%`
Chunks	`9`	`9`
Assets	`11`	`11`
Modules	`229`	`229`
Duplicate Modules	`11`	`11`
Duplicate Code	`27.28%`	`27.28%`
Packages	`10`	`10`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #9594	Baseline #9570
JS	`495.91KiB`	`495.91KiB`
Other	`401.92KiB`	`401.92KiB`
CSS	`2.22KiB`	`2.22KiB`

Bundle analysis report Branch Sherry-hue:fix/native-preview-ur... Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-05-11T09:30:40Z

React Example

#8021 Bundle Size — 235.77KiB (0%).

01b734d(current) vs d588d03 main#7998(baseline)

Bundle metrics no changes

	Current #8021	Baseline #7998
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`0%`
Chunks	`0`	`0`
Assets	`4`	`4`
Modules	`197`	`197`
Duplicate Modules	`80`	`80`
Duplicate Code	`44.85%`	`44.85%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #8021	Baseline #7998
IMG	`145.76KiB`	`145.76KiB`
Other	`90.01KiB`	`90.01KiB`

Bundle analysis report Branch Sherry-hue:fix/native-preview-ur... Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-05-11T09:30:45Z

React External

#1135 Bundle Size — 690.27KiB (0%).

01b734d(current) vs d588d03 main#1112(baseline)

Bundle metrics no changes

	Current #1135	Baseline #1112
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`0%`
Chunks	`0`	`0`
Assets	`3`	`3`
Modules	`17`	`17`
Duplicate Modules	`5`	`5`
Duplicate Code	`8.59%`	`8.59%`
Packages	`0`	`0`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #1135	Baseline #1112
Other	`690.27KiB`	`690.27KiB`

Bundle analysis report Branch Sherry-hue:fix/native-preview-ur... Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-05-11T09:30:48Z

React Example with Element Template

#287 Bundle Size — 197.79KiB (0%).

01b734d(current) vs d588d03 main#263(baseline)

Bundle metrics

2 changes

	Current #287	Baseline #263
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`0%`
Chunks	`0`	`0`
Assets	`4`	`4`
Modules	`78`(`-1.27%`)	`79`
Duplicate Modules	`23`	`23`
Duplicate Code	`40.34%`(`+0.02%`)	`40.33%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #287	Baseline #263
IMG	`145.76KiB`	`145.76KiB`
Other	`52.03KiB`	`52.03KiB`

Bundle analysis report Branch Sherry-hue:fix/native-preview-ur... Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-05-11T09:31:07Z

React MTF Example

#1152 Bundle Size — 206.6KiB (0%).

01b734d(current) vs d588d03 main#1128(baseline)

Bundle metrics no changes

	Current #1152	Baseline #1128
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`0%`
Chunks	`0`	`0`
Assets	`3`	`3`
Modules	`192`	`192`
Duplicate Modules	`77`	`77`
Duplicate Code	`44.36%`	`44.36%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #1152	Baseline #1128
IMG	`111.23KiB`	`111.23KiB`
Other	`95.37KiB`	`95.37KiB`

Bundle analysis report Branch Sherry-hue:fix/native-preview-ur... Project dashboard

^{Generated by RelativeCI Documentation Report issue}

fix: native preview send messages directly

01b734d

coderabbitai Bot added the platform:Web label May 11, 2026

PupilTong approved these changes May 11, 2026

View reviewed changes

Sherry-hue enabled auto-merge (squash) May 11, 2026 12:50

Sherry-hue merged commit 9775793 into lynx-family:main May 11, 2026
111 of 117 checks passed

This was referenced May 12, 2026

feat(openui): implement web preview and components page #2611

Merged

fix: native preview should decode #2631

Merged

Conversation

Sherry-hue commented May 11, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary by CodeRabbit

Checklist

Uh oh!

changeset-bot Bot commented May 11, 2026

⚠️ No Changeset found

Uh oh!

coderabbitai Bot commented May 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Suggested labels

Suggested reviewers

Poem

❌ Failed checks (2 warnings)

Uh oh!

codecov Bot commented May 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

codspeed-hq Bot commented May 11, 2026

Merging this PR will degrade performance by 16.18%

Performance Changes

Footnotes

Uh oh!

relativeci Bot commented May 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Web Explorer

#9594 Bundle Size — 900.04KiB (0%).

Uh oh!

relativeci Bot commented May 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React Example

#8021 Bundle Size — 235.77KiB (0%).

Uh oh!

relativeci Bot commented May 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React External

#1135 Bundle Size — 690.27KiB (0%).

Uh oh!

relativeci Bot commented May 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React Example with Element Template

#287 Bundle Size — 197.79KiB (0%).

Uh oh!

relativeci Bot commented May 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React MTF Example

#1152 Bundle Size — 206.6KiB (0%).

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Sherry-hue commented May 11, 2026 •

edited by coderabbitai Bot

Loading

coderabbitai Bot commented May 11, 2026 •

edited

Loading

codecov Bot commented May 11, 2026 •

edited

Loading

relativeci Bot commented May 11, 2026 •

edited

Loading

relativeci Bot commented May 11, 2026 •

edited

Loading

relativeci Bot commented May 11, 2026 •

edited

Loading

relativeci Bot commented May 11, 2026 •

edited

Loading

relativeci Bot commented May 11, 2026 •

edited

Loading