Skip to content

[feature]: Add web-preview component and related test cases, example, and doc #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 16 commits into
base: main
Choose a base branch
from
Open

[feature]: Add web-preview component and related test cases, example, and doc #28

wants to merge 16 commits into from

Conversation

@zhouLion
Copy link
Contributor

@zhouLion zhouLion commented Nov 11, 2025 •
edited
Loading

  • Main task: to add a web preview component.
  • Additional, integrate Vitest for ensuring consistency with the implementation on the React side.

Maybe the Vitest integration can be split into separate PRs, but how about let's start from here.

@cwandev
Copy link
Collaborator

cwandev commented Nov 12, 2025

Thanks for your work, @zhouLion — great job! 🎉

Regarding the integration of the test suite, I think this is a good starting point.

@peoray what do you think?

@peoray
Copy link
Collaborator

peoray commented Nov 12, 2025

@zhouLion is this ready or still a draft?

@zhouLion
Copy link
Contributor Author

zhouLion commented Nov 12, 2025 •
edited
Loading

@zhouLion is this ready or still a draft?
It's basically done. Manually installing that part requires some code, and I consider using the named slot to replace the loading prop of WebPreviewBody.

zhouLion
zhouLion commented Nov 12, 2025
View reviewed changes
@peoray
Copy link
Collaborator

peoray commented Nov 12, 2025

@zhouLion, sorry for the merge conflicts. If you run into any issues, let me know :)

@zhouLion
feat: add WebPreview component and related subcomponents for enhanced…
5dfe24d 
… web preview functionality
@zhouLion
refactor: update props definition to use TypeScript interface for imp…
5b2e65a 
…roved type safety
@zhouLion
feat: integrate Vitest for testing and add web preview tests
375ade1 
- Added Vitest configuration for testing with Playwright support.
- Implemented test cases for WebPreview
- Enhanced TypeScript configuration for JSX support.
@zhouLion
feat: add web preview example component with navigation and console logs
b1da1f0
@zhouLion
feat: add WebPreview documentation and installation instructions
8e5bcf9
@zhouLion
feat: convert WebPreview component to Vue 3 and update backend route …
1c40055 
…handling
@zhouLion
feat: add GitHub Actions workflow for testing with Node.js
a9fc195
@zhouLion
refactor: enhanced WebPreview loading slot functionality
c48b5f7
@zhouLion
feat: add script to generate .code-group.md files for components
2bdf496
@zhouLion
chore: resolved conflicts and move web-preview into vibe-coding folder
bf216fe
@zhouLion zhouLion force-pushed the zhoulion/web-preview branch from 95b1773 to bf216fe Compare November 13, 2025 08:34
@zhouLion zhouLion marked this pull request as ready for review November 13, 2025 08:34
@zhouLion zhouLion requested a review from peoray November 13, 2025 08:40
@zhouLion
Copy link
Contributor Author

zhouLion commented Nov 14, 2025

@zhouLion, sorry for the merge conflicts. If you run into any issues, let me know :)

The main branch has been rebased and code conflicts resolved. It's ready for review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@peoray peoray Awaiting requested review from peoray

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@zhouLion @cwandev @peoray