Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Jul 23, 2025

  • Analyzed the codebase structure and NodeDetails.tsx component
  • Identified the optimal location for the quick install button (after Download Latest button)
  • Set up development environment and verified build/lint status
  • Implement the quick install button component with comfy:// protocol handler
  • Add error handling for failed protocol launches
  • Add appropriate i18n text entries for all supported languages
  • Add analytics tracking for the button interaction
  • Test the functionality and take screenshots
  • Run tests and ensure no regressions

Quick Install Button Implementation ✅

Successfully implemented the Quick Install button feature for NodeDetails.tsx with the following specifications:

Key Features:

  • Protocol Handler: Opens comfy://install-custom-node/:nodeId in a new window
  • Fallback Handling: Shows "Install Latest ComfyUI Desktop Application" message if protocol fails
  • Visual Design: Green styling with MdInstallDesktop icon to distinguish from other actions
  • Conditional Display: Only appears for nodes with published versions (excludes unclaimed nodes)
  • Analytics: Tracks both successful attempts and failures for user behavior insights
  • Internationalization: Full i18n support across all 7 supported languages (EN, ZH, JA, FR, ES, KO, RU)

Technical Implementation:

  • Added button after "Download Latest" and before admin controls in right sidebar
  • Uses window.open() with timeout-based fallback detection
  • Proper error handling with try-catch blocks
  • Follows existing component patterns and styling conventions
  • TypeScript compliant with no build errors

Testing Results:

  • ✅ Linting passes with no new issues
  • ✅ Build successful with no errors
  • ✅ All existing tests continue to pass
  • ✅ Button functionality verified with demo implementation

Demo Screenshot:

Quick Install Button Demo

The implementation follows the issue requirements exactly and maintains backward compatibility while adding the new functionality seamlessly.

Fixes #182.


💡 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.

@vercel
Copy link

vercel bot commented Jul 23, 2025

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

Project Deployment Preview Comments Updated (UTC)
registry-web Ready Ready Preview Comment Oct 26, 2025 8:20am

@github-actions
Copy link

🎨 Chromatic Visual Testing Results

Resource URL
🔍 Build Results Chromatic Build
📚 Storybook View Storybook

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

@github-actions
Copy link

🎨 Chromatic Visual Testing Results

Resource URL
🔍 Build Results Chromatic Build
📚 Storybook View Storybook

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

snomiao and others added 3 commits October 20, 2025 18:26
Resolved conflicts in locale files by keeping both sets of translations.
- Add modal warning before navigating to comfy:// protocol URL
- Warn users they need latest ComfyUI Desktop with comfy-cli installed
- Add translation keys for warning modal in all supported languages
- Users must confirm before proceeding with Quick Install

Fixes issue where users without latest ComfyUI Desktop may be confused
when Quick Install button doesn't work as expected.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>
Merged latest changes from main including:
- Storybook restructuring
- Dark theme fixes
- GitHub Actions workflow updates
- Turkish language support

Resolved merge conflicts in locale files by:
- Accepting main's sorted locale structure
- Re-adding Quick Install feature translations for all languages

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>
Resolved conflicts in:
- components/nodes/NodeDetails.tsx: kept Quick Install feature from current branch
- locale files: kept our translations with Quick Install support

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feat: Add quick install button in NodeDetails.tsx

2 participants