.

.gitignore

@@ -0,0 +1 @@
+node_modules/

Procfile

@@ -0,0 +1 @@
+web: node index.js

README.md

@@ -1,2 +1,4 @@
 # project_superchat
 Build a realtime multi-room chat application. Make it super.
+
+

index.js

@@ -0,0 +1,111 @@
+const express = require("express")
+const app = express()
+const server = require('http').createServer(app)
+const io = require('socket.io')(server)
+const bodyParser = require('body-parser')
+const expressHandlebars = require("express-handlebars");
+const cp = require('cookie-parser');
+const path = require('path');
+const redisClient = require('./services/redis/createClient');
+//Helper Modules
+const {addMessage, getMessagesForRoom, compareMessageTimes} = require('./services/redis/messageHandler')
+const {addRoom, getRoomIDs} = require('./services/redis/roomHandler');
+const checkSuperbot = require('./services/chatbot/superbot.js')
+const port = process.env.PORT || '3000'
+
+app.use(bodyParser.urlencoded({ extended: true }));
+app.use(cp())
+
+const hbs = expressHandlebars.create({
+  defaultLayout: "main",
+});
+app.engine("handlebars", hbs.engine);
+app.set("view engine", "handlebars");
+
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.use(
+  "/socket.io",
+  express.static(__dirname + "node_modules/socket.io-client/dist/")
+);
+
+io.on("connection", client => {
+
+  client.on("send post", (newPost, username, room) => {
+    addMessage(newPost, username, room, Date.now());
+    let superBotResponse = checkSuperbot(newPost)
+    if (superBotResponse) {
+      addMessage(superBotResponse, 'superBot', room, Date.now());
+      io.emit('new post', [newPost, username, room], [superBotResponse, 'superBot', room]);
+    } else {
+      io.emit('new post', [newPost, username, room]);
+    }
+  });
+
+  client.on("add room", (newRoom) => {
+    addRoom(newRoom);
+    io.emit('new room', newRoom);
+  });
+
+  client.on("change room", (roomName) => {
+    getMessagesForRoom(roomName).then(messages => {
+        client.emit('change room messages', messages)
+      })
+  })
+
+});
+
+// redisClient.flushall();
+
+app.get('/', (req, res) => {
+  if (!req.cookies.username) {
+    res.redirect("/login")
+  } else {
+    let roomNames = [];
+    let username = req.cookies.username;
+    getRoomIDs()
+    .then(roomIDsArray => {
+      roomIDsArray.forEach(roomID => {
+        roomNames.push(roomID.substr(5))
+      })
+      if (!roomNames.length) {
+         addRoom("Cats");
+        roomNames.push("Cats");
+       }
+      getMessagesForRoom('Cats') //Cats is default room
+      .then(messages => {
+        messages = messages.sort(compareMessageTimes)
+        res.render('index', {roomNames, messages, username})
+      })
+    })
+  }
+})
+
+app.get('/login', (req, res) => {
+  if(req.cookies.username) {
+    res.redirect('/')
+  } else {
+    res.render('login')
+  }
+})
+
+app.post('/login', (req, res) => {
+  let username = req.body.newUser;
+  res.cookie("username", username)
+  res.redirect('/')
+})
+
+app.get('/signout', (req, res) => {
+  res.clearCookie("username")
+  res.redirect('/login')
+})
+
+server.listen(port, function(err) {
+  console.log(`listening on ${port}`);
+});
+
+      //IF FLUSH DATABASE, ADD TO GET '/' TO RENDER HOMEPAGE
+      // if (!roomNames.length) {
+      //   addRoom("Cats");
+      //   roomNames.push("Cats");
+      // }

package.json

@@ -0,0 +1,33 @@
+{
+  "name": "project_superchat",
+  "version": "1.0.0",
+  "description": "Build a realtime multi-room chat application. Make it super.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "node index.js"
+
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/markmarkyesyes/project_superchat.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/markmarkyesyes/project_superchat/issues"
+  },
+
+  "homepage": "https://github.com/markmarkyesyes/project_superchat#readme",
+  "dependencies": {
+    "body-parser": "^1.17.1",
+    "cookie-parser": "^1.4.3",
+    "express": "^4.15.2",
+    "express-handlebars": "^3.0.0",
+    "redis": "^2.7.1",
+    "shortid": "^2.2.8",
+    "socket.io": "^1.7.3",
+    "socket.io-client": "^1.7.3"
+  }
+}

public/js/socketEvents.js

@@ -0,0 +1,96 @@
+$(document).ready(function() {
+  var socket = io.connect("https://egles-superchat.herokuapp.com//");
+  // var socket = io.connect('http://localhost:3000');
+
+  //Event Listeners
+  socket.on("new post", (userResponse, botResponse) => {
+    //User response elements
+    let newPost = userResponse[0];
+    let username = userResponse[1];
+    let room = userResponse[2];
+    if ($("#currentRoom").text() === room) {
+      //User response
+      $(".messages").append(
+        `<li class="left clearfix">
+            <span class="chat-img1 pull-left">
+              <h6>${username}</h6>
+            </span>
+            <div class="chat-body1 clearfix">
+              <p>${newPost}</p>
+            </div>
+          </li>`
+      );
+      if (botResponse) {
+        response = botResponse[0];
+        $(".messages").append(
+          `<li class="left clearfix">
+              <span class="chat-img1 pull-left">
+                <h6>SuperBot</h6>
+              </span>
+              <div class="chat-body1 clearfix">
+                <p>${response}</p>
+              </div>
+            </li>`
+        );
+      }
+    } else {
+      console.log("room ", room);
+      $(`#${room}`).find(".indicator").append("TEXT");
+    }
+  });
+
+  socket.on("new room", newRoom => {
+    $("#rooms").prepend(
+      `<li class="left clearfix">
+          <div class="chat-body clearfix">
+            <div class="header_sec roomName">
+              <strong class="primary-font roomText" id="{newRoom}">${newRoom}</strong><div id="indicator" class="hidden"></div>
+            </div>
+          </div>
+        </li>`
+    );
+  });
+
+  socket.on("change room messages", messages => {
+    $(".messages").empty();
+    messages.forEach(message => {
+      $(".messages").prepend(
+        `<li class="left clearfix">
+            <span class="chat-img1 pull-left">
+              <h6>${message.username}</h6>
+            </span>
+            <div class="chat-body1 clearfix">
+                <p>${message.body}</p>
+            </div>
+          </li>`
+      );
+    });
+  });
+
+  //Event Handlers
+  $("#sendPost").click(() => {
+    let newPost = $("#newPost").val();
+    let username = $("#username").text();
+    let room = $("#currentRoom").text();
+    $("#newPost").val("");
+    socket.emit("send post", newPost, username, room);
+  });
+
+  $("#addRoom").click(() => {
+    let newRoom = $("#newRoom").val();
+    $("#newRoom").val("");
+    if (newRoom.length) {
+      socket.emit("add room", newRoom);
+    }
+  });
+
+  $("ul#rooms").on("click", ".roomName", event => {
+    let roomName = $(event.target).find(".roomText").text();
+    // if text is clicked, set roomName to text element
+    if (!roomName) {
+      roomName = $(event.target).text();
+    }
+    $("#currentRoom").text(roomName);
+    socket.emit("change room", roomName);
+  });
+});