Skip to content

feat(site): open dev container in vscode #17182

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.

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

Merged
merged 3 commits into from
Apr 3, 2025

Conversation

DanielleMaywood
Copy link
Contributor

@DanielleMaywood DanielleMaywood commented Apr 1, 2025

Closes #16426

Adds a new button VSCodeDevContainerButton for connecting to a dev container with VSCode.

Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR introduces a new VSCodeDevContainerButton component to open a dev container in VSCode, updates related storybook stories, and refactors existing components to pass the full agent object rather than just the agent name.

  • Added the VSCodeDevContainerButton component with variant selection for VSCode and VSCode Insiders.
  • Updated storybook stories for VSCodeDevContainerButton.
  • Refactored AgentRow and AgentDevcontainerCard to use an agent object and updated the related prop names accordingly.

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated no comments.

Show a summary per file
File Description
site/src/modules/resources/VSCodeDevContainerButton/VSCodeDevContainerButton.tsx New component for opening dev containers in VSCode with variant selection.
site/src/modules/resources/VSCodeDevContainerButton/VSCodeDevContainerButton.stories.tsx Added stories for displaying the new VSCodeDevContainerButton component.
site/src/modules/resources/AgentRow.tsx Updated prop from agentName to agent to match the agent object structure.
site/src/modules/resources/AgentDevcontainerCard.tsx Refactored to use the agent object instead of a separate agentName prop.
site/src/modules/resources/AgentDevcontainerCard.stories.tsx Updated stories to pass an agent object rather than an agent name string.
Comments suppressed due to low confidence (2)

site/src/modules/resources/AgentRow.tsx:292

  • Ensure that the receiving component and its prop types have been updated to accept the full agent object rather than just a string value. If not, update the component's prop definitions accordingly.
agent={agent}

site/src/modules/resources/AgentDevcontainerCard.tsx:61

  • Verify that the TerminalLink component's prop 'agentName' is correctly expecting a string derived from agent.name after the refactoring, or update its definition if necessary.
agentName={agent.name}

@DanielleMaywood DanielleMaywood force-pushed the dm-open-devcontainer-vscode branch from f4b6ac3 to a8d1d21 Compare April 2, 2025 08:22
@DanielleMaywood DanielleMaywood force-pushed the dm-open-devcontainer-vscode branch from a8d1d21 to caee9c0 Compare April 3, 2025 08:07
@DanielleMaywood DanielleMaywood changed the title feat: open dev container in vscode feat(site): open dev container in vscode Apr 3, 2025
@DanielleMaywood DanielleMaywood marked this pull request as ready for review April 3, 2025 08:08
Copy link
Member

@mtojek mtojek left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome! I haven't played with it, but it looks similarly to VSCodeDesktopButton 👍

@DanielleMaywood DanielleMaywood merged commit ab8c437 into main Apr 3, 2025
38 checks passed
@DanielleMaywood DanielleMaywood deleted the dm-open-devcontainer-vscode branch April 3, 2025 10:10
@github-actions github-actions bot locked and limited conversation to collaborators Apr 3, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

UI: Support "Open in VSCode" for devcontainers
2 participants