feat: enhance unclaimed nodes modal with GitHub repository info fetching #204

snomiao · 2025-08-15T07:19:10Z

Summary

This PR enhances the admin unclaimed nodes modal by:

• Repository URL moved to top: Improved UX by placing the required repository URL field at the beginning of the form
• One-click info fetching: Added a "Fetch Info" button that automatically populates form fields from GitHub repository's pyproject.toml
• GitHub API integration: Fetches project metadata including name, description, author, and license information
• Enhanced user feedback: Comprehensive error handling with toast notifications for success/failure states
• Improved documentation: Added Storybook story with comprehensive documentation and examples

Features

Repository URL input with placeholder and validation
"Fetch Info" button with loading states and proper disabled state
Automatic form population from pyproject.toml parsing
Error handling for invalid URLs, missing files, and API failures
Toast notifications for user feedback
Helper text explaining the functionality
Storybook story for component documentation

Test Plan

Build passes without TypeScript errors
ESLint passes with no new warnings (existing warning unrelated)
Prettier formatting applied
Storybook builds successfully and story renders correctly
Manual testing: Enter GitHub repository URL and click "Fetch Info"
Manual testing: Verify form fields populate correctly from pyproject.toml
Manual testing: Error handling for invalid URLs and missing files
Manual testing: Loading states and button disabled behavior

🤖 Generated with Claude Code

vercel · 2025-08-15T07:19:16Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
registry-web	Ready	Preview	Comment	Oct 25, 2025 1:44pm

github-actions · 2025-08-15T07:20:07Z

🎨 Chromatic Visual Testing Results

Resource	URL
🔍 Build Results	Chromatic Build
📚 Storybook	View Storybook

Check the visual changes and approve or request changes as needed.

Copilot

Pull Request Overview

This PR enhances the admin unclaimed nodes modal by adding GitHub repository integration that automatically fetches and populates project metadata from pyproject.toml files. The key improvement is a streamlined user experience where administrators can enter a GitHub URL and click "Fetch Info" to auto-populate form fields, reducing manual data entry and potential errors.

Key Changes

Implemented GitHub API integration to fetch pyproject.toml content and parse project metadata (name, description, author, license)
Repositioned repository URL field to the top of the form with accompanying fetch button for better UX
Added comprehensive translation support across 8 languages (English, Spanish, French, Japanese, Korean, Chinese, Russian, Turkish, Arabic)

Reviewed Changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 6 comments.

