Skip to content

A browser extension to add DevPod buttons to web pages.

License

Notifications You must be signed in to change notification settings

SeriousBug/devpod-ext

Repository files navigation

Clone with DevPod Browser Extension

chrome web store Firefox Add-Ons GitHub License Codecov

A screenshot of the Github user interface. Next to the Code button is a button labeled DevPod. Text overlaid on the screenshot says "Adds a DevPod button to repository and PR pages. Spin up a dev environment with a single click!

A browser extension for Chrome, Firefox, and other Chrome-based browsers that adds a button to clone and open a repository with DevPod. Install DevPod and this extension, and you'll have a convenient button to clone repositories into clean development environments!

This extension does not access your repositories or collect any private information. It just figures out the right repository and branch name, and sends you to devpod.sh/open when you click the button.

Features

  • Adds a DevPod button on Github and GitLab
    • On the main repository page
    • When exploring branches
    • On PRs

Installation

The extension is available on the Chrome web store and Firefox Add-Ons! Just click these links, and download the extension with one click.

If you are unable to use these stores, or you want access to the latest version before it has been approved by these stores, you can download and load the extension in developer mode. Download the latest dev-ext-browser-x.y.z.zip file from the releases page and unzip it. Download the -chrome- version for Chrome, Vivaldi, or Edge. Download -firefox- for Firefox.

Screenshot of the chrome extension settings. There's a toggle labeled developer mode which is turned on, and a mouse is hovering over a button labeled Load unpacked.

Then in the extension settings, enable developer mode and click "Load unpacked". Select the unzipped folder, and your extension is ready to use.

Roadmap

  • Support more platforms
    • Gitea & Forgejo
    • sourcehut
    • Bitbucket
  • Add configurable settings

Have any suggestions? Open an issue and I'll do my best to work on it.

Build

To build the extension yourself, you'll need NodeJS 22 or later. Run npm install to install the dependencies, then npm run build to build the extension. You should get two files, devpod-ext-chrome-x.y.z.zip and devpod-ext-firefox.x.y.z.zip.

Develop

Contributions are welcome! To develop the extension, using NodeJS 22 or later run npm install, then npm run dev. This will start the development server, and try to launch Chrome using a clean profile and with the extension preloaded.

You can develop the extension inside a devcontainer, a devcontainer configuration is provided. However, the browser launch won't work and auto-reload also does not seem to function properly. If you can figure out these issues, please let me know!

Disclaimer

This browser extension is not an official DevPod project. It is not affiliated with Loft Labs, Inc. The DevPod trademark is owned by Loft Labs, Inc.

This extension is also not affiliated with Github, Gitlab, Gitea, Forgejo, or any other forge software company.

About

A browser extension to add DevPod buttons to web pages.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages