feature: udpate store

Author: gideonairex

.prettierrc

@@ -1,7 +1,6 @@
 {
-  "semi": true,
-  "trailingComma": "all",
+  "semi": false,
   "singleQuote": true,
   "printWidth": 120,
   "tabWidth": 2
-}
+}

src/main/setHandlers.ts

@@ -376,6 +376,16 @@ async function setHandlers() {
     return res.serializeBinary();
   });
 
+  ipcMain.handle('RegisterNode', async (event, request) => {
+    if (!client) {
+      await getAgentClient();
+    }
+    const res = (await promisifyGrpc(client.registerNode.bind(client))(
+      pb.StringMessage.deserializeBinary(request),
+    )) as pb.BooleanMessage;
+    return res.serializeBinary();
+  });
+
   ipcMain.handle('RevokeOAuthToken', async (event, request) => {
     if (!client) {
       await getAgentClient();

src/renderer/App.vue

@@ -1,6 +1,7 @@
 <template>
   <div style="background: LightGrey;">
     <div class="demo-container">
+      <Alert />
       <!-- Drawer -->
       <Drawer />
       <!-- Content -->

src/renderer/store/PolyKeyClientMock.ts

@@ -0,0 +1,55 @@
+const polykeyClient = {
+  listKeys: () => {
+    return ['some-key']
+  },
+  listPeers: () => {
+    return ['some-peer']
+  },
+  listSecrets: (vaultName: string) => {
+    return ['some-secret']
+  },
+  listVaults: () => {
+    return ['some-vault']
+  },
+  deleteKey: (keyName: string) => {
+    return true
+  },
+  getPrimaryKeyPair: (includePrivateKey: boolean) => {
+    return {
+      public: 'public key',
+      private: 'private key'
+    }
+  },
+  updateSecret: (vaultName: string, secretName: string, secretContent: Buffer) => {
+    return true
+  },
+  newVault: (vaultName: string) => {
+    return true
+  },
+  createSecret: (vaultName: string, secretName: string, secretContent: Buffer) => {
+    return true
+  },
+  getSecret: (vaultName: string, secretName: string) => {
+    return Buffer.from('some secret content')
+  },
+  getKey: (keyName: string) => {
+    return 'key content'
+  },
+  getAgentStatus: () => {
+    return 'online'
+  },
+  unlockNode: (passphrase: string) => {
+    return true
+  },
+  deleteVault: (vaultName: string) => {
+    return true
+  },
+  deriveKey: (keyName: string, keyContent: string) => {
+    return true
+  },
+  deleteSecret: (vaultName: string, secretName: string) => {
+    return true
+  }
+}
+
+export { polykeyClient }

src/renderer/store/PolykeyClient.ts

@@ -238,9 +238,9 @@ class PolykeyClient {
     );
     return res.getB();
   }
-  static async RegisterNode(polykeyPath: string): Promise<boolean> {
+  static async RegisterNode(passphrase: string): Promise<boolean> {
     const encodedRequest = new pb.StringMessage();
-    encodedRequest.setS(polykeyPath);
+    encodedRequest.setS(passphrase);
     const res = pb.BooleanMessage.deserializeBinary(
       await ipcRenderer.invoke('RegisterNode', encodedRequest.serializeBinary()),
     );

src/renderer/store/modules/Alert.ts

@@ -1,19 +1,27 @@
 export default {
   namespaced: true,
   state: {
-    visible: false
+    visible: false,
+    color: 'success'
   },
   actions: {
-    toggle: (context) => {
-      context.commit('toggle')
+    toggleAlert: function(
+      context,
+      props: { visible: boolean; type: 'success' | 'warning' | 'error' | 'info'; message?: string }
+    ) {
+      context.commit('setVisible', props)
     }
   },
   mutations: {
-    toggle: (state) => {
-      state.visible = !state.visible
+    setVisible: function(
+      state,
+      { visible, type, message }: { visible: boolean; type: 'success' | 'warning' | 'error' | 'info'; message?: string }
+    ): void {
+      state.visible = visible
+      state.color = type
+      state.message = message ?? ''
     }
-  },
-  getters: {}
+  }
 }
 // import { VuexModule, Module, Mutation, Action } from 'vuex-module-decorators'
 
@@ -34,4 +42,4 @@ export default {
 //   }
 // }
 
-// export default Alert
+// export default Alert

src/renderer/store/modules/Configuration.ts

@@ -1,9 +1,25 @@
 export default {
   namespaced: true,
-  state: {},
-  actions: {},
-  mutations: {},
-  getters: {}
+  state: {
+    activeNodePath: '~/.polykey',
+    nodePathList: []
+  },
+  actions: {
+    selectNodePath: function(context, activeNodePath) {
+      context.commit('selectNodePath', activeNodePath)
+    },
+    loadNodePathList: function(context) {
+      context.commit('loadNodePathList')
+    }
+  },
+  mutations: {
+    selectNodePath: function(state, activeNodePath) {
+      state.activeNodePath = activeNodePath
+    },
+    loadNodePathList: function(state) {
+      state.nodePathList = [state.activeNodePath]
+    }
+  }
 }
 // import store from '@/store'
 // import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators'
@@ -31,4 +47,3 @@ export default {
 
 // export default Configuration
 // export { getConfiguration }
-

src/renderer/store/modules/ConfirmationDialog.ts

@@ -1,9 +1,26 @@
 export default {
   namespaced: true,
-  state: {},
-  actions: {},
-  mutations: {},
-  getters: {}
+  state: {
+    isOpen: false,
+    confirmed: false
+  },
+  actions: {
+    toggleOpen: function({ commit, state }, isOpen) {
+      commit('setOpen', isOpen ?? !state.isOpen)
+    },
+    confirm: function({ commit, state }) {
+      commit('setConfirmed', !state.confirm)
+    }
+  },
+  mutations: {
+    setOpen: function(state, open) {
+      state.open = open
+    },
+    setConfirmed: function(state, confirmed) {
+      state.confirmed = confirmed
+      state.isOpen = false
+    }
+  }
 }
 // import { VuexModule, Module, Mutation, Action } from 'vuex-module-decorators'
 

src/renderer/store/modules/Drawer.ts

@@ -1,8 +1,25 @@
 export default {
   namespaced: true,
-  state: {},
-  actions: {},
-  mutations: {},
+  state: {
+    isOpen: false,
+    selectedRoute: '/'
+  },
+  actions: {
+    toggleDrawer: function({ commit, state }, isOpen?: boolean) {
+      commit('setDrawer', isOpen ?? !state.isOpen)
+    },
+    selectRoute: function({ commit }, route: string) {
+      commit('setSelectedRoute', route)
+    }
+  },
+  mutations: {
+    setDrawer: function(state, open) {
+      state.open = open
+    },
+    setSelectedRoute: function(state, route) {
+      state.selectedRoute = route
+    }
+  },
   getters: {}
 }
 // import { VuexModule, Module, Mutation, Action } from 'vuex-module-decorators'

src/renderer/store/modules/Keys.ts

@@ -1,8 +1,50 @@
+import { polykeyClient } from '@/store/PolyKeyClientMock'
+
 export default {
   namespaced: true,
-  state: {},
-  actions: {},
-  mutations: {},
+  state: {
+    publicKey: '',
+    privateKey: '',
+    keyNames: [],
+    selectedKeyName: '',
+    selectedKeyContent: ''
+  },
+  actions: {
+    loadKeyNames: async function({ commit }) {
+      const keyNames = await polykeyClient.listKeys()
+      commit('loadKeyNames', keyNames)
+    },
+    deleteKey: async function({ commit, state }, keyName) {
+      const successful = await polykeyClient.deleteKey(keyName)
+      if (successful) {
+        const keyNames = await polykeyClient.listKeys()
+        return commit('loadKeyNames', keyNames)
+      } else {
+        return commit('loadKeyNames', state.keyNames)
+      }
+    },
+    loadKeyPair: async function({ commit }) {
+      const keyPair = await polykeyClient.getPrimaryKeyPair(true)
+      commit('loadKeyPair', { publicKey: keyPair.public, privateKey: keyPair.private })
+    },
+    selectKey: async function({ commit }, keyName: string) {
+      const keyContent = await polykeyClient.getKey(keyName)
+      commit('selectKey', { selectedKeyName: keyName, selectedKeyContent: keyContent })
+    }
+  },
+  mutations: {
+    loadKeyNames: function(state, keyNames) {
+      state.keyNames = keyNames
+    },
+    loadKeyPair: function(state, { publicKey, privateKey }: { publicKey: string; privateKey: string }) {
+      state.publicKey = publicKey
+      state.privateKey = privateKey
+    },
+    selectKey: function(state, { selectedKeyName, selectedKeyContent }) {
+      state.selectedKeyName = selectedKeyName
+      state.selectedKeyContent = selectedKeyContent
+    }
+  },
   getters: {}
 }
 // import { polykeyClient } from '@/store'