Dental v1 done

apps/Backend/src/routes/appointements.ts

@@ -4,7 +4,7 @@ import { storage } from "../storage";
 import {
   AppointmentUncheckedCreateInputObjectSchema,
   PatientUncheckedCreateInputObjectSchema,
-} from "@repo/db/shared/schemas";
+} from "@repo/db/usedSchemas";
 import { z } from "zod";
 
 const router = Router();

apps/Backend/src/routes/auth.ts

@@ -2,7 +2,7 @@ import express, { Request, Response, NextFunction } from 'express';
 import jwt from 'jsonwebtoken';
 import bcrypt from 'bcrypt';  
 import { storage } from '../storage'; 
-import { UserUncheckedCreateInputObjectSchema } from '@repo/db/shared/schemas';
+import { UserUncheckedCreateInputObjectSchema } from '@repo/db/usedSchemas';
 import { z } from 'zod';
 
 type SelectUser = z.infer<typeof UserUncheckedCreateInputObjectSchema>;

apps/Backend/src/routes/patients.ts

@@ -4,7 +4,7 @@ import { storage } from "../storage";
 import {
   AppointmentUncheckedCreateInputObjectSchema,
   PatientUncheckedCreateInputObjectSchema,
-} from "@repo/db/shared/schemas";
+} from "@repo/db/usedSchemas";
 import { z } from "zod";
 
 const router = Router();

apps/Backend/src/routes/staffs.ts

@@ -2,7 +2,7 @@ import { Router } from "express";
 import type { Request, Response } from "express";
 import { storage } from "../storage";
 import { z } from "zod";
