Compact Custom Header

My CCH installation has been working fine, but since the last update I’m seeing this error as well.

I get this error when I jump on my mobile, I using HA 101.2 and get this error…

2019-11-03 17:24:38 ERROR (MainThread) [frontend.js.latest.201910022] https://ebqf6i.ui.nabu.casa/community_plugin/compact-custom-header/compact-custom-header.js:36:24 Uncaught TypeError: Cannot read property 'lovelace' of null

this is my config

cch:
  options: clock
  voice: hide
  clock_format: 12
  background: black
#  background: transparent url("https://goo.gl/M3Dsf2")
  all_buttons_color: green # color of all buttons unless set in button_color
  button_color:
    menu: "#8a8787"
    options: white
  all_tabs_color: white # color of all tabs unless set in tab_color
  tab_color:
    3: green
    4: yellow
  tab_indicator_color: white # indicator under current tab
  hide_config: true
  hide_help: true
  exceptions:
#### Aaron Moble Phone  ####
    - conditions:
        user: Aaron
        user_agent: Mobile
      config:
        voice: hide
        options: hide
        swipe: on
        swipe_animate: flip
#### Alana Moble Phone  #####
    - conditions:
        user: Alana
        user_agent: Mobile
      config:
        menu: hide
        voice: hide
        options: hide
        swipe: on
        swipe_animate: flip

could it be that cch is raising following error on ios?

https://hasio:8123/frontend_latest/app.34e7b19f.js:724:266000 
SecurityError: Attempt to use history.pushState() more than 
100 times per 30 seconds

Why does the latest version 1.4.7 still shows 1.4.5 in the console info? Forgot to update the version there?

Also I’m using 1.4.7 with HA 0.102 and get this error:

Yeah, looks like it.

Please, add your config and any other info you think might be useful to this issue here:

Update:

Just wanted to give a quick update as I may not be super active on this thread or elsewhere, as well as slow to troubleshoot and fix issues.

I am currently working on CCH’s replacement. This new project is much needed as CCH has become an absolute mess organizationally and otherwise. CCH is one of my first coding projects (second one actually, upcoming-media-card being the first) and as such has bound me to restrictions from the original code and the methods used make it tough to keep up with HA updates.

The new project is being rewritten from the ground up and will have some very exciting new features, please be patient. I will keep you updated and will provide a preview as release gets closer.

Thanks!

12 Likes

Wow, amazing engagement as CCH is not that old from my point of view :slight_smile:
Thanks for your great engagement and work. CCH is a very important part of HA meanwhile.
take care

1 Like

Sorry to bother you @mayker, but there are problems in the latest beta.

TypeError: this.buttons[button] is null                     compact-custom-header.js:317:9
    tabContainerMargin http://192.168.77.67:8123/community_plugin/compact-custom-header/compact-custom-header.js:317
    conditionalStyling http://192.168.77.67:8123/community_plugin/compact-custom-header/compact-custom-header.js:1310
    styleHeader http://192.168.77.67:8123/community_plugin/compact-custom-header/compact-custom-header.js:531
    run http://192.168.77.67:8123/community_plugin/compact-custom-header/compact-custom-header.js:118
    <anonym> http://192.168.77.67:8123/community_plugin/compact-custom-header/compact-custom-header.js:1830
    InnerModuleEvaluation self-hosted:1748
    evaluation self-hosted:1702

Hopefully there will be a quick fix?

Looks like an element has changed in the latest beta, I’ll take a look as soon as I get the chance:

https://github.com/maykar/compact-custom-header/issues/236

1 Like

So CCH seems broken in 0.102.0b1?

As mentioned above, yes. Fix should be coming later tonight

Hahaha… you know I saw that post from you but didn’t realise you were saying the same thing… reading too quickly I guess. Thanks again… when CCH isn’t working it’s greatly missed.

Just got the fix. Works! Thanks again.

Not for me, got the same errors.

V1.4.8? Cleared cache? F12 right click refresh “Empty Cache & Hard Reload”

Look at the screenshot, Yes, Yes
FF and Chrome.

Well that’s weird… mine worked right away when I downloaded the updated one…

Me too. I upgraded to Version 1.4.8 and also see that version now in the console log. So I have loaded the latest version but still the same error.

@VDRainer @dwains

Please share your config

I just downgraded to 0.101.3 and then the CCH is working. So problem exists only on 0.102b. I have created a blank ui-lovelace.yaml and then the header is also not working on 0.102b. Also I have cch: with only compact_header set to true nothing else.