Giter Club home page Giter Club logo

issue-status's Introduction

Hi there ๐Ÿ‘‹

Welcome to my GitHub profile. Feel free to have a look around.

One of my open source projects is Issue Status, it's an open source status page built using React and GitHub Issues.

Vulnerability disclosures


Self-taught / highly recommend OSSU

issue-status'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  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

issue-status's Issues

Use TypeScript

Under consideration

If you are interested in this GitHub Issue leave a comment so I can put this as priority.

npm run build doesn't work

following the steps you provide "npm run build" won't work because there are no "react-scripts" in there

You first need to run "npm install"

Otherwise nothing will happen :)

Improve Components

Possible improvements

  • Add tooltip to components (this can pull the body of the component issue)
  • Make components linkable (will need to find somewhere to pull a url from)
  • Make component groups (ie website and inside the website group you have CDN, API, etc)

Still deciding on whether above improvements should be done.

If you are interested in this GitHub Issue leave a comment so I can put this as priority.

Chart support

This will use the react-chartjs-2 React npm package

You can create a Chart on the status page by creating an issue with labels status issue and chart. the body of the issue will be striped to find a url for the data source - maybe a better way?

Data source url will need to include labels and datasets

This will be useful for having response time charts etc

A major issue with adding more things is increasing the calls to the GitHub API. It is possible to make a single call instead of multiple however you can then run into issues with pagination. We would need to increase requests per fetch to 3 (Components, Incidents and Charts).

If you are interested in this GitHub Issue leave a comment so I can put this as priority.

Setup

Hello.

I'm trying to run issue status on my own website/domain, but I don't really understand how to setup and where to run commands like "npm run build" etc.
I don't use GitHub often.

Detailed instructions would be very helpful, thanks!

Increase requests per hour

Currently GitHub has a rate limit of 60 requests per hour with unauthenticated requests (GitHub API v3 | GitHub Developer Guide)

Issue Status fetches 15 per hour, each fetch sends 2 requests and caches the response in localStorage. This is to stay under the rate limit (users might be using the GitHub API elsewhere.

There is no limit on the apps reload button

This could be increased

[Question] Public or provate repo?

Do you need to use a private or public repo on GitHub?

And, if it's a public repo, can anyone open an issue and this will appear on the status page? I don't understand this.

Implement API

It would be nice to have a node API which can easily be run on a server to handle automating Component / Incident reporting, currently reporting is manual, using a service or the GitHub API directly to add/edit components and incidents

An API wrapper for the GitHub API which will expose simplified endpoints to help integrate with services. Example listens for requests on https://example.com/CDN?status=major outage and updates the current label for CDN to major outage

If you are interested in this GitHub Issue leave a comment so I can put this as priority.

Unknown problem.

Hello there! I am trying to use your Status page. But I am having big problems. Coming to my problem, when I translate some of the content into my own language, the Status texts turn into Unknown (in translated language: "Bilinmiyor").

Despite the transformation, everything is running smoothly in the main status.

Problem pic

Eftelya is performance issues and Tracer is operational but as you see that's not works.

There are two files that I translated.

enter image description here

I made the changes I made in one file in the second file. I also paid attention to all the quotation marks in the map file, which is more complicated than the other. I have a few days to deal with this situation. It would be great if you could get back to me early.

Sincerely,
Magdalena Sude.

Categories

Maybe categories for components would be nice? It's kinda annoying if you're for example hosting two different domains and they are all mixed up.

Unable to deploy to github pages

I have just pulled in upstream changes and now cant deploy them, I get an error

> [email protected] predeploy
> npm run build


> [email protected] build
> react-scripts build

Creating an optimized production build...
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:80:19)
    at Object.createHash (node:crypto:139:10)
    at module.exports (/Users/matt/git/issue-status/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/matt/git/issue-status/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/matt/git/issue-status/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/matt/git/issue-status/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/matt/git/issue-status/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at runSyncOrAsync (/Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
    at iterateNormalLoaders (/Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at Array.<anonymous> (/Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/Users/matt/git/issue-status/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /Users/matt/git/issue-status/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
/Users/matt/git/issue-status/node_modules/react-scripts/scripts/build.js:19
  throw err;
  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:80:19)
    at Object.createHash (node:crypto:139:10)
    at module.exports (/Users/matt/git/issue-status/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/matt/git/issue-status/node_modules/webpack/lib/NormalModule.js:417:16)
    at /Users/matt/git/issue-status/node_modules/webpack/lib/NormalModule.js:452:10
    at /Users/matt/git/issue-status/node_modules/webpack/lib/NormalModule.js:323:13
    at /Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/Users/matt/git/issue-status/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/matt/git/issue-status/node_modules/babel-loader/lib/index.js:59:103 {
  opensslErrorStack: [
    'error:03000086:digital envelope routines::initialization error',
    'error:0308010C:digital envelope routines::unsupported'
  ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v21.7.1

blank website

Hey! I recently did set up your issue. Now I connected my gh-pages to GutHubPages and when I'm going to open my website it's a plank white website. And I don't know where is there an issue.

Localisation

add messages to a localisation file so they can easily be translated

Website not connected to Github

Whenever I try and use my website, it shows the issues from here when I configured it. It only works when I used a Localhost. Can you try and fix this please?

Improve main status bar logic

The main status bar logic is as follows: < 70% Components operational = "Some systems are experiencing issues", more than 0 Components major outage = "Some systems are experiencing a major outage". Otherwise "All Systems Operational"

I feel this could be improved a lot. Suggestions on how the logic should be are welcome

If you are interested in this GitHub Issue leave a comment so I can put this as priority.

Markdown support

Incident reporting needs markdown support to match GitHub Issues markdown.

Should be fairly simple using the react-markdown package however you may run into issues as GitHub have their own markdown spec

If you are interested in this GitHub Issue leave a comment so I can put this as priority.

Implement incidents

This will use GitHub Issues with tag issue status and incident.

These will be similar to https://demo.cachethq.io Past Incidents.

Incidents won't update or relate to a component as I don't see a way of relating them.

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.