From 17eff5ba88d304662b8ffd0fc8a1b8997bf3e123 Mon Sep 17 00:00:00 2001
From: reisxd <29177546+reisxd@users.noreply.github.com>
Date: Tue, 5 Mar 2024 23:28:15 +0300
Subject: [PATCH] feat: autolaunch & useragent settings (incomplete)

The User-Agent Settings does work, the problem is that the TizenTube module is, as the name says, is for Tizen. The User-Agent spoofs itself to be Cobalt (Google's own light HTML5 renderer) and because it has a few differences, both the back button (keyCode from Tizen is probably not there) and the TizenTube UI (need to set the nonce for styles) do not work. Once I fix this, I'll uncomment the lines and push a new update.
---
 tizenbrew-app/TizenBrew/index.html     |  16 ++
 tizenbrew-app/TizenBrew/js/wsClient.js |  13 ++
 tizenbrew-app/TizenBrew/settings.html  | 196 +++++++++++++++++++++++++
 3 files changed, 225 insertions(+)
 create mode 100644 tizenbrew-app/TizenBrew/settings.html
diff --git a/tizenbrew-app/TizenBrew/index.html b/tizenbrew-app/TizenBrew/index.html
index 4ce8f89..d967bcd 100644
--- a/tizenbrew-app/TizenBrew/index.html
+++ b/tizenbrew-app/TizenBrew/index.html
@@ -23,6 +23,7 @@
                         <p>Launch your favorite apps with mods and tweaks on your Tizen device.</p>
 
                         <p>Use the <span style="color: lightgreen;">GREEN</span> button to access the module manager.</p>
+                        <p>Use the <span style="color: #0dc1e9">BLUE</span> button to access the settings.</p>
                     </div>
                 </div>
 
@@ -127,6 +128,14 @@
                     case 404:
                         location.href = "/moduleManager.html";
 
+                        break;
+                    case 406:
+                        location.href = "/settings.html";
+
+                        break;
+                    case 38:
+                        canAutoLaunch = false;
+
                         break;
                 }
             };
@@ -164,6 +173,13 @@
         </script>
 
         <script>
+            if (localStorage.getItem('userAgent') != null) {
+                tizen.websetting.setUserAgentString(localStorage.getItem('userAgent'));
+            }
+
+            if (localStorage.getItem('autoLaunch') != null) {
+                document.getElementsByClassName('subtitle')[0].innerHTML += `<p>AutoLaunch is enabled. Press the [Arrow Up] button to disable AutoLaunch.</p>`;
+            }
             tizen.tvinputdevice.registerKey("ColorF1Green");
 
             tizen.tvinputdevice.registerKey("ColorF3Blue");
diff --git a/tizenbrew-app/TizenBrew/js/wsClient.js b/tizenbrew-app/TizenBrew/js/wsClient.js
index f6d8685..b4fc047 100644
--- a/tizenbrew-app/TizenBrew/js/wsClient.js
+++ b/tizenbrew-app/TizenBrew/js/wsClient.js
@@ -3,6 +3,7 @@
 let client;
 const isTizen3 = navigator.userAgent.includes('Tizen 3.0');
 let canLaunchModules = false;
