Add social login support for web

src/renderer/lib/auth.store.ts

@@ -11,6 +11,7 @@ import {
   sendPasswordResetEmail,
   signInAnonymously,
   signInWithCredential,
+  signInWithPopup,
   signOut,
 } from "firebase/auth";
 import { FirebaseError } from "firebase/app";
@@ -102,6 +103,15 @@ const createAuth = () => {
     }
   }
 
+  async function googleLoginPopup() {
+    await signInWithPopup(
+      getCurrentCentralAuth(),
+      new GoogleAuthProvider()
+    ).catch((error) => {
+      console.log(error);
+    });
+  }
+
   async function logout() {
     await signOut(getCurrentCentralAuth()).catch((error) => {
       console.log(error);
@@ -154,6 +164,7 @@ const createAuth = () => {
     getCurrentAuthEnvironment,
     setCurrentAuthEnvironment,
     sendForgottenPasswordLink,
+    googleLoginPopup,
   };
 };
 

src/renderer/main/modals/UserLogin.svelte

@@ -27,6 +27,16 @@
     });
   }
 
+  function socialLogin() {
+    if (import.meta.env.VITE_WEB_MODE) {
+      authStore.googleLoginPopup();
+    } else {
+      window.electron.openInBrowser(
+        $appSettings.persistent.profileCloudUrl + "/authorize"
+      );
+    }
+  }
+
   function forgottenPassword() {
     if (!email) {
       loginError = "Input email to send the password reset to!";
@@ -120,10 +130,7 @@
 
         <button
           class="self-center rounded flex items-center justify-start font-medium bg-emerald-600 hover:bg-emerald-700"
-          on:click={() =>
-            window.electron.openInBrowser(
-              $appSettings.persistent.profileCloudUrl + "/authorize"
-            )}
+          on:click={() => socialLogin()}
         >
           <div class="w-14 h-14 p-1">
             <svg

src/renderer/preload-window-config.ts

@@ -114,7 +114,9 @@ if (import.meta.env.VITE_WEB_MODE == "true") {
 
     restartPackageManager: () => {},
     resetAppSettings: () => {},
-    openInBrowser: () => {},
+    openInBrowser: (url) => {
+      window.open(url, "_blank").focus();
+    },
     overlay: () => {},
   };
 }