@mixd-id/web-scaffold 0.1.230406265 → 0.1.230406267

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406265",
+  "version": "0.1.230406267",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/Modal.vue

@@ -114,7 +114,15 @@ export default{
 		},
 
 		close(){
-			this._state = false
+      if(this.hash){
+        this.$router.replace({
+          ...this.$route,
+          hash: this.$route.hash.replace(`${this.hash}`, '')
+        })
+      }
+      else{
+        this._state = false
+      }
 		},
 
     dismiss(){
@@ -255,9 +263,11 @@ export default{
       }
     },
 
-    '$route.hash'(to){
-      if(this.hash !== null){
-        this._state = to === this.hash
+    '$route.hash': {
+      handler(to){
+        if(this.hash !== null){
+          this._state = (to ?? '').indexOf(this.hash) >= 0
+        }
       }
     }
 
@@ -275,7 +285,7 @@ export default{
 			}
 
       if(this.hash !== null){
-        this._state = this.$route.hash === this.hash
+        this._state = (this.$route.hash ?? '').indexOf(this.hash) >= 0
       }
 		})
 	},

package/src/components/TextWithTag.vue

@@ -200,7 +200,7 @@ export default{
 }
 
 .tag2{
-  @apply bg-text-50 p-1 rounded-lg px-2 cursor-pointer;
+  @apply bg-text-50 p-1 rounded-lg px-2 cursor-pointer whitespace-nowrap;
   @apply hover:bg-text-100 hover:text-white;
 }
 

package/src/index.js

@@ -221,6 +221,8 @@ const util = {
   },
 
   unshift: (arr, item, opt = {}) => {
+    if(!Array.isArray(arr)) return
+
     opt = Object.assign({ key:"id", highlight:false }, opt)
 
     const index = arr.findIndex((_) => _[opt.key] === item[opt.key])
@@ -247,6 +249,8 @@ const util = {
   },
 
   removeEmpty(array, emptyValues = [ '', '{}', '[]' ]){
+    if(!Array.isArray(array)) return
+
     for (let i = array.length - 1; i >= 0; i--) {
       if (!array[i] || emptyValues.includes(JSON.stringify(array[i])) || Object.values(array[i]).join('').length <= 0){
         array.splice(i, 1);

package/src/utils/wss.js

@@ -128,7 +128,6 @@ class WSS extends EventEmitter2{
       }
 
       socket.on('message', async (binaryData) => {
-        console.log('message#1', socket.isAuth)
         if(!socket.isAuth) return
 
         let obj
@@ -139,45 +138,46 @@ class WSS extends EventEmitter2{
           return socket.close(1002, e.message);
         }
 
-        const { _requestId, path, params } = obj
+        const { _requestId, path, params, pong } = obj
 
-        let status = 200
-        let data
-        switch(path){
-
-          case 'ping':
-            data = { type:'pong' }
-            break
+        if(pong){
+          delete socket.pinging
+        }
+        else{
+          let status = 200
+          let data
+          switch(path){
 
-          default:
-            try{
-              const arr = (await Promise.all(this._reqFn.map(fn => fn({ path, params }, socket))))
-                .filter(_ => _)
+            default:
+              try{
+                const arr = (await Promise.all(this._reqFn.map(fn => fn({ path, params }, socket))))
+                  .filter(_ => _)
 
-              data = arr.length > 0 ? JSON.parse(JSON.stringify(arr.pop())) : data
-            }
-            catch(e){
-              if(this._opt.debug){
-                console.error(e)
+                data = arr.length > 0 ? JSON.parse(JSON.stringify(arr.pop())) : data
               }
-
-              status = 500
-              data = {
-                name: e.name,
-                message: e.message,
-                errors: e.errors,
-                stack: process.env.APP_DEBUG === 'true' ?
-                  e.stack : undefined
+              catch(e){
+                if(this._opt.debug){
+                  console.error(e)
+                }
+
+                status = 500
+                data = {
+                  name: e.name,
+                  message: e.message,
+                  errors: e.errors,
+                  stack: process.env.APP_DEBUG === 'true' ?
+                    e.stack : undefined
+                }
               }
-            }
-            break
-        }
+              break
+          }
 
-        socket.send(await this.toBinaryData({
-          _requestId,
-          status,
-          data
-        }))
+          socket.send(await this.toBinaryData({
+            _requestId,
+            status,
+            data
+          }))
+        }
       });
 
       socket.on('close', (e) => {
@@ -193,6 +193,21 @@ class WSS extends EventEmitter2{
       catch(e){
         return socket.close(1002, e.message);
       }
+
+      const ping = async() => {
+        socket.send(await this.toBinaryData({ ping:1 }))
+        socket.pinging = true
+
+        setTimeout(() => {
+          if(socket.pinging){
+            socket.close(1002, 'ping timeout')
+          }
+          else{
+            setTimeout(ping, (Math.round(Math.random() * 10) % 5) * 5000)
+          }
+        }, 3000)
+      }
+      setTimeout(ping, (Math.round(Math.random() * 10) % 5) * 5000)
     })
   }
 

package/src/utils/wss.mjs

@@ -77,16 +77,20 @@ class WSS extends EventEmitter2{
 
   async connect(reconnect = false){
 
-    this._instance = new WebSocket(this._opt.url, this._opt.token)
+    this._instance = new WebSocket(this._opt.url, [ this._opt.token ])
 
     this._instance.binaryType = 'arraybuffer';
 
     this._instance.onmessage = async (event) => {
+
       const obj = await this.fromBinaryData(event.data);
 
-      const { _requestId, status, data, auth } = obj
+      const { _requestId, status, data, auth, ping } = obj
 
-      if(auth){
+      if(ping){
+        this._instance.send(await this.toBinaryData({ pong:1 }))
+      }
+      else if(auth){
         this._instance.isAuth = auth
 
         reconnect ? this.emit('reconnect', null, []) : this.emit('connect', null, [])