database.js

import { initializeApp } from "https://www.gstatic.com/firebasejs/10.8.0/firebase-app.js";
import { addDoc, collection, getDocs, getFirestore, query, updateDoc, where } from "https://www.gstatic.com/firebasejs/10.8.0/firebase-firestore.js";

const stuffQuizProxiedURL = 'https://corsproxy.io/?' + encodeURIComponent('https://www.stuff.co.nz/_json/national/quizzes?limit=99&nocache=' + new Date().toDateString());

const isLocalhost = window.location.hostname === 'localhost';

async function fetchQuizzes() {
  const stories = await fetch(stuffQuizProxiedURL)
    .then(response => response.json())
    .then(response => response.stories)
    .catch(() => []);

  return stories
    .sort((a, b) => b.datetime_iso8601.localeCompare(a.datetime_iso8601))
    .reduce((acc, story) => {
      const title = story.title.toLowerCase();
      if (title.includes("trivia challenge") && !title.includes("kids")) {
        acc.quizzes.push(story);
      } else if (title.includes("three strikes trivia")) {
        acc.threeStrikes.push(story);
      } else if (title.includes("hard word")) {
        acc.hardWords.push(story);
      }
      return acc;
    }, { quizzes: [], threeStrikes: [], hardWords: [] });
}

export class Database {
  static firebaseConfig = {
    apiKey: "AIzaSyAoYRHH_PI7IPE9zwDiP4tfeGVwHFNhBUU",
    authDomain: "quizzaroo-f98dc.firebaseapp.com",
    projectId: "quizzaroo-f98dc",
    storageBucket: "quizzaroo-f98dc.appspot.com",
    messagingSenderId: "728917953883",
    appId: "1:728917953883:web:66fc2f6eb3cccd7c7cde7e"
  };
  static app = initializeApp(this.firebaseConfig);
  static database = getFirestore(this.app);
  static stories;

  /**
   * Loads the latest snapshot of the Quiz metadata from firebase.
   */
  static async load(callback) {
    const cache = JSON.parse(sessionStorage.getItem('quizzes'));
    const stories = cache && isLocalhost
      ? cache
      : await fetchQuizzes();

    console.log('Stories: ', stories);

    if (!cache && isLocalhost) {
      sessionStorage.setItem('quizzes', JSON.stringify(stories));
    }

    getDocs(collection(this.database, "quizzes")).then(snapshot => {
      snapshot.forEach((doc) => {
        const data = doc.data();
        if (!data) return;
        const quiz = stories.quizzes.find(q => q.id === data.quizId);
        if (!quiz) return;
        quiz.complete = data.complete;
        quiz.score = data.score;
      });

      callback(stories)
    });
  }

  /**
   * Mark a quiz as complete/incomplete.
   * @param {string} quizId The ID of the quiz.
   * @param {boolean} complete Set `true` to mark as complete, `false` to mark as incomplete.
   */
  static async markQuizComplete(quizId, complete) {
    const result = await getDocs(query(collection(this.database, "quizzes"), where('quizId', '==', quizId)));
    if (result.empty) {
      await addDoc(collection(this.database, "quizzes"), { complete, score: 0, quizId });
    } else {
      const document = result.docs[0]?.ref;
      await updateDoc(document, { complete });
    }
  }

  /**
   * Set a quiz's score.
   * @param {string} quizId The ID of the quiz.
   * @param {number} score The score to set.
   */
  static async setQuizScore(quizId, score) {
    const result = await getDocs(query(collection(this.database, "quizzes"), where('quizId', '==', quizId)));
    if (result.empty) {
      await addDoc(collection(this.database, "quizzes"), { complete: false, score, quizId });
    } else {
      const document = result.docs[0]?.ref;
      await updateDoc(document, { score });
    }
  }
}