added more pouchdb code

app/src/experimental/layers/ConnectionsLayer.vue

@@ -42,10 +42,10 @@ import { getPalette } from '@/experimental/constants/color'
 
 // import { generateConnectionHandles } from '@/utils/nodes'
 // import { generateBezierCurve, makeBezier } from '@/utils/svg'
-
 //import { generateConnectionHandles } from '@/utils/nodes'
 import { generateBezierCurve } from '@/experimental/utils/svg'
 import { groupBy } from '@/experimental/utils/helpers'
+import { mapState } from 'vuex'
 
 const groupByFrom = groupBy('from')
 
@@ -102,6 +102,10 @@ export default {
         }
       })
     },
+
+    ...mapState({
+      connections: (state) => state.configConnections,
+    }),
   },
   methods: {
     getCurve(connection) {
@@ -119,6 +123,19 @@ export default {
     findNode(id) {
       return [...this.nodes].find((pt) => pt.id === id)
     },
+
+    // startConnect(connectid, fromNode, toNode, startx, starty, endx, endy, connected) {
+    //   this.$store.dispatch('startConnect', {
+    //     connectid,
+    //     fromNode,
+    //     toNode,
+    //     startx,
+    //     starty,
+    //     endx,
+    //     endy,
+    //     connected,
+    //   })
+    // },
   },
 }
 </script>

app/src/store/index.js

@@ -237,8 +237,8 @@ const store = new Vuex.Store({
 
       state.configConnections.push({
         connectid: connectid,
-        startid: e.e,
-        endid: e.f,
+        startid: e.fromNode,
+        endid: e.toNode,
         startx: e.startx,
         starty: e.starty,
         endx: e.endx,
@@ -591,12 +591,12 @@ const store = new Vuex.Store({
 
     startConnect: (
       { commit },
-      { connectid, e, f, startx, starty, endx, endy, connected }
+      { connectid, fromNode, toNode, startx, starty, endx, endy, connected }
     ) => {
       commit('MAKE_CONNECT', {
         connectid,
-        e,
-        f,
+        fromNode,
+        toNode,
         startx,
         starty,
         endx,

app/src/views/Sandbox.vue

@@ -65,6 +65,7 @@ export default {
       myNodes: (state) => state.myNodes,
       otherNodes: (state) => state.otherNodes,
       shortcutstate: (state) => state.shortcutstate,
+      connections: (state) => state.configConnections,
     }),
     ...mapGetters({
       activeMode: 'ui/activeMode',