fix for Opera "You cannot create new tabs while in locked fullscreen mode" when trying to create player tab from event page

Author: ken107

js/defaults.js

@@ -29,6 +29,7 @@ var config = {
     permissions: ["webRequest"],
     origins: ["https://*/"]
   },
+  browserId: getBrowser(),
 }
 
 var defaults = {
@@ -571,7 +572,7 @@ function getBrowser() {
 }
 
 function getHotkeySettingsUrl() {
-  switch (getBrowser()) {
+  switch (config.browserId) {
     case 'opera': return 'opera://settings/configureCommands';
     case 'chrome': return 'chrome://extensions/configureCommands';
     default: return brapi.runtime.getURL("shortcuts.html");

js/events.js

@@ -3,7 +3,6 @@ brapi.runtime.onInstalled.addListener(function() {
   installContentScripts()
   installContextMenus()
 })
-if (getBrowser() == "firefox") brapi.runtime.onStartup.addListener(installContextMenus);
 
 
 /**

js/options.js

@@ -2,6 +2,13 @@
 (function() {
   const queryString = getQueryString()
   const domReadyPromise = domReady()
+  const playerCheckIn$ = new rxjs.Subject()
+
+  registerMessageListener("options", {
+    playerCheckIn() {
+      playerCheckIn$.next()
+    }
+  })
 
 
   //i18n
@@ -425,6 +432,23 @@
         }
       })
     }
+    else if (config.browserId == "opera" && /locked fullscreen/.test(err.message)) {
+      $("#status").html("Click <a href='#open-player-tab'>here</a> to start read aloud.").parent().show()
+      $("#status a").click(async function() {
+        try {
+          playerCheckIn$.pipe(rxjs.take(1)).subscribe(() => $("#test-voice").click())
+          const tab = await brapi.tabs.create({
+            url: "player.html?opener=options&autoclose=long",
+            index: 0,
+            active: false,
+          })
+          brapi.tabs.update(tab.id, {pinned: true})
+            .catch(console.error)
+        } catch (err) {
+          handleError(err)
+        }
+      })
+    }
     else {
       $("#status").text(err.message).parent().show();
     }

js/player.js

@@ -101,7 +101,7 @@ if (queryString.has("autoclose"))
   rxjs.combineLatest(idleSubject, piperSubject.pipe(rxjs.startWith(null)))
     .pipe(
       rxjs.switchMap(([isIdle, piper]) => {
-        if (isIdle) return rxjs.timer(piper ? 15*60*1000 : 5*60*1000)
+        if (isIdle) return rxjs.timer(queryString.get("autoclose") == "long" || piper ? 15*60*1000 : 5*60*1000)
         else return rxjs.EMPTY
       })
     )
@@ -129,8 +129,13 @@ var messageHandlers = {
 
 registerMessageListener("player", messageHandlers)
 
-bgPageInvoke("playerCheckIn")
-  .catch(console.error)
+if (queryString.has("opener")) {
+  brapi.runtime.sendMessage({dest: queryString.get("opener"), method: "playerCheckIn"})
+    .catch(console.error)
+} else {
+  bgPageInvoke("playerCheckIn")
+    .catch(console.error)
+}
 
 document.addEventListener("DOMContentLoaded", initialize)
 

js/popup.js

@@ -1,5 +1,12 @@
 
 var queryString = getQueryString()
+const playerCheckIn$ = new rxjs.Subject()
+
+registerMessageListener("popup", {
+  playerCheckIn() {
+    playerCheckIn$.next()
+  }
+})
 
 const piperInitializingSubject = new rxjs.Subject()
 piperInitializingSubject
@@ -117,6 +124,23 @@ function handleError(err) {
       }
     })
   }
+  else if (config.browserId == "opera" && /locked fullscreen/.test(err.message)) {
+    $("#status").html("Click <a href='#open-player-tab'>here</a> to start read aloud.").show()
+    $("#status a").click(async function() {
+      try {
+        playerCheckIn$.pipe(rxjs.take(1)).subscribe(() => $("#btnPlay").click())
+        const tab = await brapi.tabs.create({
+          url: "player.html?opener=popup&autoclose=long",
+          index: 0,
+          active: false,
+        })
+        brapi.tabs.update(tab.id, {pinned: true})
+          .catch(console.error)
+      } catch (err) {
+        handleError(err)
+      }
+    })
+  }
   else {
     $("#status").text(err.message).show();
   }

options.html

@@ -11,6 +11,7 @@
   <script src="js/jquery-3.7.1.min.js"></script>
   <script src="js/aws-sdk.js"></script>
   <script src="js/defaults.js"></script>
+  <script src="js/messaging.js"></script>
   <script src="js/tts-engines.js"></script>
   <script src="js/options.js"></script>
 </head>

popup.html

@@ -12,6 +12,7 @@
   <script src="js/rxjs.umd.min.js"></script>
   <script src="js/jquery-3.7.1.min.js"></script>
   <script src="js/defaults.js"></script>
+  <script src="js/messaging.js"></script>
   <script src="js/popup.js"></script>
 </head>
 <body>