From 8258997f3e4121d6d3014f4a5721c59cc6a64c42 Mon Sep 17 00:00:00 2001
From: herbertc <yanhau03@gmail.com>
Date: Tue, 25 Aug 2020 15:16:38 +0800
Subject: [PATCH] support user to customize the path to socket-io server

---
 components/realtime/socketio.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/components/realtime/socketio.vue b/components/realtime/socketio.vue
index 322fd9094..2d0239645 100644
--- a/components/realtime/socketio.vue
+++ b/components/realtime/socketio.vue
@@ -13,6 +13,16 @@
             @keyup.enter="urlValid ? toggleConnection() : null"
           />
         </li>
+        <div>
+        <li>
+          <label for="socketio-path">{{ $t("path") }}</label>
+          <input
+            id="socketio-path"
+            spellcheck="false"
+            v-model="path"
+          />
+        </li>
+        </div>
         <div>
           <li>
             <label for="connect" class="hide-on-small-screen">&nbsp;</label>
@@ -28,7 +38,6 @@
         </div>
       </ul>
     </pw-section>
-
     <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
       <ul>
         <li>
@@ -84,6 +93,7 @@ export default {
   data() {
     return {
       url: "ws://",
+      path: "/socket.io",
       connectionState: false,
       io: null,
       communication: {
@@ -115,7 +125,12 @@ export default {
       ]
 
       try {
-        this.io = new io(this.url)
+        if(!this.path){
+          this.path = '/socket.io'
+        }
+        this.io = new io(this.url,{
+          path: this.path
+        })
         // Add ability to listen to all events
         wildcard(io.Manager)(this.io)
         this.io.on("connect", () => {