Merge branch 'msg-fact' of fyindr/siimee into dev

frontend/src/services/chat.service.js

@@ -13,8 +13,9 @@ const providerMethods = {
     subscribe: () => console.error('no provider subscribe method set'),
     listen: () => console.error('no provider listen method set'),
 }
-
 /**
+ * 
+ * 
  * Breaking out as much pubnub specific flavor
  */
 const setupPubnub = async uuid => {
@@ -37,15 +38,10 @@ const setupPubnub = async uuid => {
 }
 
 class ChatMessage {
-    constructor({ title, description }) {
-        ;(this.title = title), (this.description = description)
+    constructor(message) {
+        this.description = message
     }
 }
-
-const testMessage = new ChatMessage({
-    title: 'testing',
-    description: 'hello world!',
-})
 const MAIN_CHANNEL = 'Channel-Siimee'
 
 /** Singleton that holds all our chat information */
@@ -101,7 +97,10 @@ class Chatter {
      */
     async publish(channel, message) {
         // console.log('publishing message to channel:', channel)
-        return providerMethods.publish({ channel, message })
+        return providerMethods.publish({ 
+            channel,
+            message: new ChatMessage(message)
+        })
     }
     /**
      * Subscribe to a channels
@@ -129,6 +128,7 @@ class Chatter {
         this.subscriptions = [MAIN_CHANNEL]
         console.warn('chatter stop no implemented')
     }
+
 }
 
 export { Chatter }

frontend/src/views/HomeView.vue

@@ -12,14 +12,14 @@ main.view--home(style="display:flex; flex-direction:column; gap: 40px; margin-to
     
     p(v-else-if="matches.length===0") No matches.
     p(v-else) Loading...
-
 </template>
 
 <script>
+    import 'wave-ui/dist/wave-ui.css'
 import ProfileCardList from '../components/ProfileCardList.vue'
 
 import { Card } from '../entities'
-import { fetchQueueByProfileId, fetchMembershipsByProfileId } from '../services'
+import { fetchQueueByProfileId, fetchMembershipsByProfileId, currentProfile } from '../services'
 import { mixins } from '../utils'
 
 /** Callback used to format incoming into card */
@@ -69,6 +69,29 @@ export default {
             }
             this.loading = false
         },
+        // this can be placed in utils/notification.js
+        notify(payload) {
+            this.$waveui.notify({
+            message: payload.timetoken,
+            timeout: 6000,
+            bgColor: 'white',
+            color: 'success',
+            dismiss: false,
+            shadow: true,
+            round: true,
+            sm: true,
+            icon: 'wi-star'
+        })
+        },
+        //  a way to send a message to a user for development purposes and testing
+        async chat()  {
+           const chatter = currentProfile.chatter
+           const res = await chatter.publish(chatter.subscriptions[0],{
+            title: 'New Message',
+            description: 'This is a new message',
+           })
+           this.notify(res)
+        }
     },
 }
 </script>