From 7a4ceaa45519c7b41e3990931318ad79f7b7bc53 Mon Sep 17 00:00:00 2001
From: Matthew Raymer <matthew.raymer@anomalistdesign.com>
Date: Wed, 12 Jul 2023 15:16:07 +0800
Subject: [PATCH 1/8] Adding Identity Management stubs

---
 src/router/index.ts                |  8 +++
 src/views/AccountViewView.vue      |  6 ++
 src/views/IdentitySwitcherView.vue | 93 ++++++++++++++++++++++++++++++
 3 files changed, 107 insertions(+)
 create mode 100644 src/views/IdentitySwitcherView.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index 626d9712..03ccffdb 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -123,6 +123,14 @@ const routes: Array<RouteRecordRaw> = [
         /* webpackChunkName: "new-identifier" */ "../views/NewIdentifierView.vue"
       ),
   },
+  {
+    path: "/identity-switcher",
+    name: "identity-switcher",
+    component: () =>
+      import(
+        /* webpackChunkName: "identity-switcher" */ "../views/IdentitySwitcherView.vue"
+      ),
+  },
   {
     path: "/project",
     name: "project",
diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index a60c2af7..be1a3096 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -117,6 +117,12 @@
     >
       Edit Identity
     </router-link>
+    <router-link
+      :to="{ name: 'identity-switcher' }"
+      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8"
+    >
+      Switch Identity / No Identity
+    </router-link>
 
     <h3 class="text-sm uppercase font-semibold mb-3">Data</h3>
 
diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
new file mode 100644
index 00000000..2a8e60e7
--- /dev/null
+++ b/src/views/IdentitySwitcherView.vue
@@ -0,0 +1,93 @@
+<template>
+  <QuickNav selected="Profile"></QuickNav>
+  <section>
+    <AlertMessage
+      :alertTitle="alertTitle"
+      :alertMessage="alertMessage"
+    ></AlertMessage>
+  </section>
+</template>
+<script lang="ts">
+import { Component, Vue } from "vue-facing-decorator";
+
+import { AppString } from "@/constants/app";
+import { db, accountsDB } from "@/db";
+import { AccountsSchema } from "@/db/tables/accounts";
+import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import AlertMessage from "@/components/AlertMessage";
+import QuickNav from "@/components/QuickNav";
+
+@Component({ components: { AlertMessage, QuickNav } })
+export default class IdentitySwitcherView extends Vue {
+  Constants = AppString;
+  private accounts: AccountsSchema;
+
+  async created() {
+    try {
+      await db.open();
+      const settings = await db.settings.get(MASTER_SETTINGS_KEY);
+      this.activeDid = settings?.activeDid || "";
+      this.apiServer = settings?.apiServer || "";
+      this.apiServerInput = settings?.apiServer || "";
+      this.firstName = settings?.firstName || "";
+      this.lastName = settings?.lastName || "";
+      this.showContactGives = !!settings?.showContactGivesInline;
+
+      const identity = await this.getIdentity(this.activeDid);
+
+      this.publicHex = identity.keys[0].publicKeyHex;
+      this.publicBase64 = Buffer.from(this.publicHex, "hex").toString("base64");
+      this.derivationPath = identity.keys[0].meta.derivationPath;
+
+      db.settings.update(MASTER_SETTINGS_KEY, {
+        activeDid: identity.did,
+      });
+      this.checkLimits();
+    } catch (err) {
+      if (
+        err.message ===
+        "Attempted to load account records with no identity available."
+      ) {
+        this.limitsMessage = "No identity.";
+        this.loadingLimits = false;
+      } else {
+        this.alertMessage =
+          "Clear your cache and start over (after data backup).";
+        console.error(
+          "Telling user to clear cache at page create because:",
+          err,
+        );
+        this.alertTitle = "Error Creating Account";
+      }
+    }
+  }
+
+  async switchAccount(accountNum: number) {
+    // 0 means none
+    if (accountNum === 0) {
+      await db.open();
+      db.settings.update(MASTER_SETTINGS_KEY, {
+        activeDid: undefined,
+      });
+      this.activeDid = "";
+      this.derivationPath = "";
+      this.publicHex = "";
+      this.publicBase64 = "";
+    } else {
+      await accountsDB.open();
+      const accounts = await accountsDB.accounts.toArray();
+      const account = accounts[accountNum - 1];
+
+      await db.open();
+      db.settings.update(MASTER_SETTINGS_KEY, {
+        activeDid: account.did,
+      });
+
+      this.activeDid = account.did;
+      this.derivationPath = account.derivationPath;
+      this.publicHex = account.publicKeyHex;
+      this.publicBase64 = Buffer.from(this.publicHex, "hex").toString("base64");
+    }
+  }
+}
+</script>

From efa59e170f74009a251483329a2d5725a59229d2 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 12 Jul 2023 15:27:59 +0800
Subject: [PATCH 2/8] Tweaked router link styles

---
 src/views/AccountViewView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index be1a3096..8c38d97a 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -113,13 +113,13 @@
 
     <router-link
       :to="{ name: 'new-edit-account' }"
-      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8"
+      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
     >
       Edit Identity
     </router-link>
     <router-link
       :to="{ name: 'identity-switcher' }"
-      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8"
+      class="block text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-8"
     >
       Switch Identity / No Identity
     </router-link>

From ab678a900a351885c6fc64625939acff6e0e2bd7 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 12 Jul 2023 15:45:10 +0800
Subject: [PATCH 3/8] Added static HTML to Account Switcher view

---
 src/views/IdentitySwitcherView.vue | 51 +++++++++++++++++++++++++++++-
 1 file changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
index 2a8e60e7..4129cbaa 100644
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -1,6 +1,55 @@
 <template>
   <QuickNav selected="Profile"></QuickNav>
-  <section>
+  <section id="Content" class="p-6 pb-24">
+    <!-- Heading -->
+    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
+      Switch Identities
+    </h1>
+
+    <!-- Identity List -->
+
+    <!-- Current Identity - Display First! -->
+    <a
+      href="account-view.html"
+      class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4"
+    >
+      <fa icon="circle-check" class="fa-fw text-blue-600 text-xl mr-3"></fa>
+      <span>
+        <h2 class="text-xl font-semibold mb-0">Firstname Lastname</h2>
+        <div class="text-sm text-slate-500">
+          <b>ID:</b> <code>did:peer:kl45kj41lk451kl3</code>
+        </div>
+      </span>
+    </a>
+
+    <!-- Other Identity/ies -->
+    <a
+      href="account-view.html"
+      class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4"
+    >
+      <fa icon="circle" class="fa-fw text-slate-400 text-xl mr-3"></fa>
+      <span>
+        <h2 class="text-xl font-semibold mb-0">Givenname Surname</h2>
+        <div class="text-sm text-slate-500">
+          <b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code>
+        </div>
+      </span>
+    </a>
+
+    <!-- Actions -->
+    <router-link
+      :to="{ name: 'start' }"
+      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
+    >
+      Add Another Identity&hellip;
+    </router-link>
+    <a
+      href="start.html"
+      class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-8"
+    >
+      No Identity
+    </a>
+
     <AlertMessage
       :alertTitle="alertTitle"
       :alertMessage="alertMessage"

From 52d411470ee2237826b701265224e2f24de778ad Mon Sep 17 00:00:00 2001
From: Matthew Raymer <matthew.raymer@anomalistdesign.com>
Date: Wed, 12 Jul 2023 16:11:35 +0800
Subject: [PATCH 4/8] Send back to Jose for some list magic

---
 src/views/IdentitySwitcherView.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
index 4129cbaa..5c10d2dd 100644
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -15,9 +15,11 @@
     >
       <fa icon="circle-check" class="fa-fw text-blue-600 text-xl mr-3"></fa>
       <span>
-        <h2 class="text-xl font-semibold mb-0">Firstname Lastname</h2>
+        <h2 class="text-xl font-semibold mb-0">
+          {{ firstName }} {{ lastName }}
+        </h2>
         <div class="text-sm text-slate-500">
-          <b>ID:</b> <code>did:peer:kl45kj41lk451kl3</code>
+          <b>ID:</b> <code>{{ activeDid }}</code>
         </div>
       </span>
     </a>
@@ -58,7 +60,6 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
-
 import { AppString } from "@/constants/app";
 import { db, accountsDB } from "@/db";
 import { AccountsSchema } from "@/db/tables/accounts";
@@ -70,6 +71,9 @@ import QuickNav from "@/components/QuickNav";
 export default class IdentitySwitcherView extends Vue {
   Constants = AppString;
   private accounts: AccountsSchema;
+  public activeDid;
+  public firstName;
+  public lastName;
 
   async created() {
     try {
@@ -78,8 +82,8 @@ export default class IdentitySwitcherView extends Vue {
       this.activeDid = settings?.activeDid || "";
       this.apiServer = settings?.apiServer || "";
       this.apiServerInput = settings?.apiServer || "";
-      this.firstName = settings?.firstName || "";
-      this.lastName = settings?.lastName || "";
+      this.firstName = settings?.firstName || "No";
+      this.lastName = settings?.lastName || "Name";
       this.showContactGives = !!settings?.showContactGivesInline;
 
       const identity = await this.getIdentity(this.activeDid);

From 44fc2850dd61ea17cdb3ec5641e77392b86f7f40 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 12 Jul 2023 16:48:30 +0800
Subject: [PATCH 5/8] UL-based identity list + markup fixes

---
 src/views/IdentitySwitcherView.vue | 36 ++++++++++++++----------------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
index 5c10d2dd..8a1d3e8c 100644
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -9,34 +9,32 @@
     <!-- Identity List -->
 
     <!-- Current Identity - Display First! -->
-    <a
-      href="account-view.html"
-      class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4"
-    >
+    <div class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4">
       <fa icon="circle-check" class="fa-fw text-blue-600 text-xl mr-3"></fa>
-      <span>
+      <span class="overflow-hidden">
         <h2 class="text-xl font-semibold mb-0">
           {{ firstName }} {{ lastName }}
         </h2>
-        <div class="text-sm text-slate-500">
+        <div class="text-sm text-slate-500 truncate">
           <b>ID:</b> <code>{{ activeDid }}</code>
         </div>
       </span>
-    </a>
+    </div>
 
     <!-- Other Identity/ies -->
-    <a
-      href="account-view.html"
-      class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4"
-    >
-      <fa icon="circle" class="fa-fw text-slate-400 text-xl mr-3"></fa>
-      <span>
-        <h2 class="text-xl font-semibold mb-0">Givenname Surname</h2>
-        <div class="text-sm text-slate-500">
-          <b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code>
-        </div>
-      </span>
-    </a>
+    <ul class="mb-4">
+      <li
+        class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-2"
+      >
+        <fa icon="circle" class="fa-fw text-slate-400 text-xl mr-3"></fa>
+        <span class="overflow-hidden">
+          <h2 class="text-xl font-semibold mb-0">Givenname Surname</h2>
+          <div class="text-sm text-slate-500 truncate">
+            <b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code>
+          </div>
+        </span>
+      </li>
+    </ul>
 
     <!-- Actions -->
     <router-link

From 1405b88323259e3a719babb3edd281d671512152 Mon Sep 17 00:00:00 2001
From: Matthew Raymer <matthew.raymer@anomalistdesign.com>
Date: Wed, 12 Jul 2023 18:47:21 +0800
Subject: [PATCH 6/8] Functional Identity Management

---
 src/views/IdentitySwitcherView.vue | 87 +++++++++++++++++-------------
 1 file changed, 51 insertions(+), 36 deletions(-)

diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
index 8a1d3e8c..aaa3db3c 100644
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -25,12 +25,15 @@
     <ul class="mb-4">
       <li
         class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-2"
+        v-for="ident in otherIdentities"
+        :key="ident.did"
+        @click="switchAccount(ident.did)"
       >
         <fa icon="circle" class="fa-fw text-slate-400 text-xl mr-3"></fa>
         <span class="overflow-hidden">
-          <h2 class="text-xl font-semibold mb-0">Givenname Surname</h2>
+          <h2 class="text-xl font-semibold mb-0"></h2>
           <div class="text-sm text-slate-500 truncate">
-            <b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code>
+            <b>ID:</b> <code>{{ ident.did }}</code>
           </div>
         </span>
       </li>
@@ -44,8 +47,9 @@
       Add Another Identity&hellip;
     </router-link>
     <a
-      href="start.html"
+      href="#"
       class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-8"
+      @click="switchAccount('0')"
     >
       No Identity
     </a>
@@ -68,10 +72,23 @@ import QuickNav from "@/components/QuickNav";
 @Component({ components: { AlertMessage, QuickNav } })
 export default class IdentitySwitcherView extends Vue {
   Constants = AppString;
-  private accounts: AccountsSchema;
+  public accounts: AccountsSchema;
   public activeDid;
   public firstName;
   public lastName;
+  public alertTitle;
+  public alertMessage;
+  public otherIdentities = [];
+
+  public async getIdentity(activeDid) {
+    await accountsDB.open();
+    const account = await accountsDB.accounts
+      .where("did")
+      .equals(activeDid)
+      .first();
+    const identity = JSON.parse(account?.identity || "null");
+    return identity;
+  }
 
   async created() {
     try {
@@ -86,14 +103,19 @@ export default class IdentitySwitcherView extends Vue {
 
       const identity = await this.getIdentity(this.activeDid);
 
-      this.publicHex = identity.keys[0].publicKeyHex;
-      this.publicBase64 = Buffer.from(this.publicHex, "hex").toString("base64");
-      this.derivationPath = identity.keys[0].meta.derivationPath;
-
-      db.settings.update(MASTER_SETTINGS_KEY, {
-        activeDid: identity.did,
-      });
-      this.checkLimits();
+      if (identity) {
+        db.settings.update(MASTER_SETTINGS_KEY, {
+          activeDid: identity.did,
+        });
+      }
+      await accountsDB.open();
+      const accounts = await accountsDB.accounts.toArray();
+      for (let n = 0; n < accounts.length; n++) {
+        const did = JSON.parse(accounts[n].identity)["did"];
+        if (did && this.activeDid !== did) {
+          this.otherIdentities.push({ did: did });
+        }
+      }
     } catch (err) {
       if (
         err.message ===
@@ -113,31 +135,24 @@ export default class IdentitySwitcherView extends Vue {
     }
   }
 
-  async switchAccount(accountNum: number) {
+  async switchAccount(did: string) {
     // 0 means none
-    if (accountNum === 0) {
-      await db.open();
-      db.settings.update(MASTER_SETTINGS_KEY, {
-        activeDid: undefined,
-      });
-      this.activeDid = "";
-      this.derivationPath = "";
-      this.publicHex = "";
-      this.publicBase64 = "";
-    } else {
-      await accountsDB.open();
-      const accounts = await accountsDB.accounts.toArray();
-      const account = accounts[accountNum - 1];
-
-      await db.open();
-      db.settings.update(MASTER_SETTINGS_KEY, {
-        activeDid: account.did,
-      });
-
-      this.activeDid = account.did;
-      this.derivationPath = account.derivationPath;
-      this.publicHex = account.publicKeyHex;
-      this.publicBase64 = Buffer.from(this.publicHex, "hex").toString("base64");
+    if (did === "0") {
+      did = undefined;
+    }
+    await db.open();
+    db.settings.update(MASTER_SETTINGS_KEY, {
+      activeDid: did,
+    });
+    this.activeDid = did;
+    this.otherIdentities = [];
+    await accountsDB.open();
+    const accounts = await accountsDB.accounts.toArray();
+    for (let n = 0; n < accounts.length; n++) {
+      const did = JSON.parse(accounts[n].identity)["did"];
+      if (did && this.activeDid !== did) {
+        this.otherIdentities.push({ did: did });
+      }
     }
   }
 }

From f428199228c3fc46d106be770d6a5b6e4a4e0bc6 Mon Sep 17 00:00:00 2001
From: Matthew Raymer <matthew.raymer@anomalistdesign.com>
Date: Wed, 12 Jul 2023 19:12:31 +0800
Subject: [PATCH 7/8] Redirect to account tab after switching identity

---
 src/views/IdentitySwitcherView.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
index aaa3db3c..445a352d 100644
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -154,6 +154,7 @@ export default class IdentitySwitcherView extends Vue {
         this.otherIdentities.push({ did: did });
       }
     }
+    this.$router.push({ name: "account" });
   }
 }
 </script>

From ead37ede747d0d382d3f2b1c768c5a68e352fba3 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 12 Jul 2023 19:41:05 +0800
Subject: [PATCH 8/8] Added back button

---
 src/views/IdentitySwitcherView.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/views/IdentitySwitcherView.vue b/src/views/IdentitySwitcherView.vue
index 445a352d..f378e511 100644
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -1,10 +1,19 @@
 <template>
   <QuickNav selected="Profile"></QuickNav>
   <section id="Content" class="p-6 pb-24">
-    <!-- Heading -->
-    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
-      Switch Identities
-    </h1>
+    <!-- Breadcrumb -->
+    <div id="ViewBreadcrumb" class="mb-8">
+      <h1 class="text-lg text-center font-light relative px-7">
+        <!-- Cancel -->
+        <router-link
+          :to="{ name: 'account' }"
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          ><fa icon="chevron-left" class="fa-fw"></fa>
+        </router-link>
+
+        Switch Identity
+      </h1>
+    </div>
 
     <!-- Identity List -->