Git Product home page Git Product logo

vscode-issue-tracker's Introduction

NOTICE

This site is considered deprecated and no longer collecting data on the VS Code github repo. See the following blogpost for info: VSCode Issue Tracker Post Mortem

VS Code Issue Tracker

Issue Tracker Screenshot

The VS Code Issue Tracker is a visualization of the issue count on the Microsoft/vscode repository over time.

The initial inspiration for this was to track the progress of microsoft/vscode#58336.

You can visit the site live here: vscode-issue-tracker.netlify.com

Webstack Description

The basis of the issue tracker is a serverless backend combined with a static frontend.

The backend consists of an AWS Lambda function which sends a query to the Github V4 GraphQL API once an hour to see the current number of issues on the repository. That is stored in a Cloud Firestore database.

Then, I have a scheduled job to pull the last 3 days as well as last month of entries for the recent and monthly graphs. It saves these entries to a local JS file and commits it to the repo once an hour through Git.

Finally, I wrote a simple frontend using C3.js to display the two graphs on a page. This is then committed to GitHub here and deployed to Netlify across their Application Delivery Network.

Future plans include making this more generalized so anyone can spin up a very similar project with ease.

vscode-issue-tracker's People

Contributors

danatkinson avatar lannonbr avatar matthewkosloski avatar vscode-issue-tracker-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

vscode-issue-tracker's Issues

Add releases to the recent overview graph

Hello, I found your cool project from the 1.40.0 release notes. I noticed the recent uptick in issues and was wondering if this correlated to a recent release. Would it be feasible and desirable to add tagged releases/tags to the chart?

show a timeline from the start

It would be nice to see a timeline from day 1 of the project till the current day.
Specially since September was such an interesting month.

Switch total reduction of issues to be based on difference in closed issues

As it has been mentioned to me, there has been a good 500 issues that have been opened since I started this so, when I said there has been about 1000 issues closed, technically there actually is about 1500, so switch the number at the bottom to be represented by the number of new closed issues since Sept 10

Scrubbable graphs

It would be nice to scrub left and right on a mobile device and be able to see a larger amount of history

Change y-axis to possibly start at zero

A few people have commented that the data can get a little misleading if the y-axis labels are not in the viewport of the screen. Even though it does have labels with relative min and max values, looking directly at the data itself can be misleading to some so enforcing the y-axis to start at 0 may fix that.

Fit properly on mobile

Add a small bit of CSS to make the page fit without having text touching the edges of a phone

Resolve GraphQL auth error

Every so often, the Lambda function which goes and checks for the hourly issue count does not properly authenticate for some reason and does not end up saving an entry in the database.

Genralize infrastructure behind the issue tracker

Many people have requested how this was made and as well, I myself want to make other websites that have a very similar infrastructure for GitHub-based statistic trackers.

Currently everything was manually setup while I believe a better situation is to have a more structured and laid out base. Tasks such as provisioning the various functions and databases to be a one command deploy after minimal config setup would be the ideal situation. A product that a developer can create graph visualizations and find insights into codebases.

I am wanting to dive into centralizing towards a solution that could be used either with cloud software or entirely on-prem. Here are some ideas for such I currently have (and if you can think of ways of doing these things that may be better or different than what I think, please add a comment below with such).

On-prem:

  • Switch from firebase to some self-hosted database (Either NoSQL or Relational Databases could work for this)
  • cronjobs / systemd timers to set up scheduled scripts?

Cloud-based:

  • centralize to as few cloud providers as possible / work to allow transfer between clouds be as painless as possible
  • setup orchestration workflow to spin up resources (AWS CloudFormation, Azure Resource Manager, Terraform, etc)
  • Add monitoring for the infrastructure

Document setup

Document the setup process for the vscode-issue-tracker.

The architecture is currently across multiple clouds (AWS, GCP, Azure (likely)), which has a bit of complexity, so making sure that everything is detailed.

  • AWS Lambda for the function to hit the GitHub API and store data to Firebase Firestore database
  • Firebase Firestore (GCP) to store data from GitHub API
  • Frontend currently hosted on netlify (but can technically be on any hosting provider)

Show Open Issues for the Last Year

It would be nice to see a timeline of open issues for the last year. This is similar to #13, but that issue asks for all history. So all in all, I think it would be valuable to see:

  • Last 3 Days
  • Last Month
  • Last Year
  • All time

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.