WARNING: 2023.4.0b0 or newer break Animated Background

[dreimer1986]

As many things on the WebUI were overhauled completely and more will come with future versions most of the paths the addin docks onto are not on the former locations anymore. Thus the whole addin is DEAD. Maybe someone who already forked it and did some tinkering wants to look into that?

[dreimer1986]

I found a few lil things:

Root = Root && Root.querySelector("app-drawer-layout partial-panel-resolver, ha-drawer partial-panel-resolver");
This is the new line 59. Then it explodes on:
function removeDefaultBackground(node, current_config)
function restoreDefaultBackground(node)

It even tries to load the background, but something in there causes it to endless loop. It has problems reading View_Layout.style.background as View_Layout is null now. I hacked around it a bit and now it works fine...

//removes lovelace theme background
function removeDefaultBackground(node, current_config) {
  var background = 'transparent';
  if (current_config.background) {
    background = current_config.background;
  }
  if (node.style.background != background) {
    node.style.background = background;
  }
}

//restores lovelace theme background
function restoreDefaultBackground(node) {
  node.style.background = null;
}

THIS IS A UGLY HACK. I CAN'T FIX IT ANY BETTER. Maybe someone else has interest in it.

[dreimer1986]

Another day, another broken background video... Edited Line 59 above to fit in the newest shoes for >=2023.4.0b4...

[sammyh2506]

Hopefully someone can have a look. Spent a lot of time a few weeks ago getting this to work exactly as I wanted, stood back to admire and them boom, 2023.4!!!! Don't have the expertise to even know where to begin, so hoping someone does. Tried replacing the lines of code with yours @dreimer1986 but still dead. 😔

[CAVACO-PT]

yes , can someone help out on this please !!!

[TRusselo]

confirmed broken 2023.4
Code Owner has had 0 activity on github since 2020.
he might be offline/ passed away.

[dreimer1986]

That's the problem. He died....
https://www.gofundme.com/f/home-assistant-community-remembers-villhellm

[dreimer1986]

Btw, I used CardMod, too to get my stuff woking as I want it to. Maybe this is your problem? It's quite broken atm either. I fixed most parts by now except the sidebar. Maybe the styles.js I made with some help and some tinkering helps you all out? https://raw.githubusercontent.com/dreimer1986/yourname_card_mod/master/www/styles.js

Here the discussion I opened a few minutes ago.
https://community.home-assistant.io/t/card-mod-super-charge-your-themes/212176/1338

[dreimer1986]

Btw. I went on and uploaded my "fix" here.
https://raw.githubusercontent.com/dreimer1986/lovelace-animated-background/master/dist/animated-background.js

[TRusselo]

Btw. I went on and uploaded my "fix" here. https://raw.githubusercontent.com/dreimer1986/lovelace-animated-background/master/dist/animated-background.js

might be worth forking / fixing.

HACS has been notified of this addon being broken and wont be fixed.
If another dev, forks/fixes, they can re-submit to HACS for their fork to be added to HACS library

[CAVACO-PT]

@dreimer1986 , i changed my code to yours , and still not working , do i need to do anything else ??

[dreimer1986]

Btw, I used CardMod, too to get my stuff woking as I want it to. Maybe this is your problem? It's quite broken atm either. I fixed most parts by now except the sidebar. Maybe the styles.js I made with some help and some tinkering helps you all out? https://raw.githubusercontent.com/dreimer1986/yourname_card_mod/master/www/styles.js

Btw, I used CardMod, too to get my stuff woking as I want it to. Maybe this is your problem? It's quite broken atm either. I fixed most parts by now except the sidebar. Maybe the styles.js I made with some help and some tinkering helps you all out? https://raw.githubusercontent.com/dreimer1986/yourname_card_mod/master/www/styles.js

Likely the removal of the default wallpaper is broken. I just "fixed" the fatal errors in my code. Rest is quite above my skills.

[CAVACO-PT]

Well i disabled animated wallpaper , and added a static picture , if anyone forks this and fixes it please let us know , it was awesome , i would love do contribute to have it back

[lloydbayley]

Such a shame. I enjoyed my animated backgrounds. Was humbled to hear the author had passed away. Thanks for the excellent addon.

[dreimer1986]

Did anyone try to add my styles.js to the Dashboard resources as workaround? As I said... It works for me that way. ONLY my transparent sidebar does not, but this never worked out of the box with this addon.

This is my current state. Settings → Dashboards → Three dots → Resources → Add it there. Mine for example is in www folder, thus you write "/local/styles.js" there. It's a Java Script module, NOT a style sheet!

[CAVACO-PT]

@dreimer1986 i tried to add it , and i t didnt work !!! i will try again after i clean it , can u share what u posted on the dashboard i had this

animated_background:
default_url: https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4
entity: weather.cavaco
state_url:
clear-night:
- https://cdn.flixel.com/flixel/x9dr8caygivq5secll7i.hd.mp4
- https://cdn.flixel.com/flixel/v26zyfd6yf0r33s46vpe.hd.mp4
- https://cdn.flixel.com/flixel/ypy8bw9fgw1zv2b4htp2.hd.mp4
- https://cdn.flixel.com/flixel/rosz2gi676xhkiw1ut6i.hd.mp4
cloudy:
- https://cdn.flixel.com/flixel/13e0s6coh6ayapvdyqnv.hd.mp4
- https://cdn.flixel.com/flixel/aorl3skmssy7udwopk22.hd.mp4
- https://cdn.flixel.com/flixel/qed6wvf2igukiioykg3r.hd.mp4
- https://cdn.flixel.com/flixel/3rd72eezaj6d23ahlo7y.hd.mp4
- https://cdn.flixel.com/flixel/9m11gd43m6qn3y93ntzp.hd.mp4
- https://cdn.flixel.com/flixel/hrkw2m8eofib9sk7t1v2.hd.mp4
fog:
- https://cdn.flixel.com/flixel/vwqzlk4turo2449be9uf.hd.mp4
- https://cdn.flixel.com/flixel/5363uhabodwwrzgnq6vx.hd.mp4
mostlycloudy:
- https://cdn.flixel.com/flixel/e95h5cqyvhnrk4ytqt4q.hd.mp4
- https://cdn.flixel.com/flixel/l2bjw34wnusyf5q2qq3p.hd.mp4
- https://cdn.flixel.com/flixel/rrgta099ulami3zb9fd2.hd.mp4
partlycloudy:
- https://cdn.flixel.com/flixel/13e0s6coh6ayapvdyqnv.hd.mp4
- https://cdn.flixel.com/flixel/aorl3skmssy7udwopk22.hd.mp4
- https://cdn.flixel.com/flixel/qed6wvf2igukiioykg3r.hd.mp4
- https://cdn.flixel.com/flixel/3rd72eezaj6d23ahlo7y.hd.mp4
- https://cdn.flixel.com/flixel/9m11gd43m6qn3y93ntzp.hd.mp4
- https://cdn.flixel.com/flixel/hrkw2m8eofib9sk7t1v2.hd.mp4
rainy:
- https://cdn.flixel.com/flixel/f0w23bd0enxur5ff0bxz.hd.mp4
sunny:
- https://cdn.flixel.com/flixel/hlhff0h8md4ev0kju5be.hd.mp4
- https://cdn.flixel.com/flixel/zjqsoc6ecqhntpl5vacs.hd.mp4
- https://cdn.flixel.com/flixel/jvw1avupguhfbo11betq.hd.mp4
- https://cdn.flixel.com/flixel/8cmeusxf3pkanai43djs.hd.mp4
- https://cdn.flixel.com/flixel/guwb10mfddctfvwioaex.hd.mp4