Code Monkey home page Code Monkey logo

huskyci-dashboard's Introduction

How does it work?

The main goal of this project is to provide a front-end for every huskyCI user to check the stats of the analyses done. If you don't know yet what huskyCI is, check it out here.

Requirements

Node

If you don't have Node installed in your environment, follow the instructions here for your correspondent OS.

Yarn

npm install -g yarn

Installing

make install
. .env

Running

make run

Contributing

Please read CONTRIBUTING.md for details on our code of conduct and the process of submitting pull requests to huskyCI-dashboard.

License

This project is licensed under the BSD 3-Clause "New" or "Revised" License - read LICENSE file for details.

huskyci-dashboard's People

Stargazers

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

huskyci-dashboard's Issues

Responsive layout

It would be nice to have a responsive layout dashboard, so we could use on mobile and tablet devices.

Dashboard filters

Add filters to the huskyCI dashboard, i.e. filter by language, vulnerability level and etc.

Add a top Bar with a Logout button

As we intend to have authentication on huskyCI, it would be cool to have a top bar with the logout option. It would be great if we also have the developer profile picture as we may get it from Gitlab/Github OpenID Connect auth.

Something similar to:

image

Add an editorconfig

Helps keep a consistent edit style for line endings & indentation across editors.

Let users define the dashboard's time range

It would be nice to let the client decide which time range he wants to see in the huskyCI dashboard.
Currently, we have 5 time ranges that can be queried: today, yesterday, last7days and last30days and all-time (no time range set).

Refactor Dashboard component into smaller modular components

Hi, congratulations for this project!

I'm thinking about solving opened issues, so I was reading this project code and I realized most of the application logic and rendering is concentrated inside Dashboard component.

Since there are plans to grow this project with other features listed in opened issues (filters, etc), do you think it could benefit from a refactor, for example, separating <Dashboard> into smaller components, like <Developers>, <Analyses> and <Repositories>? Of course there is some cost associated with this refactor, since some logic would have to be rewritten and then some data would have to be grouped together in the parent component (in this case, <Dashboard>... So that's why I'm questioning: do you think it is worth to refactor? :)

Thank you for your time!

Can't build docker image

docker build . -t huskyci/dashboard:latest

Sending build context to Docker daemon 3.317MB
Step 1/12 : FROM node as build-deps
---> 7105279fa2ab
Step 2/12 : ENV REACT_APP_HUSKYCI_FE_API_ADDRESS http://127.0.0.1:8888
---> Using cache
---> fd9b6b846e93
Step 3/12 : WORKDIR /usr/src/app
---> Using cache
---> 34d0f1513c05
Step 4/12 : COPY package.json yarn.lock ./
---> c68dbbf724ec
Step 5/12 : RUN yarn
---> Running in 54d99679da39
yarn install v1.22.5
[1/4] Resolving packages...
[2/4] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-scripts > [email protected]" has incorrect peer dependency "[email protected]".
warning " > [email protected]" has unmet peer dependency "eslint@^3 || ^4 || ^5 || ^6".
warning " > [email protected]" has unmet peer dependency "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0".
warning "snyk > @snyk/snyk-cocoapods-plugin > @snyk/[email protected]" has incorrect peer dependency "@snyk/[email protected]".
warning "snyk > @snyk/snyk-cocoapods-plugin > @snyk/[email protected]" has incorrect peer dependency "@snyk/[email protected]".
warning "snyk > @snyk/snyk-cocoapods-plugin > @snyk/[email protected]" has incorrect peer dependency "tslib@^1.9.3".
warning " > [email protected]" has unmet peer dependency "eslint@>= 4.12.1".
warning " > [email protected]" has unmet peer dependency "eslint@^5.16.0 || ^6.1.0".
warning "eslint-config-airbnb > [email protected]" has unmet peer dependency "eslint@^5.16.0 || ^6.8.0".
warning " > [email protected]" has unmet peer dependency "eslint@>=3.14.1".
warning " > [email protected]" has unmet peer dependency "[email protected] - 6.x".
warning " > [email protected]" has unmet peer dependency "eslint@>=5".
warning "eslint-plugin-jest > @typescript-eslint/[email protected]" has unmet peer dependency "eslint@*".
warning " > [email protected]" has unmet peer dependency "eslint@>= 5.0.0".
warning " > [email protected]" has unmet peer dependency "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0".
warning Workspaces can only be enabled in private projects.
[4/4] Building fresh packages...
success Saved lockfile.
$ yarn run snyk-protect
yarn run v1.22.5
$ snyk protect
Could not load policy. Try running snyk wizard to define a Snyk protect policy

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
The command '/bin/sh -c yarn' returned a non-zero code: 2

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.