From bbd703288dba30b771f794fccf696edddf1351f3 Mon Sep 17 00:00:00 2001
From: "Shao Yu-Lung (Allen)" <bestlong168@gmail.com>
Date: Tue, 6 Apr 2021 15:28:38 +0800
Subject: [PATCH] feat(socketio): support options

---
 socketio.html | 31 ++++++++++++++++++++++++++-----
 socketio.js   | 10 ++++++++--
 2 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/socketio.html b/socketio.html
index 59dbd20..ee3bcbe 100644
--- a/socketio.html
+++ b/socketio.html
@@ -4,6 +4,7 @@
         category: 'config',
         defaults: {
 			port:{value:80, required:true, validate:RED.validators.number()},
+            options: {value: ''},
             sendClient: {value:true},
             path: {value:"/socket.io"},
 			bindToNode: {value: false}
@@ -26,11 +27,25 @@
                 $("#node-config-input-bindToNode").prop('checked', false);
             }
 			$("#node-config-input-bindToNode").change();
+            this.editor = RED.editor.createEditor({
+                id: 'node-config-input-options-editor',
+                mode: 'ace/mode/json',
+                value: $("#node-config-input-options").val()
+            });
+        },
+        oneditsave: function () {
+            $("#node-config-input-options").val(this.editor.getValue());
+            this.editor.destroy();
+            delete this.editor;
+        },
+        oneditcancel: function () {
+            this.editor.destroy();
+            delete this.editor;
 		}
     });
 </script>
 
-<script type="text/x-red" data-template-name="socketio-config">
+<script type="text/html" data-template-name="socketio-config">
     <div class="form-row">
 		<input type="checkbox" id="node-config-input-bindToNode" style="display: inline-block; width: auto; vertical-align: top;">
 		<label for="node-config-input-bindToNode" style="width: auto"> Bind to Node-red Instance</label>
@@ -47,10 +62,16 @@
 		<label for="node-config-input-path"><i class="fa fa-paper-plane-o"></i> InputPath?</label>
 		<input type="text" id="node-config-input-path" placeholder="/socket.io">
 	</div>
-
+	<div class="form-row">
+		<label for="node-config-input-options"><i class="fa fa-file-code-o"></i> Options:</label>
+        <input type="hidden" id="node-config-input-options" autofocus="autofocus">
+	</div>
+    <div class="form-row node-config-text-editor-row">
+        <div style="height:250px;" class="node-text-editor" id="node-config-input-options-editor"></div>
+    </div>
 </script>
 
-<script type="text/x-red" data-help-name="socketio-config">
+<script type="text/html" data-help-name="socketio-config">
    <p>Socket IO node</p>
    <p>VUOTO</p>
 </script>
@@ -108,7 +129,7 @@
     });
 </script>
 
-<script type="text/x-red" data-template-name="socketio-in">
+<script type="text/html" data-template-name="socketio-in">
     <div class="form-row">
         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
         <input type="text" id="node-input-name" placeholder="Name">
@@ -122,7 +143,7 @@
     </div>
 </script>
 
-<script type="text/x-red" data-help-name="socketio-in">
+<script type="text/html" data-help-name="socketio-in">
    <p>Socket IO Input node</p>
    <p>Implementation of a SocketIO server</p>
    <p>This node can be used to receive socket events from a web page</p>
diff --git a/socketio.js b/socketio.js
index 1ee6319..6bd53db 100644
--- a/socketio.js
+++ b/socketio.js
@@ -13,12 +13,18 @@ module.exports = function(RED) {
     this.port = n.port || 80;
     this.sendClient = n.sendClient;
     this.path = n.path || "/socket.io";
+    try {
+      this.options = n.options ? JSON.parse(n.options) : {};
+    } catch (error) {
+      node.error("[Wrong Options] create socket.io instance fail!");
+      this.options = {};
+    }
     this.bindToNode = n.bindToNode || false;
 
     if (this.bindToNode) {
-      io = new Server(RED.server);
+      io = new Server(RED.server, this.options);
     } else {
-      io = new Server();
+      io = new Server(this.options);
       io.serveClient(node.sendClient);
       io.path(node.path);
       io.listen(node.port);