🚧 added getGroupingsByProfileId, createChannelNamesByGroupings to chat service. TODO test before code review

frontend/src/services/chat.service.js

@@ -1,5 +1,8 @@
 import PubNub from 'pubnub'
 
+// custom services 
+import {fetchMembershipsByProfileId} from '../services/grouping.service'
+
 /**
  * Provider method holder
  * We always reference this object so
@@ -57,6 +60,7 @@ class Chatter {
      */
     constructor() {
         // Map of each active chat
+        // * this is where we will store all of our groupings on from the backend on user login...
         this.groupings = {}
 
         // Our pubnub instance
@@ -66,6 +70,7 @@ class Chatter {
         this.uuid = null
 
         // Setup the main channel
+        //  subscriptions array will be built dynamically from the this.groupings object
         this.subscriptions = [MAIN_CHANNEL, 'Channel-LosAngeles']
         this.listeners = {
             status: async e => {
@@ -94,7 +99,12 @@ class Chatter {
     async setup(uuid) {
         this.uuid = `${uuid}`
         this.provider = await setupPubnub(this.uuid)
-
+            
+        //  step 1: build the this.groupings object from the backend
+        this.getGroupingsByProfileId(this.uuid)
+        //  step 2: build the this.subscriptions array from the this.groupings object
+        console.log('this.subscriptions: ', this.subscriptions)
+        //  step 3: subscribe to the this.subscriptions array
         this._listenFor({ listeners: this.listeners })
         this._subscribe(this.subscriptions)
     }
@@ -124,6 +134,22 @@ class Chatter {
     _listenFor({ listeners }) {
         providerMethods['listen'](listeners)
     }
+
+    // fetch all groupings for this profile and then store them in the chatter groupings object for reference
+    async getGroupingsByProfileId(profileId) {
+        console.log('fetching groupings for profileId:', profileId)
+        const groupings = await fetchMembershipsByProfileId(profileId)
+        this.groupings = groupings
+        this.createChannelNamesByGroupings(this.groupings)
+    }
+    // building a list of channel names from the groupings object.grouping_name
+    createChannelNamesByGroupings(groupings) {
+        groupings.forEach(item => {
+            this.subscriptions.push(item.grouping_name)
+        });
+        
+        
+    }
 }
 
 export { Chatter }

frontend/src/services/login.service.js

@@ -2,6 +2,7 @@ import { ref } from 'vue'
 import { fetchResponsesByProfileId, Chatter, StonkAlert } from '../services'
 import { surveyFactory } from '../utils'
 
+
 /**
  * Logged in profile state manager
  * Sort of a util and service hybrid
@@ -104,8 +105,14 @@ class Login {
         this.chatter = new Chatter()
         // Use the reactive id object
         const testAccountUUID = this.id.value
-        this.chatter.setup(testAccountUUID)
+        this.chatter.setup(testAccountUUID).then(() => {
+            console.log('chatter setup complete')
+           
+        })
+        
     }
+
+    
 }
 
 const currentProfile = new Login()