File	Description
components/nodes/AdminCreateNodeFormModal.tsx	Added fetchGitHubRepoInfo function, fetch button with loading states, and form auto-population logic
locales/*/common.json	Added translations for new UI strings (Repository URL, Fetch Info, success/error messages, helper text)
src/stories/components/nodes/AdminCreateNodeFormModal.stories.tsx	Created new Storybook story with documentation and example scenarios
.storybook/preview.tsx	Cleaned up preview configuration by removing unused code and simplifying locale setup

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Copilot · 2025-10-20T17:45:07Z

locales/es/common.json

  "Failed to delete node. {{message}}": "No se pudo eliminar el nodo. {{message}}",
  "Failed to delete version": "Error al eliminar la versión",
  "Failed to delete version: {{message}}": "无法删除版本：{{message}}",
+  "Failed to fetch repository information: {{error}}": "无法获取仓库信息：{{error}}",


The translation text is in Chinese instead of Spanish. It should be translated to Spanish.

Suggested change

"Failed to fetch repository information: {{error}}": "无法获取仓库信息：{{error}}",

"Failed to fetch repository information: {{error}}": "No se pudo obtener la información del repositorio: {{error}}",

Copilot · 2025-10-20T17:45:07Z

locales/es/common.json

  "Path To License File": "Ruta al Archivo de Licencia",
  "Pending": "Pendiente",
  "Pending Security Review": "Revisión de Seguridad Pendiente",
+  "Please enter a repository URL first": "请先输入仓库 URL",


The translation text is in Chinese instead of Spanish. It should be translated to Spanish.

Suggested change

"Please enter a repository URL first": "请先输入仓库 URL",

"Please enter a repository URL first": "Por favor, ingrese primero una URL de repositorio.",

Copilot · 2025-10-20T17:45:08Z

locales/fr/common.json

  "Failed to delete node": "Échec de la suppression du nœud",
  "Failed to delete node. {{message}}": "Échec de la suppression du nœud. {{message}}",
  "Failed to delete version": "Échec de la suppression de la version",
  "Failed to delete version: {{message}}": "无法删除版本：{{message}}",


The translation text is in Chinese instead of French. This appears to be a pre-existing issue in line 154 but the same pattern affects the newly added line 155. The French translation should be used.

Suggested change

"Failed to delete version: {{message}}": "无法删除版本：{{message}}",

"Failed to delete version: {{message}}": "Échec de la suppression de la version : {{message}}",

Copilot · 2025-10-20T17:45:08Z

src/stories/components/nodes/AdminCreateNodeFormModal.stories.tsx

+type Story = StoryObj<typeof meta>
+
+// Story wrapper component to handle modal state
+function ModalWrapper(args: any) {


The parameter type 'any' bypasses TypeScript's type safety. Consider using a more specific type such as the component's props type or React.ComponentProps.

Suggested change

function ModalWrapper(args: any) {

function ModalWrapper(args: React.ComponentProps<typeof AdminCreateNodeFormModal>) {

components/nodes/AdminCreateNodeFormModal.tsx

Copilot · 2025-10-20T17:45:09Z

components/nodes/AdminCreateNodeFormModal.tsx

+        const projectSection =
+            content.match(/\[project\]([\s\S]*?)(?=\n\[|\n$|$)/)?.[1] || ''


The regex pattern for parsing TOML is fragile and may not handle all valid TOML formats (e.g., inline tables, multi-line strings, escaped characters). Consider using a proper TOML parsing library to ensure robust parsing of pyproject.toml files.

socket-security · 2025-10-20T18:02:16Z

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	smol-toml@1.4.2

View full report

- Move repository URL field to top of the modal for better UX - Add "Fetch Info" button to automatically populate form fields from GitHub pyproject.toml - Implement GitHub API integration to extract name, description, author, and license - Add comprehensive error handling and user feedback with toast notifications - Create Storybook story for the enhanced modal component - Include helpful placeholder text and loading states for better user experience 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>

…DisplayNames calls The about panel in Storybook was showing a blank screen due to the languageName function using Intl.DisplayNames at module load time. Replaced dynamic language name generation with static, hardcoded language names in the locale toolbar configuration to ensure reliable initialization. Also applied code formatting fixes across locale files and other source files. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>

- Fix Spanish translations in locales/es/common.json (lines 155, 259) - Fix French translation in locales/fr/common.json (line 154) - Replace 'any' type with React.ComponentProps in AdminCreateNodeFormModal.stories.tsx - Add base64 validation before atob() in AdminCreateNodeFormModal.tsx - Replace regex TOML parsing with proper smol-toml library for robust parsing - Fix prefer-template ESLint warning 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>

vercel bot deployed to Preview August 15, 2025 07:20 View deployment

vercel bot deployed to Preview August 15, 2025 07:23 View deployment

snomiao force-pushed the sno-unclaimed-fetch-repo-info branch from 1177152 to 9d9c358 Compare October 14, 2025 04:53

vercel bot deployed to Preview October 14, 2025 04:54 View deployment

vercel bot deployed to Preview October 14, 2025 04:56 View deployment

vercel bot deployed to Preview October 16, 2025 16:43 View deployment

vercel bot deployed to Preview October 16, 2025 19:10 View deployment

snomiao marked this pull request as ready for review October 20, 2025 17:43

Copilot AI review requested due to automatic review settings October 20, 2025 17:43

Copilot AI reviewed Oct 20, 2025

View reviewed changes

vercel bot had a problem deploying to Preview October 20, 2025 18:02 Failure

snomiao and others added 3 commits October 25, 2025 13:37

snomiao force-pushed the sno-unclaimed-fetch-repo-info branch from 6271940 to fe694aa Compare October 25, 2025 13:40

vercel bot deployed to Preview October 25, 2025 13:42 View deployment

format: Apply prettier --fix changes

e5b3cce

vercel bot deployed to Preview October 25, 2025 13:44 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: enhance unclaimed nodes modal with GitHub repository info fetching #204

feat: enhance unclaimed nodes modal with GitHub repository info fetching #204

Uh oh!

snomiao commented Aug 15, 2025 •

edited

Loading

Uh oh!

vercel bot commented Aug 15, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Aug 15, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Oct 20, 2025

Uh oh!

Copilot AI Oct 20, 2025

Uh oh!

Copilot AI Oct 20, 2025

Uh oh!

Copilot AI Oct 20, 2025

Uh oh!

Uh oh!

Copilot AI Oct 20, 2025

Uh oh!

socket-security bot commented Oct 20, 2025 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

	"Failed to fetch repository information: {{error}}": "无法获取仓库信息：{{error}}",
	"Failed to fetch repository information: {{error}}": "No se pudo obtener la información del repositorio: {{error}}",

	"Please enter a repository URL first": "请先输入仓库 URL",
	"Please enter a repository URL first": "Por favor, ingrese primero una URL de repositorio.",

	"Failed to delete version: {{message}}": "无法删除版本：{{message}}",
	"Failed to delete version: {{message}}": "Échec de la suppression de la version : {{message}}",

	function ModalWrapper(args: any) {
	function ModalWrapper(args: React.ComponentProps<typeof AdminCreateNodeFormModal>) {

		const projectSection =
		content.match(/\[project\]([\s\S]*?)(?=\n\[\|\n$\|$)/)?.[1] \|\| ''

feat: enhance unclaimed nodes modal with GitHub repository info fetching #204

Are you sure you want to change the base?

feat: enhance unclaimed nodes modal with GitHub repository info fetching #204

Uh oh!

Conversation

snomiao commented Aug 15, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Features

Test Plan

Uh oh!

vercel bot commented Aug 15, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Aug 15, 2025

🎨 Chromatic Visual Testing Results

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Key Changes

Reviewed Changes

Uh oh!

Copilot AI Oct 20, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 20, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 20, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 20, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Copilot AI Oct 20, 2025

Choose a reason for hiding this comment

Uh oh!

socket-security bot commented Oct 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

snomiao commented Aug 15, 2025 •

edited

Loading

vercel bot commented Aug 15, 2025 •

edited

Loading

socket-security bot commented Oct 20, 2025 •

edited

Loading