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:

Download the hakit-designer TEMP: for now, just build locally and copy the file up to home assistant
Place the file in your config/www folder

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

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

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

Installation and tracking with `hacs`

TODO - get this flow working

Make sure the HACS component is installed and working.
Search for hakit-designer and add it through HACS

Add the configuration to your ui-lovelace.yaml

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

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

shannonhochkins/hakit-designer