How to turn off caching a panel in home assistant?

MarkLyck · June 2, 2022, 3:28am

Hi!

I’m working on creating a custom dashboard in home assistant and so far it’s working great on desktop.

And I was able to integrate it directly into a custom home assistant panel pretty easily by adding this to my configuration.yaml and copying my build to the www folder.

panel_custom:
  - name: react-panel
    sidebar_title: Dashboard
    sidebar_icon: mdi:home-assistant
    url_path: react-panel
    js_url: /local/react-panel/assets/index.js
    embed_iframe: true
    config:
      name: World

However I noticed when using home assistant it caches my build files… So if I make a new build and copy over the files, and refresh the browser it doesn’t update.

On desktop I can force update it by restarting my home assistant (which isn’t ideal but at least it works).

However when using the home assistant app on my iPhone and iPad, even a restart of home assistant doesn’t clear the cache and let me see / use a newer version of my dashboard.

The only way I have found to get home assistant to show the latest files has been to remove the app from my device entirely and re-install home assistant, and then log in again, which is a huge pain as I’m actively trying to use this while I’m working on it.

Is there any way to turn off these strict cache policies or at least lower them to only be cached for e.g. 1 hour?

tom_l · June 2, 2022, 3:35am

You should also be able to do this by refreshing the page with the web browser inspector open (assuming you have enabled the setting - cache disabled when the inspector is open - in the inspector).

For the mobile apps you can go to Settings > Companion App > Debugging > Reset Frontend Cache. Then go back to the dashboard and pull down to refresh.

MarkLyck · June 2, 2022, 3:38am

@tom_l Hmm I did try the “disabled cache” on my browser while developing it, but it doesn’t seem to be enough to get home assistant to refresh it.

On the app though, so happy to see there’s a reset cache button in there. Thank you! Much more reasonable than deleting the app and reinstalling every time I want to use the latest version.

tom_l · June 2, 2022, 3:41am

You have to have the inspector open and refresh the page while it is open. Sometimes more than once.

vpalande · June 4, 2022, 5:20pm

@tom_l
I am using companion app on android and I don’t see the debugging and Reset Frontend Cache option.

Can you please help?

.

Regards,
Vaibhav

MarkLyck · June 6, 2022, 2:13am

you probably need to click your user in home assistant and enable advanced settings first.

vpalande · June 6, 2022, 3:14am

Advanced mode is already enabled.

vpalande · June 8, 2022, 11:48pm

Do you have an android phone?
Do you mind sharing screenshots of the setting on your phone?

Thanks,
Vaibhav

shukkar · September 7, 2022, 9:13pm

I have the same problem - no “Companion App->Debugging” option on Samsung S22. Here are some screen shots

warren.s · September 28, 2022, 4:13am

Same issue here. 2022 model Fire 7 tablet.

Shulyaka · November 7, 2022, 10:21pm

I’ve been able to clear the cache using the following steps:

Enable remote WebView debugging in the app settings
Enable USB debugging in the Android settings
Connect with a USB to PC
Download and install Chrome web browser on the PC
Navigate to chrome://inspect URL
Open the companion app on the phone again
Connect (aka inspect) to the webpage
In the Application tabs of the chrome Dev tools find the Service Worker and unregister it
Refresh the webpage using the refresh button in the top left corner of Chrome
Uninstall and delete the Chrome web browser (optional)

alanmilinovic · January 15, 2023, 11:48am

Shame that ther is no clear cache for android app as it is using browser in the backend.

Edwin_D · January 15, 2023, 11:54am

I woud expect the usual Android app cache is used that is managed through settings:
settings → Apps → Home Assistant → Storage → Clear cache

mrestorff · April 18, 2023, 4:20pm

Tried that, didn’t work. The images are still in cache.

silvio · July 20, 2023, 8:21am

Same issue here. No debugging option in app on Android.

It worked by clearing app cache from Android app settings.