:bug: passing messages to chatter in correct format | altering borked joi import

backend/lib/schemas/health.js

@@ -1,10 +1,10 @@
 'use strict'
 
-const Joi = require('Joi')
+const Joi = require('joi')
 
 const stats = Joi.object({
     date: Joi.string().required(),
     users: Joi.number().required(),
 }).label('stats')
 
-module.exports = { stats }
+module.exports = { stats }

backend/server/index.js

@@ -8,7 +8,6 @@ const Manifest = require('./manifest')
  */
 exports.deployment = async ({ start } = {}) => {
     const manifest = Manifest.get('/', process.env)
-    console.log(__dirname)
     const server = await Glue.compose(manifest, { relativeTo: __dirname })
 
     if (start) {

backend/server/manifest.js

@@ -1,11 +1,10 @@
-const Dotenv = require('dotenv').config({path: './server/.env'})
+const Dotenv = require('dotenv').config({ path: './server/.env' })
 const Confidence = require('@hapipal/confidence')
 const Inert = require('@hapi/inert')
 const Vision = require('@hapi/vision')
 const Schwifty = require('@hapipal/schwifty')
 const HapiSwagger = require('hapi-swagger')
 
-
 /** Glue manifest as a confidence store */
 module.exports = new Confidence.Store({
     server: {

frontend/src/components/ProfileCardList.vue

@@ -17,6 +17,7 @@ section.profile-card-list
                     h4 {{ profile.name }}
                     nav.swipe_icons
                         //- Accept
+                        button(@click="chat(profile.pid)") chat
                         button(@click="accept") Accept
                         button(@click="view(profile.pid)") view
                         //- Pass
@@ -24,19 +25,19 @@ section.profile-card-list
     
     .match-layout(
         v-else
-        :key="profile.pid"
         v-for="(profile, i) in loadedProfiles"
+        :key="`${profile.pid}-${i}`"
     )
-            .card.bg-cover(
-                :style="{ 'background-image': `url(${profile.avatar})` }"
-            )
-                .card--content
-                    p(style="color: magenta;") profile: {{ profile.pid }}
-                    .card--content--lower
-                        h4 {{ profile.name }}
-                        nav.swipe_icons
-                            button(@click="view(profile.pid)") view
-                            button(@click="chat(profile.pid)") chat
+        .card.bg-cover(
+            :style="{ 'background-image': `url(${profile.avatar})` }"
+        )
+            .card--content
+                p(style="color: magenta;") profile: {{ profile.pid }}
+                .card--content--lower
+                    h4 {{ profile.name }}
+                    nav.swipe_icons
+                        button(@click="view(profile.pid)") view
+                        button(@click="chat(profile.pid)") chat
 </template>
 
 <script setup>
@@ -104,23 +105,15 @@ const accept = async () => {
 const view = pid => {
     router.push({ path: `/matches/${pid}` })
 }
-const chat = pid => {
-   
+const chat = async pid => {
     const chatter = currentProfile.chatter
-    // chatter._listenFor('hello_world')
-    chatter._subscribe(['hello_world'])
-    chatter.publish({
-    channel: "hello_world",
-    message: {"text": "This is my first realtime message!"}
-  }).then((publishResponse) => {
-    console.log(publishResponse);
-    });
-    
-    
-
-
-
-console.log('chatter', chatter.subscriptions)
+    console.log('chatter', chatter)
+    const res = await chatter.publish(chatter.subscriptions[0], {
+        title: 'pong',
+        description: 'This is my first realtime message!',
+    })
+    console.log('chatter', res)
+    console.log('chatter', chatter.subscriptions)
     //router.push({ path: `/chat/${pid}` })
 }
 const pass = () => {

frontend/src/services/chat.service.js

@@ -1,34 +1,33 @@
-import { processExpression } from '@vue/compiler-core'
 import PubNub from 'pubnub'
 
-/** 
+/**
  * Provider method holder
  * We always reference this object so
  * we don't have to hardcode provider specific
  * methods for doing chat things.
- * 
+ *
  * This gets overloaded later in the program
  */
 const providerMethods = {
     publish: () => console.error('no provider publish method set'),
     subscribe: () => console.error('no provider subscribe method set'),
-    listen: () => console.error('no provider listen method set')
+    listen: () => console.error('no provider listen method set'),
 }
 
-/** 
+/**
  * Breaking out as much pubnub specific flavor
  */
 const setupPubnub = async uuid => {
     const publishKey = 'pub-c-73f35484-396f-47ff-b4b6-45bed079fd3b'
-    const subscribeKey= 'sub-c-6cb7f5d0-94e2-11ec-b249-a68c05a281ab'
+    const subscribeKey = 'sub-c-6cb7f5d0-94e2-11ec-b249-a68c05a281ab'
     // console.log('publishKey: ' , publishKey)
-    if(!uuid) return console.error('no pubnub uuid set')
-    
+    if (!uuid) return console.error('no pubnub uuid set')
+
     const pubnubClient = await new PubNub({
         publishKey: publishKey,
         subscribeKey: subscribeKey,
         logVerbosity: true,
-        uuid
+        uuid,
     })
     // Pass pubnub specific methods to our placeholder obj
     providerMethods['publish'] = pubnubClient.publish
@@ -38,19 +37,17 @@ const setupPubnub = async uuid => {
     return pubnubClient
 }
 
-
 class ChatMessage {
     constructor({ title, description }) {
-        this.title = title,
-        this.description = description
+        ;(this.title = title), (this.description = description)
     }
 }
 
 const testMessage = new ChatMessage({
-    title: "testing",
-    description: "hello world!",
+    title: 'testing',
+    description: 'hello world!',
 })
-const MAIN_CHANNEL = 'hello_world'
+const MAIN_CHANNEL = 'Channel-Barcelona'
 
 /** Singleton that holds all our chat information */
 class Chatter {
@@ -72,11 +69,11 @@ class Chatter {
         this.subscriptions = [MAIN_CHANNEL]
         this.listeners = {
             status: async e => {
-                if (e.category !== "PNConnectedCategory") return
                 await this.publish(this.subscriptions[0], testMessage)
+                if (e.category !== 'PNConnectedCategory') return
             },
             message: this._onMessage,
-            presence: this._onPresence
+            presence: this._onPresence,
         }
     }
     /**
@@ -84,7 +81,12 @@ class Chatter {
      * @param {event} e
      */
     async _onMessage(e) {
-        console.log(`received message: ${e.message.title} - ${e.message.description}`)
+        if (e.message) {
+            console.log(
+                `received message: ${e.message.title} - ${e.message.description}`,
+                e,
+            )
+        }
     }
     async _onPresence(e) {
         return
@@ -107,21 +109,21 @@ class Chatter {
     async publish(channel, message) {
         return await providerMethods['publish']({ channel, message })
     }
-    /** 
+    /**
      * Subscribe to a channels
      * Facade so we can hide provider specific methods
      * @param {array} channels
-    */
+     */
     _subscribe(channels) {
         providerMethods['subscribe']({ channels })
     }
-    /** 
+    /**
      * Listen to events and set callbacks
      * Facade so we can hide provider specific methods
-    */
+     */
     _listenFor({ listeners }) {
         providerMethods['listen'](listeners)
     }
 }
 
-export { Chatter }
+export { Chatter }