Implemented Saving Sidebar State with LocalStorage

code/client/src/App.tsx

@@ -35,7 +35,7 @@ function App() {
                           }
                         />
                         <Route
-                          path="documents/:id"
+                          path="/:id"
                           element={
                             <>
                               <Sidebar />

code/client/src/ui/components/sidebar/hooks/useSidebarState.ts

@@ -1,10 +1,24 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
+import localStorage from '@/utils/localStorage';
 
 function useSidebarState() {
   const [isOpen, setIsOpen] = useState(false);
   const [isLocked, setIsLocked] = useState(false);
   const [justClosed, setJustClosed] = useState(false);
 
+  useEffect(() => {
+    const sidebarState = localStorage.getItem('sidebarState');
+    if (sidebarState !== null) {
+      setIsOpen(sidebarState);
+      setIsLocked(sidebarState);
+    }
+  }, []);
+
+  useEffect(() => {
+    if (isOpen !== isLocked) return;
+    localStorage.setItem('sidebarState', isOpen);
+  }, [isOpen, isLocked]);
+
   const handleMouseEnter = () => {
     if (justClosed) return;
     setIsOpen(true);
@@ -14,6 +28,7 @@ function useSidebarState() {
     setIsLocked(!isLocked && isOpen);
     setIsOpen(!isLocked && !isOpen);
     setJustClosed(isLocked);
+    localStorage.setItem('sidebarState', isOpen);
   };
 
   const handleMouseLeave = () => {

code/client/src/ui/pages/workspace/components/DocumentPreview.tsx

@@ -24,7 +24,7 @@ function DocumentPreview({ document, onDelete, onRename, onDuplicate }: Document
   );
   return (
     <DocumentContextMenu
-      item={isEditing ? DocumentView : <Link to={`/workspaces/${wid}/documents/${document.id}`}>{DocumentView}</Link>}
+      item={isEditing ? DocumentView : <Link to={`/workspaces/${wid}/${document.id}`}>{DocumentView}</Link>}
       onRename={() => setIsEditing(true)}
       onDuplicate={onDuplicate}
       onDelete={onDelete}

code/client/src/utils/localStorage.ts

@@ -0,0 +1,17 @@
+function setItem(key: string, value: any) {
+  localStorage.setItem(key, JSON.stringify(value));
+}
+
+function getItem(key: string) {
+  const item = localStorage.getItem(key);
+  if (!item) {
+    return null;
+  }
+  return JSON.parse(item);
+}
+
+function removeItem(key: string) {
+  localStorage.removeItem(key);
+}
+
+export default { setItem, getItem, removeItem };

code/server/jest.config.js

@@ -7,11 +7,9 @@ module.exports = {
   transform: {},
   moduleNameMapper: pathsToModuleNameMapper(
     {
-      /*Controllers*/
+      '@/*': ['./*'],
       '@controllers/*': ['./src/ts/controllers/*'],
-      /*Databases*/
       '@databases/*': ['./src/ts/databases/*'],
-      /*Others*/
       '@src/*': ['./src/ts/*'],
       '@domain/*': ['./src/ts/domain/*'],
       '@services/*': ['./src/ts/services/*'],

code/server/src/ts/databases/ProductionDatabases.ts

@@ -1,5 +1,5 @@
-import { PostgresResourcesDB } from '@databases/resources/postgres/PostgresResourcesDB';
-import { PostgresWorkspacesDB } from '@databases/resources/postgres/PostgresWorkspacesDB';
+import { PostgresResourcesDB } from '@databases/workspaces/postgres/PostgresResourcesDB';
+import { PostgresWorkspacesDB } from '@databases/workspaces/postgres/PostgresWorkspacesDB';
 import { DocumentsRepository, Databases, ResourcesRepository, WorkspacesRepository } from '@databases/types';
 import { FirestoreDocumentsDB } from '@databases/documents/firestore/FirestoreDocumentsDB';
 

code/server/src/ts/databases/TestDatabases.ts

@@ -1,6 +1,6 @@
 import { DocumentsRepository, Databases, ResourcesRepository, WorkspacesRepository } from '@databases/types';
-import { MemoryResourcesDB } from '@databases/resources/memory/MemoryResourcesDB';
-import { MemoryWorkspacesDB } from '@databases/resources/memory/MemoryWorkspacesDB';
+import { MemoryResourcesDB } from '@databases/workspaces/memory/MemoryResourcesDB';
+import { MemoryWorkspacesDB } from '@databases/workspaces/memory/MemoryWorkspacesDB';
 import { MemoryDocumentsDB } from '@databases/documents/memory/MemoryDocumentsDB';
 
 export class TestDatabases implements Databases {

code/server/src/ts/databases/resources/memory/MemoryResourcesDB.ts → code/server/src/ts/databases/workspaces/memory/MemoryResourcesDB.ts

@@ -1,6 +1,6 @@
 import { ResourcesRepository } from '@databases/types';
 import { ResourceType, WorkspaceResource } from '@notespace/shared/src/workspace/types/resource';
-import { memoryDB } from '@databases/resources/memory/Memory';
+import { memoryDB } from '@databases/workspaces/memory/Memory';
 
 export class MemoryResourcesDB implements ResourcesRepository {
   async createResource(wid: string, name: string, type: ResourceType, parent?: string): Promise<string> {

code/server/src/ts/databases/resources/memory/MemoryWorkspacesDB.ts → code/server/src/ts/databases/workspaces/memory/MemoryWorkspacesDB.ts

@@ -1,6 +1,6 @@
 import { WorkspacesRepository } from '@databases/types';
 import { WorkspaceMetaData } from '@notespace/shared/src/workspace/types/workspace';
-import { memoryDB } from '@databases/resources/memory/Memory';
+import { memoryDB } from '@databases/workspaces/memory/Memory';
 import { WorkspaceResource } from '@notespace/shared/src/workspace/types/resource';
 
 export class MemoryWorkspacesDB implements WorkspacesRepository {

code/server/src/ts/databases/resources/postgres/PostgresResourcesDB.ts → code/server/src/ts/databases/workspaces/postgres/PostgresResourcesDB.ts

@@ -1,8 +1,8 @@
 import { ResourceType, WorkspaceResource } from '@notespace/shared/src/workspace/types/resource';
 import { ResourcesRepository } from '@databases/types';
 import { InvalidParameterError, NotFoundError } from '@domain/errors/errors';
-import sql from '@databases/resources/postgres/config';
 import { isEmpty } from 'lodash';
+import sql from '@databases/workspaces/postgres/config';
 
 export class PostgresResourcesDB implements ResourcesRepository {
   async createResource(wid: string, name: string, type: ResourceType, parent?: string): Promise<string> {

code/server/src/ts/databases/resources/postgres/PostgresWorkspacesDB.ts → code/server/src/ts/databases/workspaces/postgres/PostgresWorkspacesDB.ts

@@ -1,9 +1,9 @@
 import { WorkspaceResource } from '@notespace/shared/src/workspace/types/resource';
 import { WorkspaceMetaData } from '@notespace/shared/src/workspace/types/workspace';
 import { NotFoundError } from '@domain/errors/errors';
-import sql from '@databases/resources/postgres/config';
 import { WorkspacesRepository } from '@databases/types';
 import { isEmpty } from 'lodash';
+import sql from '@databases/workspaces/postgres/config';
 
 export class PostgresWorkspacesDB implements WorkspacesRepository {
   async createWorkspace(name: string): Promise<string> {

code/server/test/testServer.ts

@@ -3,11 +3,11 @@ import http = require('http');
 import cors = require('cors');
 import { Server } from 'socket.io';
 import { DocumentsService } from '../src/ts/services/DocumentsService';
-import eventsInit from '../src/ts/controllers/ws/events';
-import router from '../src/ts/controllers/http/router';
 import { Services } from '../src/ts/services/Services';
 import { TestDatabases } from '../src/ts/databases/TestDatabases';
 import config from '../src/ts/config';
+import eventsInit from '../src/ts/controllers/ws/events';
+import router from '../src/ts/controllers/http/router';
 import initSocketEvents from '../src/ts/controllers/ws/initSocketEvents';
 
 function setup() {