@voicenter-team/events-sdk 0.0.18 → 0.0.19

package/docs/src/.vuepress/components/Demo.vue

@@ -1,6 +1,25 @@
 <template>
     <div>
-        <p v-if="loading">
+        <Transition name="fade">
+            <div v-if="isOnline && showSuccessNotification" class="message message--success" key="success">
+                Connection established!
+            </div>
+        </Transition>
+
+        <Transition name="fade">
+            <p v-if="!isOnline" class="message message--error" key="error">
+                No connection
+                <div class="message-container">
+                    <Transition name="attempt-to-connect" mode="out-in">
+                        <span v-if="attemptToConnect" :key="attemptToConnect" class="message">
+                            Trying to connect to {{ attemptToConnect }}
+                        </span>
+                    </Transition>
+                </div>
+            </p>
+        </Transition>
+
+        <p v-if="loading && isOnline">
             Loading...
         </p>
 
@@ -28,6 +47,9 @@ import {EventTypeData} from '@/types/events'
 import {LoginType} from "@/enum/auth.enum";
 
 /* Data */
+const showSuccessNotification = ref(false)
+const isOnline = ref(true)
+const attemptToConnect = ref<string | undefined>(undefined)
 const token = ref('')
 const loading = ref(false)
 const loggedId = ref(false)
@@ -137,6 +159,22 @@ async function login() {
         }
     )
 
