Skip to content

v2.4.2

Compare
Choose a tag to compare
@AmoebeLabs AmoebeLabs released this 12 May 10:25
· 27 commits to master since this release

"Behind the scenes" development environment changes

The previous development was done in a single file (8.000 lines of JavaScript) using vscode or Notepad++ as editor. This was easy, but sometimes challenging to maintain.

The current environment uses the latest and greatest stuff:

  • vscode with the "Remote attached SSH Docker container" extension for development. The remote container is running on my server where Home Assistant is also running. This makes it also easy to check all my dashboards if they are still working with the latest SAK card.
  • source file is split into (currently) 28 JavaScript files and built using Rollup.js
  • source quality is extended with this change, and now uses eslint with the strict AirBNB rules

Results

  • no more external dependencies (unpkg.com), so no need for CORS definitions in configuration.yaml anymore for this card
  • faster loading of the card, as there is no wait anymore caused by loading external packages

What's Changed

Development Environment

  • Reorganize development environment and split source files by @AmoebeLabs in #198

SVG Styling

  • Reintroduce external SVG Injection to allow styling by @AmoebeLabs in #197
  • Change Pollen SVGs to allow class and CSS var styling by @AmoebeLabs in #200

Notes:

  • for styling to work, the SVG must be suitable for external styling and not contain local styling as this overwrites the external styling. For that reason, issue #200 was made for the pollen images.
  • loading SVGs as external files is till possible in case of problems by using the options: svginjection: false definition in the card.
  • In many cases, CSS filter definitions won't work in Safari. You should use SVG filters instead...

Documentation Notes:

  • The documentation is not yet updated with these SVG changes!

Full Changelog: v2.4.1...v2.4.2