feat: authorization

services/frontend/src/shared/api/auth.ts

@@ -0,0 +1,23 @@
+import { authFetch } from ".";
+
+interface AuthResponse {
+  token: string;
+}
+
+export const signup = async (body: {
+  email: string;
+  username: string;
+  password: string;
+}) => {
+  return await authFetch<AuthResponse>("/sign-up", {
+    method: "POST",
+    body,
+  });
+};
+
+export const login = async (body: { email: string; password: string }) => {
+  return await authFetch<AuthResponse>("/sign-in", {
+    method: "POST",
+    body,
+  });
+};

services/frontend/src/shared/api/index.ts

@@ -0,0 +1,38 @@
+import { ofetch } from "ofetch";
+import { getToken, removeToken } from "../token";
+
+const BASE_URL = import.meta.env.VITE_API_ENDPOINT;
+
+export class ApiError extends Error {
+  response: Response;
+  status: number;
+
+  constructor(response: Response) {
+    super(response.statusText);
+    this.response = response;
+    this.status = response.status;
+  }
+}
+
+export const authFetch = ofetch.create({
+  baseURL: BASE_URL,
+  async onResponseError({ response }) {
+    throw new ApiError(response);
+  },
+});
+
+export const apiFetch = ofetch.create({
+  baseURL: BASE_URL,
+  headers: {
+    Authorization: "Bearer " + getToken(),
+  },
+  async onResponseError({ response }) {
+    if (response.status === 401) {
+      removeToken();
+      window.location.href = "/login";
+      return;
+    }
+
+    throw new ApiError(response);
+  },
+});

services/frontend/src/shared/api/user.ts

@@ -0,0 +1,6 @@
+import { apiFetch } from ".";
+import { User } from "../types/user";
+
+export const getCurrentUser = async () => {
+  return await apiFetch<User>("/me");
+};