https://github.com/seriousbug/devpod-ext

A browser extension to add DevPod buttons to web pages.
https://github.com/seriousbug/devpod-ext

browser-extension developer-tools devpod

Last synced: 12 days ago
JSON representation

A browser extension to add DevPod buttons to web pages.

• Host: GitHub
• URL: https://github.com/seriousbug/devpod-ext
• Owner: SeriousBug
• License: mit
• Created: 2024-06-05T03:20:53.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-18T05:13:38.000Z (almost 2 years ago)
• Last Synced: 2025-03-08T13:37:29.314Z (about 1 year ago)
• Topics: browser-extension, developer-tools, devpod
• Language: HTML
• Homepage:
• Size: 966 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
# Clone with DevPod Browser Extension

[![chrome web store](https://img.shields.io/badge/Download-chrome_web_store-blue?logo=googlechrome)](https://chromewebstore.google.com/detail/clone-with-devpod/ampglmdkglhhmhhlhalcdafifeepllpc)

[![Firefox Add-Ons](https://img.shields.io/badge/Download-Firefox_AddOns-blue?logo=firefoxbrowser)](https://addons.mozilla.org/en-US/firefox/addon/clone-with-devpod/)

[![GitHub License](https://img.shields.io/github/license/seriousbug/devpod-ext)](https://github.com/SeriousBug/devpod-ext/blob/main/LICENSE.txt)

[![Codecov](https://img.shields.io/codecov/c/github/seriousbug/devpod-ext)](https://app.codecov.io/gh/SeriousBug/devpod-ext)

![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!](./assets/screenshot.png)

A browser extension for Chrome, Firefox, and other Chrome-based browsers that

adds a button to clone and open a repository with [DevPod](https://devpod.sh).

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](https://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](https://chromewebstore.google.com/detail/clone-with-devpod/ampglmdkglhhmhhlhalcdafifeepllpc) and [Firefox Add-Ons](https://addons.mozilla.org/en-US/firefox/addon/clone-with-devpod/)! 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](https://github.com/SeriousBug/devpod-browser-extension/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.](./assets/loading-unpacked.png)

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](https://github.com/SeriousBug/devpod-browser-extension/issues) 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.