Add Support Chat

devxprite · devxprite · commit fab5c48983b1 · 2022-06-23T19:17:57.000+05:30
diff --git a/.eslintignore b/.eslintignore
@@ -1 +1,2 @@
-*.min.js
+*.min.js
+temp
diff --git a/index.js b/index.js
@@ -1,4 +1,5 @@
 /* eslint-disable max-len */
+const fs = require("fs");
 const _ = require("lodash");
 const convert = require("convert-units");
 const extractValues = require("extract-values");
@@ -8,34 +9,41 @@ const { upperCaseFirst } = require("upper-case-first");
 const { capitalCase } = require("change-case");
 
 const cors = require("cors");
+const path = require("path");
 const axios = require("axios");
 const morgan = require("morgan");
 const dotenv = require("dotenv");
 const express = require("express");
 const compression = require("compression");
+const serveStatic = require("serve-static");
 
+const pkg = require("./package.json");
 const mainChat = require("./intents/Main_Chat.json");
+const supportChat = require("./intents/support.json");
+const wikipediaChat = require("./intents/wikipedia.json");
 const welcomeChat = require("./intents/Default_Welcome.json");
 const fallbackChat = require("./intents/Default_Fallback.json");
 const unitConverterChat = require("./intents/unit_converter.json");
-const wikipediaChat = require("./intents/wikipedia.json");
 
 dotenv.config();
 
+const standardRating = 0.6;
+const developerName = pkg.author.name;
+const developerEmail = pkg.author.email;
+const bugReportUrl = pkg.bugs.url;
+
 const app = express();
 const port = process.env.PORT || 3000;
 
-const allQustions = [];
+let allQustions = [];
 
-for (let i = 0; i < mainChat.length; i++) {
-  for (let j = 0; j < mainChat[i].questions.length; j++) {
-    allQustions.push(mainChat[i].questions[j]);
-  }
-}
+allQustions = _.concat(allQustions, wikipediaChat);
+allQustions = _.concat(allQustions, unitConverterChat);
+allQustions = _.concat(allQustions, _.flattenDeep(_.map(supportChat, "questions")));
+allQustions = _.concat(allQustions, _.flattenDeep(_.map(mainChat, "questions")));
 
