Fix verifier package version used in verifier examples

examples/example-nextjs-passport-sdk-verifier/package.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@gitcoinco/passport-sdk-verifier": "^0.1.2",
+    "@gitcoinco/passport-sdk-verifier": "^0.2.1",
     "next": "12.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"

examples/example-nextjs-passport-sdk-verifier/yarn.lock

@@ -32,26 +32,26 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@gitcoinco/passport-sdk-reader@^0.1.2":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@gitcoinco/passport-sdk-reader/-/passport-sdk-reader-0.1.2.tgz#90cfd8fb94d7fe403c53df8c8c9eb4ff3bacb8db"
-  integrity sha512-gGmT/8PEPfQMl6GROAD/eFbq+cnvu2LxYGKoXmNn4v00fNewzdblWMxTR3RgnewTukIfmBozffev5d+ThXRidw==
-  dependencies:
-    "@gitcoinco/passport-sdk-types" "^0.1.2"
-    tulons "^0.0.6"
-
-"@gitcoinco/passport-sdk-types@^0.1.2":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@gitcoinco/passport-sdk-types/-/passport-sdk-types-0.1.2.tgz#19fe84deaa4774f9616580e95410eb80583bb161"
-  integrity sha512-iAyvw1r+ZwSU/+wkvU0hI+NlaDPne+wot31V4Ya4Nx3Ru47grqEQa8jcj+WalV1RFZLhIJ84CppqI+PRoch7+g==
-
-"@gitcoinco/passport-sdk-verifier@^0.1.2":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@gitcoinco/passport-sdk-verifier/-/passport-sdk-verifier-0.1.2.tgz#8f04121fea5b70045069bad422194b4d040e7dfe"
-  integrity sha512-VvIcnoQfV0Y4xhF3Ay9maUkuIbAZk4uaD0OQjXBJAnKZM1JtfWUqTo5OWHPb55CzKv1o4V14LGBpJOGqaQWHyg==
-  dependencies:
-    "@gitcoinco/passport-sdk-reader" "^0.1.2"
-    "@gitcoinco/passport-sdk-types" "^0.1.2"
+"@gitcoinco/passport-sdk-reader@^0.1.4":
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/@gitcoinco/passport-sdk-reader/-/passport-sdk-reader-0.1.4.tgz#875ee9cc421c6f93e97fcba6d530b5c1882ce71f"
+  integrity sha512-MRZ+p3ZdBz7/7U7/+3/LnwU4nXMeWGwPWakvPLTXL0ys74jmIrn0b1j2uh0D8EsdstoAnksbO9wEBRED40wHAg==
+  dependencies:
+    "@gitcoinco/passport-sdk-types" "^0.2.0"
+    tulons "^0.0.7"
+
+"@gitcoinco/passport-sdk-types@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@gitcoinco/passport-sdk-types/-/passport-sdk-types-0.2.0.tgz#51be289db9621c84c247fc5f05bcd46196bfe94d"
+  integrity sha512-qS7P4atgeAEfI6VlGcoXr10E6SsKAlHiPNfSyr25HJpnNomi7J0Yy6krscUPiPsn1eCKOFQeC8uDqTdiXXMGLw==
+
+"@gitcoinco/passport-sdk-verifier@^0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@gitcoinco/passport-sdk-verifier/-/passport-sdk-verifier-0.2.1.tgz#01bb32a47d97ebd55d634b59432c5226b4717ba9"
+  integrity sha512-Wf4EEPSbfzjsEgIyzFd978R6aufveN6cKj427fEuSTH5uM3hb6tJiHimX+4rOPs97wy1BGVyZB+1Uqoz4qoE1g==
+  dependencies:
+    "@gitcoinco/passport-sdk-reader" "^0.1.4"
+    "@gitcoinco/passport-sdk-types" "^0.2.0"
     "@spruceid/didkit-wasm" "^0.2.1"
 
 "@humanwhocodes/config-array@^0.9.2":
@@ -1695,10 +1695,10 @@ tsutils@^3.21.0:
   dependencies:
     tslib "^1.8.1"
 
-tulons@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/tulons/-/tulons-0.0.6.tgz#985ded0d1e3a8147654992ad666486ac1f4fa5e3"
-  integrity sha512-IFHKA9iNIR6evE9xmYR46BRTr05rAGrR/UMJ8bTmD7FY19kRm3gr7zTN/h9oDVumFiQ/ib9iJaT6dFAXaanMQw==
+tulons@^0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/tulons/-/tulons-0.0.7.tgz#31677402ab51dc51478d375f90df76ea2ca8cbb9"
+  integrity sha512-JyL9Vn4PPG2TTEJS35yqQgAMLd3IX9pFIlbiLmv47HuHTo2F3ihYg2yfMqde4hqGY1nGk77iJ/lvsTbAURJ8rg==
   dependencies:
     axios "^0.27.2"
 

examples/example-passport-sdk-verifier/package.json

@@ -8,14 +8,16 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@gitcoinco/passport-sdk-verifier": "^0.1.1",
+    "@gitcoinco/passport-sdk-verifier": "^0.2.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@vitejs/plugin-react": "^1.3.0",
-    "vite": "^2.9.9"
+    "vite": "^2.9.9",
+    "vite-plugin-top-level-await": "^1.1.1",
+    "vite-plugin-wasm": "^1"
   }
 }

examples/example-passport-sdk-verifier/src/App.jsx

@@ -1,20 +1,29 @@
 // @ts-ignore
-import react, { useState } from "react";
+import react, { useState , useEffect} from "react";
 // @ts-ignore
 import logo from "./GitcoinLogo.svg";
 import "./App.css";
 
-// --- sdk import
-import { PassportVerifier } from "@gitcoinco/passport-sdk-verifier";
+import * as wasmModule from '@gitcoinco/passport-sdk-verifier';
 
 function App() {
   const [addressInput, setAddressInput] = useState("");
   const [passport, setPassport] = useState({});
 
-  // override default ceramic node url. Default is the passport-iam prod ceramic node.
-  const verifier = new PassportVerifier(
-    "https://ceramic.staging.dpopp.gitcoin.co"
-  );
+  const [verifier, setVerifier] = useState();
+
+  useEffect(() => {
+    const initVerifier = async () => {
+      // Dynamically load @gitcoinco/passport-sdk-verifier
+      // const PassportVerifier = (await import("@gitcoinco/passport-sdk-verifier")).PassportVerifier;
+      const PassportVerifier = (await wasmModule).PassportVerifier;
+      setVerifier(new PassportVerifier("https://ceramic.passport-iam.gitcoin.co"));
+    };
+    initVerifier().then(() => {
+      console.log("Verifier inited :)");
+    });
+  }, []);
+
 
   const handleSubmit = (event) => {
     event.preventDefault();

examples/example-passport-sdk-verifier/vite.config.js

@@ -1,7 +1,15 @@
 import { defineConfig } from 'vite'
+import wasm from "vite-plugin-wasm";
 import react from '@vitejs/plugin-react'
+import topLevelAwait from "vite-plugin-top-level-await";
+
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()]
+  plugins: [
+    wasm({
+      filter: /.*\.wasm$/,
+    }),
+    topLevelAwait(),
+    react()]
 })