Twitch Alerts not being shown when using Twitch alerts URL

[nicholasmartin]

Thanks again for this amazing app! I never miss a chat now and I love it!

I recently switched to Twitch native notifications from Streamlabs and since then the notifications stopped working through Stream-Overlay. They show up fine in OBS but just not on my screen so I have missed a few follows.

Has something changed? Maybe with the latest releases of OBS?

[hperrin]

I haven't heard of any change. I can try updating to the latest version of Electron, but the latest version is only a month old, so should be supported. Are you on Windows?

[nicholasmartin]

Yes Im on Windows 11 Pro

[ronttizz]

This might be duplicate of the issue #2

[markst32]

I also experienced the same issue recently (Linux - Pop OS). Seems like twitch restricted (or prohibited?) possibility to show alerts while it's embedded.
I fixed it locally by adding a few lines of code, but I can't commit to this repository. Here is the patch with these changes:

diff --git a/app/src/main.ts b/app/src/main.ts
index 0cec50a..f791f0e 100644
--- a/app/src/main.ts
+++ b/app/src/main.ts
@@ -27,6 +27,7 @@ const DEFAULT_X = -1;
 const DEFAULT_Y = -1;
 const DEFAULT_OPACITY = 1;
 const DEFAULT_FULLSCREEN = false;
+const NOT_EMBEDDABLE_PROVIDERS_URL_PREFIXES = ['https://dashboard.twitch.tv', 'https://www.twitch.tv'];
 
 type Conf = {
   url: string;
@@ -286,7 +287,11 @@ const createOverlayWindow = (conf: Conf, interactable = false) => {
 
   const timer = setInterval(() => win.moveTop(), 1000);
 
-  win.loadFile(path.join(__dirname, '..', 'assets', 'page.html'));
+  if (NOT_EMBEDDABLE_PROVIDERS_URL_PREFIXES.some(providerPrefix => conf.url.startsWith(providerPrefix))) {
+    win.loadURL(conf.url);
+  } else {
+    win.loadFile(path.join(__dirname, '..', 'assets', 'page.html'));
+  }
 
   // Emitted when the window is closed.
   win.on('closed', () => {

[hperrin]

I fixed it locally by adding a few lines of code, but I can't commit to this repository. Here is the patch with these changes:

@markst32 Awesome! Thank you for the fix! Can you send me a pull request?

If not, I can put the fix in myself, but I'd rather you get the credit as the contributor for writing the fix.

[markst32]

@hperrin created it. Sorry for the delay, I didn't know that I have to create fork before trying to make changes.

[markst32]

@hperrin Could you please review the following PR? #5
I closed the previous PR with hard-coded Twitch-only fix and decided to go with more flexible solution. I think it's better to let user have control over it, because this way user can fix this issue not only for overlays from Twitch, but also for other providers who uses the same restrictions for embedding their pages.