Getting an error after latest HA update these cards are having issues loading #88

Shredder5262 · 2024-03-19T03:01:00Z

Since the latest HA frontend and supervisor update i am experiencing a lot of errors, one of those things is that the horseshoe cards are not wanting to load when i first navigate to a page on the dashboard, It is not until i refresh that they load. This was not an issue prior to updating.
Strangely one of the cards i had for a PC in my home just disappeared for no reason..there are some other things that have disappeared as well so the disappearance may be related to the update, but just mentioning it here.

I see this error message in the logs.

Logger: frontend.js.latest.202403070
Source: components/system_log/init.py:306
First occurred: 5:13:44 PM (3 occurrences)
Last logged: 9:56:16 PM

Uncaught error from Chrome 122.0.0.0 on Windows 10 TypeError: Cannot read properties of undefined (reading 'substr') FlexHorseshoeCard._colorToRGBA (/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js:1952:24) FlexHorseshoeCard._getGradientValue (/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js:1893:33) FlexHorseshoeCard._calculateStrokeColor (/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js:1822:17) set hass (/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js:783:29) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:107:21) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:124:27) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:113:13) dispatchEvent (src/common/dom/fire_event.ts:76:7) tag.includes (src/panels/lovelace/create-element/create-element-base.ts:136:14)

Shredder5262 · 2024-03-19T15:33:51Z

Is this an actively supported project?

RobertoCravallo · 2024-04-12T07:25:29Z

Was working fine for me until today. Doesn't load at all anymore. This would be a huge disaster for me, as I know of no other card like this. :-(

pviegas · 2024-04-12T07:38:26Z

Same here. Was ok yesterday. Today is broken.
Says that the custom element does not exist.

RobertoCravallo · 2024-04-12T07:41:39Z

Says that the custom element does not exist.

Yupp, same here! This would be really bitter, as this is my favorite card and there is nothing even remotely like it!!!!

MichalSamek · 2024-04-12T07:53:39Z

Same for me today, Custom element doesnt exist...

jorritdb · 2024-04-12T08:06:17Z

