fix(web): xmarkdown create img incorrectly

[Sherry-hue]

Summary by CodeRabbit

• Bug Fixes
  • Fixed x-markdown component to correctly render inline-view images and badges during typewriter animation mode, ensuring they appear as expected when content is animated.

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]

🦋 Changeset detected

Latest commit: 860a366

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 10 packages

Name	Type
@lynx-js/web-elements	Patch
upgrade-rspeedy	Patch
@lynx-js/web-core	Patch
@lynx-js/web-rsbuild-server-middleware	Patch
@lynx-js/template-webpack-plugin	Patch
@lynx-js/react-rsbuild-plugin	Patch
create-rspeedy	Patch
@lynx-js/web-worker-rpc	Patch
@lynx-js/react-alias-rsbuild-plugin	Patch
@lynx-js/rspeedy	Patch

Not sure what this means? Click here to learn what changesets are.

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

[coderabbitai]

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: 0420fc75-5214-45c3-a3e0-f1a74047a56d

📥 Commits

Reviewing files that changed from the base of the PR and between e4ace87 and 860a366.

📒 Files selected for processing (4)

• .changeset/neat-beds-film.md
• packages/web-platform/web-elements/src/elements/XMarkdown/XMarkdownAttributes.ts
• packages/web-platform/web-elements/tests/fixtures/x-markdown/typewriter-inlineview.html
• packages/web-platform/web-elements/tests/x-markdown.spec.ts

---

📝 Walkthrough

Walkthrough

This PR introduces a patch-version release for @lynx-js/web-elements that fixes inline view injection during XMarkdown's typewriter animation mode. A call to #injectInlineViews is added to the typewriter rendering path, with supporting test fixture and spec to validate the behavior.

Changes

Cohort / File(s)	Summary
Release note .changeset/neat-beds-film.md	Changeset entry recording patch-version bump for the xmarkdown image creation fix.
XMarkdown implementation packages/web-platform/web-elements/src/elements/XMarkdown/XMarkdownAttributes.ts	Added #injectInlineViews(root) call to typewriter rendering path following HTML content updates, ensuring inline-view placeholders are processed during incremental updates, not only full renders.
Test coverage packages/web-platform/web-elements/tests/fixtures/x-markdown/typewriter-inlineview.html, packages/web-platform/web-elements/tests/x-markdown.spec.ts	New test fixture validating typewriter-mode behavior with inline views and corresponding Playwright test asserting correct inline view tracking and absence of inline-view images.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• fix(web): XMarkdown slot created should not have prefix #2520: Modifies XMarkdown inline-view injection slot naming logic in the same XMarkdownAttributes rendering path.
• fix(web): markdown should pre-set slot #2516: Changes XMarkdown's #injectInlineViews codepath for inline-view handling.
• feat(x-markdown): add markdown rendering support and tests #2412: Introduces inline-view rendering and typewriter logic in XMarkdownAttributes that this PR extends.

Suggested reviewers

• PupilTong

Poem

🐰✨ Typewriter words now dance so bright,
With inline views injected just right,
No more forgotten placeholders in time,
Each keystroke carries views sublime! 📝🎬

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'fix(web): xmarkdown create img incorrectly' directly addresses the main issue being fixed - xmarkdown incorrectly creating images. It clearly summarizes the primary change across all files (fix, test fixture, and test).
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
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

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Review rate limit: 6/8 reviews remaining, refill in 13 minutes and 26 seconds.}

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

[codecov]

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]

Merging this PR will not alter performance

✅ 81 untouched benchmarks
⏩ 26 skipped benchmarks¹

---

_{Comparing Sherry-hue:fix/markdown-slot-img (860a366) with main (e4ace87)}

Footnotes

1. 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]

React MTF Example

#825 Bundle Size — 196.54KiB (0%).

860a366(current) vs e4ace87 main#817(baseline)

Bundle metrics  no changes

	Current #825	Baseline #817
Initial JS	0B	0B
Initial CSS	0B	0B
Cache Invalidation	0%	0%
Chunks	0	0
Assets	3	3
Modules	173	173
Duplicate Modules	66	66
Duplicate Code	44.08%	44.08%
Packages	2	2
Duplicate Packages	0	0

Bundle size by type  no changes

	Current #825	Baseline #817
IMG	111.23KiB	111.23KiB
Other	85.31KiB	85.31KiB

Bundle analysis report Branch Sherry-hue:fix/markdown-slot-img Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}

[relativeci]

React Example

#7693 Bundle Size — 225.38KiB (0%).

860a366(current) vs e4ace87 main#7685(baseline)

Bundle metrics  no changes

	Current #7693	Baseline #7685
Initial JS	0B	0B
Initial CSS	0B	0B
Cache Invalidation	0%	0%
Chunks	0	0
Assets	4	4
Modules	179	179
Duplicate Modules	69	69
Duplicate Code	44.57%	44.57%
Packages	2	2
Duplicate Packages	0	0

Bundle size by type  no changes

	Current #7693	Baseline #7685
IMG	145.76KiB	145.76KiB
Other	79.63KiB	79.63KiB

Bundle analysis report Branch Sherry-hue:fix/markdown-slot-img Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}

[relativeci]

React External

#809 Bundle Size — 680.27KiB (0%).

860a366(current) vs e4ace87 main#801(baseline)

Bundle metrics  no changes

	Current #809	Baseline #801
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 #809	Baseline #801
Other	680.27KiB	680.27KiB

Bundle analysis report Branch Sherry-hue:fix/markdown-slot-img Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}

[relativeci]

Web Explorer

#9266 Bundle Size — 900.03KiB (~+0.01%).

860a366(current) vs e4ace87 main#9258(baseline)

Bundle metrics   2 changes

	Current #9266	Baseline #9258
Initial JS	44.46KiB	44.46KiB
Initial CSS	2.22KiB	2.22KiB
Cache Invalidation	16.16%	0%
Chunks	9	9
Assets	11	11
Modules	227(-0.44%)	228
Duplicate Modules	11	11
Duplicate Code	27.29%	27.29%
Packages	10	10
Duplicate Packages	0	0

Bundle size by type   1 change 1 regression

	Current #9266	Baseline #9258
JS	495.9KiB (~+0.01%)	495.88KiB
Other	401.92KiB	401.92KiB
CSS	2.22KiB	2.22KiB

Bundle analysis report Branch Sherry-hue:fix/markdown-slot-img Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}