From 0357bcd08514f0faea44f4fd6e8e6df1c9f4d027 Mon Sep 17 00:00:00 2001
From: Matthew Olivo <saviorxtanren@outlook.com>
Date: Wed, 23 Oct 2024 22:45:26 -0700
Subject: [PATCH] - Updating XSplit extension HTML file for XSplit changes

---
 MixItUp.Base/XSplit/Mix It Up.html | 438 ++++++++++++++---------------
 1 file changed, 218 insertions(+), 220 deletions(-)
diff --git a/MixItUp.Base/XSplit/Mix It Up.html b/MixItUp.Base/XSplit/Mix It Up.html
index 44a74501a..5d77659cd 100644
--- a/MixItUp.Base/XSplit/Mix It Up.html	
+++ b/MixItUp.Base/XSplit/Mix It Up.html	
@@ -1,248 +1,246 @@
 ﻿<html>
 <head>
-  <meta charset="utf-8">
-  <style>
-    body {
-      color: white;
-    }
-  </style>
+    <meta charset="utf-8">
+    <style>
+        body {
+            color: white;
+        }
+    </style>
 </head>
 <body>
-  <div id='eventsDiv'>
-    Mix It Up Events:<BR><BR>
-  </div>
-
-  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
-  <script src="https://cdn2.xsplit.com/xjs/download/xjs-es2015.min.js"></script>
-  <script>
-      var connection;
-      var isDebug = false;
-
-      function openWebsocketConnection(path) {
-          openWebsocketConnectionWithAddressPort(window.location.hostname, window.location.port, path);
-      }
-
-      function openWebsocketConnectionWithAddressPort(address, port, path) {
-          try {
-              var protocol = "ws";
-              if (window.location.protocol === "https:") {
-                  protocol = "wss";
-              }
-              connection = new WebSocket(protocol + "://" + address + ":" + port + path);
-
-              // When the connection is open, send some data to the server
-              connection.onopen = function () {
-                  sendPacket('Ping', '');
-              };
-
-              // Log messages from the server
-              connection.onmessage = function (e) {
-                  var packet = getDataFromJSON(e.data);
-                  if (packet !== null && typeof packet.Type !== 'undefined') {
-                      if (packet.Type === "Debug") {
-                          isDebug = true;
-                      }
-                      else if (packet.Type === "Test") {
-                          sendPacket('Test', '');
-                      }
-                  }
-                  packetReceived(packet);
-              };
-
-              // Log errors
-              connection.onerror = function (error) {
-                  logToSessionStorage('WebSocket Error ' + error.toString());
-              };
-
-              connection.onclose = function (e) {
-                  setTimeout(function () { openWebsocketConnectionWithAddressPort(address, port, path); }, 1000);
-              };
-          }
-          catch (err) { logToSessionStorage(err); }
-      }
-
-      function sendPacket(type, data) {
-          try {
-              if (connection !== null && connection.readyState === WebSocket.OPEN) {
-                  var packet = { Type: type, Data: data };
-                  connection.send(JSON.stringify(packet));
-              }
-          }
-          catch (err) { logToSessionStorage(err); }
-      }
-
-      function getDataFromJSON(packet) {
-          try {
-              if (packet !== null) {
-                  return JSON.parse(packet);
-              }
-          }
-          catch (err) { logToSessionStorage(err); }
-          return null;
-      }
-
-      function isStringEmpty(str) {
-          return (!str || 0 === str.length);
-      }
-
-      function logToSessionStorage(log) {
-          try {
-              // Disabling session storage logging unless needed for diagnosing issues.
-              //
-              //if (typeof (Storage) !== "undefined") {
-              //    if (!sessionStorage.logs) {
-              //        sessionStorage.logs = "";
-              //    }
-              //    sessionStorage.logs += "\n\n" + log.toString();
-
-              //    console.log(log.toString());
-              //}
-          }
-          catch (err) { }
-      }
-
-    var xjs = _require('xjs');
-    var eventsDiv = document.getElementById('eventsDiv');
-    var disconnected = true;
-
-    function connectionOpened() {
-      eventsDiv.innerHTML += 'Connected to Mix It Up!<BR>';
-      disconnected = false;
-    }
-
-    function connectionClosed() {
-      if (!disconnected) {
-        eventsDiv.innerHTML += 'Disconnected from Mix It Up!<BR>';
-        disconnected = true;
-      }
-    }
-
-    function packetReceived(packet) {
-      try {
-        if (packet !== null && typeof packet.type !== 'undefined') {
-          if (packet.type === 'test') {
-            eventsDiv.innerHTML += 'Connection Test Successful!<BR>';
-          }
-          else if (packet.type === 'sceneTransition') {
-            sceneTransition(packet.data);
-          }
-          else if (packet.type === 'sourceUpdate') {
-            sourceUpdate(packet.data);
-          }
-          else if (packet.type === 'startStopStream') {
-            startStopStream(packet.data);
-          }
+    <div id='eventsDiv'>
+        Mix It Up Events:<BR><BR>
+    </div>
+
+    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+    <script src="https://cdn2.xsplit.com/xjs/download/xjs.js"></script>
+    <script>
+        var connection;
+        var isDebug = false;
+
+        function openWebsocketConnectionWithAddressPort(address, port, path) {
+            try {
+                var protocol = "ws";
+                if (window.location.protocol === "https:") {
+                    protocol = "wss";
+                }
+                connection = new WebSocket(protocol + "://" + address + ":" + port + path);
+
+                // When the connection is open, send some data to the server
+                connection.onopen = function () {
+                    connectionOpened();
+                    sendPacket('Ping', '');
+                };
+
+                // Log messages from the server
+                connection.onmessage = function (e) {
+                    var packet = getDataFromJSON(e.data);
+                    if (packet !== null && typeof packet.Type !== 'undefined') {
+                        if (packet.Type === "Debug") {
+                            isDebug = true;
+                        }
+                        else if (packet.Type === "Test") {
+                            sendPacket('Test', '');
+                        }
+                    }
+                    packetReceived(packet);
+                };
+
+                // Log errors
+                connection.onerror = function (error) {
+                    logToSessionStorage('WebSocket Error ' + error.toString());
+                };
+
+                connection.onclose = function (e) {
+                    connectionClosed();
+                    setTimeout(function () { openWebsocketConnectionWithAddressPort(address, port, path); }, 1000);
+                };
+            }
+            catch (err) { logToSessionStorage(err); }
+        }
+
+        function sendPacket(type, data) {
+            try {
+                if (connection !== null && connection.readyState === WebSocket.OPEN) {
+                    var packet = { Type: type, Data: data };
+                    connection.send(JSON.stringify(packet));
+                }
+            }
+            catch (err) { logToSessionStorage(err); }
+        }
+
+        function getDataFromJSON(packet) {
+            try {
+                if (packet !== null) {
+                    return JSON.parse(packet);
+                }
+            }
+            catch (err) { logToSessionStorage(err); }
+            return null;
         }
-      }
-      catch (err) { logException(err); }
-    }
-
-    async function sceneTransition(data) {
-      try {
-        eventsDiv.innerHTML += 'Scene Transition: ' + data.sceneName + '<BR>';
-
-        await xjs.ready();
-        let scenes = await xjs.Scene.getByName(data.sceneName);
-        if (scenes !== null && scenes.length > 0) {
-            await xjs.Scene.setActiveScene(scenes[0]);
+
+        function isStringEmpty(str) {
+            return (!str || 0 === str.length);
         }
-      }
-      catch (err) { logException(err); }
-    }
 
-    async function sourceUpdate(data) {
-      try {
-        eventsDiv.innerHTML += 'Source Update: ' + data.sceneName + ' - ' + data.sourceName + ' - ' + data.sourceVisible + '<BR>';
+        function logToSessionStorage(log) {
+            try {
+                // Disabling session storage logging unless needed for diagnosing issues.
+                //
+                //if (typeof (Storage) !== "undefined") {
+                //    if (!sessionStorage.logs) {
+                //        sessionStorage.logs = "";
+                //    }
+                //    sessionStorage.logs += "\n\n" + log.toString();
+
+                //    console.log(log.toString());
+                //}
+            }
+            catch (err) { }
+        }
 
-        await xjs.ready();
+        var xjs = require('xjs');
+        var eventsDiv = document.getElementById('eventsDiv');
+        var disconnected = true;
 
-        let scene = null;
-        if (!isStringEmpty(data.sceneName)) {
-          scene = await xjs.Scene.getByName(data.sceneName);
+        function connectionOpened() {
+            eventsDiv.innerHTML += 'Connected to Mix It Up!<BR>';
+            disconnected = false;
         }
-        else {
-          scene = await xjs.Scene.getActiveScene();
+
+        function connectionClosed() {
+            if (!disconnected) {
+                eventsDiv.innerHTML += 'Disconnected from Mix It Up!<BR>';
+                disconnected = true;
+            }
         }
 
-        if (Array.isArray(scene)) {
-          scene = scene[0];
+        function packetReceived(packet) {
+            try {
+                if (packet !== null && typeof packet.type !== 'undefined') {
+                    if (packet.type === 'test') {
+                        eventsDiv.innerHTML += 'Connection Test Successful!<BR>';
+                    }
+                    else if (packet.type === 'sceneTransition') {
+                        sceneTransition(packet.data);
+                    }
+                    else if (packet.type === 'sourceUpdate') {
+                        sourceUpdate(packet.data);
+                    }
+                    else if (packet.type === 'startStopStream') {
+                        startStopStream(packet.data);
+                    }
+                }
+            }
+            catch (err) { logException(err); }
         }
 
-        let sources = await scene.getSources();
-        if (sources !== null && sources.length > 0) {
-          for (let i = 0; i < sources.length; i++) {
-            let sourceName = await sources[i].getCustomName();
-            if (sourceName.length === 0) {
-              sourceName = await sources[i].getName();
+        async function sceneTransition(data) {
+            try {
+                eventsDiv.innerHTML += 'Scene Transition: ' + data.sceneName + '<BR>';
+
+                await xjs.ready();
+                let scenes = await xjs.Scene.getByName(data.sceneName);
+                if (scenes !== null && scenes.length > 0) {
+                    await xjs.Scene.setActiveScene(scenes[0]);
+                }
             }
-            if (sourceName === data.sourceName) {
-              if (data.webBrowserUrl) {
-                eventsDiv.innerHTML += 'Source Web Browser Update: ' + data.webBrowserUrl + '<BR>';
-                try {
-                  sources[i].setURL(data.webBrowserUrl);
+            catch (err) { logException(err); }
+        }
+
+        async function sourceUpdate(data) {
+            try {
+                eventsDiv.innerHTML += 'Source Update: ' + data.sceneName + ' - ' + data.sourceName + ' - ' + data.sourceVisible + '<BR>';
+
+                await xjs.ready();
+
+                let scene = null;
+                if (!isStringEmpty(data.sceneName)) {
+                    scene = await xjs.Scene.getByName(data.sceneName);
+                }
+                else {
+                    scene = await xjs.Scene.getActiveScene();
                 }
-                catch (err) { logException(err); }
-              }
-
-              let items = await sources[i].getItemList();
-              if (items !== null && items.length > 0) {
-                for (let j = 0; j < items.length; j++) {
-                  try {
-                    if (items[j].setVisible) {
-                      await items[j].setVisible(data.sourceVisible);
-                    } else if (items[j].setMute) {
-                      await items[j].setMute(!data.sourceVisible);
+
+                if (Array.isArray(scene)) {
+                    scene = scene[0];
+                }
+
+                let sources = await scene.getSources();
+                if (sources !== null && sources.length > 0) {
+                    for (let i = 0; i < sources.length; i++) {
+                        let sourceName = await sources[i].getCustomName();
+                        if (sourceName.length === 0) {
+                            sourceName = await sources[i].getName();
+                        }
+                        if (sourceName === data.sourceName) {
+                            if (data.webBrowserUrl) {
+                                eventsDiv.innerHTML += 'Source Web Browser Update: ' + data.webBrowserUrl + '<BR>';
+                                try {
+                                    sources[i].setURL(data.webBrowserUrl);
+                                }
+                                catch (err) { logException(err); }
+                            }
+
+                            let items = await sources[i].getItemList();
+                            if (items !== null && items.length > 0) {
+                                for (let j = 0; j < items.length; j++) {
+                                    try {
+                                        if (items[j].setVisible) {
+                                            await items[j].setVisible(data.sourceVisible);
+                                        } else if (items[j].setMute) {
+                                            await items[j].setMute(!data.sourceVisible);
+                                        }
+                                    }
+                                    catch (err) { logException(err); }
+                                }
+                            }
+                        }
                     }
-                  }
-                  catch (err) { logException(err); }
                 }
-              }
             }
-          }
-        }
-      }
-      catch (err) { logException(err); }
-    }
-
-    async function startStopStream(data) {
-      try {
-        await xjs.ready();
-        let channels = await xjs.StreamInfo.getActiveStreamChannels();
-        var isOnline = false;
-        for (let i = 0; i < channels.length; i++) {
-          let channelName = await channels[i].getName();
-          if (channelName.includes(data.outputName)) {
-            isOnline = true;
-            break;
-          }
+            catch (err) { logException(err); }
         }
 
-        let outputs = await xjs.Output.getOutputList();
-        for (let i = 0; i < outputs.length; i++) {
-          let outputName = await outputs[i].getName();
-          if (outputName.includes(data.outputName)) {
-            if (isOnline) {
-              eventsDiv.innerHTML += 'Stopping broadcast<BR>';
-              await outputs[i].stopBroadcast();
-            } else {
-              eventsDiv.innerHTML += 'Starting broadcast<BR>';
-              await outputs[i].startBroadcast({
-                suppressPrestreamDialog: true
-              });
+        async function startStopStream(data) {
+            try {
+                await xjs.ready();
+                let channels = await xjs.StreamInfo.getActiveStreamChannels();
+                var isOnline = false;
+                for (let i = 0; i < channels.length; i++) {
+                    let channelName = await channels[i].getName();
+                    if (channelName.includes(data.outputName)) {
+                        isOnline = true;
+                        break;
+                    }
+                }
+
+                let outputs = await xjs.Output.getOutputList();
+                for (let i = 0; i < outputs.length; i++) {
+                    let outputName = await outputs[i].getName();
+                    if (outputName.includes(data.outputName)) {
+                        if (isOnline) {
+                            eventsDiv.innerHTML += 'Stopping broadcast<BR>';
+                            await outputs[i].stopBroadcast();
+                        } else {
+                            eventsDiv.innerHTML += 'Starting broadcast<BR>';
+                            await outputs[i].startBroadcast({
+                                suppressPrestreamDialog: true
+                            });
+                        }
+                    }
+                }
             }
-          }
+            catch (err) { logException(err); }
         }
-      }
-      catch (err) { logException(err); }
-    }
 
-    function logException(err) {
-      eventsDiv.innerHTML += 'Error Occurred: ' + err.toString() + '<BR>';
-      logToSessionStorage(err);
-    }
+        function logException(err) {
+            eventsDiv.innerHTML += 'Error Occurred: ' + err.toString() + '<BR>';
+            logToSessionStorage(err);
+        }
 
-    openWebsocketConnectionWithAddress('localhost', '8211');
-  </script>
+        openWebsocketConnectionWithAddressPort('localhost', '8211', '');
+    </script>
 </body>
 
 </html>
\ No newline at end of file
