alexleekt / gatsby-octoprint-status

Octostatus - a lightweight alternative way to monitor your OctoPrint server

Home Page:http://octostatus.wafflepanda.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Octostatus πŸ™

Screenshot

What?

A lightweight alternative way to monitor your OctoPrint server. I built this React client-side single page webapp to make HTTP API calls to your OctoPrint server directly. Under the hood, it uses Gatsby.js

Why?

The web interface of OctoPrint can take a long time to load on mobile devices. I want to allow all devices to monitor print status with just a browser, and it should ideally load in under 2 seconds.

Where?

http://octostatus.wafflepanda.com

How?

  1. On your OctoPrint server, copy your API key and ensure β˜‘ Allow Cross Origin Resource Sharing (CORS) is checked. Restart your OctoPrint server if necessary. βš™ Settings > API

  2. Navigate to http://octostatus.wafflepanda.com

    You could pass in ?server=[octoprint url]&apiKey=[api key]

  3. Enter your server and API key into the boxes. These will be saved to your browser's local storage so you do not need to enter it anymore.

    If you prefer, bookmark the permalink for next time to auto-fill the fields.

Known Issues

  • Could not connect - Check server and API settings

    This app does not magically resolve network issues. If you cannot reach your the regular OctoPrint interface, then you will need to

  • http mixed content error

    If you somehow end up hosting this yourself or accessing it via HTTPS, you will need to find your own way to serve OctoPrint API over https as well.

Bugs and Feedback

File an issue, check out the code, or submit a pull request.

Donation

If you enjoyed this, consider sending me a cup of coffee β˜• via PayPal


Made by @alexleekt

About

Octostatus - a lightweight alternative way to monitor your OctoPrint server

http://octostatus.wafflepanda.com

License:MIT License


Languages

Language:TypeScript 85.9%Language:JavaScript 10.6%Language:CSS 3.5%