Add React web app for plugin marketplace submission with GitHub OAuth

[Copilot]

Implements a static React SPA for submitting plugins to the Karin marketplace. Users authenticate via GitHub OAuth (or PAT for testing), select repositories to submit, with automatic detection of already-submitted plugins and npm package validation.

Core Features

Authentication

• GitHub OAuth flow with fallback to Personal Access Token
• Dedicated token-setup.html helper page for PAT configuration
• OAuth callbacks redirect to token setup for simplified testing

Repository Selection

• Fetches user's GitHub repos, filters for package.json presence
• Auto-selects repos already in marketplace via package.json name matching against plugins.json
• Visual indicators for submitted plugins

Validation

• npm registry validation for npm-type plugins
• Intelligent type detection: checks exports, main, module, type fields
• Skips validation for app-type plugins (single JS files)

Implementation

Tech Stack: React 19, Vite 7, GitHub API v3, npm Registry API

Structure:

web/
├── src/components/
│   ├── LoginPage.jsx          # OAuth initiation + feature showcase
│   └── SubmissionPage.jsx     # Repo list, selection, validation
├── token-setup.html           # PAT setup UI with GitHub API validation
└── .github/workflows/deploy-web.yml  # Auto-deploy to GitHub Pages

Type Detection Logic:

// Determines plugin type for validation
const isAppType = !packageName.startsWith('@') && 
                 !packageJson.main && 
                 !packageJson.module && 
                 !packageJson.exports &&
                 packageJson.type !== 'module';

UI

Login Page

Token Setup

Deployment

GitHub Actions workflow deploys to Pages on push. Vite config sets base: '/plugins-list/' for proper routing.

Production setup requires:

• GitHub OAuth App creation (optional, PAT works for testing)
• VITE_GITHUB_CLIENT_ID environment variable
• Backend service for OAuth token exchange (not included - client secret cannot be exposed in frontend)

Build output: 201.66 KB JS (63.89 KB gzipped), 4.05 KB CSS

Original prompt

请帮我创建一个分支。
我想使用github托管一个静态网页，要求用户登录github。

要求用户选择提交到插件市场的仓库。
自动勾选已经提交到插件市场的仓库。使用package.json 的name进行判断。

用户勾选提交之后，需要检查npm上是否存在这个包，暂时仅支持npm包和单js，js这个不需要检查npm。

注意使用react实现~

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch copilot/implement-github-login-feature

---

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