feat: Implementing Pluto Repositories

demos/browser/package.json

@@ -4,8 +4,7 @@
   "private": true,
   "dependencies": {
     "@atala/prism-wallet-sdk": "../..",
-    "@pluto-encrypted/database": "^1.2.14",
-    "@pluto-encrypted/inmemory": "^1.3.11",
+    "@pluto-encrypted/indexdb": "^1.12.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",

demos/browser/src/App.tsx

@@ -2,16 +2,16 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 /**
- * WARNING: This is an example using an encrypted inMemory storage.
+ * WARNING: This is an example using an encrypted indexDB storage.
  * Checkout Community maintained NPM package @pluto-encrypted/database for more DB wrappers.
  */
-import InMemory from "@pluto-encrypted/inmemory";
-import { Database } from "@pluto-encrypted/database";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import "./App.css";
 import * as jose from "jose";
 import { useAtom } from "jotai";
 import SDK from "@atala/prism-wallet-sdk";
+import IndexDB from "@pluto-encrypted/indexdb";
+
+import "./App.css";
 import { mnemonicsAtom } from "./state";
 import { trimString } from "./utils";
 import Spacer from "./Spacer";
@@ -362,7 +362,7 @@ const OOB: React.FC<{ agent: SDK.Agent, pluto: SDK.Domain.Pluto; }> = props => {
   </>;
 };
 
-const Agent: React.FC<{ pluto: SDK.Domain.Pluto }> = props => {
+const Agent: React.FC<{ pluto: SDK.Domain.Pluto; }> = props => {
   const [mediatorDID, setMediatorDID] = useState<string>(defaultMediatorDID);
 
   const sdk = useMemo(() => useSDK(SDK.Domain.DID.fromString(mediatorDID), props.pluto), [mediatorDID]);
@@ -388,8 +388,9 @@ const Agent: React.FC<{ pluto: SDK.Domain.Pluto }> = props => {
     if (requestPresentations.length) {
       for (const requestPresentation of requestPresentations) {
         const lastCredentials = await pluto.getAllCredentials();
-        const lastCredential = lastCredentials.at(-1);
+        const lastCredential = lastCredentials.at(0);
         const requestPresentationMessage = RequestPresentation.fromMessage(requestPresentation);
+
         try {
           if (lastCredential === undefined) throw new Error("last credential not found");
 
@@ -625,22 +626,14 @@ const Agent: React.FC<{ pluto: SDK.Domain.Pluto }> = props => {
 };
 
 
-function App() {
-  const [pluto, setPluto] = useState<SDK.Domain.Pluto>()
-
-  useEffect(() => {
-    if (!pluto) {
-      const defaultPassword = new Uint8Array(32).fill(1);
-      Database.createEncrypted(
-        {
-          name: `my-db`,
-          encryptionKey: defaultPassword,
-          storage: InMemory,
-        }
-      ).then((db) => setPluto(db as any))
-    }
-  }, [pluto, setPluto])
+const store = new SDK.Store({
+  name: "test",
+  storage: IndexDB,
+  password: Buffer.from("demoapp").toString("hex")
+});
+const pluto = new SDK.Pluto(store, apollo);
 
+function App() {
   return (
     <div className="App">
       <h1>Atala PRISM Wallet SDK Usage Examples</h1>

demos/browser/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -17,5 +21,7 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": ["src"]
-}
+  "include": [
+    "src"
+  ]
+}