+    sdk.on(
+        EventsEnum.ONLINE_STATUS_EVENT,
+        ({ data }) => {
+            isOnline.value = data.isSocketConnected
+            attemptToConnect.value = data.attemptToConnect
+
+            if (data.isSocketConnected) {
+                showSuccessNotification.value = true
+
+                setTimeout(() => {
+                    showSuccessNotification.value = false
+                }, 3000)
+            }
+        }
+    )
+
     sdk.on(
         '*',
         (data) => {
@@ -183,3 +221,75 @@ async function login() {
     )
 }
 </script>
+
+<style>
+.fade-enter-active,
+.fade-leave-active {
+    transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+    opacity: 0;
+}
+
+
+.message-container {
+    position: relative;
+    min-height: 50px; /* Adjust based on your content's typical size */
+}
+
+/* Enhanced transition handling for attempt-to-connect */
+.attempt-to-connect-enter-active, .attempt-to-connect-leave-active {
+    transition: opacity 0.5s, transform 0.5s;
+    position: absolute;
+    width: 100%;
+    top: 0;
+    left: 0;
+}
+
+.attempt-to-connect-enter {
+    opacity: 0;
+    transform: translateY(20px);
+}
+
+.attempt-to-connect-leave-active {
+    opacity: 1;
+}
+
+.attempt-to-connect-leave-to {
+    opacity: 0;
+    transform: translateY(-20px);
+}
+
+.attempt-to-connect-enter-to, .attempt-to-connect-leave {
+    opacity: 1;
+    transform: translateY(0);
+    position: relative;
+}
+</style>
+
+<style lang="scss" scoped>
+.message {
+    border-radius: 24px;
+    font-size: 24px;
+    text-align: center;
+    padding: 8px 0;
+
+    &--error {
+        background-color: #a31c1c;
+        color: white;
+
+        span {
+            font-size: 16px;
+            margin-top: 16px;
+            display: block;
+        }
+    }
+
+    &--success {
+        background-color: #1ca31c;
+        color: white;
+    }
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voicenter-team/events-sdk",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "",
   "main": "dist/voicenter-events-sdk.cjs.js",
   "jsdelivr": "dist/voicenter-events-sdk.umd.js",

package/src/classes/auth/auth.class.ts

@@ -44,6 +44,8 @@ class AuthClass{
         const isLoggedIn = await this.checkLoginStatus(this.storageKey)
 
         if (!isLoggedIn) {
+            StorageClass.clearSessionStorage()
+
             await this.userLoginFunction(payload, this.storageKey, options.loginType)
         }
     }

package/src/classes/events-sdk/events-sdk.class.ts

@@ -110,7 +110,7 @@ class EventsSdkClass{
         this.allListeners.forEach((callback) => callback(allEventData))
     }
 
-    public connect (server: ServerParameter = ServerParameter.DEFAULT, skipLogin = false) {
+    public connect (server: ServerParameter = ServerParameter.DEFAULT) {
         let serverToConnect: Server | undefined
 
         if (server === ServerParameter.DEFAULT) {
@@ -136,11 +136,6 @@ class EventsSdkClass{
         this.socketIoClass.initSocketEvents()
 
         this.socketIoClass.initKeepAlive()
-
-        // TODO: check if it is needed here
-        if (skipLogin) {
-            return
-        }
     }
 
     public disconnect () {

package/src/classes/socket-io/socket-io.class.ts

@@ -50,6 +50,14 @@ export class SocketIoClass{
             //     url
             // )
 
+            this.eventsSdkClass.emit(
+                EventsEnum.ONLINE_STATUS_EVENT,
+                {
+                    isSocketConnected: false,
+                    attemptToConnect: url
+                }
+            )
+
             const options: Partial<ManagerOptions & SocketOptions> = {
                 reconnection: false,
                 upgrade: false,
@@ -87,6 +95,10 @@ export class SocketIoClass{
                 .on(EventsEnum.KEEP_ALIVE_RESPONSE, (data) => this.onKeepAliveResponse(data))
                 .on(EventsEnum.CONNECT, () => this.onConnect())
                 .on(EventsEnum.DISCONNECT, () => this.onDisconnect())
+                .on(EventsEnum.CONNECT_ERROR_EVENT, () => {
+                    this.eventsSdkClass.emit(EventsEnum.ONLINE_STATUS_EVENT, { isSocketConnected: false })
+                    this.eventsSdkClass.connect(ServerParameter.NEXT)
+                })
         }
     }
 

package/src/enum/events.enum.ts

@@ -7,6 +7,7 @@ export enum EventsEnum {
     ALL_USERS_STATUS = 'AllUsersStatus',
     CONNECT = 'connect',
     DISCONNECT = 'disconnect',
+    CONNECT_ERROR_EVENT = 'connect_error',
     EXTENSION_EVENT = 'ExtensionEvent',
     KEEP_ALIVE = 'keepalive',
     KEEP_ALIVE_RESPONSE = 'keepaliveResponse',

package/src/types/events.d.ts

@@ -98,6 +98,7 @@ export interface KeepAliveResponseEvent extends CommonEventProperties {
 
 export interface OnlineStatusEvent {
     isSocketConnected: boolean
+    attemptToConnect?: string
 }
 
 /**

package/swagger/generated/Swagger.json

@@ -1 +0,0 @@
-{"host":"localhost:3000","info":{"title":"admin-api","contact":{},"version":"0.01","description":"irst Alpha - Hope it will wok for yall :-)","termsOfService":""},"paths":{"/Account/List/":{"post":{"tags":["Account"],"security":[{"AdminAuthentication":["Admin"]}],"responses":{"200":{"schema":{"$ref":"#/definitions/AccountListResponse"},"description":"Status 200"},"400":{"schema":{"$ref":"#/definitions/Error"},"description":"Error Response"}},"parameters":[{"in":"body","name":"RequestBody","schema":{"$ref":"#/definitions/AccountListRequest"},"description":"Searching for Account that meets the query. multiple values are support. multiple selections in same feild will be treated as OR, multiple feilds will be searched with OR between them."}],"x-AuthType":["Admin"],"operationId":"AccountList","x-serviceID":3,"x-methodName":"List","x-serviceName":"Account"}},"/Account/Update/":{"post":{"tags":["Account"],"security":[{"AdminAuthentication":["Admin"]}],"responses":{"200":{"schema":{"$ref":"#/definitions/Response"},"description":"Status 200"},"400":{"schema":{"$ref":"#/definitions/Error"},"description":"Error Response"}},"parameters":[],"x-AuthType":["Admin"],"operationId":"AccountUpdate","x-serviceID":3,"x-methodName":"Update","x-serviceName":"Account"}}},"schemes":["https"],"swagger":"2.0","basePath":"/v1","consumes":["application/json"],"produces":["application/json"],"definitions":{"Error":{"type":"object","required":["Description","Status"],"properties":{"Status":{"type":"integer","example":400,"description":"Code of the Error"},"Description":{"type":"string","example":"Not found","description":"Textual description of the error"},"ReasonPhrase":{"type":"string","example":"ID not valid","description":"Specific reason for the error"}}},"Response":{"type":"object","required":["Description","ReasonPhrase","Status"],"properties":{"Status":{"type":"integer","example":200,"description":"Code of response"},"Description":{"type":"string","example":"OK","description":"Description of response"},"ReasonPhrase":{"type":"string","description":"Data of response"}}},"AccountAdd":{"type":"object","properties":{}},"ProviderAdd":{"type":"object","properties":{}},"ProviderDisable":{"type":"object","properties":{}},"ProvidersAddList":{"type":"object","properties":{}},"ProviderPrefixAdd":{"type":"object","properties":{}},"AccountListRequest":{"type":"object","properties":{}},"AccountListResponse":{"type":"object","properties":{}},"ProviderListResponse":{"type":"object","properties":{}},"ProviderPrefixUpdate":{"type":"object","properties":{}},"ProvidersDisableList":{"type":"object","properties":{}},"ProviderPrefixAddList":{"type":"object","properties":{}},"ProviderPrefixUpdateList":{"type":"object","properties":{}},"ProviderPrefixBulkRequest":{"type":"object","properties":{}},"ProviderPrefixBulkResponse":{"type":"object","properties":{}},"ProviderPrefixListResponse":{"type":"object","properties":{}},"ProviderPrefixUpdateResponse":{"type":"object","properties":{}}},"securityDefinitions":{}}

package/swagger/index.js

@@ -1,60 +0,0 @@
-import fs from 'fs'
-import fastify from 'fastify'
-import fastifySwagger from 'fastify-swagger'
-import openapiGlue from 'fastify-openapi-glue'
-
-const app = fastify()
-
-const start = async () => {
-    try {
-        if (!fs.existsSync('./generated/Swagger.json')) {
-            console.log('Swagger.json file not generated. Try to run: npm run update')
-
-            return
-        }
-
-        const swagger = JSON.parse(fs.readFileSync('./generated/Swagger.json').toString())
-
-        const swaggerOptions = {
-            routePrefix: '/documentation',
-            exposeRoute: true,
-            swagger: {
-                ...swagger,
-                schemes: [ 'https', 'http' ],
-                securityDefinitions: {
-                    JWT: {
-                        type: 'apiKey',
-                        name: 'Authorization',
-                        in: 'header'
-                    }
-                },
-                security: [ { JWT: [] } ]
-            },
-            uiConfig: {
-                docExpansion: 'full',
-                deepLinking: false
-            }
-        }
-
-        const openapiGlueOptions = {
-            specification: './generated/Swagger.json',
-            service: {},
-        }
-
-        app.register(fastifySwagger, swaggerOptions)
-
-        app.register(openapiGlue, openapiGlueOptions)
-
-        await app.listen({
-            port: 3000
-        })
-
-        console.log('Server is running on port: 3000')
-    } catch (err) {
-        console.error('Error starting server:', err)
-
-        process.exit(1)
-    }
-}
-
-start()

package/swagger/package.json

@@ -1,21 +0,0 @@
-{
-  "name": "swagger",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "type": "module",
-  "scripts": {
-    "update": "node scripts/update-swagger-json.js",
-    "start": "node index.js"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@fastify/swagger": "^8.13.0",
-    "@voicenter-team/mysql-dynamic-cluster": "^3.0.5",
-    "fastify": "^3.19.1",
-    "fastify-swagger": "^4.8.3",
-    "fastify-openapi-glue": "git+https://github.com/VoicenterTeam/fastify-openapi-glue.git"
-  }
-}

package/swagger/scripts/update-swagger-json.js

@@ -1,53 +0,0 @@
-import fs from 'fs'
-import mysql from '@voicenter-team/mysql-dynamic-cluster'
-
-const connection = mysql.createPoolCluster({
-    clusterName: 'demo',
-    hosts: [
-        {
-            host: '192.168.187.22',
-            port: 3306,
-            name: 'lab22',
-        }
-    ],
-    // Configuration for all pools
-    defaultPoolSettings: {
-        user: 'api',
-        password: 'SecretAPI35t478p3!!!',
-        database: 'voicenter_core',
-        docsDatabase: 'monitor_events_api_doc',
-        charset: 'utf8mb4',
-        port: 3313,
-        // validators: [],
-        // loadFactors: [],
-    },
-})
-
-const pathToFile = 'generated/'
-const filename = 'Swagger.json'
-const fullPath = pathToFile + filename
-
-const generate = async () => {
-    await connection.connect()
-
-    const results = await connection.query('SELECT monitor_events_api_doc.FN_GetSwagger(0.01) as data')
-
-    const targetResult = results[0].data
-
-    console.log(targetResult)
-
-    const targetResultString = JSON.stringify(targetResult)
-
-    if (!fs.existsSync(pathToFile)) {
-        fs.mkdirSync(pathToFile, { recursive: true })
-    }
-
-    fs.writeFile(fullPath, targetResultString, (err) => {
-        if (err) throw err
-        console.log('Swagger.json is updated!')
-    })
-
-    await connection.disconnect()
-}
-
-generate().then(data => console.log(data))