3rd step of installation guide unclear

[drfinn15]

Hi,

I've tried to install the repository via HACS but am not sure how to proceed in the 3rd step of the installation guide. For me, I understand that I should paste the two lines of code to my HA config, which throws me an error. May you please explain to me what I should do with those lines instead? Thank you!

[AnthonMS]

Okay, now I'm gonna give a detailed explanation here and I can link to this from the Readme.

1. You go to HACS
2. You click on Frontend
3. You click on the three dots in the top right corner (See screenshot 1)
4. In the dropdown you click on 'Custom repositories'
5. In the popup asking for URL and category input as following (Or as in screenshot 2)
   URL: https://github.com/AnthonMS/my-cards.git
   Category: Lovelace
6. Then just click on add and install the card like any other card

[bertmelis]

Adding the repo is clearly explained and straightforward. But your installation steps include a third one:

Add something in the line of this to the configuration:

    - url: /hacsfiles/my-cards/my-cards.js
      type: module

Where does this need go?

[AnthonMS]

@bertmelis I don't know what to say. You add this card like you add any other card to HA. If you use the frontend for that, then use the frontend. If you use configuration.yaml, then use that. There's nothing different from this card then any other custom card you install from HACS.

But to answer your question. Those two lines go in the configuration file where you normally put the custom card imports. But you most likely don't use the yaml file, so just use the frontend like you usually do.

[bertmelis]

Oh, yes. It suddenly all makes sense.

[Thesinofthetin]

This is gonna sound really stupid, but where is the custom card imports file?

[wenstarner]

Hi, I was confused as well. I think the wording in Step 3 can be made easier to understand, because it currently does indeed sound like, with the HACS installation option, that you need to update your config.

Here's a suggested revision to the HACS instructions.

HACS

1. Add this custom repo to HACS (use this URL: https://github.com/AnthonMS/my-cards.git).
2. Install add-on.
3. Add cards to your dashboard.
   (a) If you edit your dashboard via the front-end/UI, then you can add this card that way (just as you would add any other card).
   (b) If you edit your dashboard using YAML, then use the following:
   - url: /hacsfiles/my-cards/my-cards.js
type: module

[Perdiga]

I am having the this isseu when I try to add this repository to HACS. How can I fix it ?

[Thesinofthetin]

Are you adding it the Front End repo? It won't work if you're on the integrations repo menu.

[Travion1976]

I had the same issue - entered the URL , that worked fine , but I couldn't select Lovelace. It wouldn't let me.
Restarted HA did the trick.
Then I was able to add it

[spyle2]

Im not seeing any Frontend or tabs in the HACS menu as of 2024/09/21

[SwizzB]

Same issue here repo not compliant

[Kijan]

You have to choose Dashboard as Typ and then it works

[SwizzB]

@Kijan thanks, I did it last time but without success, and I tried today and it worked perfectly !

[Pierre-Louis1]

Hi, I am completely new to HA and cannot work out how to install this on the latest version of HA (See image attached) could someone please explain what I need to do? Thanks in advance.

[AnthonMS]

Hi, I am completely new to HA and cannot work out how to install this on the latest version of HA

Do you have HACS installed in your Home Assistant? If not, you need to install it. (Install guide)

And when that is installed you follow the instructions in the comments further up in this issue.

[Pierre-Louis1]

Yes I have HACS installed i have been able to look up different cards and download them but when I type in "my-cards" nothing shows up.

[AnthonMS]

Yes I have HACS installed i have been able to look up different cards and download them but when I type in "my-cards" nothing shows up.

You have to add this repository as a custom repo in HACS. I haven't integrated it into default HACS repo.

1. Click the three dots in your screenshot and click "Custom repositories"
2. Select Category "Lovelace" (Some people say it's called "Dashboard" now. Can't tell, haven't updated HA in a while. For me it's still "Lovelace")
3. Paste this URL into the Repository https://github.com/AnthonMS/my-cards.git
4. Click add

Then you will be able to find the card in HACS. And then you add it like you would with any other card. I haven't done that in years, so can't really remember that on the top of my head. The way I add custom cards is by adding this to my configuration.yaml

lovelace:
  mode: yaml
  dashboards:
    ...
  resources:
    - url: /local/community/my-cards/my-cards.js
      type: module

If you do it by GUI you go to Settings -> Dashboards -> Three dots -> Resources -> Add Resource -> And then add the url like I have in my config and type "module"

I don't know how that looks because I can't add resources through GUI since I do it through my configuration.yaml.

[Pierre-Louis1]

Thank you so much for the help got it working.

[Medic97]

getting this error trying to add to HACS
<Template AnthonMS/my-cards> Repository structure for v1.0.6 is not compliant

[vtamm]

getting this error trying to add to HACS <Template AnthonMS/my-cards> Repository structure for v1.0.6 is not compliant

@Medic97 set the Type to Dashboard when adding the custom repository.

[Glennart76]

5. In the popup asking for URL and category input as following (Or as in screenshot 2)
URL: https://github.com/AnthonMS/my-cards.git
Category: Lovelace

This step changed - Instead of "Lovelace" choose "Dashboard"