Merge pull request #45 from riversun/hotfix/20220401_sanitize_input_value

Hotfix/20220401 sanitize input value

Author: riversun

.npmignore

@@ -0,0 +1,17 @@
+example
+example_chat_server
+public
+test
+gulpfile.js
+node_modules
+.DS_Store
+docs
+coverage
+.circleci
+*.md
+.idea
+babel.*
+jest.*
+webpack.*
+nodemon.*
+

dist/chatux.min.js

@@ -0,0 +1,162 @@
+/**
+ * Chat Server Example
+ */
+const express = require('express');
+const app = express();
+
+const port = 8081;
+
+if (app.get('env') === 'production') {
+  app.set('trust proxy', 1); // trust first proxy
+}
+
+app.use(express.json())
+app.use(express.urlencoded({extended: true}));
+
+// set mddielware for CORS
+app.use(function (req, res, next) {
+  res.header("Access-Control-Allow-Origin", "*");
+  res.header("Access-Control-Allow-Headers", "Origin, Content-Type, Accept");
+  next();
+});
+
+//provide json api
+app.set('json spaces', 2);
+
+const handleRequest = (req, res, data) => {
+
+  const {userInputText, callback} = data;
+
+  console.log(`[chat-server] #chat request userInputText:"${userInputText}"`);
+
+  //create response object
+  const response = {
+    output: []
+  };
+
+  const msg = response.output;
+
+  if (!userInputText) {
+
+    //if inputText is empty
+    msg.push({
+      type: "text",
+      value: "Hey, please say something!"
+    });
+
+  } else {
+
+    if (userInputText == "show buttons") {
+
+      //show text and buttons
+      msg.push({
+        type: "text",
+        value: "Ok, I'll show you buttons!",
+        delayMs: 500 // wait(milliseconds)
+      });
+
+      const opts = [];
+      opts.push({label: 'label1', value: 'value1'});
+      opts.push({label: 'label2', value: 'value2'});
+      opts.push({label: 'label3', value: 'value3'});
+
+      msg.push({type: "option", options: opts});
+
+    } else if (userInputText == "show image") {
+
+      //show text and image
+      msg.push({
+        type: "text",
+        value: "Ok, I'll show you an image!",
+        delayMs: 500
+      });
+
+      msg.push({
+        type: "image",
+        value: " https://upload.wikimedia.org/wikipedia/commons/a/a3/Aptenodytes_forsteri_-Snow_Hill_Island%2C_Antarctica_-adults_and_juvenile-8.jpg"
+      });
+    } else if (userInputText == "show link") {
+
+      // show html
+      msg.push({
+        type: 'html',
+        value: 'Click <a href="https://github.com/riversun" target="_blank" >here</a> to open a page.',
+        delayMs: 500
+      });
+
+
+    } else if (userInputText == "show double") {
+
+
+      msg.push({
+        type: "text",
+        value: "Ok, This is the 1st message",
+        delayMs: 500
+      });
+
+
+      msg.push({
+        type: "text",
+        value: "Ok, This is the 2nd message",
+        delayMs: 500
+      });
+
+
+    } else {
+      //echo inputText
+      msg.push({
+        type: "text",
+        value: "You say '" + userInputText + "'"
+      });
+    }
+  }
+
+  if (callback) {
+    //generate response for JSONP
+    const responseText = callback + "(" + JSON.stringify(response) + ")";
+
+    //Set content-type to "application/javascript"
+    res.set('Content-Type', 'application/javascript');
+    res.send(responseText)
+
+    console.log(`[chat-server] #chat response responseText:"${responseText}"`);
+  } else {
+    //generate response for JSON
+
+    res.json(response);
+
+    console.log(`[chat-server] #chat response responseText:"${JSON.stringify(response)}"`);
+  }
+
+};
+app.get('/chat', function (req, res) {
+  console.log(`[chat-server] #chat GET /chat requested" query="${JSON.stringify(req.query)}"`);
+
+  //Get "text" parameter from request
+  const userInputText = req.query.text;
+
+  //get callback parameter for jsonp response
+  const callback = req.query.callback;
+  handleRequest(req, res, {userInputText, callback});
+
+});
+
+app.post('/chat', function (req, res) {
+
+  //Get "text" parameter from request
+  const data = req.body;
+
+
+  console.log(`[chat-server] #chat POST /chat requested" data="${JSON.stringify(data)}"`);
+
+
+  handleRequest(req, res, {userInputText: data.text});
+
+});
+app.listen(port, () => {
+  console.log('[chat-server] chat server started on port:' + port);
+  console.log(`[chat-server] To use this chat server, 
+  First start webpack-devserver with "npm start".
+   Next, go to "http://localhost:8080/index.html?endpoint=http://localhost:8081/chat" .`)
+});
+

example_chat_server/server.js

@@ -1,11 +1,12 @@
 {
   "name": "chatux",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "",
   "main": "dist/chatux.min.js",
   "scripts": {
     "start": "webpack-dev-server",
     "startr": "set NODE_ENV=test&&webpack-dev-server --config webpack.config.js --mode production",
+    "start:chat-server": "node example_chat_server/server.js",
     "build": "webpack --config webpack.config.js",
     "test": "echo \"Error: no test specified\" && exit 1",
     "release": "set NODE_ENV=test&&webpack --config webpack.config.js --mode production"