De CDN die ik gebruik, unpkg.com, had vannacht / vanochtend een storing
Eén van de dingen die ik in de toekomst nog wil doen is onafhankelijk worden van zo'n CDN en alle libraries in SAK includen. Maar dat is werk wat ik nog nooit gedaan heb...
@Mars Warrior
Volgens mij is er weer een storing???
Kan ik dat zelf ook ergens controleren
Edit:
Was
gaat toch niet helemaal lekker soepel vandaag zie ik al paar keer korte tijd fout meldingen en dan weer herstel
[Voor 11% gewijzigd door d-vine op 21-07-2022 11:48]
Ik draai Lovelace blijkbaar in storage mode, moet die in yaml mode draaien als ik wil beginnen?
Nee, dat hoeft niet. Je moet dan alleen een extra stap in je configuration.yaml maken dat Lovelace in storage mode staat, en daarnaast verwijzen naar een yaml dashboard bestand van dit theme. Dat staat echter wel in de documentatie. Maar kijk eerst of je die stap ‘snapt’ anders gaat de leercurve erg stijl zijn.
Ik ben wat verder; ik hen via HACS SAK geïnstalleerd, de tutorial gevolgd, lovelace in yaml-mode gezet. Examples geïnstalleerd, alleen zeggen de examples nu dat:
code:
1
Custom element does not exist: swiss-army-knife-card
Mijn ui-lovelace.yaml ziet er als volgt uit:
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
url:/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.jstype:module# Swiss Army Knife Templates## The system templates come with the HACS install and can be updated# with a new release. That part is automatic!sak_sys_templates:!includewww/community/swiss-army-knife-card/sak_templates.yaml# The user templates are created by the user, and won't be updated # with a new release. If changes are required, then the user has to# upate the template configuration files.sak_user_templates:!includelovelace/sak_templates/sak_templates.yaml# Decluttering Templatesdecluttering_templates:!includelovelace/decluttering_templates/decluttering_templates.yaml
Polyphemus schreef op maandag 25 juli 2022 @ 12:44:
Ik ben wat verder; ik hen via HACS SAK geïnstalleerd, de tutorial gevolgd, lovelace in yaml-mode gezet. Examples geïnstalleerd, alleen zeggen de examples nu dat:
code:
1
Custom element does not exist: swiss-army-knife-card
Mijn ui-lovelace.yaml ziet er als volgt uit:
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
url:/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.jstype:module# Swiss Army Knife Templates## The system templates come with the HACS install and can be updated# with a new release. That part is automatic!sak_sys_templates:!includewww/community/swiss-army-knife-card/sak_templates.yaml# The user templates are created by the user, and won't be updated # with a new release. If changes are required, then the user has to# upate the template configuration files.sak_user_templates:!includelovelace/sak_templates/sak_templates.yaml# Decluttering Templatesdecluttering_templates:!includelovelace/decluttering_templates/decluttering_templates.yaml
Ik voel me een beetje dom, sorry
Soms moet je een aantal keer op ctrl-F5 drukken om de laatste versies geladen te krijgen. HA moet zien dat de bestanden zijn gewijzigd, en kan dat vaak enkel zien of het hoofd bestand (lovelace.yaml oid) gewijzigd is. Daarna moet HA met ctrl-F5 ook aangeven dat het dashboard gewijizgd is onderaan het scherm.
Soms moet je een aantal keer op ctrl-F5 drukken om de laatste versies geladen te krijgen. HA moet zien dat de bestanden zijn gewijzigd, en kan dat vaak enkel zien of het hoofd bestand (lovelace.yaml oid) gewijzigd is. Daarna moet HA met ctrl-F5 ook aangeven dat het dashboard gewijizgd is onderaan het scherm.
Pas daarna is alles echte geladen!
Heet niks met domheid te maken
Dank voor de bemoedigende woorden
Ik krijg nu onder andere deze error:
code:
1
2
3
4
5
6
7
8
Logger: frontend.js.latest.202207071
Source: components/system_log/__init__.py:190
First occurred: 14:05:12 (3 occurrences)
Last logged: 14:05:37
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:469:1311 Uncaught TypeError: Cannot read properties of undefined (reading 'drawStart')
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:469:2484 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:693:799 Uncaught TypeError: Cannot set properties of null (setting 'sakSvgContent')
Ik heb even mijn IP-adres eruit gehaald voor hier.
[Voor 6% gewijzigd door Polyphemus op 25-07-2022 14:11]
Ik wil het echt heel graag gebruiken, maar het is, in ieder geval bij mij, echt nog wel quirky...
Ik krijg op random moment de meliding "Custom element does not exist: swiss-army-knife-card"
Daarnaast willen de templates gewoon niet werken bij mij...
Krijg deze melding in de Developer Console:
code:
1
2
3
4
5
6
7
8
9
10
11
card custom:swiss-army-knife-card TypeError: Cannot read properties of undefined (reading 'templates')
at Object.h (swiss-army-knife-card.js?hacstag=2147861121003:697:2772)
at JSON.stringify (<anonymous>)
at SwissArmyKnifeCard.setConfig (swiss-army-knife-card.js?hacstag=2147861121003:697:3020)
at a (ha-logbook.ts:42:1)
at ha-logbook.ts:42:1
at u (ha-logbook.ts:42:1)
at d (ha-logbook.ts:42:1)
at v (ha-logbook.ts:42:1)
at r.value (hui-masonry-view.ts:44:1)
at hui-masonry-view.ts:44:1
Ik heb de RC3 gedownload, alle bestanden gekopieerd, ge-diff'ed, HA geherstart... Maar nope...
Ik krijg op random moment de meliding "Custom element does not exist: swiss-army-knife-card"
Daarnaast willen de templates gewoon niet werken bij mij...
Krijg deze melding in de Developer Console:
code:
1
2
3
4
5
6
7
8
9
10
11
card custom:swiss-army-knife-card TypeError: Cannot read properties of undefined (reading 'templates')
at Object.h (swiss-army-knife-card.js?hacstag=2147861121003:697:2772)
at JSON.stringify (<anonymous>)
at SwissArmyKnifeCard.setConfig (swiss-army-knife-card.js?hacstag=2147861121003:697:3020)
at a (ha-logbook.ts:42:1)
at ha-logbook.ts:42:1
at u (ha-logbook.ts:42:1)
at d (ha-logbook.ts:42:1)
at v (ha-logbook.ts:42:1)
at r.value (hui-masonry-view.ts:44:1)
at hui-masonry-view.ts:44:1
Ik heb de RC3 gedownload, alle bestanden gekopieerd, ge-diff'ed, HA geherstart... Maar nope...
Je ne snappe pas...
Ik heb precies hetzelfde. De tip van @Mars Warrior door flink te refreshen helpt soms, maar ook hier in Chrome nu niet meer Bij mij is ie ook steeds de decluttering card kwijt.
Het lijkt een manco van de recente HA versies. Die van 6 maanden oud had dit niet. Ik heb het nu met verschillende browsers (Chrome, Edge en FF), dus daaraan ligt het niet.
Net of er wat gewijzigd is bij HA.
Het gekke is dat als ik de container herstart van HA, dan werkt alles weer feilloos.
Ook als de kaart etc. eenmaal geladen is, dan geen centje pijn meer...
Ik krijg op random moment de meliding "Custom element does not exist: swiss-army-knife-card"
Daarnaast willen de templates gewoon niet werken bij mij...
Krijg deze melding in de Developer Console:
code:
1
2
3
4
5
6
7
8
9
10
11
card custom:swiss-army-knife-card TypeError: Cannot read properties of undefined (reading 'templates')
at Object.h (swiss-army-knife-card.js?hacstag=2147861121003:697:2772)
at JSON.stringify (<anonymous>)
at SwissArmyKnifeCard.setConfig (swiss-army-knife-card.js?hacstag=2147861121003:697:3020)
at a (ha-logbook.ts:42:1)
at ha-logbook.ts:42:1
at u (ha-logbook.ts:42:1)
at d (ha-logbook.ts:42:1)
at v (ha-logbook.ts:42:1)
at r.value (hui-masonry-view.ts:44:1)
at hui-masonry-view.ts:44:1
Ik heb de RC3 gedownload, alle bestanden gekopieerd, ge-diff'ed, HA geherstart... Maar nope...
Je ne snappe pas...
De kaart wordt geladen zie ik, anders kun je deze foutmelding niet krijgen namelijk
Ik denk dat je de templates niet op de juiste plek hebt staan.
Templates moeten staan in de lovelace\sak_templates folder.
Krijg het idee dat jij de ha-config folder uit Github gewoon ergens hebt neergezet...
HA 'ziet' pas een wijziging als de wijzigingsdatum gewijzigd is van een map in lovelace. En dat moet dan een bestand zijn wat direct zichtbaar is, niet een bestand dat weer door een ander bestand wordt geinclude.
Dit staat in mijn configuration.yaml:
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Move resource include from ui-lovelace.yaml to configuration.lovelace:mode:yamlresources:!includelovelace/resources/resources.yamldashboards:sak-examples:mode:yamlfilename:sak-examples-dashboard.yamltitle:Swiss Army Knife Examplesicon:mdi:hospital-boxshow_in_sidebar:truesak-tutorials:mode:yamlfilename:sak-tutorials-dashboard.yamltitle:Swiss Army Knife Tutorialsicon:mdi:hospital-boxshow_in_sidebar:true
Bij herstarten leest HA dit in, maar je moet of de sak-examples-dashboard.yaml, of de sak-tutorials-dashboard.yaml file wijzigen om HA te laten zorgen dat alles geladen wordt na een wijziging!!!!
HA kan niet 'ruiken' dat je een template hebt gewijzigd namelijk...
En het lijkt erop dat HA soms de weg kwijt is, en dat herstarten WEL helpt.
Geen idee of de knop herladen resources werkt voor de lovelace config.
HA 'ziet' pas een wijziging als de wijzigingsdatum gewijzigd is van een map in lovelace. En dat moet dan een bestand zijn wat direct zichtbaar is, niet een bestand dat weer door een ander bestand wordt geinclude.
Dit staat in mijn configuration.yaml:
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Move resource include from ui-lovelace.yaml to configuration.lovelace:mode:yamlresources:!includelovelace/resources/resources.yamldashboards:sak-examples:mode:yamlfilename:sak-examples-dashboard.yamltitle:Swiss Army Knife Examplesicon:mdi:hospital-boxshow_in_sidebar:truesak-tutorials:mode:yamlfilename:sak-tutorials-dashboard.yamltitle:Swiss Army Knife Tutorialsicon:mdi:hospital-boxshow_in_sidebar:true
Bij herstarten leest HA dit in, maar je moet of de sak-examples-dashboard.yaml, of de sak-tutorials-dashboard.yaml file wijzigen om HA te laten zorgen dat alles geladen wordt na een wijziging!!!!
HA kan niet 'ruiken' dat je een template hebt gewijzigd namelijk...
En het lijkt erop dat HA soms de weg kwijt is, en dat herstarten WEL helpt.
Geen idee of de knop herladen resources werkt voor de lovelace config.
@Mars Warrior Herstarten al meerdere keren gedaan idd...
Nou... Shoot me but leak...
Misschien extra info: ik gebruik de storage mode voor lovelace, ook waar ik "mijn" kaarten wil gebruiken.
Heb alles verwijderd van SAK, heb alles opnieuw gekopieerd, maar nog steeds dezelfde error...
Ik zal morgen wel even een issue aanmaken op je github, met alle relevante snippets uit mijn config, want misschien dat ik ergens iets heel simpels mis... Maar nu kom ik er niet meer uit...
Ik heb nog ff zitten testen, en ik zie het volgende:
Als alles goed gaat - zoals vandaag - dan zie je aan geheugen en cpu dat HA een nieuwe set aan configuratie aan het laden is na een ctrl-F5 van mij (1ste piek). Bij de tweede piek heb ik enkel ctrl-F5 gedaan (3x nog wel, dus je ziet 3 piekjes in de CPU!!), maar niks gewijzigd in de configuratie.
Dat zie je dus goed aan de CPU piek: de 2de is een stuk lager omdat de YAML niet opnieuw hoeft te worden ingeladen.
Als het fout gaat (dat zag ik gisteravond even), dan blijft memory tegen de 800MB hangen, en lukt werkelijk niks meer om te laden, en helpt enkel nog een container herstart...
Wat dit is? Timing, memory leak? Geen idee helaas nog
Vanochtend gaat dus alles weer als een trein: wijzigen, ctrl-F5 en hoppa, 2 seconden later staat alles er weer. Niks geen rode kaarten en foutmeldingen...
@_Mitchie_ Ik kan ff niks ontdekken verder. Ik maak gebruik van de custom card helpers die door veel custom cards worden gebruikt om HA specifieke zaken op te lossen. Die helper zorgt dus ook voor de lovelace interface die bij jou onbekend is...
En die retourneert inderdaad null als er dingen fout gaan. En bij jou is deze dus null als waarde. Maar dat betekent dat er iets niet goed zit. Maar wat weet ik dan ook niet...
Andere custom cards die de helpers gebruiken zouden dan tegen hetzelfde probleem aan moeten lopen!
Ik heb inmiddels ook de laatste HA versie draaien, en zie geen gekke dingen gebeuren.
[Voor 3% gewijzigd door Mars Warrior op 27-07-2022 09:24]
Allereerst mijn enorme complimenten voor de vele tijd die je steekt in dit project.
Dit is precies hoe de buitenkant van HA uit moet zien. Kwestie van tijd dat Paulus je belt om hun team te versterken!
Uiteraard naast complimenten ook een vraag.
In mijn oude setup gebruikte ik de custom-button card met script: bv
nu zou ik dit ook graag willen gebruiken bij de user interactions bij jouw card maar het volgende lukt niet. Is er een workaround zodat ook de actie op "name" dynamisch kan veranderen aan de hand van een bepaalde state van een andere variabele? zie hieronder:
Even mogelijk als tip voor anderen.
Ik zie refresh problemen langskomen met F5 of ctrl-F5 die niet updaten.
Ik heb nooit problemen met veranderingen nadat ik de "Browser mod: lovelace_reload" functie aanroep. Dan instant de wijzigingen zichtbaar. Spaart een hoop F5s of restart misschien.
Sjeuf schreef op zondag 7 augustus 2022 @ 07:36:
Allereerst mijn enorme complimenten voor de vele tijd die je steekt in dit project.
Dit is precies hoe de buitenkant van HA uit moet zien. Kwestie van tijd dat Paulus je belt om hun team te versterken!
Paulus was al in 2020 op de hoogte van deze kaart. Hij heeft destijds een pdf met voorbeelden gekregen en de HA devs vonden de kaart destijds al “sexy”
RTFM
[...]
Ondersteuning voor JavaScript snippets zal worden uitgebreid, maar heeft op sommig plekken nogal wat impact omdat je niet meer gewoon de waarde kunt gebruiken, maar de - al dan niet - vertaalde waarde.
Maar uitbreiding zal komen. Stap voor stap. Het heeft namelijk duidelijk toegevoegde waarde, dus wat dat aangaat geen geldige bezwaren vanuit mijn kant om dat niet te doen…
De service kant lijkt me geen hele moeilijk deel om dit te ondersteunen overigens. Ik ga hem oo mijn issue lijst zetten
Ps: het converteren van brightness behoeft geen JavaScript meer: simpelweg bij het entity “format: brightness” toevoegen, en het wordt voor je gedaan
Ik weet alleen ff niet uit me hoofd of dat al in rc.3 zit of niet
Ik ben druk mijn HA dashboard aan het veranderen met alle SAK cards/toolsets en tools. Ik heb het nu door mede dank zij je uitgebreide documentatie (waar haal je de tijd vandaan?)
Het enige wat ik niet kan vinden is als ik zelf een design wil maken hoe ik kan zien welke filter wat doet.
Ik zie bv ergens staan:
YAML:
1
2
toolsets:filter:url(#nm-1)
Heb je een list met welke filter wat doet en of er een makkelijke manier is om filters te maken. Heb wel al veel box shadows en varianten toegepast in de custom button card maar ik weet niet goed hoe ik bij de SAK card een filter kan zien en kan toepassen of zelf kan maken.
hartelijk dank.
Zodra ik een redelijk dashboard heb staan post ik hem hier (en daarna op github met alle credits naar jou)
[Voor 0% gewijzigd door Sjeuf op 21-08-2022 08:14. Reden: dropbox shadow verandert in box shadow]
@Mars Warrior Wow.... just WOW! Wat een geweldig project is dit zeg! Het is geweldig om de mogelijkheden van deze card te ontdekken maar het is net zo mooi om te zien hoeveel tijd en moeite je er met passie in steekt! Alleen je openingspost van dit topic was al om in te lijsten ;-)
Ik heb een vraag die ik ook al op het "Share Your Projects" topic heb gepost maar tot nu toch nog geen antwoord op heb ontvangen. Kun jij (of wie dan ook) mij misschien vertellen of het mogelijk is om bij een Neumorphic lights card zoals in Example 2, via CSS een 'animatie' toe te voegen zodat het lijkt alsof de buton daadwerkelijk naar beneden ingedrukt wordt?
Bij de custom:button-card was dit mogelijk op onderstaande manier:
Jordi83 schreef op maandag 22 augustus 2022 @ 17:36:
@Mars Warrior Wow.... just WOW! Wat een geweldig project is dit zeg! Het is geweldig om de mogelijkheden van deze card te ontdekken maar het is net zo mooi om te zien hoeveel tijd en moeite je er met passie in steekt! Alleen je openingspost van dit topic was al om in te lijsten ;-)
Dankjewel! (had even paar weekjes soort van "vrij", dus ik loop beetje achter!)
Ik heb een vraag die ik ook al op het "Share Your Projects" topic heb gepost maar tot nu toch nog geen antwoord op heb ontvangen. Kun jij (of wie dan ook) mij misschien vertellen of het mogelijk is om bij een Neumorphic lights card zoals in Example 2, via CSS een 'animatie' toe te voegen zodat het lijkt alsof de buton daadwerkelijk naar beneden ingedrukt wordt?
Bij de custom:button-card was dit mogelijk op onderstaande manier:
Nogmaals DANK DANK DANK voor de tijd en het werk wat je hierin steekt. Je maakt deze homeautomation geek er enorm blij mee
Die mogelijkheid kende ik nog niet van de custom button card. Ik zie dat daar de :active CSS selector wordt gebruikt. Geen idee of dat ook werkt bij SAK. Heb ik nog nooit geprobeerd.
Je kunt wel op card niveau de CSS wijzigen vanuit de styles sectie van SAK. Dat zou in de animatiosn section wel moeten werken door de card selector te gebruiken. Maar die snapt niks van CSS Selectors.
Ik doe bepaalde styling (zit ook in die Neumorphic lampen) altijd op basis van de status van een entity. Dus als lamp aan is, dan kun je de achtergrond/card wel degelijk anders stylen dan wanneer de lamp uit is.
En als daar een CSS transition bijzit dan zie je wel het effect. Maar dit is dus NIET als je klikt, maar pas als de status van de lamp is gewijzigd! Dus het zal anders overkomen...
EDIT:
Ik vermoed dat als je deze dingen in een CSS Class plaatst, en deze class enabled in de styling dat dit mogelijk zomaar gaat werken
@Mars Warrior Dank voor je reactie maar laat me allereerst zeggen dat ik me een enorme eikel voel voor het niet goed doorlezen van je OP en dat ik niets gezegd heb over je verschrikkelijke verlies van vorig jaar. Mijn oprechte excuses en ik wil je bij dezen alsnog alle sterkte wensen...
Een CSS Class zou inderdaad een manier kunnen zijn! Dank voor de tip, ik ga eens wat klooien.
Je hebt in ieder geval een beest van een kaart gemaakt man!
Ik ben sinds vandaag aan het stoeien met dit fantastische project, de mooiste interface voor HA die er tot nu toe is. Het is alleen best lastig te doorgronden en soms werkt iets wel en dan ineens niet.
Ik krijg nu de volgende fout waar ik maar niet uitkom:
Waarschijnlijk iets heel simpels, maar ik zie het niet. In de voorbeelden werkt het wel met dezelfde browser/computer.
Ik ben de afgelopen paar maanden weer ff erg druk geweest met afronden van de nalatenschap van mijn zusje (belastingdienst, banken, verzekeringen) en ben bijna helemaal klaar met al het werk.
Verder - en dat was ook belangrijk - weer nieuw werk gevonden nadat ik begin dit jaar tijd nodig had om andere belangrijke dingen te doen en afscheid heb genomen van mijn vorige werkgever. Als alles goed gaat ga ik per 3 Januari 2023 weer 3 dagen per week aan het werk bij een nieuwe werkgever.
Ik heb dus weinig kunnen doen aan de Swiss Army Knife kaart
Doordat ik met andere dingen bezig was, was ik nogal verrast met de mededeling vanuit Tweakers dat dit topic genomineerd was voor de categorie "Startposts met de meeste duimpjes"
Aan de ene kant een beetje dubbel gevoel, maar ook een mooi moment nadat ik hier ruim 2 jaar geleden aan ben begonnen en zo'n 2.000 uur aan tijd in heb zitten inmiddels.
Dus iedereen die dit topic heeft gewaardeerd met een +1, bedankt!
De uitreiking was in het Amsterdam Theater nadat het Evoluon helaas was afgevallen. Altijd jammer als je uit Eindhoven komt . Het was wel een mooie locatie met een gigantisch presentatiescherm van ca 50x10 meter, parkeren om de hoek (à €30, want Amsterdam) en een ruime foyer om gezellig met mede Tweakers, fabrikanten en de Tweakers crew zelf te kletsen tijdens een goed verzorgde borrel met ruim voldoende drinken en hapjes
Mars Warrior schreef op zaterdag 10 december 2022 @ 13:42:
Ik ben de afgelopen paar maanden weer ff erg druk geweest met afronden van de nalatenschap van mijn zusje (belastingdienst, banken, verzekeringen) en ben bijna helemaal klaar met al het werk.
Verder - en dat was ook belangrijk - weer nieuw werk gevonden nadat ik begin dit jaar tijd nodig had om andere belangrijke dingen te doen en afscheid heb genomen van mijn vorige werkgever. Als alles goed gaat ga ik per 3 Januari 2023 weer 3 dagen per week aan het werk bij een nieuwe werkgever.
Ik heb dus weinig kunnen doen aan de Swiss Army Knife kaart
Doordat ik met andere dingen bezig was, was ik nogal verrast met de mededeling vanuit Tweakers dat dit topic genomineerd was voor de categorie "Startposts met de meeste duimpjes"
Aan de ene kant een beetje dubbel gevoel, maar ook een mooi moment nadat ik hier ruim 2 jaar geleden aan ben begonnen en zo'n 2.000 uur aan tijd in heb zitten inmiddels.
Dus iedereen die dit topic heeft gewaardeerd met een +1, bedankt!
De uitreiking was in het Amsterdam Theater nadat het Evoluon helaas was afgevallen. Altijd jammer als je uit Eindhoven komt . Het was wel een mooie locatie met een gigantisch presentatiescherm van ca 50x10 meter, parkeren om de hoek (à €30, want Amsterdam) en een ruime foyer om gezellig met mede Tweakers, fabrikanten en de Tweakers crew zelf te kletsen tijdens een goed verzorgde borrel met ruim voldoende drinken en hapjes
Kortom: ik vond het gezellig
Gefeliciteerd!
weet je al wanneer je ongeveer verder kan met dit mooie project?
If you are using this magnificent card, you have probably noticed that it doesn’t work since upgrading to Home Assistant 2023.4.0 or above. Well, have no fear, for I have found the issue.
This appears to be caused by a change in 2023.4.0 that makes custom-card-tools (which swiss-army-knife-card uses) break. I have a pull request in against custom-card-tools to fix this here:
place it in the www/community/swiss-army-knife-card/ directory under your Home Assistant configuration directory under the name custom-card-helpers.m.js, and then very carefully find the part at the top of swiss-army-knife-card.js in the same directory that reads
Since the browser will use the compressed version of the .js file if it can, after you have edited swiss-army-knife-card.js, delete swiss-army-knife-card.js.gz, and then make a new compressed version of your edited file with
gzip -k swiss-army-knife-card.js
Don’t omit the -k, because you need both the .js and the .js.gz there. You’ll need to do this any time you edit the .js.
Clear caches, reload resources, refresh, etc., and otherwise do the needful to get your browser to notice the changes, and you should have a working swiss-army-knife-card again.
Zo. Ik had even een dipje nadat ik alles heb afgerond rondom het overlijden van mijn zusje. Dat krijg je als je enkel druk bent met afwikkelen, en nog niet echt tijd hebt gehad hebt om alles op je in te laten werken.
Het was een beetje overleven de laatste maanden...
2 weken geleden kwam ik er na een update van iOS en HA achter dat mijn domotica het niet meer echt lekker deed, SAK was omgevallen en ik moest weer aan fysieke knopjes gaan zitten om dingen te regelen. Dat kan natuurlijk niet
Dus een goede reden om weer eens vooruit te kijken en wat te gaan doen
Ik heb nu voor beide kaarten (Flexible Horseshoe card en SAK) nieuwe versies uitgebracht. Dus die zijn weer lekker up-to-date.
Tussen de issues die waren aangemeld zaten ook leuke screenshots en in de mail kwam ik ook wat dingen tegen van een Canadees die flink in de weer is geweest met SAK.
Ook dat motiveert weer flink, want het is leuk om te zien dat anderen je spullen gebruiken. Waarschijnlijk staan er op het HA forum ook wel wat voorbeelden, maar daar ben ik nog niet wezen kijken...
Het is af en toe wel ff schrikken wat mensen maken met SAK, maar aan de andere kant is het wel meteen duidelijk waarom ze blij zijn met SAK, want dit kun je met geen enkele ander kaart bouwen
Mijn ergonomische / ontwerp hersencellen kijken maar ff de andere kant op
Voorbeeld van een energie dashboard met een uniek design, en heel, heel, heel veel entities :
En dan de enorme panels van een canadees. Deze gebruikt een enorm aantal custom cards (auto entities, flexboards, tabs, button card, mini graph, etc.), dus wel iemand die weet hoe HA en YAML werkt. Hij heeft ook heel wat SAK templates gebouwd zie ik in zijn Github.
Ik zie ongeveer de meeste voorbeeldkaarten wel terug!
Ik zou enkel net wat andere kleurenschema's hebben gekozen
Nu ik dit weet, ga ik ook iets beter opletten, want al deze dashboards waren met HA 2023.4 omgevallen
Ik probeer een custom card te maken letterlijk volgens de ha handleiding/voorbeelden, maar het werkt totaal niet. Hij blijft zeuren over ofwel dat de card niet bestaat (wat ie wel doet, staat in /local/testcard.js bijv en is toegevoegd als resource) ofwel zeurt ie dat i.config(i) is not a valid function.
Maar ik begrijp dat er dus iets kapot is in deze laatste versie? Die specifieke voorbeelden met swiss knife heb ik helaas niets aan; is er ook een workaround voor uberhaupt any custom card?
Ik heb een paar jaar terug dit op deze manier al eens goed gekregen maar nu lukt het voor geen meter meer.
Ik probeer een custom card te maken letterlijk volgens de ha handleiding/voorbeelden, maar het werkt totaal niet. Hij blijft zeuren over ofwel dat de card niet bestaat (wat ie wel doet, staat in /local/testcard.js bijv en is toegevoegd als resource) ofwel zeurt ie dat i.config(i) is not a valid function.
Maar ik begrijp dat er dus iets kapot is in deze laatste versie? Die specifieke voorbeelden met swiss knife heb ik helaas niets aan; is er ook een workaround voor uberhaupt any custom card?
Ik heb een paar jaar terug dit op deze manier al eens goed gekregen maar nu lukt het voor geen meter meer.
Je kan kijken naar mijn config en voorbeelden hoe ik het heb gedaan.
Het gaat niet om hoe de kaart(en) zijn gebouwd maar hoe je eea in HA moet krijgen, dat lukt niet. Zodra je de kaart wil gebruiken begint de ellende. Ik ga wel even vragen in het algemene HA topic, dat is denk ik beter.
gronoco schreef op vrijdag 5 mei 2023 @ 09:46:
Het gaat niet om hoe de kaart(en) zijn gebouwd maar hoe je eea in HA moet krijgen, dat lukt niet. Zodra je de kaart wil gebruiken begint de ellende. Ik ga wel even vragen in het algemene HA topic, dat is denk ik beter.
Heb je de kaart via HACS geïnstalleerd? Want dan staat een hoop al goed ingesteld.
Dus ik maak een .js file aan met die inhoud in ..\config\www, met die naam ook (content-card-example.js)
Ik voeg hem toe als resource zoals daar beschreven is (dus bij dashboard - add resource)
en dan wil hem gebruiken in een dashboard, en dat werkt niet:
Ok, dit is dus waarom ik (nog) niet zo'n fan ben van HA.
Er is weer eens een nieuwe versie, die geinstalleerd, en nu werkt het ineens wel.
(ja, cache legen etc heb ik ook gedaan, er voor, er na, tijdens, hielp steeds niks)
Jammer dit. Geeft niet echt vertrouwen als een release standaard gedocumenteerde functionaliteit kapot maakt.
[Voor 14% gewijzigd door gronoco op 05-05-2023 14:36]
gronoco schreef op vrijdag 5 mei 2023 @ 13:38:
Ok, dit is dus waarom ik (nog) niet zo'n fan ben van HA.
Er is weer eens een nieuwe versie, die geinstalleerd, en nu werkt het ineens wel.
(ja, cache legen etc heb ik ook gedaan, er voor, er na, tijdens, hielp steeds niks)
Jammer dit. Geeft niet echt vertrouwen als een release standaard gedocumenteerde functionaliteit kapot maakt.
Vaak als je resources wijzigt, moet je HA opnieuw starten. Kan best zijn dat door een nieuwe versie te installeren, dit om die reden is opgelost.
Ik heb de afgelopen week mijn best gedaan om de ontwikkelomgeving te "upgraden".
ontwikkelen in een remote SSH container met vscode
source opdelen in aparte deelbestanden
externe packages includen in de uitgeleverde versie
strengere kwaliteitscontrole (eslint)
En dat is inmiddels allemaal gelukt
Ik maak dus nu gebruik van een zgn devContainer van Microsoft, een remote Docker container die draait op mijn nieuwe zuinige server, met daarin je volledige ontwikkelomgeving waar ik met vscode bij kan komen om zo de SAK kaart te wijzigen en te bouwen vanaf mijn desktop.
In de resource.yaml file van Lovelace heb ik een verwijzing naar de map van de ontwikkel container gezet, zodat ik deze SAK versie ook direct gebruik binnen HA.
Met het opdelen van de source van ca 8.000 regels JavaScript heb ik nu 27 source files. Dat maakt eea een stuk overzichtelijker.
Om hiervan weer een enkel bestand te maken gebruik ik nu rollup.js, die ook meteen de externe packages meeneemt, waardoor er geen externe afhankelijkheden meer zijn. Dat is erg fijn: geen gezeik met CORS Allowed Origins meer en wachttijden om de packages over het internet te laden!
Mensen die HA zonder internet draaien kunnen dan SAK ook gebruiken.
De strengere kwaliteitscontrole gebruikt eslint met zeer strikte regels, die van AirBNB.
En dat was ff schrikken. Ik gebruikte voorheen simpele regels om de code na te laten kijken.
De AirBNB set let bijv. op spaties, haakjes, lengte code en commentaarregels en beveelt ook aan om bepaalde standaard JavaScript zaken niet te gebruiken zoals
code:
1
2
3
i++; (gebruik i += 1)
var a = b = 4; (elk statement op eigen regel)
isNaN() (gebruik geen globale standaard functies, maar bijv. Number.isNaN())
.
En standaard resulteert ELKE overtreding in een ERROR, waarvan ik er dus 3.500 voor me kiezen kreeg
Yup, drie-en-een-half-duizend!
Gelukkig kon een autofix van eslint al een hoop oplossen en het uitzetten van te lange commentaarregels loste ook al een hoop op: ik had plotseling nog maar een 2.000 foutmeldingen
Na wat nalezen van eslint regeltjes en aanpassingen heb ik nog maar een 200 waarschuwingen in één enkel bestand die ik nog nader moet nakijken, want die zijn wat complex en/of beetje veel werk.
Een deel van de regels zijn expliciet uitgezet en/of niet opgevolgd: het advies om bijv. de standaard functie isNaN() (is Not A Number) te vervangen door Number.isNaN() maakte heel SAK kapot. Deze twee functies hebben weliswaar dezelfde naam, maar zijn functioneel niet compatibel. Tsja, daar kom je dus ook achter!
Al met al een leuk resultaat. Al mijn kaarten doen het nog in HA, dus ik hoop als ik versie 2.4.2 release, dat dat bij anderen ook het geval is
Er zijn nog wat mensen aan het bijkomen van HA 2023.5.0, dus ik wacht nog ff een dagje denk ik
Omdat ik ook de handleidingen (SAK en M3) nog wil bijwerken, kwam ik weer ff in de Google Search Console, en daar had ik ff een WTF momentje
Ik was gewend dat deze handleidingen enkel op zeer specifieke zoektermen gevonden worden, en voor wat algemenere zoektermen ergens uitkomen op pagina daar-komt-geen-mens als positie.
CTR is overigens de Click Through Ratio, oftewel in hoeveel % van de gevallen een gebruiker ook daadwerkelijk op een getoond zoekresultaat klikt.
SAK handleiding:
Je ziet dat SAK natuurlijk gevonden wordt als je op SAK icm HA zoekt, maar blijkbaar ook op andere zoektermen, en daar dus wereldwijd vaak op de 1ste pagina staat met een enorm hoge CTR. Als dit een webshop was, dan was ik waarschijnlijk rijk geworden !
Ergens half maart is er blijkbaar wat gebeurt met Google, want het aantal impressies is vanaf die tijd flink omhoog gegaan, en gebleven.
Material 3 thema handleiding:
Material 3 is van Google, en vorig jaar stond deze handleiding vaak op pagina-veel op een aantal zoektermen. Dus mijn verbazing is nogal groot dat deze handleiding nu op veel Material 3 termen (zoals de HCT colors waarop Material 3 is gebaseerd) zomaar op 1 staat in de zoekresultaten.
Verder zie je ook, net als bij SAK, dat ergens vanaf half maart 2023 het aantal impressies enorm omhoog is gegaan. Geen idee waarom. Kan ook aan een gewijzigd algoritme bij Google liggen.
Een SEO (Search Engine Optimization) expert zou hier gek van worden: gewoon 6 maanden lang niets aan je website doen, en je komt vanzelf op 1 bij Google
Volgens hun namelijk zak je in de resultaten als je niet regelmatig je website bijwerkt met nieuwe content
Leuk dat hobby spullen zo gewaardeerd worden door anderen die helemaal niets met Home Assistant te maken hebben, maar gewoon iets zoeken over Material 3 en kleurtjes
Tweakers plaatst functionele en analytische cookies voor het functioneren van de website en het verbeteren van de website-ervaring. Deze cookies zijn noodzakelijk. Om op Tweakers relevantere advertenties te tonen en om ingesloten content van derden te tonen (bijvoorbeeld video's), vragen we je toestemming. Via ingesloten content kunnen derde partijen diensten leveren en verbeteren, bezoekersstatistieken bijhouden, gepersonaliseerde content tonen, gerichte advertenties tonen en gebruikersprofielen opbouwen. Hiervoor worden apparaatgegevens, IP-adres, geolocatie en surfgedrag vastgelegd.
Hieronder kun je per doeleinde of partij toestemming geven of intrekken. Meer informatie vind je in ons cookiebeleid.
Functioneel en analytisch
Deze cookies zijn noodzakelijk voor het functioneren van de website en het verbeteren van de website-ervaring. Klik op het informatie-icoon voor meer informatie.
Meer details
janee
Relevantere advertenties
Dit beperkt het aantal keer dat dezelfde advertentie getoond wordt (frequency capping) en maakt het mogelijk om binnen Tweakers contextuele advertenties te tonen op basis van pagina's die je hebt bezocht.
Meer details
Tweakers genereert een willekeurige unieke code als identifier. Deze data wordt niet gedeeld met adverteerders of andere derde partijen en je kunt niet buiten Tweakers gevolgd worden. Indien je bent ingelogd, wordt deze identifier gekoppeld aan je account. Indien je niet bent ingelogd, wordt deze identifier gekoppeld aan je sessie die maximaal 4 maanden actief blijft. Je kunt deze toestemming te allen tijde intrekken.
Ingesloten content van derden
Deze cookies kunnen door derde partijen geplaatst worden via ingesloten content. Klik op het informatie-icoon voor meer informatie over de verwerkingsdoeleinden.
Meer details
:strip_icc():strip_exif()/u/94045/Mars%2520Rocks%252070x70.jpg?f=community)
:fill(white):strip_exif()/f/image/XDqvSTctgEfABVi0Va7n51aq.png?f=user_large "https://tweakers.net/i/FpHdD_P9UGuaJbAOpC2uKUkgyDk=/x800/filters:strip_exif()/f/image/XDqvSTctgEfABVi0Va7n51aq.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/4lRibM55SE0dEdNEXzhHD5Xa.png?f=user_large "https://tweakers.net/i/64_-AoV9NOaS1sDmJwZeyP5-BU4=/x800/filters:strip_exif()/f/image/4lRibM55SE0dEdNEXzhHD5Xa.png?f=fotoalbum_large")
:strip_icc():strip_exif()/u/80660/crop5f6211e92ac13_cropped.jpeg?f=community)
Home Assistant:strip_icc():strip_exif()/u/531266/crop60146ed3278a5_cropped.jpeg?f=community)
:strip_icc():strip_exif()/u/99951/Eye.jpg?f=community)
:fill(white):strip_exif()/f/image/xgXH9HsVtSjXEkZV8NHNgDu5.png?f=user_large "https://tweakers.net/i/5XGWZ8QAQGMu3N_TpHqBcb4IbF4=/800x/filters:strip_exif()/f/image/xgXH9HsVtSjXEkZV8NHNgDu5.png?f=fotoalbum_large")
/u/326779/apple%2520avantar.tif.png?f=community)
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/HVJu8S9q4fsRy6FUyztKhn10.jpg?f=user_large "https://tweakers.net/i/hT4bsIXod5nIO0yl-AAiX5-gahE=/800x/filters:strip_icc():strip_exif()/f/image/HVJu8S9q4fsRy6FUyztKhn10.jpg?f=fotoalbum_large")
:fill(white):gifsicle():strip_exif()/f/image/QwIn7QI36BwH5NngXhwzarbP.gif?f=user_large "https://tweakers.net/i/BqqH0uMNKy5SuSfgw280Kki6U28=/full-fit-in/4000x4000/filters:no_upscale():fill(white):gifsicle():strip_exif()/f/image/QwIn7QI36BwH5NngXhwzarbP.gif?f=user_large")
Mijn oprechte excuses en ik wil je bij dezen alsnog alle sterkte wensen... :strip_icc():strip_exif()/u/279268/crop5f3bc791de812_cropped.jpeg?f=community)
:fill(white):strip_exif()/f/image/d6ZlAsGvGkQ7k6RYDmWceGRp.png?f=user_large "https://tweakers.net/i/eNy8e2Cw4G2aY3m2ImVHGJBYkl0=/800x/filters:strip_exif()/f/image/d6ZlAsGvGkQ7k6RYDmWceGRp.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/4ihoJbcJVAiNdSbmi2TFEAhy.png?f=user_large "https://tweakers.net/i/iGfrrkQhIgPtNacQ6UlM5WRDuRk=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/4ihoJbcJVAiNdSbmi2TFEAhy.png?f=user_large")
::fill(white):strip_exif()/f/image/5vDbmzXptRfGfAk3mEqL4sQL.png?f=user_large "https://tweakers.net/i/Vy659HZXL_cU79PW7gx7dfjja68=/800x/filters:strip_exif()/f/image/5vDbmzXptRfGfAk3mEqL4sQL.png?f=fotoalbum_large")
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/QoVKn64seQ933Knz5goLRdrI.jpg?f=user_large "https://tweakers.net/i/rTkY4hErb5R-jU1-KyVUdPF339Y=/800x/filters:strip_icc():strip_exif()/f/image/QoVKn64seQ933Knz5goLRdrI.jpg?f=fotoalbum_large")
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/iEdrVSUI3lMm2nTVWLPtTAXo.jpg?f=user_large "https://tweakers.net/i/sCHs9xxPv5E9pKQKRmZU-73Tw7w=/800x/filters:strip_icc():strip_exif()/f/image/iEdrVSUI3lMm2nTVWLPtTAXo.jpg?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/tZ5MJKGU6S03fHr28oYyeLiR.png?f=user_large "https://tweakers.net/i/ZEXQ_m-Z52lOClZkOovpkHIw3cY=/800x/filters:strip_exif()/f/image/tZ5MJKGU6S03fHr28oYyeLiR.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/FCq0MBgIawKlGugC7oKYdZmD.png?f=user_large "https://tweakers.net/i/PIpbNykbdC8vut8-q6EPxvsNMlw=/800x/filters:strip_exif()/f/image/FCq0MBgIawKlGugC7oKYdZmD.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/Z8kAvuyy9L6CGloDCKA9Ehlw.png?f=user_large "https://tweakers.net/i/AyudPtnjf6fJAXbO1R3Ck-h50TA=/800x/filters:strip_exif()/f/image/Z8kAvuyy9L6CGloDCKA9Ehlw.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/QFvEBTiLAy10SZclEEb2A7jT.png?f=user_large "https://tweakers.net/i/3ELMQIt1qeR7dvJXAYYO7u7lpsA=/800x/filters:strip_exif()/f/image/QFvEBTiLAy10SZclEEb2A7jT.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/hlN4qI6fgmLYMQydRO6uTgVN.png?f=user_large "https://tweakers.net/i/11gDc4amE4ONp9Eog6XA93D4iHY=/800x/filters:strip_exif()/f/image/hlN4qI6fgmLYMQydRO6uTgVN.png?f=fotoalbum_large")
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/qmxLyg6IdvHAmOUTHtLn0mHK.jpg?f=user_large "https://tweakers.net/i/Xie1a88xVVOdzpj5FJL7BKTWImQ=/800x/filters:strip_icc():strip_exif()/f/image/qmxLyg6IdvHAmOUTHtLn0mHK.jpg?f=fotoalbum_large")
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/mhtYBaBQB0olI2Y9ShK5oxvp.jpg?f=user_large "https://tweakers.net/i/LLPDnItxiHV-_XpvLBlth59Asqc=/800x/filters:strip_icc():strip_exif()/f/image/mhtYBaBQB0olI2Y9ShK5oxvp.jpg?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/QtmH0yQpCu9GVNQo24IbNquj.png?f=user_large "https://tweakers.net/i/D0VWu1HGDkvvswoRibUXDNriF5c=/800x/filters:strip_exif()/f/image/QtmH0yQpCu9GVNQo24IbNquj.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/255Pd463dJmkAEC7O920Xq5K.png?f=user_large "https://tweakers.net/i/i7fIYZDZBUNVkkuS6dPOVg8_UNg=/x800/filters:strip_exif()/f/image/255Pd463dJmkAEC7O920Xq5K.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/5a8gtT1D9rT8j0kdSpMNfqv0.png?f=user_large "https://tweakers.net/i/TrM8hyIe5DxFogGLoM_WU97gIIQ=/x800/filters:strip_exif()/f/image/5a8gtT1D9rT8j0kdSpMNfqv0.png?f=fotoalbum_large")
:fill(white):strip_exif()/f/image/DNEr6JmlWBaXDAnfD3VnAJQE.png?f=user_large){kind=link}