This pull request aims to improve the clarity, modularity, and structure of the socket event handling and chat-related components. It introduces new controllers, moves socket events into dedicated modules, and restructures the component files for better organization. Additionally, it integrates a centralized chat context for managing chat-related data using the useContext hook.
Changes
Socket Event Handling:
Integrated jwt verification and renamed configureSocket parameter from server to io for clarity in socketIo.js.
Implemented handleErrorEvents helper function in errorController.js.
Moved socket events message friend, message room, and chat activity to handleMessages in messageController.js.
Moved socket events joinRoom and leaveRoom to handleRoomEvents in roomController.js.
Integrated socket handlers handleMessages, handleRoomEvents, and handleErrorEvents into manageSocketEvents in socketController.js.
Connected manageSocketEvents with ioServer in server.js for centralized socket event management.
Component Restructuring:
Moved ClassQuizList.jsx, Newsfeed.jsx, QuizForm.jsx, and UserQuizList.jsx to the quizzes repository under the components directory.
Moved Classroom.jsx to the classroom repository under the components directory.
Moved Chat.jsx to the chat repository under the components directory.
Updated import paths to match the new file structure in Dashboard.jsx and Quizzes.jsx components.
Development Environment:
Ran npm install --save-dev @babel/plugin-proposal-private-property-in-object to ensure support for transpiling private properties across different environments and browsers.
Chat Context Implementation:
Created chatContext.js to manage chat messages, user classrooms, chat selection, and activity notifications, providing a centralized context for child components.
Moved chat utility functions and rendering logic to ChatDisplay.jsx for focused display management.
Moved chat control utility functions and rendering logic to ChatList.jsx for managing chat interactions.
Integrated ChatProvider, ChatDisplay, and ChatList into Chat.jsx for a more modular and organized chat component structure.
Summary
This pull request aims to improve the clarity, modularity, and structure of the socket event handling and chat-related components. It introduces new controllers, moves socket events into dedicated modules, and restructures the component files for better organization. Additionally, it integrates a centralized chat context for managing chat-related data using the
useContexthook.Changes
Socket Event Handling:
jwtverification and renamedconfigureSocketparameter fromservertoiofor clarity insocketIo.js.handleErrorEventshelper function inerrorController.js.message friend,message room, andchat activitytohandleMessagesinmessageController.js.joinRoomandleaveRoomtohandleRoomEventsinroomController.js.handleMessages,handleRoomEvents, andhandleErrorEventsintomanageSocketEventsinsocketController.js.manageSocketEventswithioServerinserver.jsfor centralized socket event management.Component Restructuring:
ClassQuizList.jsx,Newsfeed.jsx,QuizForm.jsx, andUserQuizList.jsxto thequizzesrepository under thecomponentsdirectory.Classroom.jsxto theclassroomrepository under thecomponentsdirectory.Chat.jsxto thechatrepository under thecomponentsdirectory.Dashboard.jsxandQuizzes.jsxcomponents.Development Environment:
npm install --save-dev @babel/plugin-proposal-private-property-in-objectto ensure support for transpiling private properties across different environments and browsers.Chat Context Implementation:
chatContext.jsto manage chat messages, user classrooms, chat selection, and activity notifications, providing a centralized context for child components.ChatDisplay.jsxfor focused display management.ChatList.jsxfor managing chat interactions.ChatProvider,ChatDisplay, andChatListintoChat.jsxfor a more modular and organized chat component structure.