refactor: Optimize codebase and improve code quality

- Remove unnecessary console logs
- Eliminate unused files and commented code
- Prune unnecessary dependencies
- Enhance type safety and consistency
- Introduce constants to replace hardcoded values
- Reorganize and rename types and constants
- Improve overall project structure and maintainability

Author: coderomm

README.md

@@ -96,8 +96,6 @@ export async function getRoom(data: { roomName: string }) {
       return { success: false, error: "Room not found" };
     }
 
-    console.log("room = ", room);
-
     const session = await getServerSession(authOptions);
     const cookieToken = session?.accessToken;
 

apps/collabydraw/actions/room.ts

@@ -20,9 +20,8 @@ export default async function CanvasPage({ params }: { params: Promise<{ roomNam
     const user = session?.user;
     if (!user || !user.id) {
         console.error('User from session not found.');
-        redirect('/auth/signin?callbackUrl=' + encodeURIComponent(`/canvas/${decodedParam}`));
+        redirect('/auth/signin?callbackUrl=' + encodeURIComponent(`/room/${decodedParam}`));
     }
-    console.log('CanvasPage loaded')
 
     return (
         <CanvasSheet

…/app/(canvas)/canvas/[roomName]/page.tsx …aw/app/(canvas)/room/[roomName]/page.tsxapps/collabydraw/app/(canvas)/canvas/[roomName]/page.tsx renamed to apps/collabydraw/app/(canvas)/room/[roomName]/page.tsx apps/collabydraw/app/(canvas)/canvas/[roomName]/page.tsx renamed to apps/collabydraw/app/(canvas)/room/[roomName]/page.tsx

@@ -4,64 +4,4 @@ export default async function Home() {
   return (
     <StandaloneCanvas />
   )
-}
-// return (
-//   <>
-//     <main className="flex-1">
-//       <section className="space-y-6 pb-8 pt-6 md:pb-12 md:pt-10 lg:py-32">
-//         <div className="container flex max-w-[64rem] flex-col items-center gap-4 text-center">
-//           <h1 className="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
-//             Draw Together in Real-time
-//           </h1>
-//           <p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8">
-//             Create, collaborate, and share drawings in real-time. No installation required.
-//           </p>
-//           <div className="flex flex-col md:flex-row items-center justify-center gap-3">
-//             <Link href="/draw">
-//               <Button size="lg" className="bg-primary text-primary-foreground hover:bg-primary/90">
-//                 Start Drawing
-//                 <Sparkles className="ml-2 h-4 w-4" />
-//               </Button>
-//             </Link>
-//             <Button size="lg" variant="outline" className="border-primary text-primary hover:bg-primary/10">
-//               Learn More
-//             </Button>
-//           </div>
-//         </div>
-//       </section>
-
-//       <section className="container space-y-6 py-8 md:py-12 lg:py-24">
-//         <div className="mx-auto grid max-w-5xl gap-8 lg:grid-cols-3">
-//           {[
-//             {
-//               icon: PenLine,
-//               title: "Easy Drawing Tools",
-//               description: "Intuitive tools for sketching, diagramming, and illustrating your ideas.",
-//             },
-//             {
-//               icon: Users,
-//               title: "Real-time Collaboration",
-//               description: "Work together with your team in real-time, no matter where they are.",
-//             },
-//             {
-//               icon: Share2,
-//               title: "Easy Sharing",
-//               description: "Share your drawings with a simple link or export them in various formats.",
-//             },
-//           ].map((feature) => (
-//             <div key={feature.title}
-//               className="flex flex-col items-center space-y-2 text-center">
-//               <div className="h-16 w-16 rounded-full bg-primary/20 flex items-center justify-center">
-//                 <feature.icon className="h-8 w-8 text-primary" />
-//               </div>
-//               <h3 className="text-xl font-bold">{feature.title}</h3>
-//               <p className="text-muted-foreground">{feature.description}</p>
-//             </div>
-//           ))}
-//         </div>
-//       </section>
-//     </main>
-//   </>
-// )
-// }
-
+}

apps/collabydraw/app/(main)/chat-room/[roomName]/page.tsx

@@ -11,6 +11,7 @@ import { cn } from "@/lib/utils";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
 import { RoomParticipants } from "@repo/common/types";
 import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
+import { BASE_URL } from "@/config/constants";
 
 export default function CollaborationStartBtn({ slug, participants, onCloseRoom }: { slug?: string, participants?: RoomParticipants[], onCloseRoom?: () => void; }) {
     const pathname = usePathname();
@@ -87,7 +88,7 @@ export default function CollaborationStartBtn({ slug, participants, onCloseRoom
 
             {session?.user && session?.user.id ? (
                 roomSlug ? (
-                    <RoomSharingDialog onCloseRoom={onCloseRoom} open={isOpen} onOpenChange={setIsOpen} link={`${process.env.NODE_ENV !== 'production' ? 'http://localhost:3000' : 'https://collabydraw.com'}/${decodedPathname}`} />
+                    <RoomSharingDialog onCloseRoom={onCloseRoom} open={isOpen} onOpenChange={setIsOpen} link={`${BASE_URL}/${decodedPathname}`} />
                 ) : (
                     <CollaborationStartdDialog open={isOpen} onOpenChange={setIsOpen} />
                 )

apps/collabydraw/app/(main)/page.tsx

@@ -31,7 +31,7 @@ export default function CollaborationStartdDialog({ open, onOpenChange }: { open
                 if (result.success) {
                     toast.success(`Created room: ${data.roomName} with code: ${result.room?.slug}`);
                     onOpenChange(false);
-                    router.push(`/canvas/${result.room?.slug}`);
+                    router.push(`/room/${result.room?.slug}`);
                 } else {
                     toast.error('Error: ' + result.error);
                 }