From 9d566fa977fe4dece3aabbc98fbf38d726a54331 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 6 Jan 2023 19:25:53 -0700
Subject: [PATCH 1/7] fix: use SimpleSigner directly from did-jwt

---
 src/libs/crypto/index.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/libs/crypto/index.ts b/src/libs/crypto/index.ts
index 8d8df5a..a71cec1 100644
--- a/src/libs/crypto/index.ts
+++ b/src/libs/crypto/index.ts
@@ -122,7 +122,7 @@ export const accessToken = async (identifier: IIdentifier) => {
     : privateKeyHex;
   const privateKeyBytes = u8a.fromString(input.toLowerCase(), "base16");
 
-  const signer = didJwt.ES256KSigner(privateKeyBytes, true);
+  const signer = didJwt.SimpleSigner(privateKeyHex);
 
   const nowEpoch = Math.floor(Date.now() / 1000);
   const endEpoch = nowEpoch + 60; // add one minute
@@ -143,7 +143,7 @@ export const sign = async (privateKeyHex: string) => {
     : privateKeyHex;
   const privateKeyBytes = u8a.fromString(input.toLowerCase(), "base16");
 
-  const signer = didJwt.ES256KSigner(privateKeyBytes, true);
+  const signer = didJwt.SimpleSigner(privateKeyHex);
 
   return signer;
 };

From ba856630487df8a985f60488e0116e7bcf428e29 Mon Sep 17 00:00:00 2001
From: Matthew Aaron Raymer <matthew.raymer@anomalistdesign.com>
Date: Sat, 7 Jan 2023 13:19:04 +0800
Subject: [PATCH 2/7] Linted

---
 src/libs/crypto/index.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/libs/crypto/index.ts b/src/libs/crypto/index.ts
index a71cec1..eb4e6b8 100644
--- a/src/libs/crypto/index.ts
+++ b/src/libs/crypto/index.ts
@@ -117,10 +117,10 @@ export const createIdentifier = (): string => {
 export const accessToken = async (identifier: IIdentifier) => {
   const did: string = identifier.did;
   const privateKeyHex: string = identifier.keys[0].privateKeyHex as string;
-  const input = privateKeyHex.startsWith("0x")
-    ? privateKeyHex.substring(2)
-    : privateKeyHex;
-  const privateKeyBytes = u8a.fromString(input.toLowerCase(), "base16");
+  //const input = privateKeyHex.startsWith("0x")
+  //  ? privateKeyHex.substring(2)
+  //  : privateKeyHex;
+  //const privateKeyBytes = u8a.fromString(input.toLowerCase(), "base16");
 
   const signer = didJwt.SimpleSigner(privateKeyHex);
 
@@ -138,10 +138,10 @@ export const accessToken = async (identifier: IIdentifier) => {
 };
 
 export const sign = async (privateKeyHex: string) => {
-  const input = privateKeyHex.startsWith("0x")
-    ? privateKeyHex.substring(2)
-    : privateKeyHex;
-  const privateKeyBytes = u8a.fromString(input.toLowerCase(), "base16");
+  //const input = privateKeyHex.startsWith("0x")
+  //  ? privateKeyHex.substring(2)
+  //  : privateKeyHex;
+  //  const privateKeyBytes = u8a.fromString(input.toLowerCase(), "base16");
 
   const signer = didJwt.SimpleSigner(privateKeyHex);
 

From 487997b87cbdaffac74f6ca899a9319c34b98e8f Mon Sep 17 00:00:00 2001
From: Matthew Aaron Raymer <matthew.raymer@anomalistdesign.com>
Date: Mon, 9 Jan 2023 15:10:05 +0800
Subject: [PATCH 3/7] Adding a less complex router

---
 src/router/index.ts              | 47 ++++++++++----------------------
 src/views/NewEditProjectView.vue |  9 ++++--
 src/views/ProjectViewView.vue    |  7 ++++-
 3 files changed, 28 insertions(+), 35 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 9697d48..38611c9 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -7,13 +7,19 @@ const routes: Array<RouteRecordRaw> = [
     name: "home",
     component: () =>
       import(/* webpackChunkName: "start" */ "../views/DiscoverView.vue"),
+    beforeEnter: (to, from, next) => {
+      const appStore = useAppStore();
+      const isAuthenticated = appStore.condition === "registered";
+      if (isAuthenticated) {
+        next();
+      } else {
+        next({ name: "start" });
+      }
+    },
   },
   {
     path: "/about",
     name: "about",
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
     component: () =>
       import(/* webpackChunkName: "about" */ "../views/AboutView.vue"),
   },
@@ -75,6 +81,12 @@ const routes: Array<RouteRecordRaw> = [
         /* webpackChunkName: "new-edit-commitment" */ "../views/NewEditCommitmentView.vue"
       ),
   },
+  {
+    path: "/project",
+    name: "project",
+    component: () =>
+      import(/* webpackChunkName: "project" */ "../views/ProjectViewView.vue"),
+  },
   {
     path: "/new-edit-project",
     name: "new-edit-project",
@@ -83,12 +95,6 @@ const routes: Array<RouteRecordRaw> = [
         /* webpackChunkName: "new-edit-project" */ "../views/NewEditProjectView.vue"
       ),
   },
-  {
-    path: "/project",
-    name: "project",
-    component: () =>
-      import(/* webpackChunkName: "project" */ "../views/ProjectViewView.vue"),
-  },
   {
     path: "/projects",
     name: "projects",
@@ -111,27 +117,4 @@ const router = createRouter({
   routes,
 });
 
-router.beforeEach(async (to, from, next) => {
-  const publicPages = ["/start", "/account", "/import-account"];
-  const isPublic = publicPages.includes(to.path);
-  const appStore = useAppStore();
-  console.log(to);
-  if (to.path === "/" && appStore.condition === "registered") {
-    next({ path: "/account" });
-  } else if (isPublic) {
-    switch (appStore.condition) {
-      case "registered":
-        next();
-        break;
-      default:
-        next();
-        break;
-    }
-  } else if (appStore.condition === "uninitialized") {
-    next({ path: "/start" });
-  } else {
-    next();
-  }
-});
-
 export default router;
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index bff74d3..545e3e1 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -10,7 +10,6 @@
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
           ><fa icon="chevron-left" class="fa-fw"></fa
         ></router-link>
-
         [New/Edit] Project
       </h1>
     </div>
@@ -39,7 +38,7 @@
       type="text"
       placeholder="Project Name"
       class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
-      v-modal="projectName"
+      v-model="projectName"
     />
 
     <textarea
@@ -134,6 +133,12 @@ export default class NewEditProjectView extends Vue {
       try {
         const resp = await this.axios.post(url, payload, { headers });
         console.log(resp.status, resp.data);
+        const route = {
+          name: "project",
+          params: { projectId: resp.data },
+        };
+        console.log(route);
+        this.$router.push(route);
       } catch (error) {
         console.log(error);
       }
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index ff83493..a95f248 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -130,5 +130,10 @@ import { Options, Vue } from "vue-class-component";
 @Options({
   components: {},
 })
-export default class ProjectViewView extends Vue {}
+export default class ProjectViewView extends Vue {
+  projectId = "";
+  created(): void {
+    console.log(this.projectId);
+  }
+}
 </script>

From 71546ea60575cdeb905fe1f6f24ef7816f0072b7 Mon Sep 17 00:00:00 2001
From: Matthew Aaron Raymer <matthew.raymer@anomalistdesign.com>
Date: Mon, 9 Jan 2023 15:57:58 +0800
Subject: [PATCH 4/7] Added new projects view

---
 src/main.ts                |  2 +
 src/views/DiscoverView.vue |  2 +-
 src/views/ProjectsView.vue | 88 +++++++++++++++++++++++++++++++++++++-
 3 files changed, 90 insertions(+), 2 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index a8fa5f4..c5fca66 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -21,6 +21,7 @@ import {
   faQrcode,
   faUser,
   faPen,
+  faPlus,
   faTrashCan,
   faCalendar,
   faEllipsisVertical,
@@ -40,6 +41,7 @@ library.add(
   faQrcode,
   faUser,
   faPen,
+  faPlus,
   faTrashCan,
   faCalendar,
   faEllipsisVertical,
diff --git a/src/views/DiscoverView.vue b/src/views/DiscoverView.vue
index 091bd84..c351481 100644
--- a/src/views/DiscoverView.vue
+++ b/src/views/DiscoverView.vue
@@ -19,7 +19,7 @@
       <!-- Projects -->
       <li class="basis-1/5 rounded-md text-slate-500">
         <router-link
-          :to="{ name: 'project' }"
+          :to="{ name: 'projects' }"
           class="block text-center py-3 px-1"
           ><fa icon="folder-open" class="fa-fw"></fa
         ></router-link>
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index afa8167..ded9557 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -1,3 +1,89 @@
 <template>
-  <section id="Content" class="p-6 pb-24"></section>
+  <section id="Content" class="p-6 pb-24">
+    <!-- Heading -->
+    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
+      My Projects
+    </h1>
+
+    <!-- Quick Search -->
+    <form id="QuickSearch" class="mb-4 flex">
+      <input
+        type="text"
+        placeholder="Search…"
+        class="block w-full rounded-l border-r-0 border-slate-400"
+      />
+      <button
+        class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
+      >
+        <i class="fa-solid fa-magnifying-glass fa-fw"></i>
+      </button>
+    </form>
+
+    <!-- New Project -->
+    <button
+      class="fixed right-6 bottom-24 text-center text-4xl leading-none bg-blue-600 text-white w-14 py-2.5 rounded-full"
+    >
+      <fa icon="plus" class="fa-fw"></fa>
+    </button>
+
+    <!-- Results List -->
+    <ul class="">
+      <li class="border-b border-slate-300">
+        <a href="project-view.html" class="block py-4 flex gap-4">
+          <div class="flex-none w-12">
+            <img
+              src="https://picsum.photos/200/200?random=1"
+              class="w-full rounded"
+            />
+          </div>
+
+          <div class="grow overflow-hidden">
+            <h2 class="text-base font-semibold">Canyon cleanup</h2>
+            <div class="text-sm truncate">
+              The quick brown fox jumps over the lazy dog. The quick brown fox
+              jumps over the lazy dog.
+            </div>
+          </div>
+        </a>
+      </li>
+
+      <li class="border-b border-slate-300">
+        <a href="project-view.html" class="block py-4 flex gap-4">
+          <div class="flex-none w-12">
+            <img
+              src="https://picsum.photos/200/200?random=2"
+              class="w-full rounded"
+            />
+          </div>
+
+          <div class="grow overflow-hidden">
+            <h2 class="text-base font-semibold">Potluck with neighbors</h2>
+            <div class="text-sm truncate">
+              The quick brown fox jumps over the lazy dog. The quick brown fox
+              jumps over the lazy dog.
+            </div>
+          </div>
+        </a>
+      </li>
+
+      <li class="border-b border-slate-300">
+        <a href="project-view.html" class="block py-4 flex gap-4">
+          <div class="flex-none w-12">
+            <img
+              src="https://picsum.photos/200/200?random=3"
+              class="w-full rounded"
+            />
+          </div>
+
+          <div class="grow overflow-hidden">
+            <h2 class="text-base font-semibold">Historical site</h2>
+            <div class="text-sm truncate">
+              The quick brown fox jumps over the lazy dog. The quick brown fox
+              jumps over the lazy dog.
+            </div>
+          </div>
+        </a>
+      </li>
+    </ul>
+  </section>
 </template>

From 41d8df2238084a0725d4270149c84e3cdc5d3fb9 Mon Sep 17 00:00:00 2001
From: Matthew Aaron Raymer <matthew.raymer@anomalistdesign.com>
Date: Mon, 9 Jan 2023 16:05:45 +0800
Subject: [PATCH 5/7] Added Project New Button

---
 src/views/ProjectsView.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index ded9557..9581add 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -22,6 +22,7 @@
     <!-- New Project -->
     <button
       class="fixed right-6 bottom-24 text-center text-4xl leading-none bg-blue-600 text-white w-14 py-2.5 rounded-full"
+      @click="onClickNewProject()"
     >
       <fa icon="plus" class="fa-fw"></fa>
     </button>
@@ -87,3 +88,20 @@
     </ul>
   </section>
 </template>
+
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+  components: {},
+})
+export default class ProjectsView extends Vue {
+  onClickNewProject(): void {
+    const route = {
+      name: "new-edit-project",
+    };
+    console.log(route);
+    this.$router.push(route);
+  }
+}
+</script>

From 2a7c858662bf5ff6cc2d850ccd052b9809c3bbe2 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Mon, 9 Jan 2023 19:08:41 -0700
Subject: [PATCH 6/7] refactor: use our own SimpleSigner since library version
 is deprecated

---
 package-lock.json        |  7 ++--
 package.json             |  1 +
 src/libs/crypto/index.ts | 81 +++++++++++++++-------------------------
 3 files changed, 36 insertions(+), 53 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index cbbedcc..793ed30 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,6 +26,7 @@
         "class-transformer": "^0.5.1",
         "core-js": "^3.26.1",
         "dexie": "^3.2.2",
+        "did-jwt": "^6.9.0",
         "ethereum-cryptography": "^1.1.2",
         "ethereumjs-util": "^7.1.5",
         "ethr-did-resolver": "^8.0.0",
@@ -12186,9 +12187,9 @@
       }
     },
     "node_modules/did-jwt": {
-      "version": "6.10.1",
-      "resolved": "https://registry.npmjs.org/did-jwt/-/did-jwt-6.10.1.tgz",
-      "integrity": "sha512-YJOvkuPKKX364ooAFNxZPcz/KBLRwLhRABQVQlVEqOjygsCkplNFB3UL97UqZ7Y3cAG6Jh5jKoAC4xFSm+h0qw==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/did-jwt/-/did-jwt-6.9.0.tgz",
+      "integrity": "sha512-kZ8pakovM2VkG0pia6x0SA9/1rl9dOUti4i2FL3xg7arJDWW7dACJxX+6gQK7iR/DvXrfFo8F784ejHVbw9ryA==",
       "dependencies": {
         "@stablelib/ed25519": "^1.0.2",
         "@stablelib/random": "^1.0.1",
diff --git a/package.json b/package.json
index 178ca01..e6a9fb7 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "class-transformer": "^0.5.1",
     "core-js": "^3.26.1",
     "dexie": "^3.2.2",
+    "did-jwt": "^6.9.0",
     "ethereum-cryptography": "^1.1.2",
     "ethereumjs-util": "^7.1.5",
     "ethr-did-resolver": "^8.0.0",
diff --git a/src/libs/crypto/index.ts b/src/libs/crypto/index.ts
index eb4e6b8..a760295 100644
--- a/src/libs/crypto/index.ts
+++ b/src/libs/crypto/index.ts
@@ -5,44 +5,8 @@ import { entropyToMnemonic } from "ethereum-cryptography/bip39";
 import { wordlist } from "ethereum-cryptography/bip39/wordlists/english";
 import { HDNode } from "@ethersproject/hdnode";
 import * as didJwt from "did-jwt";
-import { Signer } from "did-jwt";
 import * as u8a from "uint8arrays";
 
-export function hexToBytes(s: string): Uint8Array {
-  const input = s.startsWith("0x") ? s.substring(2) : s;
-  return u8a.fromString(input.toLowerCase(), "base16");
-}
-
-export function fromJose(signature: string): {
-  r: string;
-  s: string;
-  recoveryParam?: number;
-} {
-  const signatureBytes: Uint8Array = base64ToBytes(signature);
-  if (signatureBytes.length < 64 || signatureBytes.length > 65) {
-    throw new TypeError(
-      `Wrong size for signature. Expected 64 or 65 bytes, but got ${signatureBytes.length}`
-    );
-  }
-  const r = bytesToHex(signatureBytes.slice(0, 32));
-  const s = bytesToHex(signatureBytes.slice(32, 64));
-  const recoveryParam =
-    signatureBytes.length === 65 ? signatureBytes[64] : undefined;
-  return { r, s, recoveryParam };
-}
-
-export function bytesToHex(b: Uint8Array): string {
-  return u8a.toString(b, "base16");
-}
-
-export function base64ToBytes(s: string): Uint8Array {
-  const inputBase64Url = s
-    .replace(/\+/g, "-")
-    .replace(/\//g, "_")
-    .replace(/=/g, "");
-  return u8a.fromString(inputBase64Url, "base64url");
-}
-
 /**
  *
  *
@@ -117,12 +81,8 @@ export const createIdentifier = (): string => {
 export const accessToken = async (identifier: IIdentifier) => {
   const did: string = identifier.did;
   const privateKeyHex: string = identifier.keys[0].privateKeyHex as string;
-  //const input = privateKeyHex.startsWith("0x")
-  //  ? privateKeyHex.substring(2)
-  //  : privateKeyHex;
-  //const privateKeyBytes = u8a.fromString(input.toLowerCase(), "base16");
 
-  const signer = didJwt.SimpleSigner(privateKeyHex);
+  const signer = SimpleSigner(privateKeyHex);
 
   const nowEpoch = Math.floor(Date.now() / 1000);
   const endEpoch = nowEpoch + 60; // add one minute
@@ -138,17 +98,14 @@ export const accessToken = async (identifier: IIdentifier) => {
 };
 
 export const sign = async (privateKeyHex: string) => {
-  //const input = privateKeyHex.startsWith("0x")
-  //  ? privateKeyHex.substring(2)
-  //  : privateKeyHex;
-  //  const privateKeyBytes = u8a.fromString(input.toLowerCase(), "base16");
-
-  const signer = didJwt.SimpleSigner(privateKeyHex);
+  const signer = SimpleSigner(privateKeyHex);
 
   return signer;
 };
 
 /**
+ *  Copied out of did-jwt since it's deprecated in that library.
+ *
  *  The SimpleSigner returns a configured function for signing data.
  *
  *  @example
@@ -160,10 +117,34 @@ export const sign = async (privateKeyHex: string) => {
  *  @param    {String}         hexPrivateKey    a hex encoded private key
  *  @return   {Function}                     a configured signer function
  */
-export const SimpleSigner = async (hexPrivateKey: string): Promise<Signer> => {
-  const signer = didJwt.ES256KSigner(hexToBytes(hexPrivateKey), true);
+export function SimpleSigner(hexPrivateKey: string): didJwt.Signer {
+  const signer = didJwt.ES256KSigner(didJwt.hexToBytes(hexPrivateKey), true);
   return async (data) => {
     const signature = (await signer(data)) as string;
     return fromJose(signature);
   };
-};
+}
+
+// from did-jwt/util; see SimpleSigner above
+export function fromJose(signature: string): {
+  r: string;
+  s: string;
+  recoveryParam?: number;
+} {
+  const signatureBytes: Uint8Array = didJwt.base64ToBytes(signature);
+  if (signatureBytes.length < 64 || signatureBytes.length > 65) {
+    throw new TypeError(
+      `Wrong size for signature. Expected 64 or 65 bytes, but got ${signatureBytes.length}`
+    );
+  }
+  const r = bytesToHex(signatureBytes.slice(0, 32));
+  const s = bytesToHex(signatureBytes.slice(32, 64));
+  const recoveryParam =
+    signatureBytes.length === 65 ? signatureBytes[64] : undefined;
+  return { r, s, recoveryParam };
+}
+
+// from did-jwt/util; see SimpleSigner above
+export function bytesToHex(b: Uint8Array): string {
+  return u8a.toString(b, "base16");
+}

From 1c0881fe14c49723aa7d15fbed353f65ade1b291 Mon Sep 17 00:00:00 2001
From: Matthew Aaron Raymer <matthew.raymer@anomalistdesign.com>
Date: Tue, 10 Jan 2023 16:22:07 +0800
Subject: [PATCH 7/7] Subject: workflow for saving of project * Changed from
 passing parameters since this isn't supported anymore by Vue * Added new
 AppStore values for a projectId which are accessible in the ProjectView View

---
 src/store/app.ts                 | 8 ++++++++
 src/views/NewEditProjectView.vue | 3 ++-
 src/views/ProjectViewView.vue    | 2 ++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/store/app.ts b/src/store/app.ts
index 3ab7b8c..f3cc0c4 100644
--- a/src/store/app.ts
+++ b/src/store/app.ts
@@ -12,9 +12,14 @@ export const useAppStore = defineStore({
       typeof localStorage["lastView"] == "undefined"
         ? "/start"
         : localStorage["lastView"],
+    _projectId:
+      typeof localStorage.getItem("projectId") === "undefined"
+        ? ""
+        : localStorage.getItem("projectId"),
   }),
   getters: {
     condition: (state) => state._condition,
+    projectId: (state): string => state._projectId as string,
   },
   actions: {
     reset() {
@@ -23,5 +28,8 @@ export const useAppStore = defineStore({
     setCondition(newCondition: string) {
       localStorage.setItem("condition", newCondition);
     },
+    setProjectId(newProjectId: string) {
+      localStorage.setItem("projectId", newProjectId);
+    },
   },
 });
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 545e3e1..1fffbcd 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -76,6 +76,7 @@ import { db } from "../db";
 import { accessToken, SimpleSigner } from "@/libs/crypto";
 import * as didJwt from "did-jwt";
 import { IIdentifier } from "@veramo/core";
+import { useAppStore } from "@/store/app";
 
 @Options({
   components: {},
@@ -133,9 +134,9 @@ export default class NewEditProjectView extends Vue {
       try {
         const resp = await this.axios.post(url, payload, { headers });
         console.log(resp.status, resp.data);
+        useAppStore().setProjectId(resp.data);
         const route = {
           name: "project",
-          params: { projectId: resp.data },
         };
         console.log(route);
         this.$router.push(route);
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index a95f248..0c6c669 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -126,6 +126,7 @@
 
 <script lang="ts">
 import { Options, Vue } from "vue-class-component";
+import { useAppStore } from "@/store/app";
 
 @Options({
   components: {},
@@ -133,6 +134,7 @@ import { Options, Vue } from "vue-class-component";
 export default class ProjectViewView extends Vue {
   projectId = "";
   created(): void {
+    this.projectId = useAppStore().projectId;
     console.log(this.projectId);
   }
 }