+let canAutoLaunch = true;
 
 function connect() {
     const ip = localStorage.getItem('ip');
@@ -87,6 +88,18 @@ function onMessage(msg) {
         case 'canLaunchModules': {
             canLaunchModules = true;
             document.getElementById('wsText').innerText = 'Connected to server.';
+
+            if (canAutoLaunch && localStorage.getItem('autoLaunch')) {
+                const app = document.querySelector(`[data-packagename="${localStorage.getItem('autoLaunch')}"]`);
+                if (!app) {
+                    showError(`Error: Could not find the module ${localStorage.getItem('autoLaunch')}.`);
+                    return;
+                } else {
+                    const appPath = app.getAttribute('data-appPath');
+                    send({ type: 'launch', packageName: localStorage.getItem('autoLaunch') });
+                    location.href = appPath;
+                }
+            }
             break;
         }
         default: {
diff --git a/tizenbrew-app/TizenBrew/settings.html b/tizenbrew-app/TizenBrew/settings.html
new file mode 100644
index 0000000..1944bd5
--- /dev/null
+++ b/tizenbrew-app/TizenBrew/settings.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>TizenBrew</title>
+    <script type="text/javascript" src="$WEBAPIS/webapis/webapis.js"></script>
+    <script src="./js/wsClient.js"></script>
+    <script src="./js/index.js"></script>
+    <link rel="stylesheet" href="./css/style.css" />
+</head>
+
+<body>
+    <div class="container">
+        <div class="header">
+            <div>
+                <div class="title">Tizen<span style="color: #0dc1e9;">Brew</span> Modules</div>
+                <div class="subtitle">
+                    <p>Launch your favorite apps with mods and tweaks on your Tizen device.</p>
+                    <p>Use the <span style="color: #0dc1e9;">BLUE</span> button to go back to module launcher.</p>
+                </div>
+            </div>
+            <p class="status" id="wsText">Status</p>
+        </div>
+        <div class="error-card">
+            <span class="exclamation-mark">!</span>
+            <span class="error-text">Error Message Here</span>
+        </div>
+        <div class="content">
+            <div data-selecteditem="0">
+                <div id="appList">
+                    <div class="card selected" tabindex="0" id="autoLaunch">
+                        <h1>Autolaunch Settings</h1>
+                        <h3>Launch your favorite module automatically when you launch TizenBrew.</h3>
+                    </div>
+                    <!--Does not work properly, not shown for now.-->
+                    <!--
+                        Current issues are:
+                        The back button does not work properly in TizenTube.
+                        The UI is broken in TizenTube. (TizenTube Settings, Video Speed Settings)
+
+                        Hopefully will be fixed in the future.
+                    -->
+                    <!--<div class="card" tabindex="0" id="userAgent">
+                        <h1>User-Agent Settings</h1>
+                        <h3>Change the User-Agent of TizenBrew modules for some effects like fixing the UI on TizenBrew.
+                        </h3>
+                    </div><!-->
+                </div>
+            </div>
+        </div>
+
+        <div class="footer">
+            <p id="navigateText">Use the LEFT and RIGHT arrow keys to navigate through the list.</p>
+        </div>
+    </div>
+</body>
+<script>
+    function hideError() {
+        document.querySelector(".error-card").style.display = "none";
+    }
+    function showError(errortext) {
+        document.getElementById("errorDiv").innerText = errortext;
+        document.querySelector("error-card").style.display = "flex";
+    }
+</script>
+<script>
+    window.selectedItem = document.querySelector(".selected");
+    window.currentRow = selectedItem.parentElement.parentElement;
+    function indexOf(array, item) {
+        for (var i = 0; i < array.length; i++) {
+            if (array[i] === item) {
+                return i;
+            }
+        }
+        return -1;
+    }
+
+    document.onkeydown = (e) => {
+        switch (e.keyCode) {
+            case 37:
+                if (selectedItem.previousElementSibling != null) {
+                    selectedItem.classList.remove("selected");
+                    selectedItem.previousElementSibling.classList.add("selected");
+                    selectedItem = selectedItem.previousElementSibling;
+                    currentRow.setAttribute("data-selecteditem", indexOf(currentRow.lastElementChild.children, selectedItem).toString());
+                }
+                break;
+            case 39:
+                if (selectedItem.nextElementSibling != null) {
+                    selectedItem.classList.remove("selected");
+                    selectedItem.nextElementSibling.classList.add("selected");
+                    selectedItem = selectedItem.nextElementSibling;
+                    currentRow.setAttribute("data-selecteditem", indexOf(currentRow.lastElementChild.children, selectedItem).toString());
+                }
+                break;
+            case 13:
+                var packageName = selectedItem.getAttribute("data-packagename");
+                if (packageName != null) {
+                    var hasConfirmined = confirm(`Do you want to set ${packageName} to launch on start?`);
+                    if (hasConfirmined) {
+                        localStorage.setItem('autoLaunch', packageName);
+                        location.reload();
+                    }
+                } else if (selectedItem.id == "autoLaunch") {
+                    loadModules();
+                } else if (selectedItem.id == "userAgent") {
+                    setUserAgentMenu();
+                } else if (selectedItem.id == "disableAutoLaunch") {
+                    var hasConfirmined = confirm(`Do you want to disable autolaunch?`);
+                    if (hasConfirmined) {
+                        localStorage.removeItem('autoLaunch');
+                        location.reload();
+                    }
+                } else if (selectedItem.id == "removeUserAgent") {
+                    userAgentWarnMenu(null, false)
+                } else if (selectedItem.id == "cobalt9") {
+                    userAgentWarnMenu("Mozilla/5.0 Cobalt/9", true);
+                } else if (selectedItem.id == "cobalt23") {
+                    userAgentWarnMenu("Mozilla/5.0 Cobalt/23", true);
+                }
+                break;
+            case 406:
+                location.href = "/index.html";
+                break;
+            case 65376:
+                var input = document.getElementById("appName");
+                var modules = JSON.parse(localStorage.getItem("modules"));
+                modules.push(input.value);
+                localStorage.setItem("modules", JSON.stringify(modules));
+                location.reload();
+                break;
+        }
+    };
+</script>
+<script>
+    "use strict";
+
+    function loadModules() {
+        const modules = JSON.parse(localStorage.getItem("modules"));
+        if (modules.length != 0) {
+            let firstOne = true;
+            document.getElementById("appList").innerHTML = "";
+            for (const module of modules) {
+                document.getElementById("appList").innerHTML += `
+                    <div data-packagename="${module}" class="card ${firstOne ? "selected" : ""}" tabindex="0">
+                            <h1>${module}</h1>
+                    </div>
+                    `;
+                firstOne = false;
+            }
+            document.getElementById("appList").innerHTML += `
+                    <div class="card" tabindex="0" id="disableAutoLaunch">
+                            <h1>Disable Autolaunch</h1>
+                    </div>
+                    `;
+            window.selectedItem = document.querySelector(".selected");
+            window.currentRow = selectedItem.parentElement.parentElement;
+        } else {
+            alert('No modules found.');
+            location.reload();
+        }
+    }
+
+    function setUserAgentMenu() {
+        document.getElementById("appList").innerHTML = "";
+        document.getElementById("appList").innerHTML = `
+            <div class="card selected" tabindex="0" id="removeUserAgent">
+                    <h1>Default</h1>
+            </div>
+            <div class="card" tabindex="0" id="cobalt9">
+                    <h1>Cobalt 9 (Stable, works on Tizen 3+</h1>
+            </div>
+            <div class="card" tabindex="0" id="cobalt23">
+                    <h1>Cobalt 23 (Works on Tizen 5+)</h1>
+            </div>
+            `;
+        window.selectedItem = document.querySelector(".selected");
+        window.currentRow = selectedItem.parentElement.parentElement;
+    }
+
+    function setUserAgent(userAgent) {
+        if (!userAgent) {
+            localStorage.removeItem('userAgent');
+        } else localStorage.setItem('userAgent', userAgent);
+    }
+
+    function userAgentWarnMenu(userAgent, warn) {
+        var hasConfirmined = confirm(`Do you want to set the User-Agent to ${userAgent}?${warn ? '\nNote that while this could have positive effects, there could also be negative effects.' : ''}`);
+        if (hasConfirmined) {
+            setUserAgent(userAgent);
+            location.reload();
+        }
+    }
+</script>
+
+</html>
\ No newline at end of file