-import { StaffUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { StaffUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 
 type Staff = z.infer<typeof StaffUncheckedCreateInputObjectSchema>;
 

apps/Backend/src/routes/users.ts

@@ -2,7 +2,7 @@ import { Router } from "express";
 import type { Request, Response } from "express";
 import { storage } from "../storage";
 import { z } from "zod";
-import { UserUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { UserUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 
 const router = Router();
 

apps/Backend/src/storage/index.ts

@@ -4,7 +4,7 @@ import {
   PatientUncheckedCreateInputObjectSchema,
   UserUncheckedCreateInputObjectSchema,
   StaffUncheckedCreateInputObjectSchema,
-} from "@repo/db/shared/schemas";
+} from "@repo/db/usedSchemas";
 import { z } from "zod";
 
 //creating types out of schema auto generated.

apps/Frontend/src/App.tsx

@@ -1,37 +1,43 @@
 import { Switch, Route } from "wouter";
+import React, { Suspense, lazy } from "react";
 import { queryClient } from "./lib/queryClient";
 import { QueryClientProvider } from "@tanstack/react-query";
 import { Toaster } from "./components/ui/toaster";
 import { TooltipProvider } from "./components/ui/tooltip";
-import NotFound from "./pages/not-found";
-import Dashboard from "./pages/dashboard";
-import AuthPage from "./pages/auth-page";
-import AppointmentsPage from "./pages/appointments-page";
-import PatientsPage from "./pages/patients-page";
 import { ProtectedRoute } from "./lib/protected-route";
 import { AuthProvider } from "./hooks/use-auth";
-import SettingsPage from "./pages/settings-page";
+
+import Dashboard from "./pages/dashboard"; 
+import LoadingScreen from "./components/ui/LoadingScreen";
+const AuthPage = lazy(() => import("./pages/auth-page"));
+const AppointmentsPage = lazy(() => import("./pages/appointments-page"));
+const PatientsPage = lazy(() => import("./pages/patients-page"));
+const SettingsPage = lazy(() => import("./pages/settings-page"));
+const NotFound = lazy(() => import("./pages/not-found"));
 
 function Router() {
   return (
     <Switch>
-      <ProtectedRoute path="/" component={Dashboard} />
-      <ProtectedRoute path="/appointments" component={AppointmentsPage} />
-      <ProtectedRoute path="/patients" component={PatientsPage} />
-      <ProtectedRoute path="/settings" component={SettingsPage}/>
-      <Route path="/auth" component={AuthPage} />
-      <Route component={NotFound} />
+      <ProtectedRoute path="/" component={() => <Dashboard />} />
+      <ProtectedRoute path="/appointments" component={() => <AppointmentsPage />} />
+      <ProtectedRoute path="/patients" component={() => <PatientsPage />} />
+      <ProtectedRoute path="/settings" component={() => <SettingsPage />} />
+      <Route path="/auth" component={() => <AuthPage />} />
+      <Route component={() => <NotFound />} />
     </Switch>
   );
 }
 
+
 function App() {
   return (
     <QueryClientProvider client={queryClient}>
       <AuthProvider>
         <TooltipProvider>
           <Toaster />
-          <Router />
+          <Suspense fallback={<LoadingScreen />}>
+            <Router />
+          </Suspense>
         </TooltipProvider>
       </AuthProvider>
     </QueryClientProvider>

apps/Frontend/src/components/appointments/add-appointment-modal.tsx

@@ -1,8 +1,7 @@
 import { useState } from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { AppointmentForm } from "./appointment-form";
-// import { Appointment, InsertAppointment, UpdateAppointment, Patient } from "@repo/db/shared/schemas";
-import { AppointmentUncheckedCreateInputObjectSchema, PatientUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { AppointmentUncheckedCreateInputObjectSchema, PatientUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 
 import {z} from "zod";
 type Appointment = z.infer<typeof AppointmentUncheckedCreateInputObjectSchema>;

apps/Frontend/src/components/appointments/appointment-form.tsx

@@ -36,7 +36,7 @@ import {
   AppointmentUncheckedCreateInputObjectSchema,
   PatientUncheckedCreateInputObjectSchema,
   StaffUncheckedCreateInputObjectSchema,
-} from "@repo/db/shared/schemas";
+} from "@repo/db/usedSchemas";
 
 import { z } from "zod";
 type Appointment = z.infer<typeof AppointmentUncheckedCreateInputObjectSchema>;

apps/Frontend/src/components/appointments/appointment-table.tsx

@@ -25,11 +25,10 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-// import { Appointment, Patient } from "@repo/db/shared/schemas";
 import {
   AppointmentUncheckedCreateInputObjectSchema,
   PatientUncheckedCreateInputObjectSchema,
-} from "@repo/db/shared/schemas";
+} from "@repo/db/usedSchemas";
 
 import { z } from "zod";
 type Appointment = z.infer<typeof AppointmentUncheckedCreateInputObjectSchema>;

apps/Frontend/src/components/claims/claim-form.tsx

@@ -15,8 +15,7 @@ import { X, Calendar as CalendarIcon } from "lucide-react";
 import { useToast } from "@/hooks/use-toast";
 import { Calendar } from "@/components/ui/calendar";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-// import { Patient } from "@repo/db/shared/schemas";
-import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import {z} from "zod";
 
 const PatientSchema = (PatientUncheckedCreateInputObjectSchema as unknown as z.ZodObject<any>).omit({

apps/Frontend/src/components/claims/claim-modal.tsx

@@ -1,7 +1,6 @@
 import { useState, useEffect } from "react";
 import { ClaimForm } from "./claim-form";
-// import { Patient } from "@repo/db/shared/schemas";
-import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import {z} from "zod";
 
 const PatientSchema = (PatientUncheckedCreateInputObjectSchema as unknown as z.ZodObject<any>).omit({

apps/Frontend/src/components/patients/add-patient-modal.tsx

@@ -18,7 +18,7 @@ import { PatientForm, PatientFormRef } from "./patient-form";
 import { useToast } from "@/hooks/use-toast";
 import { X, Calendar } from "lucide-react";
 import { useLocation } from "wouter";
-import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import { z } from "zod";
 
 const PatientSchema = (

apps/Frontend/src/components/patients/patient-form.tsx

@@ -1,7 +1,7 @@
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import { useAuth } from "@/hooks/use-auth";
 import {
   Form,

apps/Frontend/src/components/patients/patient-table.tsx

@@ -25,8 +25,7 @@ import {
   PaginationNext,
   PaginationPrevious,
 } from "@/components/ui/pagination";
-// import { Patient } from "@repo/db/shared/schemas";
-import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import {z} from "zod";
 
 const PatientSchema = (PatientUncheckedCreateInputObjectSchema as unknown as z.ZodObject<any>).omit({

apps/Frontend/src/components/staffs/staff-form.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { StaffUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { StaffUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import { z } from "zod";
 
 type Staff = z.infer<typeof StaffUncheckedCreateInputObjectSchema>;

apps/Frontend/src/components/staffs/staff-table.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { z } from "zod";
-import { StaffUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { StaffUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import { Button } from "../ui/button";
 import { Delete, Edit } from "lucide-react";
 

apps/Frontend/src/components/ui/LoadingScreen.tsx

@@ -0,0 +1,31 @@
+import React from "react";
+
+export default function LoadingScreen() {
+  return (
+    <div className="flex items-center justify-center min-h-screen bg-white text-gray-800">
+      <div className="flex flex-col items-center space-y-4">
+        <svg
+          className="animate-spin h-10 w-10 text-blue-600"
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+        >
+          <circle
+            className="opacity-25"
+            cx="12"
+            cy="12"
+            r="10"
+            stroke="currentColor"
+            strokeWidth="4"
+          ></circle>
+          <path
+            className="opacity-75"
+            fill="currentColor"
+            d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+          ></path>
+        </svg>
+        <p className="text-lg font-semibold">Loading, please wait...</p>
+      </div>
+    </div>
+  );
+}

apps/Frontend/src/hooks/use-auth.tsx

@@ -4,8 +4,7 @@ import {
   useMutation,
   UseMutationResult,
 } from "@tanstack/react-query";
-// import { insertUserSchema, User as SelectUser, InsertUser } from "@repo/db/shared/schemas";
-import { UserUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { UserUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import { z } from "zod";
 import { getQueryFn, apiRequest, queryClient } from "../lib/queryClient";
 import { useToast } from "@/hooks/use-toast";

apps/Frontend/src/pages/appointments-page.tsx

@@ -22,7 +22,7 @@ import { Calendar } from "@/components/ui/calendar";
 import {
   AppointmentUncheckedCreateInputObjectSchema,
   PatientUncheckedCreateInputObjectSchema,
-} from "@repo/db/shared/schemas";
+} from "@repo/db/usedSchemas";
 import { apiRequest, queryClient } from "@/lib/queryClient";
 import { useAuth } from "@/hooks/use-auth";
 import {

apps/Frontend/src/pages/auth-page.tsx

@@ -1,8 +1,7 @@
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import { UserUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
-// import { insertUserSchema } from "@repo/db/shared/schemas";
+import { UserUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import { useState } from "react";
 import { useAuth } from "@/hooks/use-auth";
 import { Redirect } from "wouter";

apps/Frontend/src/pages/dashboard.tsx

@@ -12,10 +12,9 @@ import { Button } from "@/components/ui/button";
 import { useToast } from "@/hooks/use-toast";
 import { useAuth } from "@/hooks/use-auth";
 import { apiRequest, queryClient } from "@/lib/queryClient";
-import {
-  AppointmentUncheckedCreateInputObjectSchema,
-  PatientUncheckedCreateInputObjectSchema,
-} from "@repo/db/shared/schemas";
+import { AppointmentUncheckedCreateInputObjectSchema } from '@repo/db/usedSchemas';
+import { PatientUncheckedCreateInputObjectSchema } from '@repo/db/usedSchemas';
+
 import {
   Users,
   Calendar,

apps/Frontend/src/pages/patients-page.tsx

@@ -19,8 +19,7 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
-import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
-// import { Patient, InsertPatient, UpdatePatient } from "@repo/db/shared/schemas";
+import { PatientUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import { apiRequest, queryClient } from "@/lib/queryClient";
 import { useAuth } from "@/hooks/use-auth";
 import { z } from "zod";

apps/Frontend/src/pages/settings-page.tsx

@@ -5,7 +5,7 @@ import { Sidebar } from "@/components/layout/sidebar";
 import { StaffTable } from "@/components/staffs/staff-table";
 import { useToast } from "@/hooks/use-toast";
 import { Card, CardContent } from "@/components/ui/card";
-import { StaffUncheckedCreateInputObjectSchema } from "@repo/db/shared/schemas";
+import { StaffUncheckedCreateInputObjectSchema } from "@repo/db/usedSchemas";
 import { z } from "zod";
 import { apiRequest, queryClient } from "@/lib/queryClient";
 import { StaffForm } from "@/components/staffs/staff-form";

packages/db/package.json

@@ -12,7 +12,8 @@
   "type": "commonjs",
   "exports": {
     "./client": "./src/index.ts",
-    "./shared/schemas" : "./shared/schemas/index.ts"
+    "./shared/schemas" : "./shared/schemas/index.ts",
+    "./usedSchemas" : "./usedSchemas/index.ts"
   },
   "dependencies": {
     "@prisma/client": "^6.7.0",

packages/db/usedSchemas/index.ts

@@ -0,0 +1,5 @@
+// using this, as the browser load only the required files , not whole db/shared/schemas/ files.
+export * from '../shared/schemas/objects/AppointmentUncheckedCreateInput.schema';
+export * from '../shared/schemas/objects/PatientUncheckedCreateInput.schema';
+export * from '../shared/schemas/objects/UserUncheckedCreateInput.schema';
+export * from '../shared/schemas/objects/StaffUncheckedCreateInput.schema'