Giter VIP home page Giter VIP logo

devops-streamdeck's Introduction

DevOps for Stream Deck Custom badge Node.js CI

Check the status of your CI/CD environments or Notifications using your Stream Deck

How it works?

Install this plugin

You can find it at the Stream Deck Store. ๐Ÿš€

Configuration options

Field Description Service Required
account Here you can select your Personal Token and custom domain if you use a self-hosted version. GitHub, GitLab, Netlify, Vercel, Travis Yes
username/repo Configure here the repo for GitLab/GitHub GitHub, GitLab, Travis Yes
siteId Your Netlify Site Id Netlify Yes
project name Your project name in Vercel Vercel Yes
branch Select the branch to monitor or leave it empty to show info from all branches. GitHub, GitLab, Netlify, Travis No

Compatible services

GitHub

Show information

For public repositories

You have to create a new Personal Token with the following scopes: repo:status, repo_deployment and public_repo.

image

For public/private repositories

You have to create a new Personal Token with all the repo scopes, otherwise you don't have access to your private repositories.

image

For Notifications

You have to create a new Personal Token with notifications scopes, otherwise you don't have access to your notifications.

image

GitLab

Show information

You have to create a new Personal Access Token. Set the scope as follows:

Required for Scope
CI Status read_api
MRs read_api
ToDos read_user

Netlify

Show information

Personal Token

You have to create a new Personal Token.

Site ID

You can find your site id in the settings tab of your project, with the API ID name.

Vercel

Show information

You have to create a new Token.

Travis-CI.com / Travis-CI.org

Show information

You have to create a new Token.

By default the actions uses the travis-ci.org api, if you want to use it with travis-ci.com set https://api.travis-ci.com as domain in the configuration.

How to setup the dev environment

  1. Install all the dependencies
yarn
  1. Build the project for the first time, the project uses Parcel as bundler to handle React and TypeScript
yarn build
  1. Create a symlink form the folder you clone the repository
ln -s devops-streamdeck/dist/dev.santiagomartin.devops.sdPlugin ~/Library/Application\ Support/com.elgato.StreamDeck/Plugins/dev.santiagomartin.devops.sdPlugin
  1. Run the proper dev command, since we are using Parcel to build the project we have a few dev commands to start Parcel in watch mode
// For Property Inspector
yarn:dev:pi

// For Plugin
yarn:dev:plugin

// For setup screen, where the user add the configuration for each service
yarn:dev:setup

Project structure

    .
    โ”œโ”€โ”€ node_modules
    โ”œโ”€โ”€ dist
    โ”œโ”€โ”€ images
    โ”œโ”€โ”€ node_modules
    โ”œโ”€โ”€ release
    โ”œโ”€โ”€ src
      โ”œโ”€โ”€ dev.santiagomartin.devops.sdPlugin
        โ”œโ”€โ”€ pi // all code related with Property Inspector (build with React and TypeScript)
        โ”œโ”€โ”€ plugin // all code related with Plugin (build with TypeScript)
        โ”œโ”€โ”€ setup // all code related with Setup page (build with React and TypeScript)
    โ”œโ”€โ”€ tools // contains the elgato tools to build the project using GitHub Actions
    โ”œโ”€โ”€ .babelrc
    โ”œโ”€โ”€ .gitignore
    โ”œโ”€โ”€ jest.config
    โ”œโ”€โ”€ LICENSE
    โ”œโ”€โ”€ manifest.json
    โ”œโ”€โ”€ package.json
    โ”œโ”€โ”€ README.md
    โ”œโ”€โ”€ tsconfig.json
    โ””โ”€โ”€ yarn.lock

References

Contributing

Thank you for considering contributing to the DevOps for Stream Deck. Feel free to send in any pull requests.

Support the project

If you like the project, you can subscribe to my Twitch channel, where I do live coding of this and other projects.

Issues

Please report any issues. Ideas for new excuse features are also welcomed.

devops-streamdeck's People

Contributors

dependabot[bot] avatar gl-njanz avatar imgbot[bot] avatar imgbotapp avatar pwnyprod avatar santima10 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  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.