Restructure project

.github/workflows/image.yml

@@ -6,7 +6,7 @@ on:
 jobs:
   publish-docker-image:
     name: Build & Publish Docker Image
-    runs-on: self-hosted
+    runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v3

src/App.tsx

@@ -1,20 +1,20 @@
 import { Container } from "@mui/material";
 import "./App.css";
 
-import { AppwriteContextProvider } from "./contexts/appwrite";
-import { AuthContextProvider } from "./contexts/auth";
 import { Router } from "./routes";
+import { AuthProvider } from "./providers/auth.provider";
+import { AppwriteProvider } from "./providers/appwrite.provider";
 
 export function App() {
   return (
     <>
-      <AppwriteContextProvider>
-        <AuthContextProvider>
+      <AppwriteProvider>
+        <AuthProvider>
           <Container maxWidth="lg">
             <Router />
           </Container>
-        </AuthContextProvider>
-      </AppwriteContextProvider>
+        </AuthProvider>
+      </AppwriteProvider>
     </>
   );
 }

src/contexts/appwrite.context.tsx

@@ -0,0 +1,10 @@
+import { Client } from "appwrite";
+import { createContext } from "react";
+
+export type AppwriteContextValue = {
+  client: Client;
+};
+
+export const AppwriteContext = createContext<AppwriteContextValue>(
+  {} as AppwriteContextValue,
+);

src/contexts/auth.context.tsx

@@ -0,0 +1,13 @@
+import { createContext } from "react";
+import { Models } from "appwrite";
+
+export type AuthContextType = {
+  session?: Models.Session;
+  user?: Models.User<Models.Preferences>;
+  loggedIn: boolean;
+  login(email: string, password: string): Promise<void>;
+  logout(): Promise<void>;
+  register(email: string, password: string, name: string): Promise<void>;
+};
+
+export const AuthContext = createContext({} as AuthContextType);

src/hooks/useAppwrite.ts

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { AppwriteContext } from "../contexts/appwrite";
+import { AppwriteContext } from "../contexts/appwrite.context";
 
 export function useAppwrite() {
   return useContext(AppwriteContext);

src/hooks/useAuth.ts

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { AuthContext } from "../contexts/auth";
+import { AuthContext } from "../contexts/auth.context";
 
 export function useAuth() {
   return useContext(AuthContext);

src/contexts/appwrite.tsx → src/providers/appwrite.provider.tsx

@@ -1,17 +1,10 @@
 import { Client } from "appwrite";
-import { createContext, PropsWithChildren } from "react";
-
-export type AppwriteContextValue = {
-  client: Client;
-};
-
-export const AppwriteContext = createContext<AppwriteContextValue>(
-  {} as AppwriteContextValue,
-);
+import { PropsWithChildren } from "react";
+import { AppwriteContext } from "../contexts/appwrite.context";
 
 type Props = PropsWithChildren;
 
-export function AppwriteContextProvider({ children }: Props) {
+export function AppwriteProvider({ children }: Props) {
   const client = new Client();
   client
     .setEndpoint("https://cloud.appwrite.io/v1")

src/contexts/auth.tsx → src/providers/auth.provider.tsx

@@ -1,5 +1,4 @@
 import {
-  createContext,
   PropsWithChildren,
   useCallback,
   useEffect,
@@ -8,19 +7,9 @@ import {
 } from "react";
 import { useAppwrite } from "../hooks/useAppwrite";
 import { Account, AppwriteException, ID, Models } from "appwrite";
+import { AuthContext } from "../contexts/auth.context";
 
-export type AuthContextValue = {
-  session?: Models.Session;
-  user?: Models.User<Models.Preferences>;
-  loggedIn: boolean;
-  login(email: string, password: string): Promise<void>;
-  logout(): Promise<void>;
-  register(email: string, password: string, name: string): Promise<void>;
-};
-
-export const AuthContext = createContext({} as AuthContextValue);
-
-export function AuthContextProvider({ children }: PropsWithChildren) {
+export function AuthProvider({ children }: PropsWithChildren) {
   const { client } = useAppwrite();
   const account = useMemo(() => new Account(client), [client]);
 

src/routes/error.tsx → src/routes/error.page.tsx

@@ -5,7 +5,7 @@ type RouteError = {
   statusText: string;
 };
 
-export default function ErrorPage() {
+export function ErrorPage() {
   const error = useRouteError() as RouteError;
   console.error(error);
 

src/routes/index.tsx

@@ -3,12 +3,12 @@ import {
   RouteObject,
   RouterProvider,
 } from "react-router-dom";
-import { Root } from "./root";
+import { Root } from "./root.page";
 import { useAuth } from "../hooks/useAuth";
-import { Login } from "./login";
-import ErrorPage from "./error";
-import { Main } from "./main";
-import { Register } from "./register";
+import { Login } from "./login.page";
+import { Main } from "./main.page";
+import { Register } from "./register.page";
+import { ErrorPage } from "./error.page";
 
 export function Router() {
   const { loggedIn } = useAuth();