VS Code GitHub Projects
A VS Code extension that brings GitHub's projects into VS Code.
Rather than having a separate Kanban board for collaborating on projects separately from GithHub Projects, we created an extension which allows users to fetch repository, organization, and project data from GitHub Projects - this can be edited within VS Code.
Feature 1: Sidebar with Checkboxes
Feature 2: Navigation
Feature 3: Project Info View
Feature 4: Display each column, and easily delete and archive cards.
Feature 5: Add a new column
How to run locally?
How to contribute?
Open a new issue in our extension! As long as you're in MLH you can make new issues and create pull requests on this project.
Initial release: Using generator code (npm install -g yo generator-code) I created a new extension in TypeScript. We decided to use the Webview API because it allows our extension view to be fully customizable. Webviews run in isolated contexts that cannot directly access local resources, so we used GQL to query GitHub.
Rollup compiles our code into JS, and we access only the media aspect of the compiled stuff (the extension layer) in order to load content. And we're using this really cool VS Code API object in order to post new messages and establish connections between the front-end and the extension itself.
The principal components are the Home, Extension, Sidebar, Sidebar Provider, Project Info, and Project List components.