Description
Issue:
I'm configuring a brand new deployment and having a problem with the fields in homepage, Screencap below.
https://user-images.githubusercontent.com/35285259/202796718-c419c332-a281-4c65-a0e1-8dcd0b0993dd.mp4
This issue seems to occur anytime I reload the page with the dedicated reload button or if I make a change to any of the configuration files. Reloading the page, deleting the cache and reloading (Ctrl+Shift-R), closing the window and opening again, using a different browser, and opening the page on a different machine do not resolve the issue. The only thing I've found that works is recreating the container.
I've found that disabling all service widgets do not resolve the issue either. This problem occurs even after first deployment with an empty configuration directory.
On a side note, changes to the settings.yanl
file are not being applied on first use after the container is started. The only way I've found to apply options in the settings.yaml is to use the dedicated reload button or to make a configuration change. But that also causes the issue above and is a secondary issue for me atm.
Notes about environment:
The config directory is bind mounted into the container where both the app and the folder/files are using root permissions, but I have also tried with running with user: <user>:<group>
in the compose file as well with appropriate config directory/file permissions wih no difference in behavior.
The app is being reverse proxied with Traefik using the "secureHeaders" middleware
Traefik dynamic config
middlewares:
secureHeaders:
headers:
forceSTSHeader: true
stsIncludeSubdomains: true
stsPreload: true
stsSeconds: 31536000
browserXssFilter: true
contentTypeNosniff: true
This is also deployed on a docker swarm cluster, though not sure if It's relevant to the issue.
Container Logs:
Note: there were no other reported errors after either using the dedicated reload button or making a config change. The errors below are present on container start.
logs/homepage.log
[2022-11-18T19:15:06.080Z] error: (node:1) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
[2022-11-18T19:51:18.243Z] error: (node:1) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
[2022-11-18T20:02:27.899Z] error: (node:1) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
[2022-11-18T20:32:12.938Z] error: (node:1) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
[2022-11-18T20:50:56.212Z] error: (node:1) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
Configuration files:
bookmarks.yaml
---
# For configuration options and examples, please see:
# https://github.com/benphelps/homepage/wiki/Bookmarks
- Infra:
- NAS:
- abbr: NA
href: https://10.10.0.2:9090/
- PFsense:
- abbr: PF
href: https://192.168.2.1:444/
- .:
- Dell-PC5524:
- abbr: DL
href: http://10.10.0.8/
- SuperMicro-IPMI:
- abbr: SM
href: http://10.10.0.9/
docker.yaml
---
# For configuration options and examples, please see:
# https://github.com/benphelps/homepage/wiki/Docker-Integration
# my-docker:
# host: 127.0.0.1
# port: 2375
# my-docker:
# socket: /var/run/docker.sock
services.yaml
---
# For configuration options and examples, please see:
# https://github.com/benphelps/homepage/wiki/Services
- Media:
- Jellyfin:
icon: jellyfin
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
type: jellyfin
url: http://jellyfin:8096
key: <redacted>
- Radarr:
icon: radarr
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["wanted", "missing", "queued", "movies"]
type: radarr
url: http://radarr:7878
key: <redacted>
- Sonarr:
icon: sonarr
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["wanted", "queued", "series"]
type: sonarr
url: http://sonarr:8989
key: <redacted>
- Nzbget-SR:
icon: nzbget
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["rate", "remaining", "downloaded"]
type: nzbget
url: <redacted>
username: <redacted>
password: <redacted>
- Transmission:
icon: transmission
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["leech", "download", "seed", "upload"]
type: transmission
url: http://transmission:9091
username: <redacted>
password: <redacted>
- _:
- Prowlarr:
icon: prowlarr
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["enableIndexers", "numberOfGrabs", "numberOfFailGrabs"]
type: prowlarr
url: http://prowlarr:9696
key: <redacted>
- Invidious:
icon: invidious
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Audiobookshelf:
icon: audiobookshelf
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Bazarr:
icon: bazarr
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["missingEpisodes", "missingMovies"]
type: bazarr
url: http://bazarr:6767
key: <redacted>
- Requestrr:
icon: requestrr
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Readarr:
icon: readarr
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["wanted", "queued", "books"]
type: readarr
url: http://readarr:8787
key: <redacted>
- Infra:
- Portainer:
icon: portainer
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["running", "stopped", "total"]
type: portainer
url: http://portainer:9000
env: 1
key: <redacted>
- Code-Server:
icon: codeserver-light
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Gitea:
icon: gitea
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Gitea-Swarm:
icon: gitea
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Traefik:
icon: traefik
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["routers", "services", "middleware"]
type: traefik
url: <redacted>
- Uptime-Kuma:
icon: uptime-kuma
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Kopia:
icon: kopia
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Proxmox-Node00:
icon: proxmox
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
widget:
fields: ["vms", "lxc", "cpu", "mem"]
type: proxmox
url: <redacted>
username: <redacted>
password: <redacted>
- Misc:
- Shaarli:
icon: shaarli
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- SFTP-Go:
icon: /icons/sftpgo.png
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Paperless:
icon: paperless-ng
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Shuriken:
icon: fluidd
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
- Uptime-Kuma-Dashboard:
icon: uptime-kuma
href: <redacted>
# description: Homepage is awesome
# server: my-server
# container: my-container
settings.yaml
---
# For configuration options and examples, please see:
# https://github.com/benphelps/homepage/wiki/Settings
providers:
openweathermap: openweathermapapikey
weatherapi: weatherapiapikey
widgets.yaml
---
# For configuration options and examples, please see:
# https://github.com/benphelps/homepage/wiki/Information-Widgets
- resources:
# cpu: true
memory: true
disk: /app/config
- resources:
disk: /mnt/media
- search:
provider: duckduckgo
target: _blank
- openweathermap:
# label: <redacted> #optional
# provider: openweathermap
latitude: <redacted>
longitude: <redacted>
units: metric # imperial or metric
apiKey: <redacted>
cache: 30 # Time in minutes to cache API responses, to stay within limits
Steps to reproduce
- Navigate to page
- Click the dedicated reload button or make a configuration change while the container is running.
homepage version
v0.4.18 (4ea2798)
Installation method
Docker
Configuration
No response
Other
No response
bug cant-reproduce