-for (let i = 0; i < unitConverterChat.length; i++) {
-  allQustions.push(unitConverterChat[i].replace("{amount}", 10).replace("{unitFrom}", "cm").replace("{unitTo}", "mm"));
-}
+allQustions = _.uniq(allQustions);
+allQustions = _.compact(allQustions);
 
 const changeUnit = (amount, unitFrom, unitTo) => {
   try {
@@ -53,7 +61,7 @@ const sendAllQuestions = (req, res) => {
 
   try {
     allQustions.forEach((qus) => {
-      if (qus.length >= 10) {
+      if (qus.length >= 15) {
         if (/^(can|are|may|how|what|when|who|do|where|your|from|is|will|why)/gi.test(qus)) {
           humanQuestions.push(`${upperCaseFirst(qus)}?`);
         } else {
@@ -78,25 +86,39 @@ const sendAnswer = async (req, res) => {
   let isFallback = false;
   let responseText = null;
   let rating = 0;
-  let similarQuestion = null;
   let action = null;
 
   try {
     const query = decodeURIComponent(req.query.q).replace(/\s+/g, " ").trim() || "Hello";
     const humanInput = lowerCase(query.replace(/(\?|\.|!)$/gmi, ""));
+
     const regExforUnitConverter = /(convert|change|in).{1,2}(\d{1,8})/gmi;
     const regExforWikipedia = /(search for|tell me about|what is|who is)(?!.you) (.{1,30})/gmi;
+    const regExforSupport = /(invented|programmer|teacher|create|maker|who made|creator|developer|bug|email|report|problems)/gmi;
 
-    if (regExforUnitConverter.test(humanInput)) {
-      const similarQuestionObj = stringSimilarity.findBestMatch(humanInput, unitConverterChat).bestMatch;
-      similarQuestion = similarQuestionObj.target;
-      const valuesObj = extractValues(humanInput, similarQuestion, {
-        delimiters: ["{", "}"],
-      });
+    let similarQuestionObj;
 
-      rating = 1;
+    if (regExforUnitConverter.test(humanInput)) {
       action = "unit_converter";
+      similarQuestionObj = stringSimilarity.findBestMatch(humanInput, unitConverterChat).bestMatch;
+    } else if (regExforWikipedia.test(humanInput)) {
+      action = "wikipedia";
+      similarQuestionObj = stringSimilarity.findBestMatch(humanInput, wikipediaChat).bestMatch;
+    } else if (regExforSupport.test(humanInput)) {
+      action = "support";
+      similarQuestionObj = stringSimilarity.findBestMatch(humanInput, _.flattenDeep((_.map(supportChat, "questions")))).bestMatch;
+    } else {
+      action = "main_chat";
+      similarQuestionObj = stringSimilarity.findBestMatch(humanInput, _.flattenDeep((_.map(mainChat, "questions")))).bestMatch;
+    }
+
+    const similarQuestionRating = similarQuestionObj.rating;
+    const similarQuestion = similarQuestionObj.target;
+
+    if (action == "unit_converter") {
+      const valuesObj = extractValues(humanInput, similarQuestion, { delimiters: ["{", "}"] });
 
+      rating = 1;
       try {
         const {
           amount,
@@ -109,34 +131,49 @@ const sendAnswer = async (req, res) => {
         responseText = "One or more units are missing.";
         console.log(error);
       }
-    } else if (regExforWikipedia.test(humanInput)) {
-      const similarQuestionObj = stringSimilarity.findBestMatch(humanInput, wikipediaChat).bestMatch;
-      similarQuestion = similarQuestionObj.target;
-      const valuesObj = extractValues(humanInput, similarQuestion, {
-        delimiters: ["{", "}"],
-      });
+    } else if (action == "wikipedia") {
+      const valuesObj = extractValues(humanInput, similarQuestion, { delimiters: ["{", "}"] });
 
       let { topic } = valuesObj;
       topic = capitalCase(topic);
 
-      const wikipediaResponse = await axios(`https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=1&explaintext=1&titles=${topic}`);
-      const wikipediaResponseData = wikipediaResponse.data;
-      const wikipediaResponsePageNo = Object.keys(wikipediaResponseData.query.pages)[0];
-      const wikipediaResponseText = wikipediaResponseData.query.pages[wikipediaResponsePageNo].extract;
-
-      if (wikipediaResponseText == undefined || wikipediaResponseText == "") {
-        responseText = `Sorry, we can't find any article related to "${topic}".`;
-        isFallback = true;
-      } else {
-        responseText = wikipediaResponseText;
+      try {
+        const wikipediaResponse = await axios(`https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=1&explaintext=1&titles=${topic}`);
+        const wikipediaResponseData = wikipediaResponse.data;
+        const wikipediaResponsePageNo = Object.keys(wikipediaResponseData.query.pages)[0];
+        const wikipediaResponseText = wikipediaResponseData.query.pages[wikipediaResponsePageNo].extract;
+
+        if (wikipediaResponseText == undefined || wikipediaResponseText == "") {
+          responseText = `Sorry, I can't find any article related to "${topic}".`;
+          isFallback = true;
+        } else {
+          responseText = wikipediaResponseText;
+        }
+      } catch (error) {
+        if (/(ETIMEDOUT|ENOTFOUND)/gi.test(error.message)) {
+          responseText = `Sorry, we can't find any article related to "${topic}".`;
+        }
       }
+    } else if (action == "support") {
+      rating = similarQuestionRating;
+
+      if (similarQuestionRating > standardRating) {
+        for (let i = 0; i < supportChat.length; i++) {
+          for (let j = 0; j < supportChat[i].questions.length; j++) {
+            if (similarQuestion == supportChat[i].questions[j]) {
+              responseText = _.sample(supportChat[i].answers);
+            }
+          }
+        }
+      }
+    } else if (/(?:my name is|I'm|I am) (.{1,30})/gmi.test(humanInput)) {
+      const humanName = /(?:my name is|I'm|I am) (.{1,30})/gmi.exec(humanInput);
+      responseText = `Nice to meet you ${humanName[1]}.`;
+      rating = 1;
     } else {
-      const similarQuestionObj = stringSimilarity.findBestMatch(humanInput, allQustions).bestMatch;
-      const similarQuestionRating = similarQuestionObj.rating;
-      similarQuestion = similarQuestionObj.target;
       action = "main_chat";
 
-      if (similarQuestionRating > 0.6) {
+      if (similarQuestionRating > standardRating) {
         for (let i = 0; i < mainChat.length; i++) {
           for (let j = 0; j < mainChat[i].questions.length; j++) {
             if (similarQuestion == mainChat[i].questions[j]) {
@@ -156,6 +193,16 @@ const sendAnswer = async (req, res) => {
       }
     }
 
+    if (responseText == null) {
+      responseText = _.sample(fallbackChat);
+      isFallback = true;
+    } else if (action != "wikipedia") {
+      responseText = responseText
+        .replace(/(\[NAME\])/g, developerName)
+        .replace(/(\[EMAIL\])/g, developerEmail)
+        .replace(/(\[BUG_URL\])/g, bugReportUrl);
+    }
+
     res.json({
       responseText,
       query,
@@ -174,12 +221,28 @@ const sendAnswer = async (req, res) => {
   }
 };
 
+const notFound = async (req, res) => {
+  try {
+    const pageNotFoundHtml = await fs.readFileSync(
+      path.join(__dirname, "public/404.html"),
+      "utf8",
+    );
+    res.status(404).send(pageNotFoundHtml);
+  } catch (err) {
+    res.status(404).send("Page Not Found!");
+    console.log(err);
+  }
+};
+
 app.use(cors());
 app.use(compression());
 app.set("json spaces", 4);
-app.use("/api/*", morgan("tiny"));
+app.use("/api/", morgan("tiny"));
 app.get("/api/question", sendAnswer);
 app.get("/api/welcome", sendWelcomeMessage);
 app.get("/api/allQuestions", sendAllQuestions);
+app.use(serveStatic(path.join(__dirname, "public")));
+app.get("*", notFound);
+app.get("");
 
 app.listen(port, () => console.log(`app listening on port ${port}!`));
diff --git a/intents/Default_Fallback.json b/intents/Default_Fallback.json
@@ -1,6 +1,5 @@
 [
-  "I didn't get that. Can you say it again?",
-  "I missed what you said. Say it again?",
+  "I missed what you said.",
   "Sorry, I didn't get that.",
   "Sorry, what was that?",
   "What was that?",
diff --git a/intents/support.json b/intents/support.json
@@ -0,0 +1,86 @@
+[
+  {
+    "questions": [
+      "bring me up your developers email",
+      "how to email your developers",
+      "could you please give me the email address of your developers",
+      "show me the email of your developers",
+      "get me your developers email",
+      "I want to contact your developers show me their email",
+      "I need to contact your developers give me their email address",
+      "what's your developers email",
+      "how to email your creators",
+      "give me the email address of your developers",
+      "I would like to write an email to your developers",
+      "where to get your developers email",
+      "can I send an email to your developers",
+      "your creators email",
+      "I want to contact your developers by email",
+      "your developers email"
+    ],
+    "answers": [
+      "My developer email is [EMAIL]."
+    ]
+  },
+  {
+    "questions": [
+      "what's the name of your programmer",
+      "who is your teacher",
+      "and who create you",
+      "who made your application",
+      "what is your makers name",
+      "so who created you",
+      "can you tell me who created you",
+      "do you know your creators",
+      "do you know your maker",
+      "can you tell me something about your creators",
+      "your developers",
+      "I said who are your creators",
+      "who did create you",
+      "what is your developer name",
+      "do you know who makes you",
+      "who made you",
+      "what is your teachers name",
+      "what's the name of your creators",
+      "so who made this application",
+      "so who is your creator",
+      "who created you",
+      "so who made you",
+      "who is your programmer",
+      "what is the name of your developers",
+      "so who create you",
+      "what's the name of your creator",
+      "do you know who created you",
+      "tell me who is your creator",
+      "who were your creators",
+      "do you know who made you",
+      "and who created you",
+      "who is your developer",
+      "I said who made you tell me"
+    ],
+    "answers": []
+  },
+  {
+    "questions": [
+      "I need to report a bug that I've found",
+      "report bug to developers",
+      "send report about your problems",
+      "I'm having problem with this app",
+      "I need to report bug",
+      "you have bugs everywhere",
+      "tell your developers that you have a bug",
+      "you have problems in understanding",
+      "send bug report to your creators",
+      "you are full of problems",
+      "there are bugs",
+      "I want to show errors to your creators",
+      "I want to report error",
+      "I've found bugs",
+      "I need to report a bug that I've found in you",
+      "send problem to developers"
+    ],
+    "answers": [
+      "You can report your bug here."
+    ]
+  }
+]
diff --git a/package.json b/package.json
@@ -3,7 +3,18 @@
   "description": "A Powerful ChatBot in NodeJs",
   "version": "0.0.1",
   "private": false,
-  "license": "Apache Version 2.0",
+  "license": "MIT",
+  "author": {
+    "name": "Prateek Singh",
+    "email": "bhps82@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/7orp3do/javascript-chatbot.git"
+  },
+  "bugs": {
+    "url": "https://github.com/7orp3do/javascript-chatbot/issues"
+  },
   "scripts": {
     "dev": "nodemon",
     "start": "node index.js",
diff --git a/public/index.html b/public/index.html
@@ -35,29 +35,33 @@
       <h2>JavaScript ChatBot</h2>
       <p class="typing">bot is typing. . .</p>
     </div>
-    <div>
+    <div onclick="toogleShowQuestions()">
       <div class="status"></div>
     </div>
   </header>
 
   <main>
+  </main>
 
-    <div class="main-background">
-      <div>
-        <h3>JavaScript ChatBot</h3>
-        <p>A Simple & Powerful chatbot in JavaScript.</p>
-      </div>
+  <div class="main-background">
+    <div>
+      <h3>JavaScript ChatBot</h3>
+      <p>A Simple & Powerful chatbot in JavaScript.</p>
     </div>
-  </main>
+  </div>
 
-  <section class="all-questions"> 
-    <p>How are You?</p>
+  <section class="all-questions">
   </section>
 
   <footer>
     <form id="chat-form">
-      <input type="text" class="chat-input">
-      <button type="submit" class="chat-submit">S</button>
+      <input type="text" class="chat-input" required>
+      <button type="submit" class="chat-submit"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+          viewBox="0 0 24 24">
+          <path
+            d="M24 0l-6 22-8.129-7.239 7.802-8.234-10.458 7.227-7.215-1.754 24-12zm-15 16.668v7.332l3.258-4.431-3.258-2.901z" />
+        </svg>
+      </button>
     </form>
   </footer>
 
diff --git a/public/src/css/app.css b/public/src/css/app.css
diff --git a/public/src/javascript/app.js b/public/src/javascript/app.js

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,5 @@`
`1`	`1`	`[`
`2`		`- "I didn't get that. Can you say it again?",`
`3`		`- "I missed what you said. Say it again?",`
	`2`	`+ "I missed what you said.",`
`4`	`3`	`"Sorry, I didn't get that.",`
`5`	`4`	`"Sorry, what was that?",`
`6`	`5`	`"What was that?",`