ESP-DASH V4 is Here! 🔥
Finally, after lots of coffee and months of unexpected delays, ESP-DASH V4 is ready for public rollout 🎊! Version 4 primarily focuses on the stability of the codebase and optimizing the webpage, while also integrating lots of cool suggestions provided by the community. I'm really excited for you guys to try & use it in your own projects now!
A quick rundown of things that have been added with V4:
1. Switch to SvelteJS 👨💻
Rewritten webpage with SvelteJS framework: I already use Svelte in many of my other libraries and now it comes to ESP-DASH as well, It is one framework that I trust the best for creating SPAs for embedded applications. The final bundle size is something that some other frameworks can never achieve!
Here's the comparison:
| Old V3 with Vuejs | New V4 with Svelte |
|---|---|
| 151Kb | 91Kb (-40%) |
2. Improved Webpage Generation Script
Improved compression script, now webpage header files are divided between header and source. This fixes linker issues when using ESP-DASH within another class/library.
3. Refreshed UI ⚡️
Refreshed webpage UI according to Y22 standards. It now features a sidebar that can be collapsed to provide more screen space.
4. Rewritten Charts Logic 📈
Rewritten charts functionality to prevent memory hogging of the microcontroller. Discussed more in Migration Guide
5. Custom Statistics ✏️
With V4, users can now add their own key-value pairs to the statistics page. When there are no statistics, the webpage smartly hides the "statistics" tab on it's own.
6. Responsive Sizing ( Pro )
ESP-DASH Pro has a specially made responsive size engine that lets you change the size of your cards and charts without even touching the webpage's source code! Simply use setSize function. More on this here
7. Tabs Support 🗂️ ( Pro )
Now you can add multiple pages/tabs to the dashboard and choose which cards and charts will appear in that Tab. It adds another dimension to your dashboard! Know more
8. Custom Title ( Pro )
You can now add your own custom dashboard title. Know more
9. Custom Branding ( Pro )
I know people wanted to add their own project/company logo to personalize their dashboards, therefore with V4 I've separated the logos from the webpage and now those can be set within the C++ code! Again, without touching the HTML, CSS or JS which is just awesome. Know more
I hope everybody likes this release! If you are new to ESP-DASH, I'll highly recommend trying out the open-source version and if you want more features you can look into purchasing the pro version which is catered towards people who want more. Learn More: https://espdash.pro