start of server reintegration

Author: andrewjcho84

server/.gitignore

@@ -0,0 +1,12 @@
+node_modules/
+domains.ext
+localhost.crt
+localhost.csr
+localhost.key
+package-lock.json
+rootCA.key
+rootCA.pem
+RootCA.crt
+RootCA.srl
+.env
+/*.code-workspace

server/Procfile

@@ -0,0 +1 @@
+web: npm run start

server/README.md

@@ -0,0 +1,10 @@
+<p align="center">
+  <img width="300" src="reactypeserverlogo.png">
+  <h1 align="center">ReacType Server</h1>
+</p>
+
+**ReacType Server** is the backend complement to the visual React prototyping tool **ReacType**. It is built in **Node.js** with the **Express** framework linked to **MongoDB** to handle user authentication (personal accounts on our own database as well as through Github Oauth), sessions, and user project management. The server itself is officially deployed through Heroku, but you can host your own local environment to communicate with the database with this repo.
+
+If `npm` is your package manager, you just need to run the script `npm run dev` and it will start the server on `http://localhost:5000` for your development environment.
+
+Endpoint testing is currently integrated with Jest and Supertest as well and can be run by `npm run test` or `npm run test:watch` for watch mode.

server/__tests__/projects.test.js

@@ -0,0 +1,80 @@
+const request = require('supertest');
+let server = 'https://reactype.herokuapp.com';
+const isDev = process.env.NODE_ENV === 'development';
+if (isDev) {
+  server = 'http://localhost:5000';
+}
+
+// save and get projects endpoint testing
+describe('Project endpoints tests', () => {
+  // initializes the project to be sent to server/DB
+  const state = {
+    name: 'test',
+    isLoggedIn: false,
+    components: [
+      {
+        id: 1,
+        name: 'index',
+        style: {},
+        code: '<div>Drag in a component or HTML element into the canvas!</div>',
+        children: [],
+      },
+    ],
+    projectType: 'Next.js',
+    rootComponents: [1],
+    canvasFocus: { componentId: 1, childId: null },
+    nextComponentId: 2,
+    nextChildId: 1,
+  };
+  const projectToSave = {
+    name: 'test',
+    project: state,
+    userId: '5f0df0636678ba002ba43b88',
+  };
+
+  // test saveProject endpoint
+  describe('/saveProject', () => {
+    describe('/POST', () => {
+      it('responds with a status of 200 and json object equal to project sent', () => {
+        return request(server)
+          .post('/saveProject')
+          .send(projectToSave)
+          .expect('Content-Type', /json/)
+          .expect(200)
+          .then((res) => expect(res.body.project.name).toBe('test'));
+      });
+    });
+  });
+
+  // test getProjects endpoint
+  describe('/getProjects', () => {
+    describe('POST', () => {
+      it('responds with status of 200 and json object equal to an array of user projects', () => {
+        return request(server)
+          .post('/getProjects')
+          .send({ userId: projectToSave.userId })
+          .expect(200)
+          .expect('Content-Type', /json/)
+          .then((res) => {
+            expect(Array.isArray(res.body)).toBeTruthy;
+            expect(res.body[0].name).toBe('test');
+          });
+      });
+    });
+  });
+
+  // test deleteProject endpoint
+  describe('/deleteProject', () => {
+    describe('DELETE', () => {
+      const { name, userId } = projectToSave;
+      it('responds with status of 200 and json object equal to deleted project', () => {
+        return request(server)
+          .delete('/deleteProject')
+          .send({ name, userId })
+          .expect(200)
+          .expect('Content-Type', /json/)
+          .then((res) => expect(res.body.name).toBe('test'));
+      });
+    });
+  });
+});

server/__tests__/users.test.js

@@ -0,0 +1,64 @@
+const request = require('supertest');
+let server = 'https://reactype.herokuapp.com';
+const isDev = process.env.NODE_ENV === 'development';
+if (isDev) {
+  server = 'http://localhost:5000';
+}
+
+// tests user signup and login routes
+describe('User authentication tests', () => {
+  let num = Math.floor(Math.random() * 1000);
+
+  describe('/signup', () => {
+    describe('POST', () => {
+      it('responds with status 200 and json object on valid new user signup', () => {
+        return request(server)
+          .post('/signup')
+          .send({
+            username: `supertest${num}`,
+            email: `test${num}@test.com`,
+            password: `${num}`,
+          })
+          .expect('Content-Type', /json/)
+          .expect(200)
+          .then((res) => expect(typeof res.body).toBe('object'));
+      });
+      it('responds with status 400 and json string on invalid new user signup', () => {
+        return request(server)
+          .post('/signup')
+          .send({
+            username: 'reactyp3test',
+            email: '[email protected]',
+            password: 'password',
+          })
+          .expect('Content-Type', /json/)
+          .expect(400)
+          .then((res) => expect(typeof res.body).toBe('string'));
+      });
+    });
+  });
+  describe('/login', () => {
+    describe('POST', () => {
+      it('responds with status 200 and json object on verified user login', () => {
+        return request(server)
+          .post('/login')
+          .send({ username: 'reactyp3test', password: 'codesmith1!' })
+          .expect(200)
+          .expect('Content-Type', /json/)
+          .then((res) =>
+            expect(res.body.sessionId).toEqual('5f0df0636678ba002ba43b88')
+          );
+      });
+      it('responds with status 400 and json string on invalid user login', () => {
+        return request(server)
+          .post('/login')
+          .send({ username: 'wrongusername', password: 'wrongpassword' })
+          .expect(400)
+          .expect('Content-Type', /json/)
+          .then((res) => expect(typeof res.body).toBe('string'));
+      });
+    });
+  });
+});
+
+describe('User Login Tests', () => {});

server/controllers/cookieController.js

@@ -0,0 +1,10 @@
+const cookieController = {};
+
+// setSSIDCookie - store the user id from database in cookie
+cookieController.setSSIDCookie = (req, res, next) => {
+  // set cookie with key 'ssid' and value to user's id
+  res.cookie('ssid', res.locals.id);
+  return next();
+};
+
+module.exports = cookieController;

server/controllers/projectController.js

@@ -0,0 +1,78 @@
+const { Projects } = require('../models/reactypeModels');
+const projectController = {};
+
+// saveProject saves current workspace to database
+
+projectController.saveProject = (req, res, next) => {
+  // pull project name and project itself from body
+  const { name, project, userId } = req.body;
+  // pull ssid from cookies for user id
+  Projects.findOneAndUpdate(
+    // looks in projects collection for project by user and name
+    { name, userId },
+    // update or insert the project
+    { project },
+    // Options:
+    // upsert: true - if none found, inserts new project, if found, updates project
+    // new: true - returns updated document not the original one
+    { upsert: true, new: true },
+    (err, result) => {
+      if (err) {
+        return next({
+          log: `Error in projectController.saveProject: ${err}`,
+          message: {
+            err: `Error in projectController.saveProject, check server logs for details`,
+          },
+        });
+      } else {
+        res.locals.savedProject = result;
+        return next();
+      }
+    }
+  );
+};
+
+// gets all of current user's projects
+
+projectController.getProjects = (req, res, next) => {
+  const { userId } = req.body;
+  Projects.find({ userId }, (err, projects) => {
+    if (err) {
+      return next({
+        log: `Error in projectController.getProjects: ${err}`,
+        message: {
+          err: `Error in projectController.getProjects, check server logs for details`,
+        },
+      });
+    } else {
+      // so it returns each project like it is in state, not the whole object in DB
+      res.locals.projects = projects.map((elem) => elem.project);
+      return next();
+    }
+  });
+};
+
+// delete project from database **currently not integrated into app**
+
+projectController.deleteProject = (req, res, next) => {
+  console.log('In delete projects controller');
+  // pull project name and userId from req.body
+  const { name, userId } = req.body;
+  console.log('name and userId in delete', name, userId);
+  Projects.findOneAndDelete({ name, userId }, (err, deleted) => {
+    if (err) {
+      return next({
+        log: `Error in projectController.deleteProject: ${err}`,
+        message: {
+          err: `Error in projectController.deleteProject, check server logs for details`,
+        },
+      });
+    } else {
+      res.locals.deleted = deleted;
+      console.log('Successful deleteProjects, deleted', deleted);
+      return next();
+    }
+  });
+};
+
+module.exports = projectController;

server/controllers/sessionController.js

@@ -0,0 +1,100 @@
+const { Sessions } = require('../models/reactypeModels');
+const sessionController = {};
+
+// isLoggedIn finds appropriate session for this request in database, then verifies whether or not the session is still valid
+sessionController.isLoggedIn = (req, res, next) => {
+  let cookieId;
+  if (req.cookies.ssid) {
+    cookieId = req.cookies.ssid;
+  } else {
+    cookieId = req.body.userId;
+  }
+
+  // find session from request session ID in mongodb
+  Sessions.findOne({ cookieId }, (err, session) => {
+    if (err) {
+      return next({
+        log: `Error in sessionController.isLoggedIn: ${err}`,
+        message: {
+          err: `Error in sessionController.isLoggedIn, check server logs for details`,
+        },
+      });
+      // no session found, redirect to signup page
+    } else if (!session) {
+      return res.redirect('/');
+    } else {
+      // session found, move onto next middleware
+      return next();
+    }
+  });
+};
+
+// startSession - create and save a new session into the database
+sessionController.startSession = (req, res, next) => {
+  // first check if user is logged in already
+  Sessions.findOne({ cookieId: res.locals.id }, (err, session) => {
+    if (err) {
+      return next({
+        log: `Error in sessionController.startSession find session: ${err}`,
+        message: {
+          err: `Error in sessionController.startSession find session, check server logs for details`,
+        },
+      });
+      // if session doesn't exist, create a session
+      // if valid user logged in/signed up, res.locals.id should be user's id generated from mongodb, which we will set as this session's cookieId
+    } else if (!session) {
+      Sessions.create({ cookieId: res.locals.id }, (err, session) => {
+        if (err) {
+          return next({
+            log: `Error in sessionController.startSession create session: ${err}`,
+            message: {
+              err: `Error in sessionController.startSession create session, check server logs for details`,
+            },
+          });
+        } else {
+          res.locals.ssid = session.cookieId;
+          return next();
+        }
+      });
+      // if session exists, move onto next middleware
+    } else {
+      res.locals.ssid = session.cookieId;
+      return next();
+    }
+  });
+};
+
+// creates a session when logging in with github
+sessionController.githubSession = (req, res, next) => {
+  // req.user is passed in from passport js -> serializeuser/deserializeuser
+  const cookieId = req.user._id;
+  Sessions.findOne({ cookieId }, (err, session) => {
+    if (err) {
+      return next({
+        log: `Error in sessionController.githubSession find session: ${err}`,
+        message: {
+          err: `Error in sessionController.githubSession find session, check server logs for details`,
+        },
+      });
+    } else if (!session) {
+      Sessions.create({ cookieId }, (err, session) => {
+        if (err) {
+          return next({
+            log: `Error in sessionController.githubSession create session: ${err}`,
+            message: {
+              err: `Error in sessionController.githubSession create session, check server logs for details`,
+            },
+          });
+        } else {
+          res.locals.id = session.cookieId;
+          return next();
+        }
+      });
+    } else {
+      res.locals.id = session.cookieId;
+      return next();
+    }
+  });
+};
+
+module.exports = sessionController;