Updates

Author: gvbvdxx

server-src/server.js

@@ -4823,7 +4823,6 @@ if (process.env.serverPort) {
 if (process.env.PORT) {
   serverPort = Number(process.env.PORT);
 }
-
 (async function () {
   await checkServerLoop(); //when it loops back, it accepts the promise.
   server.listen(serverPort);

src/chat/elementjson/chat-styles.css

@@ -1663,3 +1663,12 @@ a {
     transform: translate(0, 0) scale(1, 1);
   }
 }
+
+.veryImportantDialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 999999999;
+}

src/chat/elementjson/main.js

@@ -1,5 +1,6 @@
 require("../../fontface.js");
 var styles = require("./chat-styles.css"); //Imported as text.
+var elements = require("../../gp2/elements.js");
 //Elements will be processed by gp2/elements.js
 module.exports = [
   {
@@ -34,19 +35,27 @@ module.exports = [
           require("./noroom.js"),
           require("./chatinterface.js"),
           require("./chatmenu.js"),
-          require("./reconnecting.js"),
         ],
       },
-      require("./accountnotice.js"),
-      require("./usernameerror.js"),
-      require("./roomerror.js"),
-      require("./noguests.js"),
-      require("./notallowed.js"),
-      require("./banned.js"),
-      require("./update.js"),
-      require("./offlineerror.js"),
-      require("./installappdialog.js"),
-      require("./toomanyconnections.js"),
     ],
   },
 ];
+//Dialogs.
+elements.appendElementsFromJSON(document.body, [
+  //Low level dialogs, not really important.
+  require("./accountnotice.js"),
+  require("./installappdialog.js"),
+
+  //Medium level dialogs, important notices.
+  require("./usernameerror.js"),
+  require("./roomerror.js"),
+  require("./noguests.js"),
+  require("./notallowed.js"),
+  require("./toomanyconnections.js"),
+
+  require("./reconnecting.js"),
+
+  //High level dialogs, these need to be to front.
+  require("./update.js"),
+  require("./offlineerror.js"),
+]);

src/chat/elementjson/offlineerror.js

@@ -5,6 +5,7 @@ module.exports = {
   style: {
     zIndex: 10,
   },
+  className: "veryImportantDialog",
   children: [
     {
       element: "div",

src/chat/elementjson/reconnecting.js

@@ -5,6 +5,7 @@ module.exports = {
   style: {
     zIndex: 10,
   },
+  className: "veryImportantDialog",
   children: [
     {
       element: "div",

src/chat/elementjson/update.js

@@ -5,6 +5,7 @@ module.exports = {
   },
   gid: "rrUpdateScreen",
   hidden: true,
+  className: "veryImportantDialog",
   children: [
     {
       element: "div",

src/chat/interface/roomselect.js

@@ -3,6 +3,7 @@ var accountHelper = require("../../accounthelper");
 var dialog = require("../../dialogs.js");
 var currentRoom = require("./getroom.js");
 var KnownUserList = require("./userlist-menu.js");
+var commandEffects = elements.getGPId("commandEffects");
 var rs = {};
 
 var validState = accountHelper.getCurrentValidationState();
@@ -102,7 +103,7 @@ function doJoinCodeScreen(code) {
     },
   ]);
   elements.appendElements(div, dom);
-  document.body.append(div);
+  commandEffects.append(div);
 
   return {
     remove: function () {
@@ -157,7 +158,7 @@ async function doRoomSelect() {
     loadingSpinnerCDiv.append(loadingSpinnerContainerDiv);
     loadingSpinnerCDiv.className = "centerMiddle";
     dialogBG.append(loadingSpinnerCDiv);
-    document.body.append(dialogBG);
+    commandEffects.append(dialogBG);
     try {
       var rooms = await getRooms();
       dialogBG.remove();
@@ -595,7 +596,7 @@ async function doRoomSelect() {
       },
     ]);
     elements.appendElements(div, dom);
-    document.body.append(div);
+    commandEffects.append(div);
   } catch (e) {
     window.alert(e);
   }

wpstatic/version.json

@@ -1 +1 @@
-{"timestamp":"1761911048711"}
+{"timestamp":"1761913275737"}