Same here, since this morning. A disaster because I use this element heavy in my setup :-(

cyriax · 2024-04-12T08:07:44Z

Getting those messages, if i remember correctly the card already had this problem in the past, with the same behaviour

it was solved last time by adding

http:
cors_allowed_origins:
- https://unpkg.com

to the config..sadly not working this time as it seems

jorritdb · 2024-04-12T08:09:16Z

Please can you tell me where to put this?? I'm still learning HA...

koni1980 · 2024-04-12T08:10:09Z

Problem also in other Cards
the url https://unpkg.com/lit-html@%5E1.0.0/lit-html?module is not reachable

cyriax · 2024-04-12T08:10:33Z

Well, then we'll have to wait :)

jorritdb · 2024-04-12T08:12:25Z

Haaaa ok. There is no work around? Why does it needs unpkg.com anyway

Al-Dek · 2024-04-12T08:20:13Z

The same: "Custom element doesn't exist: flex-horseshoe-card."
:(

pulss · 2024-04-12T08:50:08Z

The same: "Custom element doesn't exist: flex-horseshoe-card."

Vlastik123 · 2024-04-12T08:51:31Z

The same: "Custom element doesn't exist: flex-horseshoe-card."

eddysteurs · 2024-04-12T08:57:42Z

same for me , did a ha os update yesterday, this monring stopped working (cache renewal?)

RobertoCravallo · 2024-04-12T09:00:30Z

(cache renewal?)

I think it was the same for me. Only started acting up, after I cleared the cache (which I regularly do).

Al-Dek · 2024-04-12T09:04:19Z

(cache renewal?)

I think it was the same for me. Only started acting up, after I cleared the cache (which I regularly do).

What cache you mean? Browser's ? I had cleaned Chrome - no results ...

RobertoCravallo · 2024-04-12T09:07:11Z

You misread. It started after cleaning the cache. It is not fixed by cleaning the cache!!!

Al-Dek · 2024-04-12T09:16:00Z

Got it. :)

comazone · 2024-04-12T09:50:11Z

After update HA operating system all my dashboard with this card crash

comazone · 2024-04-12T09:51:42Z

RobertoCravallo · 2024-04-12T09:52:17Z

Let's hope for a fix soon....

koni1980 · 2024-04-12T09:52:37Z

Problem also in other Cards the url https://unpkg.com/lit-html@%5E1.0.0/lit-html?module is not reachable

Did you read this post?
Thats` the Problem!

comazone · 2024-04-12T09:52:59Z

Restore from backup don't help

andreasbuff · 2024-04-12T09:54:30Z

Same here, after updateing OS this morning... to 12.2

RobertoCravallo · 2024-04-12T09:56:42Z

Problem also in other Cards the url https://unpkg.com/lit-html@%5E1.0.0/lit-html?module is not reachable

Cloudflare works just fine for me. I only have issues with the horseshoe-card.

adnovea · 2024-04-12T09:56:59Z

Same here, some JS broken (e.g. flex-horseshoe-card and custom js)
Spend time to backup and trying to fix the issue without success
Too frequent updates may ruin the stability of HA.
[Edit] it's not a HA issue but the unavailability of unpkg called by the add-ons.

RobertoCravallo · 2024-04-12T09:58:17Z

Too frequent updates may ruin the stability of HA.

Don't think it does. The stability of HACS repositories is a different matter....

comazone · 2024-04-12T09:58:58Z

The card need intrnet resources. It's bad idea

7xy · 2024-04-12T10:00:26Z

Consider to now delete all horse shoe cards, as it is not reliable!

RobertoCravallo · 2024-04-12T11:03:02Z

Wow, never thought to look! Big thanks to down-under....

comazone · 2024-04-12T11:25:33Z

The culprit seems to be unpkg website that is offline if possible, may be a local install of the code ([email protected]) would be preferable in the future

How i can do it ? What is this "([email protected])"

pviegas · 2024-04-12T12:20:27Z

That’s from 2023. Tricked me to 😋

RobertoCravallo · 2024-04-12T12:34:53Z

That’s from 2023. Tricked me to 😋

Darn, so why did he post it? Fake news....

JaroslawPrzybyl · 2024-04-12T12:38:12Z

Maybe just the same or similar issue?
Here is the current status:
https://community.fly.io/t/fly-app-servers-down/19229/42

andreasbuff · 2024-04-12T12:56:13Z

Hi, this does not solve the problem, but

just download V1.1 from HACS again, then the gauges are displayed correct (V1.1.) until the problem with 1.2 has been solved :-)

jorritdb · 2024-04-12T12:57:27Z

This fork works!

https://github.com/imval/flex-horseshoe-card

Al-Dek · 2024-04-12T13:05:29Z

Works.
But somehow it bothers me...

jorritdb · 2024-04-12T13:07:36Z

Much better, it does not pull from internet anymore:

import {
LitElement,
html,
css,
svg
// } from "https://unpkg.com/[email protected]/lit-element.js?module";
} from "./lit-element/lit-element.js"

bazzio68 · 2024-04-12T13:07:37Z

This fork works!

https://github.com/imval/flex-horseshoe-card

Thanks, just replaced the flex-horseshoe-card.js file with this new one and it works!

JaroslawPrzybyl · 2024-04-12T13:37:13Z

Version 1.2 seems to be working now:

marwonn · 2024-04-12T18:46:47Z

It is now working again without any intervention. At least on my site...
I pulled the developer release.

gritaro · 2024-04-13T15:00:56Z

It is now working again without any intervention. At least on my site... I pulled the developer release.

This was a very bad experience.
lit-element.js must be included as a local file.

marwonn · 2024-04-13T15:25:55Z

It is now working again without any intervention. At least on my site... I pulled the developer release.

This was a very bad experience.

lit-element.js must be included as a local file.

You're absolutely right.

adnovea · 2024-04-13T15:58:51Z

It is now working again without any intervention. At least on my site... I pulled the developer release.

This was a very bad experience.
lit-element.js must be included as a local file.

You're absolutely right.

+1

I tried to add the lit-element and lit-html folders but it does not work.
Something is missing : lit-css ?? how to handle SVG ??

caitotheonlypotato · 2024-04-13T22:29:59Z

It is now working again without any intervention. At least on my site... I pulled the developer release.

This was a very bad experience.
lit-element.js must be included as a local file.

You're absolutely right.

+1

I tried to add the lit-element and lit-html folders but it does not work. Something is missing : lit-css ?? how to handle SVG ??

did you look at this fork?
https://github.com/imval/flex-horseshoe-card
It seems to have a local implementation of lit-element

RobertoCravallo · 2024-04-14T07:46:13Z

Stupid question, but I don't know how to use/implement a "fork"....

Al-Dek · 2024-04-14T08:03:53Z

Stupid question, but I don't know how to use/implement a "fork"....

HACS > 3 dots in top right corner > Custom repositories > Repository "https://github.com/imval/flex-horseshoe-card" , Category "Lovelace" > Add.

RobertoCravallo · 2024-04-14T10:27:31Z

Does not work. I get a "No manifest.json file found 'manifest.json'"

adnovea · 2024-04-14T10:35:48Z

Al-Dek: THX for the installation details.

l'add-on s'installe mais ne fonctionne pas !

In flex-horseshoe-card.js I can see the line : from "./lit-element/lit-element.js"
but there is no folder lit-element under www/community/flex-horseshoe-card.
Where is the lit-element folder and how can the card can found it ? that's a mystery for me.

RobertoCravallo · 2024-04-14T10:41:27Z

Got it installed, but then I have the error of it not working again....

Al-Dek · 2024-04-14T15:22:16Z

I have the initial version "https://github.com/AmoebeLabs/flex-horseshoe-card", and it works well.
The "imval" version "https://github.com/imval/flex-horseshoe-card" doesn't (with and without local "lit-element" and "lit-html" folders.
So ...as is...

RobertoCravallo · 2024-04-14T15:25:29Z

Same here...

adnovea · 2024-04-15T07:58:15Z

LIT-ELEMENT installed locally is for me the most perennial solution.
Here is below how I solved it - if it also works for you, thanks to report .

Lit-element module need to be installed with NPM but fortunately there is a bundle version. This facilitate the workaround for us.
Download the LIT core file (see note) and renamed it as lit-element.js.
Create a folder named lit-element under the Flex-Horseshoe-Card directory config\www\community\flex-horseshoe-card and put this new lit-element.js file in it.
If it doesn't work, log again and clear the browser cache.

I also made it works for my other custom add-on using :

//import { LitElement, html, css, svg } from "https://unpkg.com/[email protected]/lit-element.js?module";
import { LitElement, html, css, svg } from "./lit-element/lit-element.js";

NOTE: There are 2 versions available V2 and V3. The link above points to V3 but you can also try the V2.

RobertoCravallo · 2024-04-25T17:55:45Z

Hi adnovea,

I do not understand how to implement this. I copied the JS into the lit-element directory. But how does horseshoe know to use this? I do not understand at all, what "bundle version" has to do with this.

How do I use the "import" function and what exactly does it do?

Thank you from Germany

adnovea · 2024-05-06T15:49:20Z

Change the corresponding line in config\www\community\flex-horseshoe-card\flex-horseshoe-card.js file.
Here is below the first lines of the file where you can see the previous link (commented) and the local one:

/*
*
* Card      : flex-horseshoe-card.js
* Project   : Home Assistant
* Repository: https://github.com/AmoebeLabs/
*
* Author    : Mars @ AmoebeLabs.com
* 
* License   : MIT
*
* -----
* Description:
*   The Flexible Horseshoe Card.
*
* Refs:
*   - https://github.com/AmoebeLabs/flex-horseshoe-card
*   
*******************************************************************************
*/

import {
  LitElement,
  html,
  css,
  svg
// } from "https://unpkg.com/[email protected]/lit-element.js?module";
} from "./lit-element/lit-element.js"

  console.info(
...

RobertoCravallo · 2024-05-07T12:26:26Z

I added a ";" to the end of the line, is that correct?

} from "./lit-element/lit-element.js";

Restarted HA and everything works as before. So seems like a good fix. Thank you for your input!!

abu9 · 2024-06-03T14:23:26Z

LIT-ELEMENT installed locally is for me the most perennial solution. Here is below how I solved it - if it also works for you, thanks to report .

Lit-element module need to be installed with NPM but fortunately there is a bundle version. This facilitate the workaround for us. Download the LIT core file (see note) and renamed it as lit-element.js. Create a folder named lit-element under the Flex-Horseshoe-Card directory config\www\community\flex-horseshoe-card and put this new lit-element.js file in it. If it doesn't work, log again and clear the browser cache.

I also made it works for my other custom add-on using :
//import { LitElement, html, css, svg } from "https://unpkg.com/[email protected]/lit-element.js?module";
import { LitElement, html, css, svg } from "./lit-element/lit-element.js";
NOTE: There are 2 versions available V2 and V3. The link above points to V3 but you can also try the V2.

Just simplify the action:

Download the LIT core file (see note) and put it under the Flex-Horseshoe-Card directory /homeassistant/www/community/flex-horseshoe-card/lit-core.min.js
Modify /homeassistant/www/community/flex-horseshoe-card/flex-horseshoe-card.js

//import { LitElement, html, css, svg } from "https://unpkg.com/[email protected]/lit-element.js?module";
import { LitElement, html, css, svg } from "./lit-core.min.js";

Delete flex-horseshoe-card.js.gz in /homeassistant/www/community/flex-horseshoe-card/
Force update in hacs resource:

Open Settings → Dashboards → Resources ( click the top-right corner 3 dots)
Modify hacstag/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js?hacstag=20729272514

GreyEarl · 2024-06-15T16:13:00Z

@abu9 Thanks man! Well written, that worked perfectly.

w0vka mentioned this issue Jul 5, 2024

cards broken when no internet connection #84

Open

Getting an error after latest HA update these cards are having issues loading #88

Getting an error after latest HA update these cards are having issues loading #88

Comments

Shredder5262 commented Mar 19, 2024 • edited Loading

Shredder5262 commented Mar 19, 2024

RobertoCravallo commented Apr 12, 2024

pviegas commented Apr 12, 2024

RobertoCravallo commented Apr 12, 2024 • edited Loading

MichalSamek commented Apr 12, 2024

jorritdb commented Apr 12, 2024

cyriax commented Apr 12, 2024 • edited Loading

jorritdb commented Apr 12, 2024

koni1980 commented Apr 12, 2024

cyriax commented Apr 12, 2024

jorritdb commented Apr 12, 2024

Al-Dek commented Apr 12, 2024

pulss commented Apr 12, 2024

Vlastik123 commented Apr 12, 2024

eddysteurs commented Apr 12, 2024

RobertoCravallo commented Apr 12, 2024 • edited Loading

Al-Dek commented Apr 12, 2024

RobertoCravallo commented Apr 12, 2024

Al-Dek commented Apr 12, 2024

comazone commented Apr 12, 2024

comazone commented Apr 12, 2024

RobertoCravallo commented Apr 12, 2024

koni1980 commented Apr 12, 2024

comazone commented Apr 12, 2024

andreasbuff commented Apr 12, 2024 • edited Loading

RobertoCravallo commented Apr 12, 2024 • edited Loading

adnovea commented Apr 12, 2024 • edited Loading

RobertoCravallo commented Apr 12, 2024

comazone commented Apr 12, 2024

7xy commented Apr 12, 2024

RobertoCravallo commented Apr 12, 2024 • edited Loading

comazone commented Apr 12, 2024 • edited Loading

pviegas commented Apr 12, 2024

RobertoCravallo commented Apr 12, 2024

JaroslawPrzybyl commented Apr 12, 2024

andreasbuff commented Apr 12, 2024

jorritdb commented Apr 12, 2024

Al-Dek commented Apr 12, 2024

jorritdb commented Apr 12, 2024

bazzio68 commented Apr 12, 2024

JaroslawPrzybyl commented Apr 12, 2024

marwonn commented Apr 12, 2024

gritaro commented Apr 13, 2024

marwonn commented Apr 13, 2024

adnovea commented Apr 13, 2024

caitotheonlypotato commented Apr 13, 2024 • edited Loading

RobertoCravallo commented Apr 14, 2024 • edited Loading

Al-Dek commented Apr 14, 2024

RobertoCravallo commented Apr 14, 2024

adnovea commented Apr 14, 2024 • edited Loading

RobertoCravallo commented Apr 14, 2024

Al-Dek commented Apr 14, 2024

RobertoCravallo commented Apr 14, 2024

adnovea commented Apr 15, 2024 • edited Loading

RobertoCravallo commented Apr 25, 2024

adnovea commented May 6, 2024

RobertoCravallo commented May 7, 2024

abu9 commented Jun 3, 2024

GreyEarl commented Jun 15, 2024

Shredder5262 commented Mar 19, 2024 •

edited

Loading

RobertoCravallo commented Apr 12, 2024 •

edited

Loading

cyriax commented Apr 12, 2024 •

edited

Loading

RobertoCravallo commented Apr 12, 2024 •

edited

Loading

andreasbuff commented Apr 12, 2024 •

edited

Loading

RobertoCravallo commented Apr 12, 2024 •

edited

Loading

adnovea commented Apr 12, 2024 •

edited

Loading

RobertoCravallo commented Apr 12, 2024 •

edited

Loading

comazone commented Apr 12, 2024 •

edited

Loading

caitotheonlypotato commented Apr 13, 2024 •

edited

Loading

RobertoCravallo commented Apr 14, 2024 •

edited

Loading

adnovea commented Apr 14, 2024 •

edited

Loading

adnovea commented Apr 15, 2024 •

edited

Loading