Hue Debugger UI

Graphical interface for observing and interacting directly with Hue API

Table of content

• Getting Started
• Built With
• Contributing
• License
• Get Help
• Motivation
• Acknowledgments

Getting Started

You can get up and running with Hue Debugger UI quickly in three ways

• Download and install for Windows, macOS or Linux
• Start in your browser using Docker
• Clone repository and run with Node

Download executable

Download for Windows (x64)

Download for macOS (x64)

Download for Linux (x64)

Run with Docker

Use the following command:

docker run -p 5000:80 silind/hue-debugger-ui:2.0.0

Hue Debugger UI will now be available in your browser on http://localhost:5000

Run with Node

Clone this repository, and run Hue Debugger UI from a local server using Node.

Prerequisites

You need to have Node installed on your computer.

Installing

• Clone this repository
• Extract the files and navigate to folder from command prompt or terminal.
• Use the command

npm install

• After installing, start the local server by using the command

npm start

Hue Debugger UI should prompt in your browser on localhost:3000

Built With

React

A JavaScript library for building user interfaces

Electron

Build cross platform desktop apps with JavaScript, HTML, and CSS

Contributing

Issues

In the case of a bug report, bugfix or a suggestions, please feel very free to open an issue.

Pull request

Pull requests are always welcome, and I'll do my best to do reviews as fast as I can.

License

This project is licensed under the MIT License

Get Help

• Contact me on [email protected]
• If appropriate, open an issue on GitHub

Motivation

An enhanced substitute for the API Debug Tool
Every Hue bridge comes with a simple web app built into it, the API Debug Tool, which you can use to learn how the Hue REST API works 'under the hood' and which can be useful to debug your app during development.

However, the API Debug Tool quickly becomes tedious to use, and especially when doing continuous debugging of larger and more complex projects, debugging with this tool will feel cumbersome.

This is the main motivation for building an enhanced graphical user interface to interact with the Hue REST API in a much more convenient way.

Acknowledgements

• react-json-view - Amazing React component for visualizing JSON! Huge thumbs up!
• react-json-editor-ajrm - React component for editing, viewing and debugging Javascript objects.
• SweetAlert - JavaScript library for showing alert boxes.