updates and fixes

* seo friendly urls
* custom client serve-static module
* database fixes
* fix recent pages
* other fixes

apps/client/src/features/auth/components/invite-sign-up-form.tsx

@@ -60,7 +60,7 @@ export function InviteSignUpForm() {
     <Container size={420} my={40} className={classes.container}>
       <Box p="xl" mt={200}>
         <Title order={2} ta="center" fw={500} mb="md">
-          Complete your signup
+          Join the workspace
         </Title>
 
         <Stack align="stretch" justify="center" gap="xl">

apps/client/src/features/auth/components/setup-workspace-form.tsx

@@ -0,0 +1,97 @@
+import * as React from "react";
+import * as z from "zod";
+
+import { useForm, zodResolver } from "@mantine/form";
+import {
+  Container,
+  Title,
+  TextInput,
+  Button,
+  PasswordInput,
+  Box,
+} from "@mantine/core";
+import { ISetupWorkspace } from "@/features/auth/types/auth.types";
+import useAuth from "@/features/auth/hooks/use-auth";
+import classes from "@/features/auth/components/auth.module.css";
+
+const formSchema = z.object({
+  workspaceName: z.string().min(2).max(60),
+  name: z.string().min(2).max(60),
+  email: z
+    .string()
+    .min(1, { message: "email is required" })
+    .email({ message: "Invalid email address" }),
+  password: z.string().min(8),
+});
+
+export function SetupWorkspaceForm() {
+  const { setupWorkspace, isLoading } = useAuth();
+  // useRedirectIfAuthenticated();
+
+  const form = useForm<ISetupWorkspace>({
+    validate: zodResolver(formSchema),
+    initialValues: {
+      workspaceName: "",
+      name: "",
+      email: "",
+      password: "",
+    },
+  });
+
+  async function onSubmit(data: ISetupWorkspace) {
+    await setupWorkspace(data);
+  }
+
+  return (
+    <Container size={420} my={40} className={classes.container}>
+      <Box p="xl" mt={200}>
+        <Title order={2} ta="center" fw={500} mb="md">
+          Create workspace
+        </Title>
+
+        <form onSubmit={form.onSubmit(onSubmit)}>
+          <TextInput
+            id="workspaceName"
+            type="text"
+            label="Workspace Name"
+            placeholder="e.g ACME Inc"
+            variant="filled"
+            mt="md"
+            {...form.getInputProps("workspaceName")}
+          />
+
+          <TextInput
+            id="name"
+            type="text"
+            label="Your Name"
+            placeholder="enter your full name"
+            variant="filled"
+            mt="md"
+            {...form.getInputProps("name")}
+          />
+
+          <TextInput
+            id="email"
+            type="email"
+            label="Your Email"
+            placeholder="email@example.com"
+            variant="filled"
+            mt="md"
+            {...form.getInputProps("email")}
+          />
+
+          <PasswordInput
+            label="Password"
+            placeholder="Enter a strong password"
+            variant="filled"
+            mt="md"
+            {...form.getInputProps("password")}
+          />
+          <Button type="submit" fullWidth mt="xl" loading={isLoading}>
+            Setup workspace
+          </Button>
+        </form>
+      </Box>
+    </Container>
+  );
+}

apps/client/src/features/auth/hooks/use-auth.ts

@@ -1,10 +1,18 @@
 import { useState } from "react";
-import { login, register } from "@/features/auth/services/auth-service";
+import {
+  login,
+  register,
+  setupWorkspace,
+} from "@/features/auth/services/auth-service";
 import { useNavigate } from "react-router-dom";
 import { useAtom } from "jotai";
 import { authTokensAtom } from "@/features/auth/atoms/auth-tokens-atom";
 import { currentUserAtom } from "@/features/user/atoms/current-user-atom";
-import { ILogin, IRegister } from "@/features/auth/types/auth.types";
+import {
+  ILogin,
+  IRegister,
+  ISetupWorkspace,
+} from "@/features/auth/types/auth.types";
 import { notifications } from "@mantine/notifications";
 import { IAcceptInvite } from "@/features/workspace/types/workspace.types.ts";
 import { acceptInvitation } from "@/features/workspace/services/workspace-service.ts";
@@ -76,6 +84,25 @@ export default function useAuth() {
     }
   };
 
+  const handleSetupWorkspace = async (data: ISetupWorkspace) => {
+    setIsLoading(true);
+
+    try {
+      const res = await setupWorkspace(data);
+      setIsLoading(false);
+
+      setAuthToken(res.tokens);
+
+      navigate("/home");
+    } catch (err) {
+      setIsLoading(false);
+      notifications.show({
+        message: err.response?.data.message,
+        color: "red",
+      });
+    }
+  };
+
   const handleIsAuthenticated = async () => {
     if (!authToken) {
       return false;
@@ -109,6 +136,7 @@ export default function useAuth() {
     signIn: handleSignIn,
     signUp: handleSignUp,
     invitationSignup: handleInvitationSignUp,
+    setupWorkspace: handleSetupWorkspace,
     isAuthenticated: handleIsAuthenticated,
     logout: handleLogout,
     hasTokens,

apps/client/src/features/auth/services/auth-service.ts

@@ -3,6 +3,7 @@ import {
   IChangePassword,
   ILogin,
   IRegister,
+  ISetupWorkspace,
   ITokenResponse,
 } from "@/features/auth/types/auth.types";
 
@@ -22,3 +23,10 @@ export async function changePassword(
   const req = await api.post<IChangePassword>("/auth/change-password", data);
   return req.data;
 }
+
+export async function setupWorkspace(
+  data: ISetupWorkspace,
+): Promise<ITokenResponse> {
+  const req = await api.post<ITokenResponse>("/auth/setup", data);
+  return req.data;
+}

apps/client/src/features/auth/types/auth.types.ts

@@ -9,6 +9,13 @@ export interface IRegister {
   password: string;
 }
 
+export interface ISetupWorkspace {
+  workspaceName: string;
+  name: string;
+  email: string;
+  password: string;
+}
+
 export interface ITokens {
   accessToken: string;
   refreshToken: string;