fix: use computed baseUrl in overlay effects/widgets

Author: zunderscore

src/backend/effects/builtin/play-sound.ts

@@ -158,9 +158,7 @@ const model: EffectType<{
             onOverlayEvent: (event) => {
                 const data = event;
                 const token = encodeURIComponent(data.resourceToken);
-                const resourcePath = `http://${
-                    window.location.hostname
-                }:7472/resource/${token}`;
+                const resourcePath = `//${baseUrl}/resource/${token}`;
 
                 // Generate UUID to use as class name.
 

src/backend/effects/builtin/play-video.js

@@ -658,7 +658,8 @@ const playVideo = {
                 const loop = data.loop;
 
                 const token = encodeURIComponent(data.resourceToken);
-                const filepathNew = `http://${window.location.hostname}:7472/resource/${token}`;
+                // eslint-disable-next-line no-undef
+                const filepathNew = `//${baseUrl}/resource/${token}`;
 
                 // Generate UUID to use as id
 

src/backend/effects/builtin/show-image.js

@@ -247,7 +247,8 @@ const showImage = {
                     filepathNew = data.url;
                 } else {
                     const token = encodeURIComponent(data.resourceToken);
-                    filepathNew = `http://${window.location.hostname}:7472/resource/${token}`;
+                    // eslint-disable-next-line no-undef
+                    filepathNew = `//${baseUrl}/resource/${token}`;
                 }
 
                 // NEW WAY EXAMPLE:

src/backend/overlay-widgets/builtin-types/image/image.ts

@@ -93,7 +93,7 @@ export const image: OverlayWidgetType<Settings, State> = {
                 if (config.settings?.imageType === "url" && config.settings?.url) {
                     imageSrc = config.settings.url;
                 } else if (config.settings?.imageType === "local" && config.resourceTokens.filepath) {
-                    imageSrc = `http://${window.location.hostname}:7472/resource/${config.resourceTokens.filepath}`;
+                    imageSrc = `//${baseUrl}/resource/${config.resourceTokens.filepath}`;
                 }
 
                 return `