add test case and update the code

Author: KevithMannage

API_Gateway/babel.config.cjs

@@ -3,7 +3,7 @@ module.exports = {
     [
       "@babel/preset-env",
       {
-        targets: { node: "current" }, // for Node.js environment
+        targets: { node: "current" }, 
       },
     ],
   ],

API_Gateway/jest.config.js

@@ -1,4 +1,3 @@
 export default {
   testEnvironment: "node",
-  // transform is optional; babel-jest will handle .js files automatically
 };

Codespace_Service/babel.config.cjs

@@ -3,7 +3,7 @@ module.exports = {
     [
       "@babel/preset-env",
       {
-        targets: { node: "current" }, // for Node.js environment
+        targets: { node: "current" }, 
       },
     ],
   ],

Codespace_Service/jest.config.js

@@ -1,4 +1,4 @@
 export default {
   testEnvironment: "node",
-  // transform is optional; babel-jest will handle .js files automatically
+
 };

Frontend/package-lock.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
-    "@supabase/supabase-js": "^2.53.0",
+    "@supabase/supabase-js": "^2.57.4",
     "@tailwindcss/vite": "^4.1.11",
     "axios": "^1.11.0",
     "dotenv": "^17.2.1",

Frontend/package.json

@@ -11,7 +11,6 @@ import CodespaceInvitation from "./Dashboard/AcceptInvite";
 import ProfilePage from "./Dashboard/profile";
 import SettingsPage from "./Dashboard/ProfileSetting";
 import Homepage from "./Home/Homepage";
-
 import {
   BrowserRouter as Router,
   Routes,
@@ -23,14 +22,12 @@ import { supabase } from "./database/superbase";
 import { type Session, type User } from "@supabase/supabase-js";
 
 function App() {
-  // 🚩 allow undefined for loading state
   const [session, setSession] = useState<Session | null | undefined>(undefined);
   const lastTokenRef = useRef<string | undefined>(undefined);
 
   useEffect(() => {
     console.log("App mounted");
 
-    // 🚩 initial session check
     supabase.auth.getSession().then(({ data: { session } }) => {
       setSession(session ?? null);
       if (session) upsertProfile(session.user);
@@ -64,10 +61,9 @@ function App() {
     if (error) console.error("Error upserting profile:", error.message);
   }
 
-  // 🚩 ProtectedRoute now handles loading
   function ProtectedRoute({ children }: { children: React.ReactNode }) {
     if (session === undefined) {
-      return <div></div>; // still checking session
+      return <div></div>; 
     }
     return session ? children : <Navigate to="/login" />;
   }
@@ -106,7 +102,12 @@ function App() {
               }
             />
 
-            <Route path="/codeeditor/:id" element={<CodeEditorPage />} />
+            <Route path="/codeeditor/:id" 
+            element={
+              <ProtectedRoute>
+                <CodeEditorPage /> 
+              </ProtectedRoute>}
+            /> 
             <Route
               path="/codespace/sharebyemail/:invitationId"
               element={<CodespaceInvitation />}

Frontend/src/App.tsx

@@ -25,8 +25,8 @@ function CreateCodespaceModal({ isOpen, onClose, onSubmit }: Props) {
 
     if (success) {
       setCodespaceName("");
-      setLanguage("javascript"); // reset UI
-      setVisibility("private");  // reset UI
+      setLanguage("javascript"); 
+      setVisibility("private");  
       onClose();
     }
   };

Frontend/src/Dashboard/CreateCodespaceModal.tsx

@@ -10,7 +10,7 @@ import CreateCodespaceModal from "./CreateCodespaceModal";
 import { useCodespaces } from "./useCodespaces";
 import { type ViewMode } from "./codespace.types";
 import type { Codespace } from "./codespace.types";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 
 type Props = {
   session: Session;
@@ -41,16 +41,17 @@ const Dashboard = ({ session }: Props) => {
     return await createCodespace(name);
   };
 
-  // 🚩 check invitationId and redirect
+
+
+  // handle invitation link redirect
   useEffect(() => {
     if (invitationId) {
-      // clear after using, so it doesn’t loop
       localStorage.removeItem("invitationId");
       navigate(`/codespace/sharebyemail/${invitationId}`);
     }
   }, [invitationId, navigate]);
 
-  // 🚩 first load spinner
+
   useEffect(() => {
     const timer = setTimeout(() => setFirstLoad(false), 1000);
     return () => clearTimeout(timer);

Frontend/src/Dashboard/Dashboard.tsx

@@ -1,10 +1,9 @@
 import { supabase } from "../database/superbase";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { useNavigate } from "react-router";
 import { useTheme } from "../ThemeProvider";
 import { AlertCircle, Sun, Moon, Code } from "lucide-react";
 
-// Simple theme toggle button
 const ThemeToggleButton = () => {
   const { toggleTheme, isDark, theme } = useTheme();
 
@@ -32,16 +31,6 @@ function Login() {
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
 
-  // Redirect if session exists
-  useEffect(() => {
-    const checkSession = async () => {
-      const {
-        data: { session },
-      } = await supabase.auth.getSession();
-      if (session) navigate("/dashboard");
-    };
-    checkSession();
-  }, [navigate]);
 
   const signInWithGoogle = async () => {
     setError(null);
@@ -138,16 +127,6 @@ function Login() {
               <label htmlFor="password" className={`text-sm ${theme.text}`}>
                 Password
               </label>
-              <a
-                href="#"
-                className="text-sm text-blue-500 hover:underline"
-                onClick={(e) => {
-                  e.preventDefault();
-                  // Password reset logic
-                }}
-              >
-                Forgot password?
-              </a>
             </div>
             <div className="relative">
               <input