Feat : New Home screen and SSH setup flow in MST

[punitda]

• Added MST, React-MobX-Lite and MobX to manage state of entire app making it easier to add features in future.

• Created RootStore consisting of :

  • KeyStore => stores ssh keys data
  • SessionStore =>stores current ssh key setup flow data

const RootStore = types.model('RootStore', {
  keyStore: types.optional(KeyStore, {}),
  sessionStore: types.optional(SshKey, {
    provider: 'github',
    username: '',
    path: '',
    mode: 'SINGLE',
  }),
});

• Add support for two modes - SINGLE and MULTI . By default it generates key in SINGLE mode when user hasn't setup SSH key for particular provider yet.

Compared to previous implementation which was MULTI by default it will make it easier for majority of users who setup only single key per provider anyway. They don't have to think about updating remote url. One less thing to worry about. Current implementation makes sure existing ssh-git users don't have to do anything for it. Keys they have setup using prior versions(0.0.1 and 0.0.2) will be set to MULTI mode by default so they don't have to go again and update remote immediately after updating app. Don't want to trouble them with it.

And, apart from store logic the core logic of generating keys and checking duplicate keys has also been updated to generate SSH keys based on current mode set in sessionStore

• KeyStore which stores all SSH keys info extracts it from cached data set using electron-store and if not found in store it will read .ssh/config file and extract basic info from it. Merging config file data and cached data from electron-store is on cards. I'll add it in this release as well.

• New Home screen 🎉🤩

  • SSH keys are read from KeyStore and grouped by providers and shown in Accordion format.
  • Total no. of keys shown in right top.
  • New Action Toolbar
  • Context Menu(not added yet) to manage cloning, update remote, adding keys, opening profile, deleting key, etc. directly from Home screen.