ssb-conn

app/html/modal.js

@@ -4,7 +4,7 @@ const { h, Value } = require('mutant')
 exports.gives = nest('app.html.modal')
 
 exports.create = (api) => {
-  return nest('app.html.modal', (content, { isOpen, onClose, className = '' } = {}) => {
+  return nest('app.html.modal', (content, { isOpen, onOpen, onClose, className = '' } = {}) => {
     if (typeof isOpen !== 'function') isOpen = Value(false)
 
     const openMe = () => {
@@ -15,7 +15,7 @@ exports.create = (api) => {
       if (typeof onClose === 'function') onClose()
     }
 
-    const lb = h('Modal -closed',
+    const modal = h('Modal -closed',
       {
         className,
         'ev-click': closeMe,
@@ -33,27 +33,29 @@ exports.create = (api) => {
 
     isOpen(state => {
       if (state === true) {
-        lb.classList.remove('-closed')
-        lb.classList.add('-open')
+        modal.classList.remove('-closed')
+        modal.classList.add('-open')
       } else {
-        lb.classList.remove('-open')
-        lb.classList.add('-closed')
+        modal.classList.remove('-open')
+        modal.classList.add('-closed')
         return
       }
 
+      if (typeof onOpen === 'function') onOpen()
       focus()
+
       function focus () {
-        if (!lb.isConnected) setTimeout(focus, 200)
+        if (!modal.isConnected) setTimeout(focus, 200)
         else {
-          const target = lb.querySelector('input') || lb.querySelector('textarea')
+          const target = modal.querySelector('input') || modal.querySelector('textarea')
           if (target) target.focus()
         }
       }
     })
 
-    lb.open = openMe
-    lb.close = closeMe
+    modal.open = openMe
+    modal.close = closeMe
 
-    return lb
+    return modal
   })
 }

app/html/modal.mcss

@@ -25,11 +25,13 @@ Modal {
   }
 
   -open {
-    display: grid
+    /* display: grid */
+    visibility: visible
   }
 
   -closed {
-    display: none
+    /* display: none */
+    visibility: hidden
   }
 
   -dark {

app/page/network/index.js

@@ -92,7 +92,11 @@ exports.create = function (api) {
     container.keyboardScroll = function (n) {
       if (isNaN(n)) return
 
-      state.activeGroup.set((state.activeGroup() + n) % state.groups.length)
+      var nextGroup = state.activeGroup() + n
+      if (nextGroup === -1) nextGroup = state.groups.length - 1
+      else nextGroup = nextGroup % state.groups.length
+
+      state.activeGroup.set(nextGroup)
     }
     return container
   }

index.js

@@ -9,8 +9,7 @@ const plugins = [
   'ssb-local',
   'ssb-logging',
 
-  'ssb-legacy-conn',
-  // 'ssb-conn', // TODO requires secret-stack@^6.2.0 , but ssb-server shrinkwrapped @6.1.2
+  'ssb-conn', // TODO need to re-enable local auto-gossip
   'ssb-replicate',
   'ssb-friends',