Merge branch 'dev' into Rick/backend

Author: r-mcgrath

app/src/components/left/RoomsContainer.tsx

@@ -16,8 +16,8 @@ import store from '../../redux/store';
 //pasted from navbarbuttons
 import debounce from '../../../../node_modules/lodash/debounce.js';
 
-// for websockets
-// Part  - join room and room code functionality
+// // for websockets
+// // Part  - join room and room code functionality
 let socket;
 const { API_BASE_URL } = config;
 const RoomsContainer = () => {
@@ -29,11 +29,12 @@ const RoomsContainer = () => {
     joinedRoom: store.roomCodeSlice.roomCode
   }));
   React.useEffect(() => {
-    console.log('joinedRoom: ', joinedRoom);
+    console.log('You Joined Room: ', joinedRoom);
   }, [joinedRoom]);
 
   function initSocketConnection(roomCode) {
     if (socket) {
+      //edge case check if socket connection existed
       socket.disconnect();
     }
 
@@ -79,9 +80,9 @@ const RoomsContainer = () => {
   function handleUserEnteredRoom(roomCode) {
     initSocketConnection(roomCode);
   }
-  //line 83-113 was pasted in from NavBarButtons
-  let previousState = store.getState();
 
+  let previousState = store.getState();
+  // console.log('Store States: ', store.getState);
   // sending info to backend whenever the redux store changes
   const handleStoreChange = debounce(() => {
     const newState = store.getState();
@@ -113,7 +114,6 @@ const RoomsContainer = () => {
   function joinRoom() {
     dispatch(changeRoom(roomCode));
     setConfirmRoom((confirmRoom) => roomCode);
-
     // Call handleUserEnteredRoom when joining a room
     handleUserEnteredRoom(roomCode);
   }
@@ -129,6 +129,9 @@ const RoomsContainer = () => {
         }}
       >
         {' '}
+        <Typography variant="h6" color={'white'}>
+          Live Room: {joinedRoom}
+        </Typography>
         <TextField
           hiddenLabel
           id="filled-hidden-label-small"
@@ -162,9 +165,6 @@ const RoomsContainer = () => {
         >
           Join Room
         </Button>
-        <Typography variant="h6" color={'white'}>
-          In Room: {joinedRoom}
-        </Typography>
       </Stack>
       {/* <button onClick={() => joinRoom()}>Join Room</button> */}
     </div>

app/src/components/top/NavBarButtons.tsx

@@ -327,6 +327,14 @@ function navbarDropDown(props) {
           <path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z" />
         </svg>
       </button>
+<<<<<<< HEAD
+      {/* {<ExportButton />} */}
+      {/* 
+      <button onClick={handleDarkModeToggle}>
+        {isDarkMode ? 'Light' : 'Dark'} Mode {switchDark}
+      </button> */}
+=======
+>>>>>>> dev
       {state.isLoggedIn && (
         <button onClick={handleClick}>
           Manage Project

config.js

@@ -3,14 +3,10 @@ const config = {
   DEV_PORT: 5656,
   API_BASE_URL: isProduction
     ? 'https://app.reactype.dev'
-    //: 'http://localhost:8080',
-<<<<<<< HEAD
-  : 'http://localhost:5656',
-=======
-   :'http://localhost:5656',
->>>>>>> dev
+    : 'http://localhost:5656',
+  // : 'http://localhost:8080',
   API_BASE_URL2: isProduction
     ? 'https://app.reactype.dev'
-    : 'http://localhost:8080',
+    : 'http://localhost:8080'
 };
 module.exports = config;

package.json

@@ -3,7 +3,7 @@
   "version": "17.0.0 by Victor Martins, Liam Roh, Denton Wong, Ahnaf Khan, Hernan Damazo",
   "description": "Prototyping tool for React/Typescript Applications.",
   "private": true,
-  "main": "app/electron/main.js",
+  "main": "app/.electron/main.js",
   "author": "OS Labs",
   "contributors": [
     "Victor Martins",

server/server.ts

@@ -41,7 +41,7 @@ const isTest = process.env.NODE_ENV === 'test';
 
 app.use(express.json({ limit: '100mb' }));
 app.use(express.urlencoded({ limit: '100mb', extended: true }));
-app.use(cookieParser());//added cookie parser
+app.use(cookieParser()); //added cookie parser
 // Routes
 // const stylesRouter = require('./routers/stylesRouter');
 import stylesRouter from './routers/stylesRouter';
@@ -96,9 +96,9 @@ const io = new Server(httpServer, {
 });
 
 io.on('connection', (socket) => {
-  console.log(socket.id);
+  console.log('Socket ID: -----', socket.id);
   socket.on('custom-event', (string, redux_store, room) => {
-    console.log(room);
+    console.log('Room Code', room);
     if (room) {
       socket.to(room).emit('receive message', redux_store);
     } else {
@@ -173,17 +173,16 @@ app.post(
 );
 
 //confirming whether user is logged in for index.tsx rendering
-app.get(
-  '/loggedIn',
-  sessionController.isLoggedIn,
-  (req, res) => res.status(200).json(res.locals.loggedIn)
-)
+app.get('/loggedIn', sessionController.isLoggedIn, (req, res) =>
+  res.status(200).json(res.locals.loggedIn)
+);
 
-app.get('/logout', 
-cookieController.deleteCookies,
-sessionController.endSession,
-(req,res) => res.status(200).json(res.locals.deleted)
-)
+app.get(
+  '/logout',
+  cookieController.deleteCookies,
+  sessionController.endSession,
+  (req, res) => res.status(200).json(res.locals.deleted)
+);
 
 // user must be logged in to get or save projects, otherwise they will be redirected to login page
 app.post(
@@ -193,7 +192,6 @@ app.post(
   (req, res) => res.status(200).json(res.locals.savedProject)
 );
 
-
 app.post(
   '/getProjects',
   sessionController.isLoggedIn,
@@ -236,7 +234,7 @@ app.get(
 app.get(
   '/cloneProject/:docId',
   sessionController.isLoggedIn,
-  marketplaceController.cloneProject, 
+  marketplaceController.cloneProject,
   (req, res) => res.status(200).json(res.locals.clonedProject)
 );
 
@@ -266,7 +264,6 @@ if (isDocker) {
   });
 }
 
-
 app.get('/test', (req, res) => {
   res.send('test request is working');
 });