added authors

front/src/App.vue

@@ -76,9 +76,9 @@ export default {
 
     getStreams() {
       return new Promise(resolve => {
-        api.zulip.init().then((client) => {
+        api.zulip.init().then(async client => {
           this.zulipClient = client;
-          api.zulip.getStreams(client).then(streams => {
+          const streams = await api.zulip.getStreams(client)
           for (const stream of streams) {
             stream.slug = stream.name.replaceAll(' ', '_')
           }
@@ -89,9 +89,8 @@ export default {
               s.description.includes('_PUB_')
             ))
           );
-            resolve()
-          });
           api.zulip.listen(this.zulipClient, this.eventHandler);
+          resolve()
         });
       })
     },

front/src/api/zulip/index.js

@@ -25,6 +25,16 @@ const
     })
   ),
   
+  getUsers = client => ( new
+    Promise((resolve, reject) => {
+     client
+     .users
+     .retrieve()
+      .then(result => resolve(result.members))
+      .catch(error => reject(error))
+    })
+  ),
+  
   getTopics = (client, stream) => ( new
     Promise((resolve, reject) => {
      client
@@ -126,6 +136,7 @@ export default {
   init,
   config,
   getStreams,
+  getUsers,
   getTopics,
   getMsgs,
   getAllMsgs,

front/src/components/Content/Message.vue

@@ -81,6 +81,7 @@ export default {
       //   return emojiConv.replace_colons(":" + r.emoji_name + ":");
       // });
       // return [];
+      // console.log(this.message)
       return this.message.reactions.map((r) =>
         emojiConv.replace_colons(":" + r.emoji_name + ":")
       );

front/src/components/Content/index.vue

@@ -6,7 +6,6 @@
       :source="description"
       v-bind="$mdOpts" 
     >
-      
     </vue3-markdown-it>
     <ul class="index">
       <li v-for="topic in sortedTopics" :key="topic.title">
@@ -18,7 +17,18 @@
         </router-link>
       </li>
     </ul>
-    <!-- <div style="float: none"><div style="page-break-after: always"></div></div> -->
+    <p class="authors">
+      <span 
+        class="author"
+        v-for="author in authors"
+        :key="author"
+      >
+        <span>{{ author }}</span>
+        <span v-if="isLast(author, authors)">.</span>
+        <span v-else-if="isBeforeLast(author, authors)"> and </span>
+        <span v-else>, </span>
+      </span>
+    </p>
     <Chapter
       v-for="topic in sortedTopics"
       :key="topic.title"
@@ -43,8 +53,12 @@ export default {
   computed: {
     ...mapState(["currentStream", "streams"]),
     ...mapGetters(["sortedTopics"]),
-    title() {
+    
+    foundStream() {
       return this.streams.find((s) => s.name == this.currentStream.name)
+    },
+    title() {
+      return this.foundStream 
         ? this.currentStream.name
         : this.$route.path == '/'
         ? "<= pick a stream" 
@@ -52,9 +66,22 @@ export default {
     },
     description() {
       return this.title && 
-        this.streams.find((s) => s.name == this.currentStream.name)
+      this.foundStream &&
-        .description.replace('_PUB_', '')
+      this.foundStream.description.replace('_PUB_', '')
     },
+    authors() {
+      return [
+        ...new Set(
+          this.title &&
+          this.foundStream &&
+          this.sortedTopics
+          .map(t => t.messages)
+          .flat()
+          .map(m => m.sender_full_name)
+        ),
+        ...[ 'Pub Bot' ]
+      ]
+    }
   },
   methods: {
     toValidID(string) {
@@ -67,18 +94,18 @@ export default {
         behavior: "smooth",
       });
     },
+    isLast: (item, array) => (
+      array.indexOf(item) === array.length - 1
+    ),
+    isBeforeLast: (item, array) => (
+      array.indexOf(item) === array.length - 2
+    ),
   },
 };
 </script>
 
 <style scoped>
-@media print {
+.authors {
-  .title {
-    /* display: none; */
-  }
-}
-
-.index {
   page-break-after: always;
 }
 </style>