Merge pull request #28 from mctekk/feat/performance

get user token without chats

Author: jesusantguerrero

src/components/chat/index.vue

@@ -119,6 +119,10 @@ export default {
     user: {
       type: String,
       default: ""
+    },
+    branchId: {
+        type: [String, Number],
+        default: ""
     }
   },
   data() {
@@ -146,7 +150,6 @@ export default {
   },
   methods: {
     async createClient(data) {
-      console.time('initialLoad')
       const client = await Twilio.Client.create(data[this.tokenField], {
         logLevel: "info"
       });
@@ -161,7 +164,6 @@ export default {
       client.on("tokenAboutToExpire", this.onTokenAboutToExpire);
       this.loadChannelEvents(client);
       this.updateChannels();
-      console.timeEnd('initialLoad')
     },
 
     async loadChannel() {
@@ -195,18 +197,13 @@ export default {
         channel.join();
       }
 
-      if(!this.activeChannel && !this.showChannelList && !this.isLoading) {
-          console.log("Hola Desde Dentro", `loaded: ${this.isLoaded}. Loading ${this.isLoading}`)
-      }
-
         if (!this.isLoading) {
             this.isLoading = true;
             if (!this.showChannelList) {
                 await this.loadChannel();
                 this.isLoaded = true;
                 this.isLoading = false;
             } else {
-                console.log("there", this.showChannelList)
                 const subscribed = await this.client
                 .getSubscribedChannels({ limit: 100 })
                 .then(page => {
@@ -221,7 +218,7 @@ export default {
     },
 
     async appendChannels(paginator, current) {
-      current.push(...paginator.items);
+      current.push(...paginator.items.filter((channel) => channel.attributes.branchId == this.branchId));
       if (paginator.hasNextPage) {
         return this.appendChannels(await paginator.nextPage(), current);
       } else {

src/components/chat/login.vue

@@ -62,8 +62,10 @@ export default {
   },
   created() {
     if (this.receiver) {
-      this.formData.identity = this.receiver;
-      this.login();
+        this.formData.identity = this.receiver;
+        this.login();
+    } else {
+        this.getUserToken()
     }
   },
   methods: {
@@ -81,15 +83,27 @@ export default {
       this.$emit("logged", data);
     },
 
+    getUserToken() {
+         axios
+          .get("/users/0/chats-token", this.httpOptions)
+          .then(({ data }) => {
+            this.$emit("logged", {
+                "channel_client_token": data
+            });
+          });
+    },
+
     getAccessToken(identity) {
+      const url = `${this.endpoint}/${identity}`;
+
       if (this.httpMethod) {
-        this.httpMethod(`${this.endpoint}/${identity}`).then(({ data }) => {
+        this.httpMethod(url).then(({ data }) => {
           this.setData(data);
         });
         return;
       } else {
         axios
-          .get(`${this.endpoint}/${identity}`, this.httpOptions)
+          .get(url, this.httpOptions)
           .then(({ data }) => {
             this.setData(data);
           });