feat: prettier integration

web/src/api/code.ts

@@ -13,7 +13,7 @@ export const codeApi = async (accessToken: string, nonce: string) => {
         "Content-Type": "application/json",
         Authorization: `Bearer ${accessToken}`,
       },
-    }
+    },
   );
 
   if (response.status !== 200 && response.status !== 201)

web/src/api/index.ts

@@ -28,7 +28,7 @@ const processRefreshQueue = async (token: string | null) => {
 
 const refreshToken = async (
   accountId: string,
-  refreshToken: string
+  refreshToken: string,
 ): Promise<{ access: string; refresh: string }> => {
   const db = useDbStore.getState().db;
   const loadAccounts = useAuth.getState().loadAccounts;
@@ -79,7 +79,7 @@ axios.interceptors.request.use(
       try {
         const { access } = await refreshToken(
           account!.accountId,
-          account!.refresh
+          account!.refresh,
         );
         token = access;
       } catch (err) {
@@ -97,7 +97,7 @@ axios.interceptors.request.use(
     request.headers["Authorization"] = `Bearer ${token}`;
     return request;
   },
-  (error) => Promise.reject(error)
+  (error) => Promise.reject(error),
 );
 
 export const handleApiError = async (response: AxiosResponse) => {

web/src/api/refresh.ts

@@ -15,7 +15,7 @@ export const refreshTokenApi = async (refreshToken: string) => {
         "Content-Type": "application/json",
         Authorization: `Bearer ${refreshToken}`,
       },
-    }
+    },
   );
 
   if (response.status !== 200 && response.status !== 201)

web/src/context/oauth/provider.tsx

@@ -29,7 +29,7 @@ export const OAuthProvider: FC<IOAuthProvider> = ({ children }) => {
         window.location.replace(`${redirectURI}?${params.toString()}`);
       }
     },
-    [active, nonce, redirectURI, state]
+    [active, nonce, redirectURI, state],
   );
 
   return (

web/src/feature/AccountList/index.tsx

@@ -14,7 +14,7 @@ const AccountList: FC = () => {
     (account: LocalAccount) => {
       updateActiveAccount(account);
     },
-    [updateActiveAccount]
+    [updateActiveAccount],
   );
 
   return (

web/src/layout/AuthLayout.tsx

@@ -73,7 +73,7 @@ const AuthLayout = () => {
     if (!active) {
       console.log(
         "setting search params:",
-        Object.fromEntries(searchParams.entries())
+        Object.fromEntries(searchParams.entries()),
       );
       setActive(true);
       setClientID(searchParams.get("client_id") ?? "");

web/src/main.tsx

@@ -9,5 +9,5 @@ const root = document.getElementById("root")!;
 createRoot(root).render(
   <OAuthProvider>
     <App />
-  </OAuthProvider>
+  </OAuthProvider>,
 );

web/src/pages/Login/index.tsx

@@ -67,13 +67,13 @@ export default function LoginPage() {
         console.log(err);
         setError(
           "Failed to create account. " +
-            (err.message ?? "Unexpected error happened")
+            (err.message ?? "Unexpected error happened"),
         );
       } finally {
         setLoading(false);
       }
     },
-    [repo, reset, updateActiveAccount]
+    [repo, reset, updateActiveAccount],
   );
 
   return (

web/src/pages/Register/index.tsx

@@ -56,11 +56,11 @@ export default function RegisterPage() {
           setError(
             `Failed to create an account. ${
               text[0].toUpperCase() + text.slice(1)
-            }`
+            }`,
           );
         } else {
           setSuccess(
-            "Account has been created. You can now log into your new account"
+            "Account has been created. You can now log into your new account",
           );
           reset();
         }
@@ -71,7 +71,7 @@ export default function RegisterPage() {
         setLoading(false);
       }
     },
-    [reset]
+    [reset],
   );
 
   return (

web/src/repository/account.ts

@@ -61,7 +61,7 @@ export const encryptToken = async (token: string) => {
   const cipherText = await crypto.subtle.encrypt(
     { name: "AES-GCM", iv },
     deviceKey,
-    encoder.encode(token)
+    encoder.encode(token),
   );
 
   return {
@@ -84,7 +84,7 @@ export const decryptToken = async (encrypted: {
       iv: new Uint8Array(encrypted.iv),
     },
     deviceKey,
-    new Uint8Array(encrypted.data)
+    new Uint8Array(encrypted.data),
   );
 
   return decoder.decode(decrypted);
@@ -92,7 +92,7 @@ export const decryptToken = async (encrypted: {
 
 export const saveAccount = async (
   db: IDBPDatabase,
-  req: CreateAccountRequest
+  req: CreateAccountRequest,
 ): Promise<LocalAccount> => {
   const access = await encryptToken(req.access);
   const refresh = await encryptToken(req.refresh);
@@ -141,7 +141,7 @@ export const getAllAccounts = async (db: IDBPDatabase) => {
         } catch (err) {
           console.warn(`Failed to decrypt account ${account.label}:`, err);
         }
-      })
+      }),
     )
   ).filter((acc) => acc !== undefined);
 
@@ -186,7 +186,7 @@ export const getAccountRaw = async (db: IDBPDatabase, accountId: string) => {
 
 export const updateAccountTokens = async (
   db: IDBPDatabase,
-  req: UpdateAccountTokensRequest
+  req: UpdateAccountTokensRequest,
 ) => {
   const account = await getAccountRaw(db, req.accountId);
 
@@ -204,7 +204,7 @@ export const updateAccountTokens = async (
 
 export const updateAccountInfo = async (
   db: IDBPDatabase,
-  req: UpdateAccountInfoRequest
+  req: UpdateAccountInfoRequest,
 ) => {
   const account = await getAccountRaw(db, req.accountId);
   await db?.put?.("accounts", {
@@ -229,7 +229,7 @@ export const useAccountRepo = () => {
 
       return saveAccount(db, req);
     },
-    [db]
+    [db],
   );
 
   const loadAll = useCallback(async () => {
@@ -244,7 +244,7 @@ export const useAccountRepo = () => {
 
       return getAccount(db, accountId);
     },
-    [db]
+    [db],
   );
 
   return { save, loadAll, getOne };

web/src/util/deviceId.ts

@@ -37,7 +37,7 @@ export const deriveDeviceKey = async (deviceKeyId: string) => {
     encoder.encode(deviceKeyId),
     { name: "PBKDF2" },
     false,
-    ["deriveKey"]
+    ["deriveKey"],
   );
   return crypto.subtle.deriveKey(
     {
@@ -49,6 +49,6 @@ export const deriveDeviceKey = async (deviceKeyId: string) => {
     baseKey,
     { name: "AES-GCM", length: 256 },
     false,
-    ["encrypt", "decrypt"]
+    ["encrypt", "decrypt"],
   );
 };

web/src/util/token.ts

@@ -5,14 +5,14 @@ export type EncryptedToken = {
 
 export const encryptToken = async (
   token: string,
-  key: CryptoKey
+  key: CryptoKey,
 ): Promise<EncryptedToken> => {
   const encoder = new TextEncoder();
   const iv = crypto.getRandomValues(new Uint8Array(12));
   const cipherText = await crypto.subtle.encrypt(
     { name: "AES-GCM", iv },
     key,
-    encoder.encode(token)
+    encoder.encode(token),
   );
   return { cipherText, iv };
 };