From 075bd7d791aadb2213fdbc61bc006f5db07631a8 Mon Sep 17 00:00:00 2001
From: ThinLiquid <thnlqd@gmail.com>
Date: Mon, 13 Nov 2023 10:53:12 +0000
Subject: [PATCH 1/2] =?UTF-8?q?[=E2=9C=A8]=20Added=20proxy=20toggle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/browser.ts | 50 +++++++++++++++++++++++++++++++++++++++------
 1 file changed, 44 insertions(+), 6 deletions(-)

diff --git a/src/apps/browser.ts b/src/apps/browser.ts
index 2fcbffc..360c0c1 100644
--- a/src/apps/browser.ts
+++ b/src/apps/browser.ts
@@ -33,6 +33,7 @@ export default class BrowserApp implements App {
         <i class='forward bx bx-right-arrow-alt'></i>
         <i class='refresh bx bx-refresh'></i>
         <input class="inp" style="border-radius: 15px;flex: 1;background: var(--base);border:none;padding: 0px 16px;height: 30px;">
+        <i class='toggle bx bx-wifi'></i>
       </div>
       <div id="content-container"></div>
       <style>
@@ -66,12 +67,13 @@ export default class BrowserApp implements App {
 
     class Tab {
       active = false
+      proxy = true
 
       header = document.createElement('div')
       iframe: HTMLIFrameElement = document.createElement('iframe')
 
       constructor (url: string) {
-        this.iframe.src = url
+        this.iframe.src = `/service/${xor.encode(url)}`
         this.iframe.style.display = 'none'
 
         this.header.innerHTML = `
@@ -79,6 +81,23 @@ export default class BrowserApp implements App {
           <span class="close">&times;</sp>
         `
       }
+
+      toggle() {
+        this.proxy = !this.proxy
+        if (this.proxy === false) {
+          if (this === tabManager.activeTab) {
+            win.content.querySelector('.toggle')?.classList.remove('bx-wifi')
+            win.content.querySelector('.toggle')?.classList.add('bx-wifi-off')
+          }
+          this.iframe.src = win.content.querySelector('input')?.value as string
+        } else {
+          if (this === tabManager.activeTab) {
+            win.content.querySelector('.toggle')?.classList.remove('bx-wifi-off')
+            win.content.querySelector('.toggle')?.classList.add('bx-wifi')
+          }
+          this.iframe.src = `/service/${xor.encode(win.content.querySelector('input')?.value as string)}`
+        }
+      }
     }
 
     class TabManager {
@@ -99,6 +118,7 @@ export default class BrowserApp implements App {
 
         tab.iframe.onload = () => {
           (tab.header.querySelector('.title') as HTMLElement).textContent = tab.iframe.contentDocument?.title as string
+          if (tab.iframe.contentDocument?.title as string === '') (tab.header.querySelector('.title') as HTMLElement).textContent = 'Tab'
           if (tab === this.activeTab) (win.content.querySelector('.inp') as HTMLInputElement).value = xor.decode((tab.iframe.contentWindow as Window).location.href.split('/service/')[1])
         }
       }
@@ -110,7 +130,7 @@ export default class BrowserApp implements App {
         if (tab.active) {
           const lastTab = win.content.querySelector('#tabs-container')?.lastElementChild
           if (lastTab !== undefined) (lastTab?.querySelector('.title') as HTMLElement).click()
-          else this.addTab(new Tab(`/service/${xor.encode('https://google.com')}`))
+          else this.addTab(new Tab('https://google.com'))
         }
       }
 
@@ -123,7 +143,17 @@ export default class BrowserApp implements App {
           }
         })
 
-        try { (win.content.querySelector('.inp') as HTMLInputElement).value = xor.decode((tab.iframe.contentWindow as Window).location.href.split('/service/')[1]) } catch (e) { (win.content.querySelector('.inp') as HTMLInputElement).value = 'about:blank' }
+        
+
+        if (tab.proxy === false) {
+          try { (win.content.querySelector('.inp') as HTMLInputElement).value = (tab.iframe.contentWindow as Window).location.href } catch (e) { (win.content.querySelector('.inp') as HTMLInputElement).value = 'about:blank' }
+          win.content.querySelector('.toggle')?.classList.remove('bx-wifi')
+          win.content.querySelector('.toggle')?.classList.add('bx-wifi-off')
+        } else {
+          try { (win.content.querySelector('.inp') as HTMLInputElement).value = xor.decode((tab.iframe.contentWindow as Window).location.href.split('/service/')[1]) } catch (e) { (win.content.querySelector('.inp') as HTMLInputElement).value = 'about:blank' }
+          win.content.querySelector('.toggle')?.classList.remove('bx-wifi-off')
+          win.content.querySelector('.toggle')?.classList.add('bx-wifi')
+        }
 
         tab.active = true
         tab.iframe.style.display = 'block'
@@ -138,7 +168,11 @@ export default class BrowserApp implements App {
 
     win.content.querySelector('.inp')?.addEventListener('keydown', (event: KeyboardEvent) => {
       if (event.key === 'Enter') {
-        tabManager.activeTab.iframe.src = `/service/${xor.encode((win.content.querySelector('.inp') as HTMLInputElement).value)}`
+        if (tabManager.activeTab.proxy === true) {
+          tabManager.activeTab.iframe.src = `/service/${xor.encode((win.content.querySelector('.inp') as HTMLInputElement).value)}`
+        } else {
+          tabManager.activeTab.iframe.src = (win.content.querySelector('.inp') as HTMLInputElement).value as string
+        }
       }
     })
 
@@ -185,7 +219,7 @@ export default class BrowserApp implements App {
     };
 
     (win.content.querySelector('button') as HTMLElement).onclick = () => {
-      tabManager.addTab(new Tab(`/service/${xor.encode('https://google.com')}`))
+      tabManager.addTab(new Tab('https://google.com'))
     }
 
     (win.content.querySelector('.refresh') as HTMLElement).onclick = () => {
@@ -200,7 +234,11 @@ export default class BrowserApp implements App {
       tabManager.activeTab.iframe.contentWindow?.history.forward()
     }
 
-    tabManager.addTab(new Tab(`/service/${xor.encode('https://google.com')}`))
+    (win.content.querySelector('.toggle') as HTMLElement).onclick = () => {
+      tabManager.activeTab.toggle()
+    }
+
+    tabManager.addTab(new Tab(`https://google.com`))
 
     return win
   }

From 208544d7e16bc3b8f4371400e5687dda9ba397c6 Mon Sep 17 00:00:00 2001
From: ThinLiquid <thnlqd@gmail.com>
Date: Mon, 13 Nov 2023 10:56:24 +0000
Subject: [PATCH 2/2] =?UTF-8?q?[=E2=9C=94=EF=B8=8F]=20Follow=20ts-standard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/browser.ts | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/apps/browser.ts b/src/apps/browser.ts
index 360c0c1..971e78a 100644
--- a/src/apps/browser.ts
+++ b/src/apps/browser.ts
@@ -82,9 +82,9 @@ export default class BrowserApp implements App {
         `
       }
 
-      toggle() {
+      toggle (): void {
         this.proxy = !this.proxy
-        if (this.proxy === false) {
+        if (!this.proxy) {
           if (this === tabManager.activeTab) {
             win.content.querySelector('.toggle')?.classList.remove('bx-wifi')
             win.content.querySelector('.toggle')?.classList.add('bx-wifi-off')
@@ -143,9 +143,7 @@ export default class BrowserApp implements App {
           }
         })
 
-        
-
-        if (tab.proxy === false) {
+        if (!tab.proxy) {
           try { (win.content.querySelector('.inp') as HTMLInputElement).value = (tab.iframe.contentWindow as Window).location.href } catch (e) { (win.content.querySelector('.inp') as HTMLInputElement).value = 'about:blank' }
           win.content.querySelector('.toggle')?.classList.remove('bx-wifi')
           win.content.querySelector('.toggle')?.classList.add('bx-wifi-off')
@@ -168,10 +166,10 @@ export default class BrowserApp implements App {
 
     win.content.querySelector('.inp')?.addEventListener('keydown', (event: KeyboardEvent) => {
       if (event.key === 'Enter') {
-        if (tabManager.activeTab.proxy === true) {
+        if (tabManager.activeTab.proxy) {
           tabManager.activeTab.iframe.src = `/service/${xor.encode((win.content.querySelector('.inp') as HTMLInputElement).value)}`
         } else {
-          tabManager.activeTab.iframe.src = (win.content.querySelector('.inp') as HTMLInputElement).value as string
+          tabManager.activeTab.iframe.src = (win.content.querySelector('.inp') as HTMLInputElement).value
         }
       }
     })
@@ -238,7 +236,7 @@ export default class BrowserApp implements App {
       tabManager.activeTab.toggle()
     }
 
-    tabManager.addTab(new Tab(`https://google.com`))
+    tabManager.addTab(new Tab('https://google.com'))
 
     return win
   }