@salla.sa/twilight 2.2.2 → 2.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salla.sa/twilight",
-    "version": "2.2.2",
+    "version": "2.2.4",
     "description": "Salla Theme Toolkit, Webcomponents, Events, Requests, Utils",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -44,9 +44,9 @@
     },
     "devDependencies": {
         "@babel/core": "^7.18.10",
-        "@babel/preset-env": "^7.18.9",
+        "@babel/preset-env": "^7.18.10",
         "@rollup/plugin-babel": "^5.3.1",
-        "@rollup/plugin-commonjs": "^22.0.1",
+        "@rollup/plugin-commonjs": "^22.0.2",
         "@rollup/plugin-node-resolve": "^13.1.3",
         "babel-loader": "^8.2.5",
         "glob": "^8.0.3",

package/watcher.js

@@ -70,22 +70,31 @@ class WatcherPlugin {
         this.draft_id = args.draft_id;
         port = args.port || 8000;
       }
-
-      let client = new WebSocketClient();
-
-      client.on('connectFailed', function(error) {
-          console.error('[x] Oops! Hot reload is currently not working. Check the error message for details: ',error.toString());
-      });
-
-      client.on('connect', (connection)=> {
-          this.connection = connection;
-          console.log(color.green, `✓ Performing hot reload on port ws://localhost:${port}`, color.normal);
-      });
-
-      client.connect(`ws://localhost:${port}`, 'echo-protocol');
+      // try to connect to ws server  
+      this.wsConnectingTries = 1;
+      this.tryConnectWebsocket(port);
     
     }
-
+  
+    tryConnectWebsocket(port){
+        let client = new WebSocketClient();
+        client.on('connectFailed', (error)=> {
+            if(this.wsConnectingTries===10){
+                console.error('[x] Oops! Hot reload is currently not working. Check the error message for details: ',error.toString());
+            }else{
+                this.wsConnectingTries++;
+                setTimeout(()=>{
+                    this.tryConnectWebsocket(port);
+                },1000);
+            }
+        });
+  
+        client.on('connect', (connection)=> {
+            this.connection = connection;
+            console.log(color.green, `✓ Performing hot reload on port ws://localhost:${port}`, color.normal);
+        });
+        client.connect(`ws://localhost:${port}`, 'echo-protocol');
+    }
     /**
      * @param {Compiler} compiler
      */