Giter Site home page Giter Site logo

seriousbug / devpod-ext Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 989 KB

A browser extension to add DevPod buttons to web pages.

License: MIT License

JavaScript 0.02% TypeScript 1.03% CSS 0.01% HTML 98.94%
browser-extension developer-tools devpod

devpod-ext's Introduction

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.

devpod-ext's People

Contributors

seriousbug avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.