amberstarlight / starlight Goto Github PK

The name of the project is undecided. Currently it is "zigbee-webui" and the page title is simply "ZigBee" but this is a terrible name

Let's Change This

• Consider names for the app
• Finalise a name and refactor codebase to use it

The app is getting fairly bloated and its time to make a backend.

It should:

• Be node, probably
• Offer a REST API with the MQTT routes
• Have documentation

Currently, the web app only supports the features within device.definition.exposes - there are more properties in device.definition.options that can be controlled by the user; for example smart bulbs have transition time and colour sync options.

Things That Must Be Done

• Refactor deviceSettingsGenerator function to build out components for these options that can be displayed on each device's settings page.
• If a device has no options available, return a message similar to "This device has no options."

The app would benefit from being a PWA.

https://create-react-app.dev/docs/making-a-progressive-web-app/

The CSS is a bit of a nightmare on mobile screens. Given that I use the app primarily on my phone (Moto G8 Plus) it should feel way better to use

Things That Need Solving

• The top navbar/menu should collapse into a hamburger/flyout style menu on small screens
• The grid system needs adjustment so that the sliders are large and easy to grab
• The setting preset buttons should possibly go into dropdowns or modals?

Groups should be supported.

You Should Be Able To

• Add devices to a group
• Remove devices from a group
• Name a group
• Delete a group
• Turn on and off all devices in a group

In the settings-update branch, the ability to rename devices has been moved away from each device control panel. It should be relocated to a place that makes most sense for it to be.

I consider the device friendly name, which groups it is in, etc. to be different to the device's exposed features such as power state, temperature, brightness, so these settings should be kept separate.