cache token (#476)

<!--変更したい場合は、`/.github/pull_request_template.md` を修正して下さい。-->
# PRの概要
close #475 

<!-- 変更の目的 もしくは 関連する Issue 番号 -->
<!-- 以下のように書くと Issue にリンクでき、マージ時に自動で Issue を閉じられる-->
<!-- closes #1 -->

## 具体的な変更内容
<!-- ビューの変更がある場合はスクショによる比較などがあるとわかりやすい -->

## 影響範囲
<!-- この関数を変更したのでこの機能にも影響がある、など -->

## 動作要件
<!-- 動作に必要な 環境変数 / 依存関係 / DBの更新 など -->

## 補足
<!-- レビューをする際に見てほしい点、ローカル環境で試す際の注意点、など -->

## レビューリクエストを出す前にチェック！

- [ ] 改めてセルフレビューしたか
- [ ] 手動での動作検証を行ったか
- [ ] server の機能追加ならば、テストを書いたか
  - 理由: 書いた | server の機能追加ではない
- [ ] 間違った使い方が存在するならば、それのドキュメントをコメントで書いたか
  - 理由: 書いた | 間違った使い方は存在しない
- [ ] わかりやすいPRになっているか

<!-- レビューリクエスト後は、Slackでもメンションしてお願いすることを推奨します。 -->

Author: aster-void

web/src/firebase/auth/lib.ts

@@ -1,29 +1,29 @@
 import { getAuth, onAuthStateChanged } from "firebase/auth";
 import type { User } from "firebase/auth";
 import type { IDToken } from "../../common/types";
+import { app } from "../config";
 
 export class ErrUnauthorized extends Error {}
 
-export async function getIdToken(): Promise<IDToken> {
-  const auth = getAuth();
-  const user = await new Promise<User>((resolve) => {
-    const unsubscribe = onAuthStateChanged(auth, (user: User | null) => {
-      if (user != null) {
-        resolve(user);
-        unsubscribe();
-      } else {
-        console.error("getIdToken: user is null");
-      }
-    });
-  });
-
-  if (user == null) {
-    throw new Error(
-      "Client Error: firebase/auth/lib.ts: current user not found",
-    );
+let user: User;
+let token: string;
+
+const auth = getAuth(app);
+onAuthStateChanged(auth, async (u: User | null) => {
+  if (u != null) {
+    user = u;
+    token = await user.getIdToken();
   }
+});
+
+async function refreshToken() {
+  token = await user.getIdToken(true);
+}
 
-  return await user.getIdToken(true);
+export async function getIdToken(): Promise<IDToken> {
+  if (token) return token;
+  await refreshToken();
+  return token;
 }
 
 type RequestMethod = "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
@@ -48,9 +48,11 @@ export async function credFetch(
     };
   }
 
-  const res = await fetch(`${path}?token=${idToken}`, init);
+  let res = await fetch(`${path}?token=${idToken}`, init);
+  if (res.status === 401) {
+    await refreshToken();
+    res = await fetch(`${path}?token=${idToken}`);
+  }
 
-  // if (res.status === 401) throw new ErrUnauthorized();
-  // if (!res.ok) throw new Error("response was not ok");
   return res;
 }