Firebase.js

import { initializeApp } from "firebase/app";
import { getAuth, signInWithPopup, GoogleAuthProvider, signOut } from "firebase/auth";
import { getFirestore, collection,  query, where, doc, setDoc, getDoc, getDocs, onSnapshot, updateDoc } from "firebase/firestore";
import { get } from 'svelte/store';
import AuthStore from "./AuthStore";
import UserInfoStore from "./UserInfoStore";

var firebaseConfig = {
    apiKey: 'AIzaSyByCa-MhbzY1ghAYjgcLLOHXyu2O1WP6x8',
    authDomain: 'studyhouse-74491.firebaseapp.com',
    projectId: 'studyhouse-74491',
    storageBucket: 'studyhouse-74491.appspot.com',
    messagingSenderId: '1058200447719',
    appId: '1:1058200447719:web:8923387544612014c25042',
    measurementId: 'G-KTGML69YYZ'
};

const app = initializeApp(firebaseConfig);
const auth = getAuth(app);
const db = getFirestore(app);

/**
 * @type {import("@firebase/firestore").Unsubscribe}
 */
let unsubscribe;

async function loginWithGoogle() {
    try {
        const result = await signInWithPopup(auth, new GoogleAuthProvider());
        const user = result.user;
        try {
            const uid = user.uid;
            let uid_str = String(uid);
            console.log(uid_str);
            const docRef = doc(db, "userInfo", uid_str);
            const docSnap = await getDoc(docRef);
            if (!docSnap.exists()) {
                try {
                    const newUserRef = collection(db, "userInfo");
                    await setDoc(doc(newUserRef, uid_str), {
                        "uid": uid_str,
                        "name": user.displayName,
                        "coins": 0,
                        "rooms": ["Gray"],
                        "decorations": []
                    });
                }
                catch (e) {
                    console.log(e)
                }
            } 
            unsubscribe = onSnapshot(doc(db, "userInfo", uid_str), (doc) => {
                try {
                    // @ts-ignore
                    if (doc.data() != undefined && doc.data().uid == uid_str) {
                        UserInfoStore.set({
                            // @ts-ignore
                            uid: doc.data().uid,
                            // @ts-ignore
                            name: doc.data().name, // Add the user's name to the UserInfoStore
                            // @ts-ignore
                            coins: doc.data().coins,
                            // @ts-ignore
                            rooms: doc.data().rooms,
                            // @ts-ignore
                            decorations: doc.data().decorations
                        });
                    }
                }
                catch (e) {
                    console.log(e);
                }
            });
        }
        catch (e) {
            console.log(e);
        }
        AuthStore.set({
            isLoggedIn: user !== undefined && user !== null,
            user: user,
            firebaseControlled: true
        });
    }
    catch (e) {
        console.log(e);
    }
}

async function logoutFromGoogle() {
    try {
        unsubscribe();
        await signOut(auth);
        AuthStore.set({
            isLoggedIn: false,
            user: undefined,
            firebaseControlled: true
        });
    }
    catch (e) {
        console.log(e);
    }
}

/**
 * @param {any} activity
 * @param {any} date
 * @param {any} length
 */
async function addActivity(activity, date, length) {
    try {
        const uid = get(AuthStore).user?.uid;
        const newActivityRef = doc(collection(db, "activities"));
        await setDoc(newActivityRef, {
            "uid": uid,
            "activity": activity,
            "date": date,
            "length": length
        });
        await updateDoc(doc(db, "userInfo", get(UserInfoStore).uid), {
            "uid": get(UserInfoStore).uid,
            "coins": get(UserInfoStore).coins + Math.round(length/1000),
            "rooms":  get(UserInfoStore).rooms,
            "decorations": get(UserInfoStore).decorations
        });
    }
    catch (e) {
        console.log(e);
    }
}

async function getActivities() {
    try {
        const uid = get(AuthStore).user?.uid;
        const q = query(collection(db, "activities"), where("uid", "==", uid));
        const querySnapshot = await getDocs(q);
        /**
         * @type {{ activity: any; date: any; length: any; }[]}
         */
        let ret = [];
        querySnapshot.forEach((doc) => {
            ret.push({
                "activity": doc.data().activity,
                "date": doc.data().date,
                "length": doc.data().length
            });
        });
        return ret;
    }
    catch (e) {
        console.log(e);
    }
}

/**
 * @param {string} room
 * @param {number} price
 */
async function buyRoom(room, price) {
    try {
        let rooms = get(UserInfoStore).rooms;
        rooms.push(room);
        await updateDoc(doc(db, "userInfo", get(UserInfoStore).uid), {
            "uid": get(UserInfoStore).uid,
            "coins": get(UserInfoStore).coins - price,
            "rooms": rooms,
            "decorations": get(UserInfoStore).decorations
        });
    }
    catch (e) {
        console.log(e);
    }
}


export const getGoogleUserDisplayName = () => {
    const user = auth.currentUser;
    if (user && user.providerData && user.providerData.length > 0) {
      const providerData = user.providerData[0];
      if (providerData.providerId === "google.com") {
        return providerData.displayName;
      }
    }
    return null;
  };

	export {
		loginWithGoogle,
		logoutFromGoogle,
		addActivity,
		getActivities,
		buyRoom, 
        auth
	};