chore: update describtion of front-end in readme#113
Merged
HsiangNianian merged 8 commits intoHydroRoll-Team:mainfrom Feb 28, 2026
Merged
chore: update describtion of front-end in readme#113HsiangNianian merged 8 commits intoHydroRoll-Team:mainfrom
HsiangNianian merged 8 commits intoHydroRoll-Team:mainfrom
Conversation
|
@NtskwK is attempting to deploy a commit to the retrofor Team on Vercel. A member of the Team first needs to authorize it. |
Contributor
Reviewer's guide (collapsed on small PRs)Reviewer's GuideUpdates the English and Chinese READMEs to reflect the current React-based frontend stack and simplifies the dependency installation instructions to match the new project layout. Flow diagram for updated dependency installation process in READMEflowchart TD
A[Start: Developer wants to run DropOut from source] --> B[Clone repository]
B --> C[cd DropOut]
C --> D[Install dependencies with pnpm install in project root]
D --> E[Run development command as described in README]
E --> F[DropOut runs in development mode]
F --> G[End]
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
![sourcery-ai[bot]](https://avatars.githubusercontent.com/in/48477?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
Hey - I've found 4 issues
Prompt for AI Agents
Please address the comments from this code review:
## Individual Comments
### Comment 1
<location path="README.CN.md" line_range="17" />
<code_context>
它不仅仅是为了启动 Minecraft 而设计的，而是将 Minecraft 环境作为确定性的、版本化的工作空间进行管理。
-DropOut 使用 Tauri v2 构建，DropOut 提供原生性能和最小资源使用，并配有现代响应式 Web UI（目前使用 Svelte 5，正在迁移到 React）。
+DropOut 使用 Tauri v2 构建，DropOut 提供原生性能和最小资源使用，并配有现代响应式 Web UI（基于 React 19、Shadcn UI 和 Tailwind CSS 4 构建）。
> Minecraft 环境是一个复杂的系统。
</code_context>
<issue_to_address>
**suggestion (typo):** Consider using the canonical project name spelling for shadcn/ui.
Using the "shadcn/ui" branding here will better match the project’s official name and make it easier for readers to recognize and search for it.
Suggested implementation:
```
DropOut 使用 Tauri v2 构建，DropOut 提供原生性能和最小资源使用，并配有现代响应式 Web UI（基于 React 19、shadcn/ui 和 Tailwind CSS 4 构建）。
```
```
- **现代工业 UI**：使用 **React 19**、**shadcn/ui** 和 **Tailwind CSS 4** 设计的干净、无干扰界面。
```
</issue_to_address>
### Comment 2
<location path="README.CN.md" line_range="45" />
<code_context>
- **高性能**：使用 Rust 和 Tauri 构建，实现最小资源使用和快速启动时间。
-- **现代工业 UI**：使用 **Svelte 5** 和 **Tailwind CSS 4** 设计的干净、无干扰界面。
+- **现代工业 UI**：使用 **React 19**、**Shadcn UI** 和 **Tailwind CSS 4** 设计的干净、无干扰界面。
- **Microsoft 认证**：通过官方 Xbox Live 和 Microsoft OAuth 流程（设备代码流程）提供安全登录支持。
- **模组加载器支持**：
</code_context>
<issue_to_address>
**suggestion (typo):** Align the library name here with the canonical "shadcn/ui" spelling.
This keeps the docs consistent with the library’s official naming and any other references in the project.
Suggested implementation:
```
DropOut 使用 Tauri v2 构建，DropOut 提供原生性能和最小资源使用，并配有现代响应式 Web UI（基于 React 19、shadcn/ui 和 Tailwind CSS 4 构建）。
```
```
- **现代工业 UI**：使用 **React 19**、**shadcn/ui** 和 **Tailwind CSS 4** 设计的干净、无干扰界面。
```
</issue_to_address>
### Comment 3
<location path="README.md" line_range="17" />
<code_context>
It is designed not just to launch Minecraft, but to manage Minecraft environments as deterministic, versioned workspaces.
-Built with Tauri v2 and Rust, DropOut delivers native performance and minimal resource usage, paired with a modern reactive web UI (currently Svelte 5, migrating to React).
+Built with Tauri v2 and Rust, DropOut delivers native performance and minimal resource usage, paired with a modern reactive web UI built with React 19, Shadcn UI, and Tailwind CSS 4.
> Minecraft environments are complex systems.
</code_context>
<issue_to_address>
**suggestion (typo):** Use the official "shadcn/ui" naming for clarity and consistency.
Please change "Shadcn UI" to "shadcn/ui" to match the official project name and make it easier for users to recognize and look up.
Suggested implementation:
```
Built with Tauri v2 and Rust, DropOut delivers native performance and minimal resource usage, paired with a modern reactive web UI built with React 19, shadcn/ui, and Tailwind CSS 4.
```
```
- **Modern Industrial UI**: A clean, distraction-free interface designed with **React 19**, **shadcn/ui**, and **Tailwind CSS 4**.
```
</issue_to_address>
### Comment 4
<location path="README.md" line_range="45" />
<code_context>
- **High Performance**: Built with Rust and Tauri for minimal resource usage and fast startup times.
-- **Modern Industrial UI**: A clean, distraction-free interface designed with **Svelte 5** and **Tailwind CSS 4**.
+- **Modern Industrial UI**: A clean, distraction-free interface designed with **React 19**, **Shadcn UI**, and **Tailwind CSS 4**.
- **Microsoft Authentication**: Secure login support via official Xbox Live & Microsoft OAuth flows (Device Code Flow).
- **Mod Loader Support**:
</code_context>
<issue_to_address>
**suggestion (typo):** Consider using the canonical "shadcn/ui" naming here as well.
This will keep terminology consistent with the rest of the project and with the library’s own documentation.
Suggested implementation:
```
Built with Tauri v2 and Rust, DropOut delivers native performance and minimal resource usage, paired with a modern reactive web UI built with React 19, shadcn/ui, and Tailwind CSS 4.
```
```
- **Modern Industrial UI**: A clean, distraction-free interface designed with **React 19**, **shadcn/ui**, and **Tailwind CSS 4**.
```
</issue_to_address>Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.
Contributor
There was a problem hiding this comment.
Pull request overview
Updates the project documentation to reflect the current frontend stack and simplifies the build instructions to match the pnpm workspace setup.
Changes:
- Update README/README.CN to describe the UI as React 19 + Shadcn UI + Tailwind CSS 4 (instead of Svelte/migration wording).
- Adjust “Building from Source” steps to use
pnpm installfrom the repository root (workspace install).
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.
| File | Description |
|---|---|
| README.md | Updates frontend tech stack description and build steps to match the pnpm workspace flow. |
| README.CN.md | Mirrors the frontend description/build-step updates for the Chinese README. |
HsiangNianian
approved these changes
Feb 28, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary by Sourcery
Update README documentation to reflect the current React-based frontend stack and simplify dependency installation steps.
Documentation: