From aad072294e5f5edd3784c5aa50957a327301fd11 Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Fri, 15 Mar 2024 07:56:38 +0900
Subject: [PATCH] Add fullscreen icon on the front mage

---
 src/lib/Others/GithubStars.svelte | 11 +++++++++--
 src/ts/storage/globalApi.ts       |  4 ++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/lib/Others/GithubStars.svelte b/src/lib/Others/GithubStars.svelte
index c50def08..d87269d9 100644
--- a/src/lib/Others/GithubStars.svelte
+++ b/src/lib/Others/GithubStars.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { MailIcon, WalletIcon } from "lucide-svelte";
-  import { isTauri, openURL } from "src/ts/storage/globalApi";
+  import { MailIcon, MaximizeIcon, WalletIcon } from "lucide-svelte";
+  import { isTauri, openURL, toggleFullscreen } from "src/ts/storage/globalApi";
 
 </script>
 <svelte:head>
@@ -27,4 +27,11 @@
   }}>
     <MailIcon size={24} />
   </button>
+  {#if !isTauri}
+    <button class="text-textcolor" on:click={() => {
+      toggleFullscreen()
+    }}>
+      <MaximizeIcon size={24} />
+    </button>
+  {/if}
 </div>
\ No newline at end of file
diff --git a/src/ts/storage/globalApi.ts b/src/ts/storage/globalApi.ts
index 83c64b52..f7a082d3 100644
--- a/src/ts/storage/globalApi.ts
+++ b/src/ts/storage/globalApi.ts
@@ -1468,4 +1468,8 @@ export async function fetchNative(url:string, arg:{
 
 export function textifyReadableStream(stream:ReadableStream<Uint8Array>){
     return new Response(stream).text()
+}
+
+export function toggleFullscreen(){
+    document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen()
 }
\ No newline at end of file