Dashdot integration
Hi again guys. I'm not entirely sure I've configured everything correctly, and im getting these blank stats. CPU, RAM and Network not showing anything, and network showing what i can only assume its the bandwidth (is it supposed to be, or current usage?)
Edit: Homarr is behind NPM while Dashdot isn't
133 Replies
Hello @ctaeth ,
have you checked that you have acess from your client?
If yes, please open your developer console using CTRL + SHIFT + I and look out for any errors / warnings.
ahh i see! something to do with https
Mixed Content: The page at 'https://url/' was loaded over HTTPS, but requested an insecure frame 'http://ip:port/?singleGraphMode=true&graph=network&theme=dark&surface=1A1B1E&gap=5&innerRadius=16'. This request has been blocked; the content must be served over HTTPS.
Your Dash. is HTTP
And Homarr HTTPS
You can't downgrade
ahh I see. I'll try to get dash. running behind NPM too (i would assume that would work?)
A little offtopic here, but on screenshots I see the services with a green dot on the bottom right, what is that?
Yes, as long as both have the same protocol
You could also investigate, whether Dash. allows requests from insecure origins
Its not offtopic. Its the ping module. Sadly, its not documented yet
It shows the status of your services
Ohh i see! I thought the ping module was something else lol
No 🙂
What did you expect for it?
sort of a latency check haha
I've managed to get dash. behind NPM, and now use an https link. Im still getting the same error though
oh wait, its not updated
to the link
thats odd. I've updated the ip:port to https link, but the console log still shows the old http ip:port
Have you accidentaly put it to on click url?
Also, what browser are you using?
(╯°□°）╯︵ ┻━┻
ok im an idiot. added the service as well as the integration, changed integration and forgot the module
now instead im getting an issue with reverse proxy:
Most likely an issue with the reverse proxy
hold on, I think we have that in the docs
📟 Dash. Module | Homarr Documentation
The Dash. module will integrate your existing Dash. instance into Homarr. The graphs will be integrated using iframe.
Hope that helps
I've put this
under "custom locations" on NPM
for both homarr and dash.
also tried with "allowall" but neither work
going crazy with this 😅
Hmmm... Not sure why it's not working. Perhaps you need it to put it in the advanced configuration, if you're using Nginx Proxy Manager?
It could be that the location is different from your custom location, so it doesnt work
wouldnt it be this?
in the advanced tab it shows this: " Please note, that any add_header or set_header directives added here will not be used by nginx. You will have to add a custom location '/' and add the header in the custom config there."
im not sure what location would be in this case tbh
but the 2 containers are on separate docker-compose files
No, dont configure this for Homarr. You must configure it for Dash.
also got it on dash haha
Maybe / doesnt mach the request?
no idea what i should have on the location then
tried putting the url for homarr, the container name
@ajnart do you have an idea?
i don't know either. I had the same display issue on a friend's MacBook
are they on the same docker network ?
might be mixed content or some cors thing 🤔 I'm not really sure.
Are you sure dashdot works at the correct url ? They should be on the same docker network as Npm.
And what's the point of your SAMEORIGIN header ?
yeap same docker network
it does work by itself with the url
and the sameorigin header is from the documentation:
and dashdot by itself:
SAMEORIGIN needs to be false , no? @manicraft1001
i mean it's not the same origin if you're accessing it with a domain, by definition? (or maybe I'm confused sorry)
not even sure how can i set it to false even if i wanted to
i've also tried instead of sameorigin "allowall", but im not even sure if that option still exists and the outcome is the same
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
I'll try that in a minute. Did you use that on NginxProxyManager or some different one?
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Now getting this instead:
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Yes i did 😂
i can always delete this later:
thats the proxy host on NPM for dashdot
done the same for homarr, just in case, with the only difference being the forward hostname (homarr) and port
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Yes to the second one. The first one I'll have to check when I get home
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Putting sameorigin before didn't help though
The allowall was more of a test there haha
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
that worked, not sure if only because of that but also changed this
https://*.domain.com;";
to this
https://domain.com;";
since homarr is on domain.com and not in a subdomain
@ajnart & @manicraft1001 if it helps, in the future or in the documentation, with NginxProxyManager, this is what has worked. dashdot is on the same network as homarr (and NPM), forward hostname/ip being the container name
Lovely. Would you be willing to document this in the documentation? If not, I'll add it myself
I've never done anything like that, might be best if you do for clarity (and I'm not technical enough anyway)
And while that might be a work around I'm not sure if it's a safe way of doing it, or if it opens up vulnerabilities, although to me that doesn't matter much since its just a hobby for myself
Ok, no worries. Thank you for sharing it with us
Hey guys I have setup dash. According to this article https://mariushosting.com/how-to-install-dashdot-on-your-synology-nas/ but evens with latest homarr I am getting a cannot acquire information from dash. Message in the widget I been trying for few days to solve but no luck I’m bit stumped it’s all local http no proxy or anything running
Marius Hosting
How to Install Dashdot on Your Synology NAS
Trustworthy expert guide to your Synology NAS.
Hello @vfxpieces157 ,
can you quickly open the developer console using CTRL + SHIFT + I and click on console? Do you see any errors there?
Failed to load resource: the server responded with a status of 404
GET http://192.168.1.x:port/api/modules/dash dot?url=% 500 internal server error
Are you hiding the url in this message?
should be like
api/modules/dash?url-https://dash.localhost:3000Oh yes damn it seems to have lost that bit off the end! Sorry about that! Once I’m back at my machine I’ll try grab it again
No worries
You can remove the domain / hostname for privacy, but the rest should be kept untouched so we can investigate what's going on 😉
GET http://192.168.1.X:(homarr_Port_no.)/api/modules/dashdot?url=%2Fload%2Fstorage&base=http:%2F%2F192.168.1.X:(dash._port_no.) 500 (Internal Server Error)
This is the full error I can see in the console apologies I didn’t check I had copied it correctly
Hmmm...
What version are you running on?
v0.10.2 fixed some issues with Dash., so updating might help
Yep I’m running latest and still same error not quite sure what I am doing wrong
What is your service URL / configured Dash. URL?
Can you maybe try https://dash.mauz.io as the service URL? This will display fake data, but we can verify that it's not a Homarr issue.
EDIT: Nevermind, their demo seems to be broken temporarily.
@mauz. is your Demo offline?
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Haha interesting.... Anyhow, it's up again. Thank you ❤️
Using the demo URL works! So i guess I have something setup wrong somehow I don’t know what!
Yes, probably. Do you have a trailing
/ at the end of your service url?👍🏻 yup
Can you remove it and check if it fixes it?
No same result 😞
And you're sure that the request isn't proxied trough Nginx, Authelia, Treafik or any similar proxy?
Yes I don’t have any proxies setup on synology it’s literally just synology local ip and port number for dash I have checked firewall and even disabling fully has no affect
ok
I just noticed that you're URL has an invalid format
http://192.168.1.x/:port <- the port should be directly behind the IP, the slash is invalid
Since the IP is internal, you won't leak anything. Can you send us 1:1 the service URL you have entered?
Ah that’s a typo ah yes of course!
http://192.168.1.6:8002
That looks correct though
So is the request text you sent before wrong?
Would appear I must have typo’d when I took port number out but as it’s all local your right doesn’t really matter
GET http://192.168.1.6:7575/404 404 (Not Found)
_app-c331164f2ecf68da.js:1 GET http://192.168.1.6:7575/api/modules/dashdot?url=%2Finfo&base=http:%2F%2F192.168.1.6:8002 500 (Internal Server Error)
(anonymous) @ _app-c331164f2ecf68da.js:1
e.exports @ _app-c331164f2ecf68da.js:1
e.exports @ _app-c331164f2ecf68da.js:1
f.request @ _app-c331164f2ecf68da.js:1
n.forEach.f.<computed> @ _app-c331164f2ecf68da.js:1
(anonymous) @ _app-c331164f2ecf68da.js:1
(anonymous) @ 777-29e2b847b284b5f4.js:1
l @ main-7174d88eeedf1ef2.js:1
(anonymous) @ main-7174d88eeedf1ef2.js:1
P.forEach.e.<computed> @ main-7174d88eeedf1ef2.js:1
b @ 777-29e2b847b284b5f4.js:1
a @ 777-29e2b847b284b5f4.js:1
(anonymous) @ 777-29e2b847b284b5f4.js:1
(anonymous) @ 777-29e2b847b284b5f4.js:1
(anonymous) @ 777-29e2b847b284b5f4.js:1
(anonymous) @ 777-29e2b847b284b5f4.js:1
ri @ framework-0ba0ddd33199226d.js:1
Ss @ framework-0ba0ddd33199226d.js:1
is @ framework-0ba0ddd33199226d.js:1
jl @ framework-0ba0ddd33199226d.js:1
(anonymous) @ framework-0ba0ddd33199226d.js:1
ws @ framework-0ba0ddd33199226d.js:1
ls @ framework-0ba0ddd33199226d.js:1
S @ framework-0ba0ddd33199226d.js:1
T @ framework-0ba0ddd33199226d.js:1
_app-c331164f2ecf68da.js:1 GET http://192.168.1.6:7575/api/modules/dashdot?url=%2Fload%2Fstorage&base=http:%2F%2F192.168.1.6:8002 500 (Internal Server Error)
That’s the full log in the console of chrome
Hmm
This is a really odd issue
@ajnart we don't log any errors on the api of Homarr, right?
Was their any more ideas on this matter?
Hmm no sorry
It's hard to help if there's no error
You can try some basic troubleshooting though
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Hmmm
Are you comfortable with inspecting the HTML?
I would suggest to inspect the iframe, cut out the url and open it in a new tab to see if anything is loading
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Right click on the Homarr page > Inspect and then search for iframe. You see an url after "src=". Copy it to your browser
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
So this is when you copy the url and open it directly?
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Hmmm
When you click on Console, there's no error?
Also, what browser are you using? Any Ad Blocker, "Privacy" Addons installed?
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Is your Homarr HTTPS and Dash. HTTP?
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Well there you have your problem
Upgrading from HTTP to HTTPS is fine
But downgrading from HTTPS connection to HTTP will never work!
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Nice 🙂
I recommend to put either Dash. behind the reverse proxy too, use a custom certificate (altough that will yield additional errors on Homarr which need to be fixed) or downgrade Homarr to HTTP
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
No, Dash. will work just fine without any additional config
If not, they'll surely help you 🙂
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
No worries. I hope you enjoy Homarr. Let me know if you have any other issues 🙂
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
so had bit of time to dig into this today so instead of using synology address and the port which dash. is on I used internal docker address and port and I now have the service module half working info is showing up but the graphics are not
I see this error in the console crbug/1173575, non-JS module files deprecated.
That's not an issue and definitely not related to your problem
So it's most likely an issue with your network and not with Homarr, since some data (like network up and down) will be retrieved through Homarr itself.
However, the graphs are integrated using Iframes, which will always try to connect directly from your browser.
Since you use an internal docker hostname, your browser won't be able to connect
ah ok that makes sense ! hmm I wonder why it wont work through normal synology address and dash port no. 🤔
I don't know where you could start, since I sold my Synology years ago, because it sucked 😂
Can you run a development server on your Synology? Like install Nodejs and so on....
If yes, you could debug better any maybe figure it out
Basically, you want to do this:
https://homarr.dev/docs/introduction/installation#-building-from-source
🚀 Installation | Homarr Documentation
Homarr can be installed trough 3 different methods. For most users, the installation using Docker will be sufficient and the easiest.
And instead of yarn build and yarn start, you'd run "yarn dev"
hmm maybe ill have to look into this as option
I have very confused though as I place in th service url as docker internal IP we get widget working but without iframe which makes sense but whats odd if I go back change to the normal synology ip and dash. port. save service and dont refresh homarr page I get it all working including iframe as soon as page is refreshed bam all gone its like something is blocking it somehow :/
Hmmm
What Browser are you using?
Also, what extensions have you installed?
Do you run some kind of VPN or AdGuard?
I have tried safari and chrome on my mac same results on chomre I do have ad blocker but its disabled at moment as was first thought and dont currenlty have adguard or any vpn setup
Hmm
This is really weird behaviour
yeah something strange is going on im bit baffled not going to lie!
Have you tried to configure Dash. using the direct setting?
how do you mean by direct settings?
This will basically override the service url
yes I have tried but doesnt seem to have any effect at all
Hmm
Does this show up and update when you use the service url?
so when using service URL as internal docker yes
And when using the local ip instead of internal?
if i use local ip without refresh in between I get everything otherwise just get cannot aquire information inside the widget
It's very weird that this issue is so flakey and only happens after a reload. @jderp. do you maybe have an idea?
Most symptoms lead me to believe that it's an network issue, but it being so flakey and only after a reload, it could also be caused by the client.
GET http://192.168.1.6:7575/api/modules/dashdot?url=%2Fload%2Fstorage&base=http:%2F%2F192.168.1.6:8002 500 (Internal Server Error) this is error in console after refresh
Interesting I was testing out organizr today just as was curious I need added dash. Widget onto the homepage with html using iframe setup in documentation of dash dot and it works fine so unsure why homarr won’t work
Very weird
Hold on
Can you search this in the network tab? You must reload the page after opening the tab
Make sure to enter
Stor in the filter (see top left)
Is there any additional information?
Or does it just say 500?status code 500 yeah
Yea.. I suspect that the error is being cause by this line:
https://github.com/ajnart/homarr/blob/5077d753b6f911ad59e76255c9749db97f6370d6/src/pages/api/modules/dashdot.ts#L15
It surprises me, that nextjs is logging no information or error
GitHub
homarr/dashdot.ts at 5077d753b6f911ad59e76255c9749db97f6370d6 · ajn...
Customizable browser's home page to interact with your homeserver's Docker containers (e.g. Sonarr/Radarr) - homarr/dashdot.ts at 5077d753b6f911ad59e76255c9749db97f6370d6 · ajnart/homarr
🤔
Can you run the source code directly?
Then we could definitely debug it
If not, I can make a temporary docker image for you and we can try to debug it further
I dont think I can on my synology I am looking over next month to move to a NUC as a mini homelab so ill try setup all this on their as I have feeling synlogy is the issue some things are quirky to setup!
appreciate the time though!
No worries. I'm really sorry that I can't help you quickly. Do you still want to try and debug the issue, or do you just want to migrate to your NUC and see if it still happens?
ill migrate everything over and see if issue persists as dont want to waste anymore of your time on this matter, i am curious though to know why!
Okay, that's fine for me. I think it's a very uncommon issue, since no other users had this specific issue yet.
I suspect that the line I sent you above, is causing an exception, which is why it's returning a status code of 500 (this is the default behaviour of Next.js).
I think the error is being caused, because axios has some trouble connecting to
Dash.. I am curious if it will go away when you migrate. Let me know, ok?yeah makes sense! Im hoping it will ill keep this thread updated once everything is moved over once i have a bit more spare time to do so thanks again! and great work on the app overall its really shaping up!
Thank you ❤️
We're working hard on adding even more improvements to Homarr
We'll release a complete overhaul of the drag and drop system at the end of this year - stay tuned!
It will be a huge upgrade for all users! Even mobile, because it includes some major changes for mobile devices
I look forward to seeing that!
🔥
Let us know if you have any other questions or issues, ok? I am looking forward to hearing from you when you migrated 😄
👍🏻
Hi there!
I'm currently getting the same issue as @vfxpieces157 while trying this out. It appears that there's a 500 error when trying to access https://home.tld/api/modules/dashdot?url=%2Fload%2Fstorage&base=http:%2F%2Fhermes:3001
I believe the API works on dashdot's end because of this
https://i.dbyte.xyz/firefox_o39uNGofM.png
It seems to be a similar issue to why there is a 500 error on the ping module, potentially related to dns/docker networking/the heat death of the universe, I think a workaround is to specify the IP directly (and ensure that from the homarr container you can reach the desired address)
Perhaps? Although both homarr are running on host networking, so it shouldn't be an issue. I've turned it off for now anyway, I have 5 devices I want to monitor 😅
I think using another tool would benefit you more. I'm not sure which one is the best for your usecase tho. Maybe something like grafana ?
Yeah definitely
Just wanted a lil display is all
No harm sure