@symbo.ls/socket 0.0.22 → 1.1.8

package/client.js

@@ -1,27 +1,34 @@
 'use strict'
 
-import { isFunction } from '@domql/utils'
+import { isFunction, isArray } from '@domql/utils'
 import io from 'socket.io-client'
 
-// const SOCKET_BACKEND_URL = 'ws://localhost:1001'
-// const SOCKET_BACKEND_URL = 'ws://52.14.150.69:8080'
-// const SOCKET_BACKEND_URL = 'ws://ec2-52-14-150-69.us-east-2.compute.amazonaws.com:8080'
-// const SOCKET_BACKEND_URL = 'ws://ec2-52-14-150-69.us-east-2.compute.amazonaws.com:8080'
-// const SOCKET_BACKEND_URL = 'ws://52.14.150.69:8080'
+const ENV = process.env.NODE_ENV
 
 const SOCKET_BACKEND_URL = window.location
-  .host.includes('localhost')
-  ? 'ws://localhost:13335'
-  : 'https://socket.symbols.app'
+  .host.includes('local')
+  ? 'localhost:13335'
+  : 'socket.symbols.app'
 
 let socket
 const defautlOpts = {}
 
 export const connect = (key, options = {}) => {
-  socket = io(options.socketUrl || SOCKET_BACKEND_URL)
+  const socketUrls = isArray(options.socketUrl) ? options.socketUrl : [options.socketUrl || SOCKET_BACKEND_URL]
+  const primaryUrl = socketUrls[0]
+  const secondaryUrl = socketUrls[1] || 'socket.symbols.app'
+
+  socket = io(primaryUrl || SOCKET_BACKEND_URL)
 
   socket.on('connect', () => {
-    console.log('Connected to', options.socketUrl || SOCKET_BACKEND_URL, key, socket.id)
+    if (ENV === 'test' || ENV === 'development') {
+      console.log(
+        `Connected to %c${primaryUrl || SOCKET_BACKEND_URL} %c${key} %c${socket.id}`,
+        'font-weight: bold; color: green;',
+        'font-weight: bold;',
+        ''
+      )
+    }
 
     socket.emit('initConnect', options)
 
@@ -32,13 +39,30 @@ export const connect = (key, options = {}) => {
     }
   })
 
+  let tryConnect = 0
+  const tryConnectMax = 1
   socket.on('connect_error', (err) => {
     console.log(`event: connect_error | reason: ${err.message}`)
     try {
       if (isFunction(options.onError)) options.onError(err, socket)
+      if (tryConnect === tryConnectMax) {
+        socket.disconnect()
+
+        if (ENV === 'test' || ENV === 'development') {
+          console.log(
+            'Could not connect to %c' + primaryUrl + '%c, reconnecting to %c' + secondaryUrl,
+            'font-weight: bold; color: red;',
+            '',
+            'font-weight: bold; color: green;'
+          )
+        }
+
+        connect(key, { ...options, socketUrl: secondaryUrl })
+      }
     } catch (e) {
       console.error(e)
     }
+    tryConnect++
   })
 
   socket.on('disconnect', (reason) => {
@@ -65,6 +89,6 @@ export const send = (event = 'change', changes, options) => {
   socket.emit(event, changes, { ...options, ...defautlOpts })
 }
 
-export const disconnect = changes => {
-  socket.emit('disconnect')
+export const disconnect = () => {
+  socket.disconnect()
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/socket",
-  "version": "0.0.22",
+  "version": "1.1.8",
   "description": "Connect your app to Symbols editor",
   "main": "server.js",
   "author": "symbo.ls",
@@ -11,10 +11,10 @@
     "start": "nodemon server.js"
   },
   "dependencies": {
+    "@domql/utils": "latest",
     "express": "^4.18.1",
     "http": "^0.0.1-security",
     "merge-deep": "^3.0.3",
-    "@domql/utils": "latest",
     "socket.io": "^4.5.2",
     "socket.io-client": "^4.5.2"
   },
@@ -29,5 +29,6 @@
   },
   "standard": {
     "parser": "babel-eslint"
-  }
+  },
+  "gitHead": "ce1ceb5545eb5189a49484ba1c57261f3429b577"
 }

package/server.js

@@ -10,7 +10,7 @@ import mergeDeep from 'merge-deep' // use the require method
 import { createRequire } from 'module'
 
 const require = createRequire(import.meta.url) // construct the require method
-const DES_SYS_DEFAULT_FILE = require('@symbo.ls/init/src/dynamic.json') // Bring in the ability to create the 'require' method
+const DES_SYS_DEFAULT_FILE = require('@symbo.ls/init/dynamic.json') // Bring in the ability to create the 'require' method
 
 const app = express()