Update index.html

index.html

@@ -22,16 +22,23 @@
         <p>After clicking "Signin with HF", you will be redirected to this space and the access token + user info will be displayed.</p>
       </div>
       <img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/sign-in-with-huggingface-xl-dark.svg" alt="Sign in with Hugging Face" style="cursor: pointer; display: none;" id="signin">
+      <button id="signout" style="display: none">Sign out</button>
       <pre>
         
       </pre>
       <script type="module">
         import { oauthLoginUrl, oauthHandleRedirectIfPresent } from "@huggingface/hub";
 
-        const oauthResult = await oauthHandleRedirectIfPresent();
+        const oauthResult = localStorage.get("oauth") || await oauthHandleRedirectIfPresent();
 
         if (oauthResult) {
           document.querySelector("pre").textContent = JSON.stringify(oauthResult, null, 2);
+          localStorage.setItem("oauth", oauthResult);
+          document.getElementById("signout").style.removeProperty("display");
+          document.getElementById("signout").onClick = async function() {
+            localStorage.removeItem("oauth");
+            window.location.href = window.location.href.replace(/\?.*$/, '');
+          }
         } else {
           document.getElementById("signin").style.removeProperty("display");
           document.getElementById("signin").onclick = async function() {