auth-service-worker.js

// @ts-nocheck
import {initializeApp} from "firebase/app";
import {getAuth, getIdToken} from "firebase/auth";
import {getInstallations, getToken} from "firebase/installations";

// this is set during install
let firebaseConfig;

self.addEventListener("install", (event) => {
  // extract firebase config from query string
  const serializedFirebaseConfig = new URL(location).searchParams.get(
    "firebaseConfig"
  );

  if (!serializedFirebaseConfig) {
    throw new Error(
      "Firebase Config object not found in service worker query string."
    );
  }

  firebaseConfig = JSON.parse(serializedFirebaseConfig);
});

self.addEventListener("fetch", (event) => {
  const {origin} = new URL(event.request.url);
  if (origin !== self.location.origin) return;
  event.respondWith(fetchWithFirebaseHeaders(event.request));
});

async function fetchWithFirebaseHeaders(request) {
  const app = initializeApp(firebaseConfig);
  const auth = getAuth(app);
  const installations = getInstallations(app);
  const headers = new Headers(request.headers);
  const [authIdToken, installationToken] = await Promise.all([
    getAuthIdToken(auth),
    getToken(installations),
  ]);
  headers.append("Firebase-Instance-ID-Token", installationToken);
  if (authIdToken) headers.append("Authorization", `Bearer ${authIdToken}`);
  if (auth.currentUser) headers.append("user_session", auth.currentUser.uid);
  const newRequest = new Request(request, {headers});
  return await fetch(newRequest);
}

async function getAuthIdToken(auth) {
  await auth.authStateReady();
  if (!auth.currentUser) return;
  return await getIdToken(auth.currentUser);
}