Make this component HACS-able and as an addon

[iamkarlson]

Hi,
It looks like there's no straightforward way to install this component with HACS or a repo for supervised install of HA. How can I utilize an infrastructure for addons provided by HACS or HA to install this component?

[jsb5151]

Yes please.

[meremortals70]

Add to HACS as a custom repository

[Newms118]

It sure would help me. I have no idea whatsoever what this statement means:

"Add to your lovelace global config as type: module"

What lovelace global config? I can look at my file editor and I dont see that file anywhere. Is this the normal configurations file or is it somewhere else?

[hjanum]

Hi. There is an un-approved pull request in place to update the documentation. It contains the detail you are looking for.

https://github.com/dmulcahey/zha-network-visualization-card/blob/893a31e948829cdc45fa64daa6fe056ad8e5b7c2/README.md

[Newms118]

Ok I followed those instructions and when I add the card, I get this:

Error: Custom element not found: zha-network-visualization-card

First off, I didnt have this directory: [config]/www/zha-network-visualization-card directory

I went into my HA using Samba share and found config/www/community and created the directory and then downloaded and dropped in the file "zha-network-visualization-card.js".

So now the location is /config/www/community/zha-network-visualization-card.js

When I added the resource, I added: /local/zha-network-visualization-card.js.

So is /local/ supposed to be different? Shouldn't the actual url be "/config/www/community/zha-network-visualization-card/zha-network-visualization-card.js?

Still clueless here, although these un-approved steps are much, much better to understand what to do.

[Bodge-IT]

+1 for Hacs-able

[javawizard]

Any reason why this isn't in HACS? Does it just need someone to push it over the line?

[Frono]

Hi. There is an un-approved pull request in place to update the documentation. It contains the detail you are looking for.

https://github.com/dmulcahey/zha-network-visualization-card/blob/893a31e948829cdc45fa64daa6fe056ad8e5b7c2/README.md

Followed the directions. Still cannot find the custom component.
+1 for Hacs-able

[andybjackson]

My pull request was accepted but is now out of date. I don't currently know how to install either.

[X1pheR]

Love this component. Installed it from HACS. I followed the installation instructions from the readme of this repo except for step 4 and 5. Instead I did below steps. Hope this helps anyone.

1. Go to HACS and then to Frontend.
2. Click the 3 dots in the right upper corner and select Custom repositories.
3. As custom repository url input: https://github.com/dmulcahey/zha-network-visualization-card
4. As category select Lovelace and click Add.
5. The repo will become visible. Now install it with just clicking to go further.
6. In home assistant go to settings, lovelace-dashboards and select sources tab at the top.
7. Click the + button in the lower right corner.
8. As url input: /hacsfiles/zha-network-visualization-card/zha-network-visualization-card.js
9. As type select javascript-module and click Create.