HAKIT Dashboard Designer

WIP A dashboard designer using ha-compont-kit packages.

Installation

Manual Installation

TODO - figure out how to introduce this addon to custom-cards repository to make the following link work:

1. Download the hakit-designer TEMP: for now, just build locally and copy the file up to home assistant

2. Place the file in your config/www folder

3. Include the card code in your ui-lovelace-card.yaml

   title: Home
   resources:
     - url: /local/hakit-designer.js
       type: module

4. Write configuration for the card in your ui-lovelace.yaml

Installation and tracking with hacs

TODO - get this flow working

1. Make sure the HACS component is installed and working.

2. Search for hakit-designer and add it through HACS

3. Add the configuration to your ui-lovelace.yaml

   resources:
     - url: /hacsfiles/hakit-designer/hakit-designer.js
       type: module

4. Refresh home-assistant.

Usage

type: custom:hakit-designer
path: /local/dashboard/index.html

The path should reflect your www folder within home assistant and expects you have the http server enabled. If something is within your www folder, you can replace www with local and it will work.

Local Development

This is really annoying, but I was just building the package locally, and manually copying the file into the addon and then refreshing the addon, and then refreshing the dashboard. I'm sure there's a better way to do this, but I'm not sure what it is. I'm open to suggestions.

Building

npm run build