github/tlsn-js
1
1
Fork 0
mirror of https://github.com/tlsnotary/tlsn-js.git synced 2026-04-02 03:00:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

WIP: improve text in React app

Browse Source
This commit is contained in:
Hendrik Eeckhaut
2024-04-06 22:44:37 +02:00
parent ec3be0d561
commit db0904988a
2 changed files with 25 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
interactive-demo/prover-ts/README.md
View File

@@ -12,4 +12,9 @@ To run your own websockify proxy **locally**, run:
git clone https://github.com/novnc/websockify && cd websockify
./docker/build.sh
docker run -it --rm -p 55688:80 novnc/websockify 80 swapi.dev:443
```
```
Run a local websocket proxy
cargo install wstcp
wstcp $(dig swapi.dev +short):443 --bind-addr 127.0.0.1:55688

62
interactive-demo/prover-ts/app.tsx
View File

@@ -11,47 +11,36 @@ root.render(<App />);
function App(): ReactElement {
const [processing, setProcessing] = useState(false);
const [result, setResult] = useState<{
time: number;
sent: string;
recv: string;
notaryUrl: string;
} | null>(null);
const [proof, setProof] = useState<Proof | null>(null);
const uri = "https://swapi.dev/api/people/1";
const id = "interactive-verifier-demo";
const [result, setResult] = useState<String | null>(null);
const onClick = useCallback(async () => {
setProcessing(true);
const p = await interactive_prove(
'ws://localhost:55688',
const result = await interactive_prove(
'wss://notary.pse.dev/proxy?token=swapi.dev', //'ws://localhost:55688',
'ws://localhost:9816',
uri,
id);
// setProof(p);
}, [setProof, setProcessing]);
"https://swapi.dev/api/people/1",
"interactive-verifier-demo");
setResult(result);
setProcessing(false);
useEffect(() => {
(async () => {
if (proof) {
const r = await verify(proof);
setResult(r);
setProcessing(false);
}
})();
}, [proof, setResult]);
}, [setResult, setProcessing]);
return (
<div>
<h1>TLSNotary interactive prover demo</h1>
<div>
Before clicking the start button, make sure the <i>interactive verifier</i> is running: <pre>cd interactive-demo/verifier; cargo run --release</pre>
</div>
<br />
<button onClick={!processing ? onClick : undefined} disabled={processing}>
Start demo
Start Prover
</button>
<br />
<div>
<b>Proof: </b>
{!processing && !proof ? (
<i>not started</i>
) : !proof ? (
{!processing && !result ? (
<i>not started yet</i>
) : !result ? (
<>
Proving data from swapi...
<Watch
@@ -68,23 +57,10 @@ function App(): ReactElement {
</>
) : (
<>
<details>
<summary>View Proof</summary>
<pre>{JSON.stringify(proof, null, 2)}</pre>
</details>
<pre>{JSON.stringify(result, null, 2)}</pre>
</>
)}
</div>
<div>
<b>Verification: </b>
{!proof ? (
<i>not started</i>
) : !result ? (
<i>verifying</i>
) : (
<pre>{JSON.stringify(result, null, 2)}</pre>
)}
</div>
</div>
);
}