Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Revamped web UI! #840

Merged
merged 48 commits into from
Nov 10, 2024
Merged

Revamped web UI! #840

merged 48 commits into from
Nov 10, 2024

Conversation

sidoh
Copy link
Owner

@sidoh sidoh commented Oct 20, 2024

New Features

  • Complete overhaul of the web UI! It looks like this:

image
image
image

  • All web UI sources can be served directly from the ESP8266 (although this is not the default). The javascript bundle is quite big and takes 10s+ to load, so by default it'll try to download it from a CDN (see the README under web2 for more info)
  • I used the openapi spec to generate a zod client and found a bunch of inconsistencies through doing so. Those are fixed!
  • Made an effort to improve the default settings to optimize for new user experience. Integrating with HomeAssistant should now be as easy as entering the MQTT connection info.

⚠️ WARNING ESP32 USERS!

Unfortunately the UI was too big to fit on the device with the default partition table used by the ESP32. I had to swap to min_spiffs.csv. This means you'll need to fully wipe and re-flash the firmware.

sidoh added 30 commits October 12, 2024 11:31
@sidoh
Update API to support new web UI
8a09070
@sidoh
Add first draft of new UI
37d80c0
@sidoh
Finish light card, index, edit
e264ced
@sidoh
Flesh out settings page
7199f05
@sidoh
Finish implementing everything in settings dashboard except firmware …
bbb77b7 
…upgrade
@sidoh
Implement firmware upgrades and system info card
53f8f60
@sidoh
Add UDP settings
4f272bc
@sidoh
Disable auto-complete for device ID / remote name fields
326c00d
@sidoh
close new light modal after form is submitted
61dacb9
@sidoh
fix light state not updating from server response
943c536
@sidoh
fix some outdated things in the api spec
ce4fefc
@sidoh
Set default value for homeassistant prefix
166949d
@sidoh
Manually implement chunking -- the default implementation hangs and f…
658176e 
…ails
@sidoh
add favicon
41cfbc0
@sidoh
Add a README so I don't forget how this thing works
df5a64b
@sidoh
Add websocket packet sniffer page
8fd0a71
@sidoh
Split out stylesheet/javascript into separate files that are cached. …
957dfff 
…Try to load from github CDN before loading locally
@sidoh
Load from web2 branch temporarily
3e5d055
@sidoh
Use min_spiffs partition for esp32 and format flash on fail
7e3c64f
@sidoh
Better names, fix bug loading CDN
dfbb2d0
@sidoh
Regenerate web
aa1330a
@sidoh
rework build
eb06c6f
@sidoh
Ensure NODE_ENV=development in build-dev
d7f21d6
@sidoh
More friendly MQTT settings
0dc459c
@sidoh
Don't cardcode websocket ip
22d1c4b
@sidoh
Rebuild web
9b768a8
@sidoh
Correct settings field
54cc617
@sidoh
Install lodash types
9895d73
@sidoh
Tag version
64dd213
@sidoh
Bundle UI
55b5538
@sidoh sidoh merged commit bef50f8 into master Nov 10, 2024
1 check passed
@sidoh sidoh deleted the web2 branch November 10, 2024 16:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@sidoh