From 1bedbe17c04992d6d23367f93dbfd33614d74bd3 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Mon, 23 Jan 2023 22:14:46 -0700
Subject: [PATCH] feat: adjust to the new endpoints for editable plan records

---
 README.md                        |  4 +-
 project.yaml                     | 27 +++++++++++---
 src/constants/app.ts             |  2 +-
 src/views/NewEditProjectView.vue | 64 ++++++++++++++++++++------------
 src/views/ProjectViewView.vue    | 17 ++++-----
 src/views/ProjectsView.vue       |  3 +-
 6 files changed, 74 insertions(+), 43 deletions(-)

diff --git a/README.md b/README.md
index 0c8c0d1..31291bc 100644
--- a/README.md
+++ b/README.md
@@ -42,9 +42,9 @@ New users require registration. This can be done with a claim payload like this
   };
 ```
 
-On the test server, the user starting 0x000 has rights to register others, so you can start playing one of two ways:
+On the test server, User #0 has rights to register others, so you can start playing one of two ways:
 
-- Import the keys for that test User #0 by importing this seed phrase: `seminar accuse mystery assist delay law thing deal image undo guard initial shallow wrestle list fragile borrow velvet tomorrow awake explain test offer control`
+- Import the keys for that test User `did:ethr:0x000Ee5654b9742f6Fe18ea970e32b97ee2247B51` by importing this seed phrase: `seminar accuse mystery assist delay law thing deal image undo guard initial shallow wrestle list fragile borrow velvet tomorrow awake explain test offer control`
 
 - Register someone else under User #0 on the `/account` page:
 
diff --git a/project.yaml b/project.yaml
index a188687..447889d 100644
--- a/project.yaml
+++ b/project.yaml
@@ -1,18 +1,33 @@
-- top screens from img/screens.pdf :
+- top screens from img/screens.pdf milestone:2 :
+  - new
+    - make sure to save with plan identifier if it isn't already
+  - edit
+    - make sure to save with plan identifier if it isn't already
   - view all :
     - also extract plan identifier (instead of claim ID) assignee:trent
     - search bar isn't highlighted & icon on right doesn't show
     - no tab bar across bottom
   - view one
     - change lookup to pull from new /api/ext/plan with plan identifier assignee:trent
-  - edit
-    - make sure to save with plan identifier if it isn't already
-  - new
-    - make sure to save with plan identifier if it isn't already
+    - image
   blocks: ref:https://raw.githubusercontent.com/trentlarson/lives-of-gifts/master/project.yaml#kickstarter%20for%20time
 
-- replace user-affecting console.logs with error messages
+- replace user-affecting console.logs with error messages (eg. catches)
+
+- contacts
 
 - commit screen
 
 - discover screen
+
+- backup all data
+
+- Next Viable Product afterward
+
+- Connect with phone contacts
+
+- Multiple identities
+
+- Peer DID
+
+- DIDComm
diff --git a/src/constants/app.ts b/src/constants/app.ts
index 8446a59..719735b 100644
--- a/src/constants/app.ts
+++ b/src/constants/app.ts
@@ -5,5 +5,5 @@ export enum AppString {
   APP_NAME = "Kickstart for time",
   VERSION = "0.1",
   DEFAULT_ENDORSER_API_SERVER = "https://test.endorser.ch:8000",
-  DEFAULT_ENDORSER_VIEW_SERVER = "https://test.endorser.ch",
+  //DEFAULT_ENDORSER_API_SERVER = "http://localhost:3000",
 }
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 47e7188..5299823 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -17,6 +17,10 @@
     <!-- Project Details -->
     <!-- Image - (see design model) Empty -->
 
+    <div>
+      {{ errorMessage }}
+    </div>
+
     <input
       type="text"
       placeholder="Project Name"
@@ -67,10 +71,9 @@ import { useAppStore } from "@/store/app";
 export default class NewEditProjectView extends Vue {
   projectName = "";
   description = "";
-  projectId =
-    localStorage.getItem("projectId") === null
-      ? ""
-      : localStorage.getItem("projectId");
+  errorMessage = "";
+
+  projectId = localStorage.getItem("projectId") || "";
 
   async created() {
     if (this.projectId === "") {
@@ -90,7 +93,8 @@ export default class NewEditProjectView extends Vue {
 
   async LoadProject(identity: IIdentifier) {
     const endorserApiServer = AppString.DEFAULT_ENDORSER_API_SERVER;
-    const url = endorserApiServer + "/api/claim/" + this.projectId;
+    const url =
+      endorserApiServer + "/api/plan/" + encodeURIComponent(this.projectId);
     const token = await accessToken(identity);
     const headers = {
       "Content-Type": "application/json",
@@ -111,12 +115,10 @@ export default class NewEditProjectView extends Vue {
   }
 
   private async SaveProject(identity: IIdentifier) {
-    const address = identity.did;
     // Make a claim
     const vcClaim = {
       "@context": "https://schema.org",
       "@type": "PlanAction",
-      identifier: address,
       name: this.projectName,
       description: this.description,
     };
@@ -149,7 +151,7 @@ export default class NewEditProjectView extends Vue {
 
       const payload = JSON.stringify({ jwtEncoded: vcJwt });
       const endorserApiServer = AppString.DEFAULT_ENDORSER_API_SERVER;
-      const url = endorserApiServer + "/api/claim";
+      const url = endorserApiServer + "/api/v2/claim";
       const token = await accessToken(identity);
       const headers = {
         "Content-Type": "application/json",
@@ -158,21 +160,37 @@ export default class NewEditProjectView extends Vue {
 
       try {
         const resp = await this.axios.post(url, payload, { headers });
-        useAppStore().setProjectId(resp.data);
-        setTimeout(
-          function (that: Vue) {
-            console.log("THAT:", localStorage.getItem("projectId"));
-            const route = {
-              name: "project",
-            };
-            console.log(route);
-            that.$router.push(route);
-          },
-          2000,
-          this
-        );
-      } catch (error) {
-        console.log(error);
+        console.log("Got resp data:", resp.data);
+        if (resp.data?.success?.fullIri) {
+          this.errorMessage = "";
+          useAppStore().setProjectId(resp.data.success.fullIri);
+          setTimeout(
+            function (that: Vue) {
+              console.log("THAT:", localStorage.getItem("projectId"));
+              const route = {
+                name: "project",
+              };
+              console.log(route);
+              that.$router.push(route);
+            },
+            2000,
+            this
+          );
+        }
+      } catch (error: any) {
+        let userMessage = "There was an error. See logs for more info.";
+        const serverError = error.response?.data?.error;
+        if (serverError) {
+          if (serverError.message) {
+            userMessage = serverError.message; // This is info for the user.
+          } else {
+            console.log("Server gave an error:", serverError);
+          }
+        } else {
+          console.log("Here's the full error trying to save the claim:", error);
+        }
+        // Now set that error for the user to see.
+        this.errorMessage = userMessage;
       }
     }
   }
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index bb2deb8..e102202 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -157,10 +157,7 @@ export default class ProjectViewView extends Vue {
   truncatedDesc = "";
   truncateLength = 40;
   timeSince = "";
-  projectId =
-    localStorage.getItem("projectId") === null
-      ? ""
-      : localStorage.getItem("projectId");
+  projectId = localStorage.getItem("projectId") || "";
 
   onEditClick() {
     localStorage.setItem("projectId", this.projectId as string);
@@ -181,7 +178,8 @@ export default class ProjectViewView extends Vue {
 
   async LoadProject(identity: IIdentifier) {
     const endorserApiServer = AppString.DEFAULT_ENDORSER_API_SERVER;
-    const url = endorserApiServer + "/api/claim/" + this.projectId;
+    const url =
+      endorserApiServer + "/api/plan/" + encodeURIComponent(this.projectId);
     const token = await accessToken(identity);
     const headers = {
       "Content-Type": "application/json",
@@ -192,13 +190,12 @@ export default class ProjectViewView extends Vue {
       const resp = await this.axios.get(url, { headers });
       console.log(resp.status, resp.data);
       if (resp.status === 200) {
-        const claim = resp.data.claim;
-        const issuedAt = resp.data.issuedAt;
-        const eventDate = new Date(issuedAt);
+        const startTime = resp.data.startTime;
+        const eventDate = new Date(startTime);
         const now = moment.now();
         this.timeSince = moment.utc(now).to(eventDate);
-        this.name = claim.name;
-        this.description = claim.description;
+        this.name = resp.data.name;
+        this.description = resp.data.description;
         this.truncatedDesc = this.description.slice(0, this.truncateLength);
       }
     } catch (error) {
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 5059df2..bf5637b 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -96,13 +96,14 @@ export default class ProjectsView extends Vue {
       const resp = await this.axios.get(url, { headers });
       if (resp.status === 200) {
         const claims = resp.data;
+        console.log("All claims:", claims);
         for (let i = 0; i < claims.length; i++) {
-          console.log(claims[i]);
           const claim = claims[i].claim;
           const data = {
             id: claims[i].id,
             name: claim.name,
             description: claim.description,
+            identifier: claim.identifier,
           };
           this.projects.push(data);
         }