diff --git a/react/src/Verifier.js b/react/src/Verifier.js
index 4cae269..6132608 100644
--- a/react/src/Verifier.js
+++ b/react/src/Verifier.js
@@ -1,20 +1,21 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import CreatableSelect from 'react-select/creatable';
-import JournalParser from './JournalParser.js';
+import React, { useEffect, useMemo, useState } from "react";
+import CreatableSelect from "react-select/creatable";
+import JournalParser from "./JournalParser.js";
-const DEFAULT_REGISTRY = 'https://risc0.verify.eqtylab.io/registry.json';
-const DEFAULT_IPFS_GATEWAY = 'https://w3s.link';
+const DEFAULT_REGISTRY = "https://risc0.verify.eqtylab.io/registry.json";
+const DEFAULT_IPFS_GATEWAY = "https://w3s.link";
const cssPrefix = "risc-zero-verifier";
export const defaultText = {
verifyButtonLabel: "Verify",
restartButtonLabel: "Restart",
- instructions: "Upload a receipt file as JSON or binary (bincode format), or paste it as JSON into the form field.",
+ instructions:
+ "Upload a receipt file as JSON or binary (bincode format), or paste it as JSON into the form field.",
fieldLabels: {
guestCodeId: "Guest code id (hex value):",
receiptFile: "Receipt (bincode format binary file or JSON):",
- receiptJson: "Receipt JSON:"
+ receiptJson: "Receipt JSON:",
},
verificationResults: {
verified: "Receipt verified.",
@@ -22,32 +23,39 @@ export const defaultText = {
},
errors: {
guestCodeIdMissing: "Please enter a guest code id.",
- receiptFileMissing: "Please provide a receipt file."
- }
-}
+ receiptFileMissing: "Please provide a receipt file.",
+ },
+};
function Verifier({
text = defaultText,
instanceNumber = 0,
enableJournalParser = false,
registryUrl = DEFAULT_REGISTRY,
- ipfsGateway = DEFAULT_IPFS_GATEWAY
+ ipfsGateway = DEFAULT_IPFS_GATEWAY,
+ onStatus = (result) => {
+ console.log(result);
+ },
}) {
const [verifier, setVerifier] = useState(null);
useEffect(() => {
(async () => {
const wasmPackage = await import("@eqty/risc-zero-verifier");
- const verifier = await wasmPackage.default
+ const verifier = await wasmPackage.default;
setVerifier(verifier);
})();
}, []);
- const [guestCodeId, setGuestCodeId] = useState('');
- const [receiptBinary, setReceiptBinary] = useState('');
- const [receiptJson, setReceiptJson] = useState('');
+ const [guestCodeId, setGuestCodeId] = useState("");
+ const [receiptBinary, setReceiptBinary] = useState("");
+ const [receiptJson, setReceiptJson] = useState("");
const [verificationResult, setVerificationResult] = useState(undefined);
+ useEffect(() => {
+ onStatus(verificationResult);
+ }, [verificationResult]);
+
const receiptJournalBytes = useMemo(() => {
try {
const journal = JSON.parse(receiptJson).journal;
@@ -71,19 +79,16 @@ function Verifier({
})();
}, [registryUrl]);
- const parsers = useMemo(() =>
- registry ? registry.parsers : [],
- [registry]
- );
+ const parsers = useMemo(() => (registry ? registry.parsers : []), [registry]);
function verifyRiscZeroReceipt(guestCodeId, receiptJson) {
if (!guestCodeId) {
return {
result: false,
- error: text.errors.guestCodeIdMissing
+ error: text.errors.guestCodeIdMissing,
};
}
-
+
try {
if (receiptBinary) {
return verifier.verify_receipt_binary(guestCodeId, receiptBinary);
@@ -92,7 +97,7 @@ function Verifier({
} else {
return {
result: false,
- error: text.errors.receiptFileMissing
+ error: text.errors.receiptFileMissing,
};
}
} catch (error) {
@@ -136,7 +141,9 @@ function Verifier({
function guestCodeIdOptions() {
return parsers.map((parser) => ({
value: parser.guestCodeId,
- label: `${shortenGuestCodeId(parser.guestCodeId)} (${parser.profile.name} ${parser.profile.version})`
+ label: `${shortenGuestCodeId(parser.guestCodeId)} (${
+ parser.profile.name
+ } ${parser.profile.version})`,
}));
}
@@ -153,39 +160,77 @@ function Verifier({
{text.instructions}
{verifier && (
-
Receipts must be generated with risc0-zkvm rust crate version {verifier.get_risc0_version()}.
+
+ Receipts must be generated with risc0-zkvm rust crate
+ version {verifier.get_risc0_version()}.
+
)}
-
+
setGuestCodeId(option ? option.value : '')}
+ onChange={(option) => setGuestCodeId(option ? option.value : "")}
isDisabled={verificationResult !== undefined}
placeholder="Select or enter a guest code id..."
formatCreateLabel={(inputValue) => `Use "${inputValue}"`}
/>
+
-
-
+
+
- {verificationResult === undefined ?
-
- :
-
- }
+ {verificationResult === undefined ? (
+
+ ) : (
+
+ )}
{verificationResult && (
-
+
- {
- verificationResult.verified === true ? text.verificationResults.verified : `${text.verificationResults.notVerified} ${verificationResult.error}`
- }
+ {verificationResult.verified === true
+ ? text.verificationResults.verified
+ : `${text.verificationResults.notVerified} ${verificationResult.error}`}
{verificationResult.verified === true && enableJournalParser && (
)}
-
)}
-
+
RISC Zero Verifier
-
This is a verifier for RISC Zero zkVM execution receipts.
+
+ This is a verifier for{" "}
+ RISC Zero zkVM{" "}
+ execution receipts.
+
);
diff --git a/web/src/assets/fonts/TWKLausanne-300.woff2 b/web/src/assets/fonts/TWKLausanne-300.woff2
new file mode 100644
index 0000000..b1ab539
Binary files /dev/null and b/web/src/assets/fonts/TWKLausanne-300.woff2 differ
diff --git a/web/src/assets/fonts/TWKLausanne-550.woff2 b/web/src/assets/fonts/TWKLausanne-550.woff2
new file mode 100644
index 0000000..3a671c2
Binary files /dev/null and b/web/src/assets/fonts/TWKLausanne-550.woff2 differ
diff --git a/web/src/assets/fonts/ibm-plex-mono-latin-400-normal.woff2 b/web/src/assets/fonts/ibm-plex-mono-latin-400-normal.woff2
new file mode 100644
index 0000000..a6c77d6
Binary files /dev/null and b/web/src/assets/fonts/ibm-plex-mono-latin-400-normal.woff2 differ
diff --git a/yarn.lock b/yarn.lock
index 6cd6175..5955839 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2762,6 +2762,11 @@ class-utils@^0.3.5:
isobject "^3.0.0"
static-extend "^0.1.1"
+classnames@^2.5.1:
+ version "2.5.1"
+ resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
+ integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
+
clean-css@^5.2.2:
version "5.3.3"
resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd"