sortig streams by date_created

front/dist/css/app.428a5fb2.css

@@ -0,0 +1 @@
+:root{--back:#fff}#app,body,html{padding:0;margin:0;background:var(--back)}#app,body,html{height:100%;width:100%}#app{display:flex;flex-direction:column;font-size:11pt}#app,header{position:relative}header{box-sizing:border-box;font-size:9pt}main{height:100%;width:100%}main,section{position:relative;display:flex;flex-direction:column}section{box-sizing:border-box;padding:1em}section p{margin-bottom:0;margin-top:0}div[data-v-1af39708]{padding:.5em}div .selected[data-v-1af39708]{background:#f792f7}div p[data-v-1af39708]{margin:0}.streams[data-v-4514be34]{min-width:10em;padding:0;margin-bottom:1em}.message-outer{position:relative;display:block}.message-outer:hover .reactions{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.5);font-size:3rem;pointer-events:none}.reactions,.reactions:after,.reactions:before{all:revert;display:none}.reactions span{pointer-events:auto}.message-data{display:flex;border-bottom:1px solid #666}.message-data>div{flex-grow:1}.message-data .from:after{content:":"}.message-data .time{text-align:right}.message-data-reactions{margin-bottom:1em}.header[data-v-80b6d17a]{cursor:pointer}@media print{.title[data-v-80b6d17a]{display:none}}.rule[data-v-080e408c]{margin:1em 0;position:relative}.rule p[data-v-080e408c]{margin:0}.rule.type-font[data-v-080e408c],.rule.type-raw[data-v-080e408c]{background-color:#333;color:#fff;padding:10px;border-radius:10px;border:1px solid #000;position:relative}.rule.type-font[data-v-080e408c]:after,.rule.type-raw[data-v-080e408c]:after{all:revert;content:"raw css";background-color:#333;border-radius:10px;position:absolute;bottom:-.5em;left:50%;transform:translateX(-50%);padding:5px 10px;font-family:sans-serif;font-size:.8rem;box-shadow:0 0 5px 5px rgba(255,255,0,.7)}.rule.type-font[data-v-080e408c]:after{content:"generated font rule"}.rule.type-font .instructions[data-v-080e408c]{display:none;position:absolute;top:10px;left:10px;padding:10px;width:calc(100% - 40px);height:calc(100% - 40px);align-content:center;justify-content:center;align-items:center;font-family:initial;background-color:hsla(0,0%,100%,.9);color:#000;border-radius:10px;box-shadow:0 0 5px 5px #fff}.rule.type-font:hover .instructions[data-v-080e408c]{display:flex}.rules[data-v-16b43aee]{max-width:unset}@media print{.rules[data-v-16b43aee]{display:none}}#home{position:relative;box-sizing:border-box;height:100%;width:100%;display:flex}.controls-pane{background-color:#aaa}.splitpanes--vertical .splitpanes__pane{overflow-y:scroll}.splitpanes.default-theme .splitpanes__pane{background-color:unset}.pane-wrapper{height:100vh}.controls{display:flex;flex-direction:column;padding:1em}.print .pane-wrapper{height:auto}.print .splitpanes__pane{overflow:initial}.print .content iframe{width:100%;height:100%}.print section{display:block!important}.print .body{page-break-after:always}.body img{max-width:100%}.float-btn{position:fixed;z-index:1000}@media print{.ui{display:none!important}}.docs[data-v-b2769a1a]{padding:1em;max-width:800px;width:100%;margin:1em auto}

front/src/App.vue

@@ -60,7 +60,7 @@ export default {
           this.streams.find(s => 
           s.name == this.currentStream.name &&
           s.slug == this.currentStream.slug
-        )
+         )
         ) {
           console.log('found stream')
           this.setUpDoc(this.currentStream);
@@ -87,7 +87,10 @@ export default {
             streams.filter((s) => (
               s.name.startsWith(this.pubStr) ||
               s.description.includes('_PUB_')
-            ))
+            )).sort((a, b) => 
+              b.date_created - 
+              a.date_created
+            )
           );
           api.zulip.listen(this.zulipClient, this.eventHandler);
           resolve()

front/src/api/zulip/index.js

@@ -2,9 +2,9 @@ const
 
   zulip   = require("zulip-js"),
   config  = {
-    username: process.env.VUE_APP_ZULIP_email,
-    apiKey: process.env.VUE_APP_ZULIP_key,
-    realm: process.env.VUE_APP_ZULIP_site,
+    username : process.env.VUE_APP_ZULIP_email,
+    apiKey   : process.env.VUE_APP_ZULIP_key,
+    realm    : process.env.VUE_APP_ZULIP_site,
   },
   
   init    = () => ( new 

front/src/main.js

@@ -8,12 +8,12 @@ import store          from './store'
 
 import 'highlight.js/styles/vs.css';
 
-const app = createApp(App)
+const app    = createApp(App)
 
 const mdOpts = {
-  html: true,
-  linkify: true,
-  typographer: true
+  html        : true,
+  linkify     : true,
+  typographer : true
 }
 
 app.config.globalProperties.$http   = Axios
@@ -25,6 +25,3 @@ app
   .use(router)
   .use(store)
   .mount('#app')
-
-
-