build: Pin transitive dependencies for tlsn alpha.12 (#115)

* chore: update config options

* Alpha.12
---------

Co-authored-by: Hendrik Eeckhaut <hendrik@eeckhaut.org>

.github/workflows/ci.yaml

@@ -1,17 +1,10 @@
 name: ci
 
 on:
-  push:
   pull_request:
   release:
     types: [published]
 
-env:
-  LOCAL-NOTARY: true
-  LOCAL-WS: false
-  HEADLESS: true
-  PUPPETEER_SKIP_DOWNLOAD: true
-
 jobs:
   build-and-test:
     name: Build and test
@@ -19,12 +12,10 @@ jobs:
     env:
       RELEASE_MODE: 'dry-run' # dry-run by default, will be set to 'publish' for release builds
     services:
-        notary-server:
-          image: ghcr.io/tlsnotary/tlsn/notary-server:v0.1.0-alpha.9
-          env:
-            NOTARY_SERVER__TLS__ENABLED: false
-          ports:
-            - 7047:7047
+      notary-server:
+        image: ghcr.io/tlsnotary/tlsn/notary-server:v0.1.0-alpha.12
+        ports:
+          - 7047:7047
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -38,7 +29,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: 'npm'
 
       - name: Install stable nightly toolchain
@@ -62,18 +53,15 @@ jobs:
           
       - name: Build
         run: npm run build
-          
+
       - name: Lint
         run: npm run lint
-      
-      - name: Install Chrome
-        uses: browser-actions/setup-chrome@v1
-        id: setup-chrome
-        with:
-          chrome-version: 121.0.6167.85
 
-      - name: Set CHROME_PATH environment variable
-        run: echo "CHROME_PATH=${{ steps.setup-chrome.outputs['chrome-path'] }}" >> $GITHUB_ENV
+      - name: install wstcp
+        run: cargo install wstcp
+
+      - name: Install Chromium (Playwright)
+        run: npx playwright install --with-deps chromium
 
       - name: Test
         run: npm run test

.github/workflows/playwright.yml

@@ -0,0 +1,54 @@
+name: Tests demos
+on:
+  pull_request:
+jobs:
+  test:
+    timeout-minutes: 60
+    name: Tests demos
+    runs-on: ubuntu-latest
+    services:
+      notary-server:
+        image: ghcr.io/tlsnotary/tlsn/notary-server:v0.1.0-alpha.12
+        env:
+          NOTARY_SERVER__TLS__ENABLED: false
+        ports:
+          - 7047:7047
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: build tlsn-js
+      run: npm ci; npm run build
+    - name: install wstcp
+      run: cargo install wstcp
+    - name: Install Chromium (Playwright)
+      run: npx playwright install --with-deps chromium
+    - name: Test react demo
+      working-directory: demo/react-ts-webpack
+      continue-on-error: true
+      run: |
+        set -e
+        npm i
+        npm run test
+    - name: Test interactive verifier demo
+      continue-on-error: true
+      run: |
+        set -e
+        cd demo/interactive-demo/verifier-rs
+        cargo build --release
+        cd ../prover-ts
+        npm i
+        npm run test
+    - name: Test web-to-web p2p demo
+      working-directory: demo/react-ts-webpack
+      continue-on-error: true
+      run: |
+        set -e
+        npm run test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: '**/playwright-report/'
+        retention-days: 30

.gitignore

@@ -6,4 +6,10 @@ dev-build/
 test-build/
 ./demo/node_modules
 utils/tlsn
-.vscode
+.vscode
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
     "rust-analyzer.linkedProjects": [
-        "interactive-demo/verifier-rs/Cargo.toml",
-        "interactive-demo/prover-rs/Cargo.toml"
+        "demo/interactive-demo/verifier-rs/Cargo.toml",
+        "demo/interactive-demo/prover-rs/Cargo.toml"
     ],
 }

demo/interactive-demo/README.md

@@ -1,38 +1,59 @@
-# Test Rust Prover
+# Interactive Verifier Demo
 
-1. Start the verifier:
-```bash
-cd verifier-rs; cargo run --release
-```
-2. Run the prover:
-```bash
-cd prover-rs; cargo run --release
-```
+This demo shows how to use TLSNotary **without a notary**: a direct proof between a prover and a verifier, where the verifier checks both the TLS session and the revealed data.
 
-# Test Browser Prover
-1. Start the verifier:
-```bash
-cd verifier-rs; cargo run --release
-```
-2. Since a web browser doesn't have the ability to make TCP connection, we need to use a websocket proxy server to access <swapi.dev>.
-```bash
-cargo install wstcp
+There are two prover implementations:
+- **Rust**
+- **TypeScript** (browser)
+The verifier is implemented in Rust.
 
-wstcp --bind-addr 127.0.0.1:55688 swapi.dev:443
-```
-3. Run the prover
-    1. Build tlsn-js
+---
+
+## Interactive Verifier Demo with Rust Prover
+
+1. **Start the verifier:**
+    ```bash
+    cd verifier-rs
+    cargo run --release
+    ```
+2. **Run the prover:**
+    ```bash
+    cd prover-rs
+    cargo run --release
+    ```
+
+---
+
+## Interactive Verifier Demo with TypeScript Prover (Browser)
+
+1. **Start the verifier:**
+    ```bash
+    cd verifier-rs
+    cargo run --release
+    ```
+2. **Set up a websocket proxy for raw.githubusercontent.com**  
+   Browsers cannot make raw TCP connections, so a websocket proxy is required:
+    ```bash
+    cargo install wstcp
+    wstcp --bind-addr 127.0.0.1:55688 raw.githubusercontent.com:443
+    ```
+3. **Run the prover in the browser:**
+    1. **Build tlsn-js**
         ```bash
         cd ..
-        npm i
+        npm install
         npm run build
-        npm link
         ```
-    2. Build demo prover-ts
+    2. **Build and start the TypeScript prover demo**
         ```bash
         cd prover-ts
-        npm i
-        npm link
+        npm install
         npm run dev
         ```
-    3. Open <http://localhost:3456/> and click **Start Prover**
+    3. **Open the demo in your browser:**  
+       Go to [http://localhost:8080/](http://localhost:8080/) and click **Start Prover**.
+
+---
+
+**Tip:**  
+If you encounter issues, make sure all dependencies are installed and the websocket proxy is running before starting the browser demo.

demo/interactive-demo/prover-rs/Cargo.toml

@@ -8,23 +8,31 @@ async-tungstenite = { version = "0.25", features = ["tokio-runtime"] }
 futures = "0.3"
 http = "1.1"
 http-body-util = "0.1"
-hyper = {version = "1.1", features = ["client", "http1"]}
-hyper-util = {version = "0.1", features = ["full"]}
+hyper = { version = "1.1", features = ["client", "http1"] }
+hyper-util = { version = "0.1", features = ["full"] }
 regex = "1.10.3"
-tokio = {version = "1", features = [
+tokio = { version = "1", features = [
   "rt",
   "rt-multi-thread",
   "macros",
   "net",
   "io-std",
   "fs",
-]}
+] }
 tokio-util = { version = "0.7", features = ["compat"] }
 tracing = "0.1.40"
-tracing-subscriber = { version ="0.3.18", features = ["env-filter"] }
+tracing-subscriber = { version = "0.3.18", features = ["env-filter"] }
 uuid = { version = "1.4.1", features = ["v4", "fast-rng"] }
 ws_stream_tungstenite = { version = "0.13", features = ["tokio_io"] }
 
-tlsn-core = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.9", package = "tlsn-core" }
-tlsn-prover = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.9", package = "tlsn-prover" }
-tlsn-common = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.9", package = "tlsn-common" }
+tlsn-core = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.12", package = "tlsn-core" }
+tlsn-prover = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.12", package = "tlsn-prover" }
+tlsn-common = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.12", package = "tlsn-common" }
+spansy = { git = "https://github.com/tlsnotary/tlsn-utils", package = "spansy", branch = "dev" }
+rangeset = "0.2.0"
+
+# --- Transitive dependency pins (for TLSNotary alpha.12)---
+aes = "=0.9.0-rc.0"
+cipher = "=0.5.0-rc.0"
+crypto-common = "=0.2.0-rc.3"
+inout = "=0.2.0-rc.5"

demo/interactive-demo/prover-rs/README.md

@@ -2,7 +2,7 @@
 An implementation of the interactive prover in Rust.
 
 ## Running the prover
-1. Configure this prover setting via the global variables defined in [main.rs](./src/main.rs) — please ensure that the hardcoded `SERVER_URL` and `VERIFICATION_SESSION_ID` have the same values on the verifier side.
+1. Configure this prover setting via the global variables defined in [main.rs](./src/main.rs) — please ensure that the hardcoded `SERVER_URL` is the same on the verifier side.
 2. Start the prover by running the following in a terminal at the root of this crate.
 ```bash
 cargo run --release

demo/interactive-demo/prover-rs/src/main.rs

@@ -2,10 +2,15 @@ use async_tungstenite::{tokio::connect_async_with_config, tungstenite::protocol:
 use http_body_util::Empty;
 use hyper::{body::Bytes, Request, StatusCode, Uri};
 use hyper_util::rt::TokioIo;
-use regex::Regex;
+use rangeset::RangeSet;
+use spansy::{
+    http::parse_response,
+    json::{self},
+    Spanned,
+};
 use tlsn_common::config::ProtocolConfig;
-use tlsn_core::transcript::Idx;
-use tlsn_prover::{state::Prove, Prover, ProverConfig};
+use tlsn_core::ProveConfig;
+use tlsn_prover::{Prover, ProverConfig};
 use tokio::io::{AsyncRead, AsyncWrite};
 use tokio_util::compat::{FuturesAsyncReadCompatExt, TokioAsyncReadCompatExt};
 use tracing::{debug, info};
@@ -23,7 +28,7 @@ const MAX_RECV_DATA: usize = 1 << 14;
 
 const SECRET: &str = "TLSNotary's private key 🤡";
 /// Make sure the following url's domain is the same as SERVER_DOMAIN on the verifier side
-const SERVER_URL: &str = "https://swapi.dev/api/people/1";
+const SERVER_URL: &str = "https://raw.githubusercontent.com/tlsnotary/tlsn/refs/tags/v0.1.0-alpha.12/crates/server-fixture/server/src/data/1kb.json";
 
 #[tokio::main]
 async fn main() {
@@ -38,7 +43,7 @@ async fn main() {
 async fn run_prover(verifier_host: &str, verifier_port: u16, server_uri: &str) {
     info!("Sending websocket request...");
     let request = http::Request::builder()
-        .uri(format!("ws://{}:{}/verify", verifier_host, verifier_port,))
+        .uri(format!("ws://{verifier_host}:{verifier_port}/verify",))
         .header("Host", verifier_host)
         .header("Sec-WebSocket-Key", uuid::Uuid::new_v4().to_string())
         .header("Sec-WebSocket-Version", "13")
@@ -125,38 +130,51 @@ async fn prover<T: AsyncWrite + AsyncRead + Send + Unpin + 'static>(verifier_soc
     assert!(response.status() == StatusCode::OK);
 
     // Create proof for the Verifier.
-    let mut prover = prover_task.await.unwrap().unwrap().start_prove();
+    let mut prover = prover_task.await.unwrap().unwrap();
 
-    let idx_sent = redact_and_reveal_sent_data(&mut prover);
-    let idx_recv = redact_and_reveal_received_data(&mut prover);
+    let mut builder: tlsn_core::ProveConfigBuilder<'_> = ProveConfig::builder(prover.transcript());
 
-    // Reveal parts of the transcript
-    prover.prove_transcript(idx_sent, idx_recv).await.unwrap();
+    // Reveal the DNS name.
+    builder.server_identity();
 
-    // Finalize.
-    prover.finalize().await.unwrap()
+    let sent_rangeset = redact_and_reveal_sent_data(prover.transcript().sent());
+    let _ = builder.reveal_sent(&sent_rangeset);
+
+    let recv_rangeset = redact_and_reveal_received_data(prover.transcript().received());
+    let _ = builder.reveal_recv(&recv_rangeset);
+
+    let config = builder.build().unwrap();
+
+    prover.prove(&config).await.unwrap();
+    prover.close().await.unwrap();
 }
 
 /// Redacts and reveals received data to the verifier.
-fn redact_and_reveal_received_data(prover: &mut Prover<Prove>) -> Idx {
-    let recv_transcript = prover.transcript().received();
-    let recv_transcript_len = recv_transcript.len();
-
-    // Get the homeworld from the received data.
+fn redact_and_reveal_received_data(recv_transcript: &[u8]) -> RangeSet<usize> {
+    // Get the some information from the received data.
     let received_string = String::from_utf8(recv_transcript.to_vec()).unwrap();
     debug!("Received data: {}", received_string);
-    let re = Regex::new(r#""homeworld"\s?:\s?"(.*?)""#).unwrap();
-    let homeworld_match = re.captures(&received_string).unwrap().get(1).unwrap();
+    let resp = parse_response(recv_transcript).unwrap();
+    let body = resp.body.unwrap();
+    let mut json = json::parse_slice(body.as_bytes()).unwrap();
+    json.offset(body.content.span().indices().min().unwrap());
 
-    // Reveal everything except for the homeworld.
-    let start = homeworld_match.start();
-    let end = homeworld_match.end();
-    Idx::new([0..start, end..recv_transcript_len])
+    let name = json.get("information.name").expect("name field not found");
+
+    let street = json
+        .get("information.address.street")
+        .expect("street field not found");
+
+    let name_start = name.span().indices().min().unwrap() - 9; // 9 is the length of "name: "
+    let name_end = name.span().indices().max().unwrap() + 1; // include `"`
+    let street_start = street.span().indices().min().unwrap() - 11; // 11 is the length of "street: "
+    let street_end = street.span().indices().max().unwrap() + 1; // include `"`
+
+    [name_start..name_end + 1, street_start..street_end + 1].into()
 }
 
 /// Redacts and reveals sent data to the verifier.
-fn redact_and_reveal_sent_data(prover: &mut Prover<Prove>) -> Idx {
-    let sent_transcript = prover.transcript().sent();
+fn redact_and_reveal_sent_data(sent_transcript: &[u8]) -> RangeSet<usize> {
     let sent_transcript_len = sent_transcript.len();
 
     let sent_string: String = String::from_utf8(sent_transcript.to_vec()).unwrap();
@@ -165,8 +183,9 @@ fn redact_and_reveal_sent_data(prover: &mut Prover<Prove>) -> Idx {
     debug!("Send data: {}", sent_string);
 
     // Reveal everything except for the SECRET.
-    Idx::new([
+    [
         0..secret_start,
         secret_start + SECRET.len()..sent_transcript_len,
-    ])
+    ]
+    .into()
 }

demo/interactive-demo/prover-ts/.gitignore

@@ -1 +1,8 @@
 package-lock.json
+
+# Playwright
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

demo/interactive-demo/prover-ts/index.ejs

@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>React/Typescript Example</title>
+    <title>TLSNotary React TypeScript Demo</title>
 </head>
 
 <body>

demo/interactive-demo/prover-ts/package.json

@@ -4,7 +4,9 @@
   "description": "",
   "main": "webpack.js",
   "scripts": {
-    "dev": "webpack-dev-server --config webpack.js"
+    "dev": "webpack-dev-server --config webpack.js",
+    "start": "webpack serve --config webpack.js",
+    "test": "npx playwright test"
   },
   "author": "",
   "license": "ISC",

demo/interactive-demo/prover-ts/playwright.config.ts

@@ -0,0 +1,90 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './tests',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:8080',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    // },
+
+    // {
+    //   name: 'webkit',
+    //   use: { ...devices['Desktop Safari'] },
+    // },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: [
+    {
+      command: 'npm run start',
+      url: 'http://localhost:8080',
+      reuseExistingServer: !process.env.CI,
+    },
+    {
+      command: 'wstcp --bind-addr 127.0.0.1:55688 raw.githubusercontent.com:443',
+      reuseExistingServer: true,
+    },
+    {
+      command: 'cargo run --release',
+      cwd: '../verifier-rs',
+      reuseExistingServer: true,
+    }
+  ]
+});

demo/interactive-demo/prover-ts/src/app.tsx

@@ -6,7 +6,7 @@ import { Prover as TProver } from 'tlsn-js';
 import { type Method } from 'tlsn-wasm';
 import './app.scss';
 import { HTTPParser } from 'http-parser-js';
-import { Commit, mapStringToRange, subtractRanges } from 'tlsn-js';
+import { Reveal, mapStringToRange, subtractRanges } from 'tlsn-js';
 
 const { init, Prover }: any = Comlink.wrap(
   new Worker(new URL('./worker.ts', import.meta.url)),
@@ -17,8 +17,8 @@ const root = createRoot(container!);
 
 root.render(<App />);
 
-const serverUrl = 'https://swapi.dev/api/people/1';
-// let websocketProxyUrl = 'wss://notary.pse.dev/proxy';
+const serverUrl = 'https://raw.githubusercontent.com/tlsnotary/tlsn/refs/tags/v0.1.0-alpha.12/crates/server-fixture/server/src/data/1kb.json';
+// const websocketProxyUrl = `wss://notary.pse.dev/proxy`;
 const websocketProxyUrl = 'ws://localhost:55688';
 const verifierProxyUrl = 'ws://localhost:9816/verify';
 
@@ -44,7 +44,10 @@ function App(): ReactElement {
       console.time('setup');
       await init({ loggingLevel: 'Info' });
       console.log('Setting up Prover for', hostname);
-      prover = (await new Prover({ serverDns: hostname })) as TProver;
+      prover = (await new Prover({
+        serverDns: hostname,
+        maxRecvData: 2000
+      })) as TProver;
       console.log('Setting up Prover: 1/2');
       await prover.setup(verifierProxyUrl);
       console.log('Setting up Prover: done');
@@ -89,8 +92,10 @@ function App(): ReactElement {
 
       const body = JSON.parse(recvBody[0].toString());
 
+      console.log("test", body.information.address.street);
+
       console.time('reveal');
-      const reveal: Commit = {
+      const reveal: Reveal = {
         sent: subtractRanges(
           { start: 0, end: sent.length },
           mapStringToRange(
@@ -110,13 +115,13 @@ function App(): ReactElement {
               `${recvHeaders[14]}: ${recvHeaders[15]}`,
               `${recvHeaders[16]}: ${recvHeaders[17]}`,
               `${recvHeaders[18]}: ${recvHeaders[19]}`,
-              `"name":"${body.name}"`,
-              `"gender":"${body.gender}"`,
-              `"eye_color":"${body.eye_color}"`,
+              `"name": "${body.information.name}"`,
+              `"street": "${body.information.address.street}"`,
             ],
             Buffer.from(recv).toString('utf-8'),
           ),
         ],
+        server_identity: true,
       };
       console.log('Start reveal:', reveal);
       await prover.reveal(reveal);
@@ -203,7 +208,7 @@ function App(): ReactElement {
           <i className="text-gray-500">Not started yet</i>
         ) : !result ? (
           <div className="flex flex-col items-center justify-center">
-            <p className="text-gray-700 mb-2">Proving data from swapi...</p>
+            <p className="text-gray-700 mb-2">Proving data from GitHub...</p>
             <Watch
               visible={true}
               height="40"
@@ -220,7 +225,7 @@ function App(): ReactElement {
           </div>
         ) : (
           <div className="bg-gray-100 border border-gray-300 p-4 rounded-lg mt-4">
-            <pre className="text-left text-sm text-gray-800 whitespace-pre-wrap overflow-auto">
+            <pre data-testid="proof-data" className="text-left text-sm text-gray-800 whitespace-pre-wrap overflow-auto">
               {JSON.stringify(result, null, 2)}
             </pre>
           </div>

demo/interactive-demo/prover-ts/tests/demo-flow.spec.ts

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test';
+
+test('has title', async ({ page }) => {
+  await page.goto('/');
+  await expect(page).toHaveTitle(/TLSNotary/)
+});
+
+test('run demo', async ({ page }) => {
+  await page.goto('/');
+
+  // Click the get started link.
+  await page.getByRole('button', { name: 'Start Prover' }).click();
+
+  await expect(page.getByTestId('proof-data')).toContainText('Unredacted data successfully revealed to Verifier', { timeout: 60000 });
+
+});

demo/interactive-demo/verifier-rs/Cargo.toml

@@ -17,22 +17,28 @@ hyper = { version = "1.1", features = ["client", "http1", "server"] }
 hyper-util = { version = "0.1", features = ["full"] }
 serde = { version = "1.0.147", features = ["derive"] }
 sha1 = "0.10"
-tokio = {version = "1", features = [
+tokio = { version = "1", features = [
   "rt",
   "rt-multi-thread",
   "macros",
   "net",
   "io-std",
   "fs",
-]}
+] }
 tokio-util = { version = "0.7", features = ["compat"] }
 tower = { version = "0.4.12", features = ["make"] }
 tower-service = { version = "0.3" }
 tracing = "0.1.40"
-tracing-subscriber = { version ="0.3.18", features = ["env-filter"] }
+tracing-subscriber = { version = "0.3.18", features = ["env-filter"] }
 ws_stream_tungstenite = { version = "0.13", features = ["tokio_io"] }
 
-tlsn-core = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.9", package = "tlsn-core" }
-tlsn-verifier = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.9", package = "tlsn-verifier" }
-tlsn-common = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.9", package = "tlsn-common" }
+tlsn-core = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.12", package = "tlsn-core" }
+tlsn-verifier = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.12", package = "tlsn-verifier" }
+tlsn-common = { git = "https://github.com/tlsnotary/tlsn.git", tag = "v0.1.0-alpha.12", package = "tlsn-common" }
 tower-util = "0.3.1"
+
+# --- Transitive dependency pins (for TLSNotary alpha.12)---
+aes = "=0.9.0-rc.0"
+cipher = "=0.5.0-rc.0"
+crypto-common = "=0.2.0-rc.3"
+inout = "=0.2.0-rc.5"

demo/interactive-demo/verifier-rs/README.md

@@ -3,7 +3,7 @@
 An implementation of the interactive verifier server in Rust.
 
 ## Running the server
-1. Configure this server setting via the global variables defined in [main.rs](./src/main.rs) — please ensure that the hardcoded `SERVER_DOMAIN` and `VERIFICATION_SESSION_ID` have the same values on the prover side.
+1. Configure this server setting via the global variables defined in [main.rs](./src/main.rs) — please ensure that the hardcoded `SERVER_DOMAIN` has the same value on the prover side.
 2. Start the server by running the following in a terminal at the root of this crate.
 ```bash
 cargo run --release

demo/interactive-demo/verifier-rs/src/lib.rs

@@ -13,7 +13,8 @@ use std::{
     sync::Arc,
 };
 use tlsn_common::config::ProtocolConfigValidator;
-use tlsn_verifier::{SessionInfo, Verifier, VerifierConfig};
+use tlsn_core::{VerifierOutput, VerifyConfig};
+use tlsn_verifier::{Verifier, VerifierConfig};
 
 use tokio::{
     io::{AsyncRead, AsyncWrite},
@@ -44,7 +45,7 @@ pub async fn run_server(
 ) -> Result<(), eyre::ErrReport> {
     let verifier_address = SocketAddr::new(
         IpAddr::V4(verifier_host.parse().map_err(|err| {
-            eyre!("Failed to parse verifer host address from server config: {err}")
+            eyre!("Failed to parse verifier host address from server config: {err}")
         })?),
         verifier_port,
     );
@@ -105,10 +106,10 @@ async fn handle_socket(socket: WebSocket, verifier_globals: VerifierGlobals) {
     let stream = WsStream::new(socket.into_inner());
 
     match verifier(stream, &verifier_globals.server_domain).await {
-        Ok((sent, received, _session_info)) => {
+        Ok((sent, received)) => {
             info!("Successfully verified {}", &verifier_globals.server_domain);
             info!("Verified sent data:\n{}", sent,);
-            println!("Verified received data:\n{}", received,);
+            println!("Verified received data:\n{received}",);
         }
         Err(err) => {
             error!("Failed verification using websocket: {err}");
@@ -119,7 +120,7 @@ async fn handle_socket(socket: WebSocket, verifier_globals: VerifierGlobals) {
 async fn verifier<T: AsyncWrite + AsyncRead + Send + Unpin + 'static>(
     socket: T,
     server_domain: &str,
-) -> Result<(String, String, SessionInfo), eyre::ErrReport> {
+) -> Result<(String, String), eyre::ErrReport> {
     debug!("Starting verification...");
 
     // Setup Verifier.
@@ -135,15 +136,24 @@ async fn verifier<T: AsyncWrite + AsyncRead + Send + Unpin + 'static>(
         .unwrap();
     let verifier = Verifier::new(verifier_config);
 
-    // Verify MPC-TLS and wait for (redacted) data.
+    // Receive authenticated data.
     debug!("Starting MPC-TLS verification...");
-    // Verify MPC-TLS and wait for (redacted) data.
-    let (mut partial_transcript, session_info) = verifier.verify(socket.compat()).await.unwrap();
-    partial_transcript.set_unauthed(0);
+
+    let verify_config = VerifyConfig::default();
+    let VerifierOutput {
+        server_name,
+        transcript,
+        ..
+    } = verifier
+        .verify(socket.compat(), &verify_config)
+        .await
+        .unwrap();
+
+    let transcript = transcript.expect("prover should have revealed transcript data");
 
     // Check sent data: check host.
     debug!("Starting sent data verification...");
-    let sent = partial_transcript.sent_unsafe().to_vec();
+    let sent = transcript.sent_unsafe().to_vec();
     let sent_data = String::from_utf8(sent.clone()).expect("Verifier expected sent data");
     sent_data
         .find(server_domain)
@@ -151,21 +161,28 @@ async fn verifier<T: AsyncWrite + AsyncRead + Send + Unpin + 'static>(
 
     // Check received data: check json and version number.
     debug!("Starting received data verification...");
-    let received = partial_transcript.received_unsafe().to_vec();
+    let received = transcript.received_unsafe().to_vec();
     let response = String::from_utf8(received.clone()).expect("Verifier expected received data");
+
     debug!("Received data: {:?}", response);
     response
-        .find("eye_color")
-        .ok_or_else(|| eyre!("Verification failed: missing eye_color in received data"))?;
+        .find("123 Elm Street")
+        .ok_or_else(|| eyre!("Verification failed: missing data in received data"))?;
+
     // Check Session info: server name.
-    if session_info.server_name.as_str() != server_domain {
-        return Err(eyre!("Verification failed: server name mismatches"));
+    if let Some(server_name) = server_name {
+        if server_name.as_str() != server_domain {
+            return Err(eyre!("Verification failed: server name mismatches"));
+        }
+    } else {
+        // TODO: https://github.com/tlsnotary/tlsn-js/issues/110
+        // return Err(eyre!("Verification failed: server name is missing"));
     }
 
     let sent_string = bytes_to_redacted_string(&sent)?;
     let received_string = bytes_to_redacted_string(&received)?;
 
-    Ok((sent_string, received_string, session_info))
+    Ok((sent_string, received_string))
 }
 
 /// Render redacted bytes as `🙈`.

demo/interactive-demo/verifier-rs/src/main.rs

@@ -7,7 +7,7 @@ const VERIFIER_HOST: &str = "0.0.0.0";
 const VERIFIER_PORT: u16 = 9816;
 
 /// Make sure the following domain is the same in SERVER_URL on the prover side
-const SERVER_DOMAIN: &str = "swapi.dev";
+const SERVER_DOMAIN: &str = "raw.githubusercontent.com";
 
 #[tokio::main]
 async fn main() -> Result<(), eyre::ErrReport> {

demo/react-ts-webpack/.gitignore

@@ -1 +1,8 @@
 package-lock.json
+
+# Playwright
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

demo/react-ts-webpack/README.md

@@ -0,0 +1,78 @@
+# TLSNotary in React/TypeScript with `tlsn-js`
+
+This demo shows how to use TLSNotary with a delegated verifier, also known as a **notary**.  
+In this demo, we request JSON data from a GitHub page, use `tlsn-js` to notarize the TLS request with TLSNotary, and display the attestation and revealed data.
+
+> **Note:**  
+> This demo uses TLSNotary to notarize **public** data for simplicity. In real-world applications, TLSNotary is especially valuable for notarizing private and sensitive data.
+
+---
+
+## Setup
+
+Before running the demo, you need to start a local notary server and a websocket proxy. If you prefer to use the hosted test servers from PSE, see the section below.
+
+### Websocket Proxy
+
+Browsers cannot make raw TCP connections, so a websocket proxy server is required.
+
+1. **Install [wstcp](https://github.com/sile/wstcp):**
+    ```sh
+    cargo install wstcp
+    ```
+2. **Run a websocket proxy for `https://raw.githubusercontent.com`:**
+    ```sh
+    wstcp --bind-addr 127.0.0.1:55688 raw.githubusercontent.com:443
+    ```
+   > Note: The `raw.githubusercontent.com:443` argument specifies the server used in this quick start.
+
+### Run a Local Notary Server
+
+You also need to run a local notary server for this demo.
+
+- **Using Git and Rust Cargo:**
+    ```sh
+    git clone https://github.com/tlsnotary/tlsn.git
+    cargo run --release --bin notary-server
+    ```
+- **Using Docker (from the root of the tlsn-js repo):**
+    ```sh
+    npm run notary
+    ```
+
+The notary server will now be running in the background, waiting for connections.
+
+---
+
+### Use the PSE Web Proxy and Notary
+
+If you want to use the hosted PSE notary and proxy:
+
+1. Open `app.tsx` in your editor.
+2. Replace the notary URL:
+    ```ts
+    notaryUrl: 'https://notary.pse.dev/v0.1.0-alpha.11',
+    ```
+    This uses the [PSE](https://pse.dev) notary server to notarize the API request. You can use a different or [local notary](#run-a-local-notary-server); a local server will be faster due to the high bandwidth and low network latency.
+3. Replace the websocket proxy URL:
+    ```ts
+    websocketProxyUrl: 'wss://notary.pse.dev/proxy?token=raw.githubusercontent.com',
+    ```
+    This uses a proxy hosted by [PSE](https://pse.dev). You can use a different or local proxy if you prefer.
+
+---
+
+## Run the Demo
+
+1. **Install dependencies:**
+    ```sh
+    npm i
+    ```
+2. **Start the Webpack Dev Server:**
+    ```sh
+    npm run dev
+    ```
+3. **Open the demo in your browser:**  
+   Go to [http://localhost:8080](http://localhost:8080)
+4. **Click the "Start demo" button**
+5. **Open Developer Tools** and monitor the console logs

demo/react-ts-webpack/index.ejs

@@ -4,13 +4,13 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>React/Typescrip Example</title>
+    <title>TLSNotary React TypeScript Demo</title>
 </head>
 
 <body>
-<script>
-</script>
-<div id="root"></div>
+    <script>
+    </script>
+    <div id="root"></div>
 </body>
 
 </html>

demo/react-ts-webpack/package.json

@@ -5,16 +5,18 @@
   "main": "webpack.js",
   "scripts": {
     "dev": "webpack-dev-server --config webpack.js",
-    "build": "webpack --config webpack.js"
+    "build": "webpack --config webpack.js",
+    "start": "webpack serve --config webpack.js",
+    "test": "npx playwright test"
   },
   "author": "",
   "license": "ISC",
   "dependencies": {
     "comlink": "^4.4.1",
     "css-loader": "^7.1.2",
+    "http-parser-js": "^0.5.9",
     "postcss": "^8.4.49",
     "postcss-loader": "^8.1.1",
-    "http-parser-js": "^0.5.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-loader-spinner": "^6.1.6",
@@ -25,6 +27,8 @@
     "tlsn-js": "../../"
   },
   "devDependencies": {
+    "@playwright/test": "^1.52.0",
+    "@types/node": "^22.15.18",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
     "babel-loader": "^9.1.3",
@@ -41,4 +45,4 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   }
-}
+}

demo/react-ts-webpack/playwright.config.ts

@@ -0,0 +1,85 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './tests',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:8080',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    // },
+
+    // {
+    //   name: 'webkit',
+    //   use: { ...devices['Desktop Safari'] },
+    // },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: [
+    {
+      command: 'npm run start',
+      url: 'http://localhost:8080',
+      reuseExistingServer: !process.env.CI,
+    },
+    {
+      command: 'wstcp --bind-addr 127.0.0.1:55688 raw.githubusercontent.com:443',
+      reuseExistingServer: true,
+    }
+  ]
+});

demo/react-ts-webpack/src/app.tsx

@@ -26,14 +26,14 @@ root.render(<App />);
 const local = true; // Toggle between local and remote notary
 const notaryUrl = local
   ? 'http://localhost:7047'
-  : 'https://notary.pse.dev/v0.1.0-alpha.9';
+  : 'https://notary.pse.dev/v0.1.0-alpha.12';
 const websocketProxyUrl = local
   ? 'ws://localhost:55688'
-  : 'wss://notary.pse.dev/proxy?token=swapi.dev';
+  : 'wss://notary.pse.dev/proxy?token=raw.githubusercontent.com';
 const loggingLevel = 'Info'; // https://github.com/tlsnotary/tlsn/blob/main/crates/wasm/src/log.rs#L8
 
-const serverUrl = 'https://swapi.dev/api/people/1';
-const serverDns = 'swapi.dev';
+const serverUrl = 'https://raw.githubusercontent.com/tlsnotary/tlsn/refs/tags/v0.1.0-alpha.12/crates/server-fixture/server/src/data/1kb.json';
+const serverDns = 'raw.githubusercontent.com';
 
 function App(): ReactElement {
   const [initialized, setInitialized] = useState(false);
@@ -111,8 +111,8 @@ function App(): ReactElement {
             `${recvHeaders[14]}: ${recvHeaders[15]}`,
             `${recvHeaders[16]}: ${recvHeaders[17]}`,
             `${recvHeaders[18]}: ${recvHeaders[19]}`,
-            `"name":"${body.name}"`,
-            `"gender":"${body.gender}"`,
+            `"name": "${body.information.name}"`,
+            `"street": "${body.information.address.street}"`,
           ],
           Buffer.from(recv).toString('utf-8'),
         ),
@@ -127,7 +127,7 @@ function App(): ReactElement {
       secretsHex: notarizationOutputs.secrets,
       notaryUrl: notarizationOutputs.notaryUrl,
       websocketProxyUrl: notarizationOutputs.websocketProxyUrl,
-      reveal: commit,
+      reveal: { ...commit, server_identity: false },
     })) as TPresentation;
 
     console.log(await presentation.serialize());
@@ -140,6 +140,7 @@ function App(): ReactElement {
     const proof = await (Prover.notarize as typeof TProver.notarize)({
       notaryUrl: notaryUrl,
       websocketProxyUrl: websocketProxyUrl,
+      maxRecvData: 2048,
       url: serverUrl,
       method: 'GET',
       headers: {
@@ -169,8 +170,8 @@ function App(): ReactElement {
         const notaryKey = await notary.publicKey('hex');
         const verifierOutput = await proof.verify();
         const transcript = new Transcript({
-          sent: verifierOutput.transcript.sent,
-          recv: verifierOutput.transcript.recv,
+          sent: verifierOutput.transcript?.sent || [],
+          recv: verifierOutput.transcript?.recv || [],
         });
         const vk = await proof.verifyingKey();
         setResult({
@@ -200,7 +201,7 @@ function App(): ReactElement {
         </p>
         <p>
           <a
-            href="https://docs.tlsnotary.org/quick_start/tlsn-js.html"
+            href="https://tlsnotary.org/docs/quick_start/tlsn-js/"
             className="text-blue-500 hover:underline"
           >
             More info
@@ -240,7 +241,7 @@ function App(): ReactElement {
             onClick={!processing ? onClick : undefined}
             disabled={processing || !initialized}
             className={`px-4 py-2 rounded-md text-white shadow-md font-semibold
-          ${processing || !initialized ? 'bg-slate-400 cursor-not-allowed' : 'bg-slate-600 hover:bg-slate-700'}`}
+        ${processing || !initialized ? 'bg-slate-400 cursor-not-allowed' : 'bg-slate-600 hover:bg-slate-700'}`}
           >
             Start Demo (Normal config)
           </button>
@@ -248,7 +249,7 @@ function App(): ReactElement {
             onClick={!processing ? onAltClick : undefined}
             disabled={processing || !initialized}
             className={`px-4 py-2 rounded-md text-white shadow-md font-semibold
-          ${processing || !initialized ? 'bg-slate-400 cursor-not-allowed' : 'bg-slate-600 hover:bg-slate-700'}`}
+        ${processing || !initialized ? 'bg-slate-400 cursor-not-allowed' : 'bg-slate-600 hover:bg-slate-700'}`}
           >
             Start Demo 2 (With helper method)
           </button>
@@ -268,7 +269,7 @@ function App(): ReactElement {
           />
         </div>
       )}
-      <div className="flex flex-col sm:flex-row gap-6 w-full max-w-4xl">
+      <div className="flex flex-col gap-6 w-full max-w-4xl">
         <div className="flex-1 bg-slate-50 border border-slate-200 rounded p-4">
           <b className="text-slate-600">Proof: </b>
           {!processing && !presentationJSON ? (
@@ -285,7 +286,10 @@ function App(): ReactElement {
               <summary className="cursor-pointer text-slate-600">
                 View Proof
               </summary>
-              <pre className="mt-2 p-2 bg-slate-100 rounded text-sm text-slate-800">
+              <pre data-testid="proof-data"
+                className="mt-2 p-2 bg-slate-100 rounded text-sm text-slate-800 overflow-auto"
+                style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-all' }}
+              >
                 {JSON.stringify(presentationJSON, null, 2)}
               </pre>
             </details>
@@ -298,7 +302,10 @@ function App(): ReactElement {
           ) : !result ? (
             <i className="text-slate-500">verifying</i>
           ) : (
-            <pre className="mt-2 p-2 bg-slate-100 rounded text-sm text-slate-800">
+            <pre data-testid="verify-data"
+              className="mt-2 p-2 bg-slate-100 rounded text-sm text-slate-800 overflow-auto"
+              style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-all' }}
+            >
               {JSON.stringify(result, null, 2)}
             </pre>
           )}

demo/react-ts-webpack/tests/demo-flow.spec.ts

@@ -0,0 +1,36 @@
+import { test, expect } from '@playwright/test';
+
+test('has title', async ({ page }) => {
+  await page.goto('/');
+  await expect(page).toHaveTitle(/TLSNotary React TypeScript Demo/)
+});
+
+test('run demo (normal)', async ({ page }) => {
+  test.setTimeout(60000);
+  await page.goto('/');
+
+  // Click the get started link.
+  await page.getByRole('button', { name: 'Start Demo (Normal config)' }).click();
+
+  await expect(page.getByTestId('proof-data')).toContainText('"data":', { timeout: 60000 });
+
+  let verify_data = await page.getByTestId('verify-data').innerText();
+  expect(verify_data).toContain('"serverName": "raw.githubusercontent.com"');
+  expect(verify_data).toContain('John Doe');
+});
+
+test('run demo (helper)', async ({ page }) => {
+  test.setTimeout(60000);
+  await page.goto('/');
+
+  // Click the get started link.
+  await page.getByRole('button', { name: 'Start Demo 2 (With helper method)' }).click();
+
+  await expect(page.getByTestId('proof-data')).toContainText('"data":', { timeout: 60000 });
+
+  // await page.screenshot({ path: 'screenshot.png', fullPage: true });
+
+  let verify_data = await page.getByTestId('verify-data').innerText();
+  expect(verify_data).toContain('"serverName": "raw.githubusercontent.com"');
+  expect(verify_data).toContain('"recv"');
+});

demo/web-to-web-p2p/.gitignore

@@ -1 +1,8 @@
 package-lock.json
+
+# Playwright
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

demo/web-to-web-p2p/README.md

@@ -1,7 +1,7 @@
 # Web-to-Web P2P Demo
 
 This project demonstrates a peer-to-peer (P2P) communication between two web clients using TLSNotary.
-The web prover will get data from <https://swapi.dev> and prove it to the web verifier.
+The web prover will get data from <https://raw.githubusercontent.com> and prove it to the web verifier.
 
 In this demo, the two web clients run in the same browser page (`./src/app.tsx`) and communicate via a simple websocket server (`./server/index.js`)
 
@@ -12,7 +12,7 @@ In this demo, the two web clients run in the same browser page (`./src/app.tsx`)
     npm i
     npm run dev
 ```
-2. Open <http://localhost:3456/>
+2. Open <http://localhost:8080/>
 3. Click the **Start Demo** button
 
 The Prover window logs the Prover's output, the Verifier logs the Verifier's output. In the console view you can see the websocket log.

demo/web-to-web-p2p/index.ejs

@@ -4,13 +4,13 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>React/Typescrip Example</title>
+    <title>Web-to-Web P2P Demo</title>
 </head>
 
 <body>
-<script>
-</script>
-<div id="root"></div>
+    <script>
+    </script>
+    <div id="root"></div>
 </body>
 
 </html>

demo/web-to-web-p2p/package.json

@@ -7,7 +7,9 @@
     "dev:server": "node ./server/index.js",
     "dev:ui": "webpack-dev-server --config webpack.js",
     "dev": "concurrently npm:dev:ui npm:dev:server",
-    "build": "webpack --config webpack.js"
+    "build": "webpack --config webpack.js",
+    "start:ui": "webpack serve --config webpack.js",
+    "test": "npm run build && npx playwright test"
   },
   "author": "",
   "license": "ISC",
@@ -45,4 +47,4 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   }
-}
+}

demo/web-to-web-p2p/playwright.config.ts

@@ -0,0 +1,90 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './tests',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:8080',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    // },
+
+    // {
+    //   name: 'webkit',
+    //   use: { ...devices['Desktop Safari'] },
+    // },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: [
+    {
+      command: 'npm run start:ui',
+      url: 'http://localhost:8080',
+      reuseExistingServer: !process.env.CI,
+    },
+    {
+      command: 'wstcp --bind-addr 127.0.0.1:55688 raw.githubusercontent.com:443',
+      reuseExistingServer: true,
+    },
+    {
+      command: 'node ./server/index.js',
+      port: 3001,
+      reuseExistingServer: !process.env.CI,
+    }
+  ]
+});

demo/web-to-web-p2p/src/app.tsx

@@ -27,9 +27,9 @@ let proverLogs: string[] = [];
 let verifierLogs: string[] = [];
 
 const p2pProxyUrl = 'ws://localhost:3001';
-const serverDns = 'swapi.dev';
+const serverDns = 'raw.githubusercontent.com';
 const webSocketProxy = `wss://notary.pse.dev/proxy?token=${serverDns}`;
-const requestUrl = `https://swapi.dev/api/people/1`;
+const requestUrl = `https://raw.githubusercontent.com/tlsnotary/tlsn/refs/tags/v0.1.0-alpha.12/crates/server-fixture/server/src/data/1kb.json`;
 
 function App(): ReactElement {
   const [ready, setReady] = useState(false);
@@ -40,7 +40,7 @@ function App(): ReactElement {
   // Initialize TLSNotary
   useEffect(() => {
     (async () => {
-      await init({ loggingLevel: 'Debug' });
+      await init({ loggingLevel: 'Info' });
       setReady(true);
     })();
   }, []);
@@ -96,11 +96,14 @@ function App(): ReactElement {
     addProverLog('Instantiate Prover class');
     const prover: TProver = await new Prover({
       serverDns: serverDns,
+      maxRecvData: 2000
     });
     addProverLog('Prover class instantiated');
 
     addVerifierLog('Instantiate Verifier class');
-    const verifier: TVerifier = await new Verifier({});
+    const verifier: TVerifier = await new Verifier({
+      maxRecvData: 2000
+    });
     addVerifierLog('Verifier class instantiated');
 
     addVerifierLog('Connect verifier to p2p proxy');
@@ -190,22 +193,22 @@ function App(): ReactElement {
             `${recvHeaders[14]}: ${recvHeaders[15]}`,
             `${recvHeaders[16]}: ${recvHeaders[17]}`,
             `${recvHeaders[18]}: ${recvHeaders[19]}`,
-            `"name":"${body.name}"`,
-            `"gender":"${body.gender}"`,
+            `"name": "${body.information.name}"`,
+            `"street": "${body.information.address.street}"`,
           ],
           Buffer.from(recv).toString('utf-8'),
         ),
       ],
     };
-    await prover.reveal(commit);
+    await prover.reveal({ ...commit, server_identity: false });
     addProverLog('Data revealed to verifier');
 
     const result = await verified;
     addVerifierLog('Verification completed');
 
     const t = new Transcript({
-      sent: result.transcript.sent,
-      recv: result.transcript.recv,
+      sent: result.transcript?.sent || [],
+      recv: result.transcript?.recv || [],
     });
 
     addVerifierLog('Verified data:');
@@ -222,12 +225,12 @@ function App(): ReactElement {
           This demo showcases peer-to-peer communication between a web prover
           and a web verifier using TLSNotary. The prover fetches data from{' '}
           <a
-            href="https://swapi.dev"
+            href="https://raw.githubusercontent.com/tlsnotary/tlsn/refs/tags/v0.1.0-alpha.12/crates/server-fixture/server/src/data/1kb.json"
             target="_blank"
             rel="noopener noreferrer"
             className="underline text-blue-400 hover:text-blue-300"
           >
-            swapi.dev
+            our GitHub repository
           </a>{' '}
           and proves it to the verifier.
         </p>
@@ -240,7 +243,8 @@ function App(): ReactElement {
             {proverMessages.map((m, index) => (
               <span
                 key={index}
-                className="px-3 py-1 text-slate-600 break-words"
+                data-testid="prover-data"
+                className="px-3 py-1 text-slate-600 break-all"
               >
                 {m}
               </span>
@@ -254,7 +258,8 @@ function App(): ReactElement {
             {verifierMessages.map((m, index) => (
               <span
                 key={index}
-                className="px-3 py-1 text-slate-600 break-words"
+                data-testid="verifier-data"
+                className="px-3 py-1 text-slate-600 break-all"
               >
                 {m}
               </span>
@@ -268,7 +273,7 @@ function App(): ReactElement {
             disabled={!ready || started}
             onClick={start}
           >
-            <div className="flex items-center">
+            <div data-testid="start" className="flex items-center">
               {ready && !started ? (
                 <>Start Demo</>
               ) : (

demo/web-to-web-p2p/tests/demo-flow.spec.ts

@@ -0,0 +1,24 @@
+import { test, expect } from '@playwright/test';
+
+test('has title', async ({ page }) => {
+  await page.goto('/');
+  await expect(page).toHaveTitle(/Web-to-Web P2P Demo/)
+});
+
+test('run web-to-web p2p demo', async ({ page }) => {
+  await page.goto('/');
+
+  await page.getByTestId('start').click();
+
+  await expect(page.getByTestId('start')).toContainText('Start Demo', { timeout: 60000 });
+
+  const proverMessages = await page.getByTestId('prover-data').allTextContents();
+  expect(proverMessages.some(text => text.includes('Transcript received'))).toBe(true);
+  // console.log('Verifier Messages:', proverMessages);
+  expect(proverMessages.some(text => text.includes('"name": "John Doe",'))).toBe(true);
+  expect(proverMessages.some(text => text.includes('"address": {'))).toBe(true);
+
+  const verifierMessages = await page.getByTestId('verifier-data').allTextContents();
+  expect(verifierMessages.some(text => text.includes('Verification completed'))).toBe(true);
+  expect(verifierMessages.some(text => text.includes('***"name": "John Doe"*************************"street": "123 Elm Street"***'))).toBe(true);
+});

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tlsn-js",
-  "version": "0.1.0-alpha.9.1",
+  "version": "0.1.0-alpha.12.0",
   "description": "",
   "repository": "https://github.com/tlsnotary/tlsn-js",
   "main": "build/lib.js",
@@ -16,20 +16,19 @@
     "build:src": "webpack --config webpack.build.config.js",
     "build:types": "tsc --project tsconfig.compile.json",
     "build:lib": "NODE_ENV=production concurrently npm:build:src npm:build:types",
-    "build:wasm": "sh tlsn-wasm/build.sh v0.1.0-alpha.9",
+    "build:wasm": "sh tlsn-wasm/build.sh v0.1.0-alpha.12",
     "build": "npm run build:lib",
     "watch:dev": "webpack --config webpack.web.dev.config.js --watch",
     "dev": "concurrently npm:watch:dev npm:serve:test",
     "lint:eslint": "eslint . --fix",
     "lint:tsc": "tsc --noEmit",
     "lint": "concurrently npm:lint:tsc npm:lint:eslint",
-    "run:spec": "TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' mocha -r ts-node/register 'test/specs/*.ts'",
-    "run:e2e": "TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\"}' mocha -r ts-node/register 'test/testRunner.ts'",
-    "test": "npm run build:test && npm run run:e2e",
-    "notary": "docker run --platform=linux/amd64 -p 7047:7047 --rm ghcr.io/tlsnotary/tlsn/notary-server:v0.1.0-alpha.9 notary-server --tls-enabled=false"
+    "test": "playwright test",
+    "notary": "docker run --platform=linux/amd64 -p 7047:7047 --rm ghcr.io/tlsnotary/tlsn/notary-server:v0.1.0-alpha.12"
   },
   "devDependencies": {
-    "@types/mocha": "^10.0.6",
+    "@playwright/test": "^1.52.0",
+    "@types/node": "^22.15.18",
     "@types/serve-handler": "^6.1.4",
     "browserify": "^17.0.0",
     "buffer": "^6.0.3",
@@ -43,20 +42,17 @@
     "eslint-plugin-prettier": "^5.0.0",
     "file-loader": "^5.0.2",
     "html-webpack-plugin": "~5.3.2",
-    "https-browserify": "^1.0.0",
     "http-parser-js": "^0.5.9",
+    "https-browserify": "^1.0.0",
     "image-webpack-loader": "^6.0.0",
     "js-yaml": "^4.1.0",
-    "mocha": "^10.2.0",
     "node-loader": "^0.6.0",
     "prettier": "^3.0.2",
     "process": "^0.11.10",
-    "puppeteer": "^24.1.0",
     "serve": "14.2.1",
     "serve-handler": "^6.1.5",
     "stream-browserify": "^3.0.0",
     "ts-loader": "^6.2.1",
-    "ts-mocha": "^10.0.0",
     "ts-node": "^10.9.2",
     "typescript": "^4.9.5",
     "typescript-eslint": "^7.4.0",
@@ -71,6 +67,6 @@
     "node": ">= 16.20.2"
   },
   "dependencies": {
-    "tlsn-wasm": "0.1.0-alpha.9"
+    "tlsn-wasm": "0.1.0-alpha.12"
   }
 }

playwright-test/full-integration.spec.ts

@@ -0,0 +1,26 @@
+import { test, expect } from '@playwright/test';
+
+test('full-integration', async ({ page }) => {
+  // log browser console messages
+  page.on('console', (msg) => {
+    console.log(`[BROWSER ${msg.type().toUpperCase()}] ${msg.text()}`);
+  });
+
+  await page.goto('/full-integration');
+
+  await expect(page.getByTestId('full-integration')).toHaveText(/\{.*\}/s, { timeout: 60000 });
+
+  const json = await page.getByTestId('full-integration').innerText();
+  const { sent, recv, server_name, version, meta } = JSON.parse(json);
+
+  expect(version).toBe('0.1.0-alpha.12');
+  expect(new URL(meta.notaryUrl!).protocol === 'http:');
+  expect(server_name).toBe('raw.githubusercontent.com');
+
+  expect(sent).toContain('host: raw.githubusercontent.com');
+  expect(sent).not.toContain('secret: test_secret');
+  expect(recv).toContain('"id": 1234567890');
+  expect(recv).toContain('"city": "Anytown"');
+  expect(recv).toContain('"postalCode": "12345"');
+
+});

playwright-test/simple-verify.spec.ts

@@ -0,0 +1,21 @@
+import { test, expect } from '@playwright/test';
+
+test('simple verify', async ({ page }) => {
+  // log browser console messages
+  page.on('console', (msg) => {
+    console.log(`[BROWSER ${msg.type().toUpperCase()}] ${msg.text()}`);
+  });
+
+  await page.goto('/simple-verify');
+
+  await expect(page.getByTestId('simple-verify')).toHaveText(/\{.*\}/s);
+
+  const json = await page.getByTestId('simple-verify').innerText();
+  const { sent, recv } = JSON.parse(json);
+
+  expect(sent).toContain('host: raw.githubusercontent.com');
+  expect(recv).toContain('*******************');
+  expect(recv).toContain('"city": "Anytown"');
+  expect(recv).toContain('"id": 1234567890');
+  expect(recv).toContain('"postalCode": "12345"');
+});

playwright.config.ts

@@ -0,0 +1,85 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './playwright-test',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:3001',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    // },
+
+    // {
+    //   name: 'webkit',
+    //   use: { ...devices['Desktop Safari'] },
+    // },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: [
+    {
+      command: 'npm run build:test && npm run serve:test',
+      url: 'http://localhost:3001',
+      reuseExistingServer: !process.env.CI,
+    },
+    {
+      command: 'wstcp --bind-addr 127.0.0.1:55688 raw.githubusercontent.com:443',
+      reuseExistingServer: true,
+    },
+  ]
+});

quickstart.md

@@ -8,22 +8,22 @@ There is a simple react/typescript demo app in `./demo/react-ts-webpack`. The di
 
 Since a web browser doesn't have the ability to make TCP connection, we need to use a websocket proxy server.
 
-To run your own websocket proxy for `https://swapi.dev` **locally**:
+To run your own websocket proxy for `https://raw.githubusercontent.com` **locally**:
 
-1. Install [websocat](https://github.com/vi/websocat):
+1. Install [wstcp](https://github.com/sile/wstcp):
 
-    | tool   | command                        |
-    | ------ | ------------------------------ |
-    | cargo  | `cargo install websocat`       |
-    | brew   | `brew install websocat`        |
-    | source | https://github.com/vi/websocat |
+    | Tool   | Command                       |
+    | ------ | ----------------------------- |
+    | cargo  | `cargo install wstcp`         |
+    | brew   | `brew install wstcp`          |
+    | source | https://github.com/sile/wstcp |
 
-2. Run a websocket proxy for `https://swapi.dev`:
+2. Run a websocket proxy for `https://raw.githubusercontent.com`:
 ```sh
-websocat --binary -v ws-l:0.0.0.0:55688 tcp:swapi.dev:443
+wstcp --bind-addr 127.0.0.1:55688 raw.githubusercontent.com:443
 ```
 
-Note the `tcp:swapi.dev:443` argument on the last line, this is the server we will use in this quick start.
+Note the `raw.githubusercontent.com:443` argument on the last line, this is the server we will use in this quick start.
 
 ### Run a Local Notary Server <a name="local-notary"></a>
 
@@ -36,10 +36,10 @@ For this demo, we also need to run a local notary server.
 * Or, compile and run the notary server natively:
      ```sh
      # Clone the TLSNotary repository:
-     git clone https://github.com/tlsnotary/tlsn.git --branch "v0.1.0-alpha.9"
+     git clone https://github.com/tlsnotary/tlsn.git --branch "v0.1.0-alpha.12"
      cd tlsn/crates/notary/server/
-     # Run the ntoary server
-     cargo run --release -- --tls-enabled false
+     # Run the notary server
+     cargo run --release
      ```
 
 The notary server will now be running in the background waiting for connections.

readme.md

@@ -1,43 +1,42 @@
-![MIT licensed][mit-badge]
+![MIT licensed][mit-badge]  
 ![Apache licensed][apache-badge]
 
-[mit-badge]: https://img.shields.io/badge/license-MIT-blue.svg
+[mit-badge]: https://img.shields.io/badge/license-MIT-blue.svg  
 [apache-badge]: https://img.shields.io/github/license/saltstack/salt
 
 # tlsn-js
 
-NPM Modules for proving and verifying using TLSNotary in the browser.
-
-The prover requires a [notary-server](https://github.com/tlsnotary/notary-server) and a websocket proxy.
+NPM modules for proving and verifying using TLSNotary in the browser.
 
 > [!IMPORTANT]
-> The primary purpose of `tlsn-js` is to support the development of the [TLSNotary browser extension](https://github.com/tlsnotary/tlsn-extension/).  
+> `tlsn-js` is developed specifically for **browser environments** and does **not** work in Node.js.
+
+> [!IMPORTANT]
+> The primary goal of `tlsn-js` is to support the development of the [TLSNotary browser extension](https://github.com/tlsnotary/tlsn-extension/).  
 > **Please do not treat this as a public API (yet).**
 
-> [!IMPORTANT]
-> `tlsn-js` is developed for the usage of TLSNotary **in the Browser**. This module does not work in `nodejs`.
-
 ## License
-This repository is licensed under either of
+
+This repository is licensed under either:
 
 - [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0)
-- [MIT license](http://opensource.org/licenses/MIT)
+- [MIT License](http://opensource.org/licenses/MIT)
 
-at your option.
+...at your option.
 
 ## Examples
 
-`tlsn-js` can be used in many different modes, depending on your use case.
+`tlsn-js` can be used in several modes depending on your use case.
 
-The `./demo` folder contains three demos of `tlsn-js`:
+The `./demo` folder contains three demos:
 
-* `react-ts-webpack`: create an attestation with a Notary and render the result.
-* `interactive-demo`: prove data interactively to a Verifier.
-* `web-to-web-p2p`: prove data between two peers, in the browser.
+- `react-ts-webpack`: Create an attestation with a Notary and render the result.
+- `interactive-demo`: Prove data interactively to a Verifier.
+- `web-to-web-p2p`: Prove data between two browser peers.
 
-## Running a local websocket proxy
+## Running a Local WebSocket Proxy
 
-In the demos, we attest data from the `https://swapi.dev` website. Because the browser does not allow for TCP connections, you need to set up a websocket proxy:
+In the demos, we attest data from `https://raw.githubusercontent.com`. Since browsers do not support raw TCP connections, a WebSocket proxy is required:
 
 1. Install [wstcp](https://github.com/sile/wstcp):
 
@@ -47,10 +46,11 @@ In the demos, we attest data from the `https://swapi.dev` website. Because the b
     | brew   | `brew install wstcp`          |
     | source | https://github.com/sile/wstcp |
 
-2. Run a websocket proxy for `https://swapi.dev`:
-```sh
-wstcp --bind-addr 127.0.0.1:55688 swapi.dev:443
-```
+2. Run a WebSocket proxy for `https://raw.githubusercontent.com`:
+
+    ```sh
+    wstcp --bind-addr 127.0.0.1:55688 raw.githubusercontent.com:443
+    ```
 
 ## Install as NPM Package
 
@@ -58,23 +58,30 @@ wstcp --bind-addr 127.0.0.1:55688 swapi.dev:443
 npm install tlsn-js
 ```
 
-# Development
+## Development
 
-This library is a JS wrapper for `tlsn-wasm`.
+This library wraps the `tlsn-wasm` module.
 
-To work on `tlsn-wasm` and `tlsn-js` at the same time, replace the "tlsn-wasm" dependency in `package.json` with:
+To work on both `tlsn-wasm` and `tlsn-js` locally, update `package.json`:
+
+```json
+"tlsn-wasm": "./tlsn-wasm/pkg"
 ```
-    "tlsn-wasm": "./tlsn-wasm/pkg"
-```
-and run `npm run build:wasm` to build `tlsn-wasm` locally.
 
-Next, run:
+Then build `tlsn-wasm`:
+
+```sh
+npm run build:wasm
+```
+
+Next:
+
 ```sh
 npm install
 npm run test
 ```
 
-Note: if you want to switch back to a build with the version from npm, make sure to reset/remove `package-lock.json`, or it will keep using the local link.
+> ℹ️ To switch back to the npm-published version of `tlsn-wasm`, delete or reset `package-lock.json` to remove the local path reference.
 
 ## Build for NPM
 
@@ -83,9 +90,42 @@ npm install
 npm run build
 ```
 
-## Adding a new test
-1. Create a new `new-test.spec.ts` file in the `test/` directory.
-2. Add your spec file to the entry object in `webpack.web.dev.config.js`.
-3. Add a new `div` block to `test/test.ejs` like this: `<div>Testing "new-test":<div id="new-test"></div></div>`. The `div` id must be the same as the filename.
+## Testing
 
+Testing is slightly complex due to the need for browser-based workers.
 
+- Tests live in the `test/` directory.
+- The `tests/` directory contains a Playwright test runner that opens a Chromium browser and runs the actual test page.
+
+Some tests require a running Notary. You can start one via Docker:
+
+```sh
+npm run notary
+```
+
+### Adding a New `tlsn-js` Test
+
+1. Create a `new-test.spec.ts` file in the `test/` directory.
+2. Add your spec file to the `entry` object in `webpack.web.dev.config.js`.
+3. Create a corresponding `new-test.spec.ts` file in the `playwright-test/` directory.
+
+4. Add an `expect()` call for it in `tests/test.spec.ts`.
+
+### Testing the Demos
+
+Playwright is also used to test the demos.
+
+```sh
+npm install
+npm run test
+```
+
+- View tests in the browser:  
+  ```sh
+  npx playwright test --ui
+  ```
+
+- Debug tests:  
+  ```sh
+  npx playwright test --debug
+  ```

src/lib.ts

@@ -10,6 +10,7 @@ import initWasm, {
   Prover as WasmProver,
   type ProverConfig,
   type Method,
+  NetworkSetting,
   VerifierConfig,
   VerifierOutput,
   VerifyingKey,
@@ -19,7 +20,7 @@ import initWasm, {
   PartialTranscript,
 } from 'tlsn-wasm';
 import { arrayToHex, expect, headerToMap, hexToArray } from './utils';
-import { PresentationJSON } from './types';
+import { PresentationJSON, } from './types';
 import { Buffer } from 'buffer';
 import { Transcript, subtractRanges, mapStringToRange } from './transcript';
 
@@ -77,10 +78,15 @@ export class Prover {
     };
     body?: unknown;
     maxSentData?: number;
+    maxSentRecords?: number,
     maxRecvData?: number;
     maxRecvDataOnline?: number;
+    maxRecvRecordsOnline?: number,
+    network?: NetworkSetting
     deferDecryptionFromStart?: boolean;
     commit?: Commit;
+    serverIdentity?: boolean
+    clientAuth?: [number[][], number[]];
   }): Promise<PresentationJSON> {
     const {
       url,
@@ -88,21 +94,30 @@ export class Prover {
       headers = {},
       body,
       maxSentData = 1024,
+      maxSentRecords,
       maxRecvData = 1024,
       maxRecvDataOnline,
+      maxRecvRecordsOnline,
+      network = 'Bandwidth',
       deferDecryptionFromStart,
       notaryUrl,
       websocketProxyUrl,
       commit: _commit,
+      serverIdentity = false,
+      clientAuth,
     } = options;
     const hostname = new URL(url).hostname;
     const notary = NotaryServer.from(notaryUrl);
     const prover = new WasmProver({
       server_name: hostname,
       max_sent_data: maxSentData,
+      max_sent_records: maxSentRecords,
       max_recv_data: maxRecvData,
       max_recv_data_online: maxRecvDataOnline,
+      max_recv_records_online: maxRecvRecordsOnline,
       defer_decryption_from_start: deferDecryptionFromStart,
+      network: network,
+      client_auth: clientAuth,
     });
 
     await prover.setup(await notary.sessionUrl(maxSentData, maxRecvData));
@@ -125,10 +140,11 @@ export class Prover {
 
     const { attestation, secrets } = await prover.notarize(commit);
 
-    const presentation = build_presentation(attestation, secrets, commit);
+    const reveal: Reveal = { ...commit, server_identity: serverIdentity }
+    const presentation = build_presentation(attestation, secrets, reveal);
 
     return {
-      version: '0.1.0-alpha.9',
+      version: '0.1.0-alpha.12',
       data: arrayToHex(presentation.serialize()),
       meta: {
         notaryUrl: notary.normalizeUrl(),
@@ -140,16 +156,24 @@ export class Prover {
   constructor(config: {
     serverDns: string;
     maxSentData?: number;
+    maxSentRecords?: number,
     maxRecvData?: number;
     maxRecvDataOnline?: number;
+    maxRecvRecordsOnline?: number,
     deferDecryptionFromStart?: boolean;
+    network?: NetworkSetting
+    clientAuth?: [number[][], number[]] | undefined,
   }) {
     this.#config = {
       server_name: config.serverDns,
-      max_recv_data: config.maxRecvData || 1024,
       max_sent_data: config.maxSentData || 1024,
+      max_sent_records: config.maxSentRecords,
+      max_recv_data: config.maxRecvData || 1024,
       max_recv_data_online: config.maxRecvDataOnline,
+      max_recv_records_online: config.maxRecvRecordsOnline,
       defer_decryption_from_start: config.deferDecryptionFromStart,
+      network: config.network || 'Bandwidth',
+      client_auth: config.clientAuth
     };
     this.#prover = new WasmProver(this.#config);
   }
@@ -263,10 +287,12 @@ export class Verifier {
   #config: VerifierConfig;
   #verifier: WasmVerifier;
 
-  constructor(config: { maxSentData?: number; maxRecvData?: number }) {
+  constructor(config: { maxSentData?: number; maxRecvData?: number; maxSentRecords?: number; maxRecvRecordsOnline?: number }) {
     this.#config = {
       max_recv_data: config.maxRecvData || 1024,
       max_sent_data: config.maxSentData || 1024,
+      max_sent_records: config.maxSentRecords,
+      max_recv_records_online: config.maxRecvRecordsOnline,
     };
     this.#verifier = new WasmVerifier(this.#config);
   }
@@ -310,6 +336,7 @@ export class Presentation {
         params.reveal || {
           sent: [{ start: 0, end: transcript.sent.length }],
           recv: [{ start: 0, end: transcript.recv.length }],
+          server_identity: false,
         },
       );
       this.#websocketProxyUrl = params.websocketProxyUrl;
@@ -331,7 +358,7 @@ export class Presentation {
 
   async json(): Promise<PresentationJSON> {
     return {
-      version: '0.1.0-alpha.9',
+      version: '0.1.0-alpha.12',
       data: await this.serialize(),
       meta: {
         notaryUrl: this.#notaryUrl

src/transcript.ts

@@ -17,19 +17,11 @@ export class Transcript {
   }
 
   recv(redactedSymbol = '*') {
-    return this.#recv.reduce((recv: string, num) => {
-      recv =
-        recv + (num === 0 ? redactedSymbol : Buffer.from([num]).toString());
-      return recv;
-    }, '');
+    return bytesToUtf8(substituteRedactions(this.#recv, redactedSymbol));
   }
 
   sent(redactedSymbol = '*') {
-    return this.#sent.reduce((sent: string, num) => {
-      sent =
-        sent + (num === 0 ? redactedSymbol : Buffer.from([num]).toString());
-      return sent;
-    }, '');
+    return bytesToUtf8(substituteRedactions(this.#sent, redactedSymbol));
   }
 
   text = (redactedSymbol = '*') => {
@@ -101,3 +93,15 @@ function indexOfString(str: string, substr: string): number {
 function bytesSize(str: string): number {
   return Buffer.from(str).byteLength;
 }
+
+function bytesToUtf8(array: number[]): string {
+  return Buffer.from(array).toString("utf8");
+}
+
+function substituteRedactions(
+  array: number[],
+  redactedSymbol: string = "*",
+): number[] {
+  const replaceCharByte = redactedSymbol.charCodeAt(0);
+  return array.map((byte) => (byte === 0 ? replaceCharByte : byte));
+}

src/types.ts

@@ -4,7 +4,7 @@ export type CommitData = {
 };
 
 export type PresentationJSON = {
-  version: '0.1.0-alpha.7' | '0.1.0-alpha.8' | '0.1.0-alpha.9';
+  version: '0.1.0-alpha.7' | '0.1.0-alpha.8' | '0.1.0-alpha.9' | '0.1.0-alpha.10' | '0.1.0-alpha.11' | '0.1.0-alpha.12';
   data: string;
   meta: {
     notaryUrl?: string;

test/e2e/full-integration.spec.ts

@@ -6,9 +6,9 @@ import {
   mapStringToRange,
   subtractRanges,
   Transcript,
+  Reveal,
 } from '../../src/lib';
 import * as Comlink from 'comlink';
-import { assert } from '../utils';
 import { HTTPParser } from 'http-parser-js';
 
 const { init, Prover, Presentation }: any = Comlink.wrap(
@@ -23,13 +23,17 @@ const { init, Prover, Presentation }: any = Comlink.wrap(
     console.log('test start');
     console.time('prove');
     const prover = (await new Prover({
-      id: 'test',
-      serverDns: 'swapi.dev',
+      serverDns: 'raw.githubusercontent.com',
+      maxRecvData: 1700,
+      network: "Bandwidth",
     })) as _Prover;
     const notary = NotaryServer.from('http://127.0.0.1:7047');
     await prover.setup(await notary.sessionUrl());
-    await prover.sendRequest('wss://notary.pse.dev/proxy?token=swapi.dev', {
-      url: 'https://swapi.dev/api/people/1',
+    // const websocketProxyUrl = 'wss://notary.pse.dev/proxy?token=raw.githubusercontent.com';
+    const websocketProxyUrl = 'ws://127.0.0.1:55688';
+
+    await prover.sendRequest(websocketProxyUrl, {
+      url: 'https://raw.githubusercontent.com/tlsnotary/tlsn/refs/heads/main/crates/server-fixture/server/src/data/protected_data.json',
       headers: {
         'content-type': 'application/json',
         secret: 'test_secret',
@@ -65,9 +69,10 @@ const { init, Prover, Presentation }: any = Comlink.wrap(
             `${recvHeaders[14]}: ${recvHeaders[15]}`,
             `${recvHeaders[16]}: ${recvHeaders[17]}`,
             `${recvHeaders[18]}: ${recvHeaders[19]}`,
-            `"name":"${body.name}"`,
-            `"hair_color":"${body.hair_color}"`,
-            `"skin_color":"${body.skin_color}"`,
+            `"id": ${body.id}`,
+            `"city": "${body.information.address.city}"`,
+            `"postalCode": "12345"`,
+
           ],
           Buffer.from(recv).toString('utf-8'),
         ),
@@ -75,18 +80,21 @@ const { init, Prover, Presentation }: any = Comlink.wrap(
     };
     console.log(commit);
     const notarizationOutput = await prover.notarize(commit);
+    const reveal: Reveal = {
+      ...commit,
+      server_identity: false,
+    };
     const presentation = (await new Presentation({
       attestationHex: notarizationOutput.attestation,
       secretsHex: notarizationOutput.secrets,
-      reveal: commit,
+      reveal: reveal,
       notaryUrl: notary.url,
       websocketProxyUrl: 'wss://notary.pse.dev/proxy',
     })) as _Presentation;
     console.log('presentation:', await presentation.serialize());
     console.timeEnd('prove');
     const json = await presentation.json();
-    assert(json.version === '0.1.0-alpha.9');
-    assert(new URL(json.meta.notaryUrl!).protocol === 'http:');
+
 
     console.time('verify');
     const { transcript: partialTranscript, server_name } =
@@ -101,21 +109,23 @@ const { init, Prover, Presentation }: any = Comlink.wrap(
     });
     const sentStr = t.sent();
     const recvStr = t.recv();
-    assert(sentStr.includes('host: swapi.dev'));
-    assert(!sentStr.includes('secret: test_secret'));
-    assert(recvStr.includes('"name":"Luke Skywalker"'));
-    assert(recvStr.includes('"hair_color":"blond"'));
-    assert(recvStr.includes('"skin_color":"fair"'));
-    assert(server_name === 'swapi.dev');
+
+    console.log("Sent:", sentStr);
+    console.log("Received:", recvStr);
 
     // @ts-ignore
-    document.getElementById('full-integration-swapi').textContent = 'OK';
+    document.getElementById('full-integration').textContent = JSON.stringify({
+      sent: sentStr,
+      recv: recvStr,
+      version: json.version,
+      meta: json.meta,
+      server_name
+    }, null, 2);
   } catch (err) {
     console.log('caught error from wasm');
     console.error(err);
-
     // @ts-ignore
-    document.getElementById('full-integration-swapi').textContent = err.message;
+    document.getElementById('full-integration').textContent = err.message;
   }
 })();
 

test/specs/transcript.ts

@@ -1,90 +0,0 @@
-import { describe, it } from 'mocha';
-import * as assert from 'assert';
-import { Transcript } from '../../src/transcript';
-
-describe('Transcript parsing', () => {
-  it('should parse transcript correctly', async () => {
-    const transcript = new Transcript({ sent: swapiSent, recv: swapiRecv });
-    assert.strictEqual(
-      Buffer.from(transcript.raw.sent).toString('utf-8'),
-      'GET https://swapi.dev/api/people/1 HTTP/1.1\r\nconnection: close\r\ncontent-length: 25\r\ncontent-type: application/json\r\nhost: swapi.dev\r\n\r\n{"hello":"world","one":1}',
-    );
-    assert.strictEqual(
-      Buffer.from(transcript.raw.recv).toString('utf-8'),
-      'HTTP/1.1 200 OK\r\nServer: nginx/1.16.1\r\nDate: Fri, 07 Feb 2025 07:37:11 GMT\r\nContent-Type: application/json\r\nTransfer-Encoding: chunked\r\nConnection: close\r\nVary: Accept, Cookie\r\nX-Frame-Options: SAMEORIGIN\r\nETag: \"ee398610435c328f4d0a4e1b0d2f7bbc\"\r\nAllow: GET, HEAD, OPTIONS\r\nStrict-Transport-Security: max-age=15768000\r\n\r\n287\r\n{\"name\":\"Luke Skywalker\",\"height\":\"172\",\"mass\":\"77\",\"hair_color\":\"blond\",\"skin_color\":\"fair\",\"eye_color\":\"blue\",\"birth_year\":\"19BBY\",\"gender\":\"male\",\"homeworld\":\"https://swapi.dev/api/planets/1/\",\"films\":[\"https://swapi.dev/api/films/1/\",\"https://swapi.dev/api/films/2/\",\"https://swapi.dev/api/films/3/\",\"https://swapi.dev/api/films/6/\"],\"species\":[],\"vehicles\":[\"https://swapi.dev/api/vehicles/14/\",\"https://swapi.dev/api/vehicles/30/\"],\"starships\":[\"https://swapi.dev/api/starships/12/\",\"https://swapi.dev/api/starships/22/\"],\"created\":\"2014-12-09T13:50:51.644000Z\",\"edited\":\"2014-12-20T21:17:56.891000Z\",\"url\":\"https://swapi.dev/api/people/1/\"}\r\n0\r\n\r\n',
-    );
-  });
-});
-
-const swapiRecv = [
-  72, 84, 84, 80, 47, 49, 46, 49, 32, 50, 48, 48, 32, 79, 75, 13, 10, 83, 101,
-  114, 118, 101, 114, 58, 32, 110, 103, 105, 110, 120, 47, 49, 46, 49, 54, 46,
-  49, 13, 10, 68, 97, 116, 101, 58, 32, 70, 114, 105, 44, 32, 48, 55, 32, 70,
-  101, 98, 32, 50, 48, 50, 53, 32, 48, 55, 58, 51, 55, 58, 49, 49, 32, 71, 77,
-  84, 13, 10, 67, 111, 110, 116, 101, 110, 116, 45, 84, 121, 112, 101, 58, 32,
-  97, 112, 112, 108, 105, 99, 97, 116, 105, 111, 110, 47, 106, 115, 111, 110,
-  13, 10, 84, 114, 97, 110, 115, 102, 101, 114, 45, 69, 110, 99, 111, 100, 105,
-  110, 103, 58, 32, 99, 104, 117, 110, 107, 101, 100, 13, 10, 67, 111, 110, 110,
-  101, 99, 116, 105, 111, 110, 58, 32, 99, 108, 111, 115, 101, 13, 10, 86, 97,
-  114, 121, 58, 32, 65, 99, 99, 101, 112, 116, 44, 32, 67, 111, 111, 107, 105,
-  101, 13, 10, 88, 45, 70, 114, 97, 109, 101, 45, 79, 112, 116, 105, 111, 110,
-  115, 58, 32, 83, 65, 77, 69, 79, 82, 73, 71, 73, 78, 13, 10, 69, 84, 97, 103,
-  58, 32, 34, 101, 101, 51, 57, 56, 54, 49, 48, 52, 51, 53, 99, 51, 50, 56, 102,
-  52, 100, 48, 97, 52, 101, 49, 98, 48, 100, 50, 102, 55, 98, 98, 99, 34, 13,
-  10, 65, 108, 108, 111, 119, 58, 32, 71, 69, 84, 44, 32, 72, 69, 65, 68, 44,
-  32, 79, 80, 84, 73, 79, 78, 83, 13, 10, 83, 116, 114, 105, 99, 116, 45, 84,
-  114, 97, 110, 115, 112, 111, 114, 116, 45, 83, 101, 99, 117, 114, 105, 116,
-  121, 58, 32, 109, 97, 120, 45, 97, 103, 101, 61, 49, 53, 55, 54, 56, 48, 48,
-  48, 13, 10, 13, 10, 50, 56, 55, 13, 10, 123, 34, 110, 97, 109, 101, 34, 58,
-  34, 76, 117, 107, 101, 32, 83, 107, 121, 119, 97, 108, 107, 101, 114, 34, 44,
-  34, 104, 101, 105, 103, 104, 116, 34, 58, 34, 49, 55, 50, 34, 44, 34, 109, 97,
-  115, 115, 34, 58, 34, 55, 55, 34, 44, 34, 104, 97, 105, 114, 95, 99, 111, 108,
-  111, 114, 34, 58, 34, 98, 108, 111, 110, 100, 34, 44, 34, 115, 107, 105, 110,
-  95, 99, 111, 108, 111, 114, 34, 58, 34, 102, 97, 105, 114, 34, 44, 34, 101,
-  121, 101, 95, 99, 111, 108, 111, 114, 34, 58, 34, 98, 108, 117, 101, 34, 44,
-  34, 98, 105, 114, 116, 104, 95, 121, 101, 97, 114, 34, 58, 34, 49, 57, 66, 66,
-  89, 34, 44, 34, 103, 101, 110, 100, 101, 114, 34, 58, 34, 109, 97, 108, 101,
-  34, 44, 34, 104, 111, 109, 101, 119, 111, 114, 108, 100, 34, 58, 34, 104, 116,
-  116, 112, 115, 58, 47, 47, 115, 119, 97, 112, 105, 46, 100, 101, 118, 47, 97,
-  112, 105, 47, 112, 108, 97, 110, 101, 116, 115, 47, 49, 47, 34, 44, 34, 102,
-  105, 108, 109, 115, 34, 58, 91, 34, 104, 116, 116, 112, 115, 58, 47, 47, 115,
-  119, 97, 112, 105, 46, 100, 101, 118, 47, 97, 112, 105, 47, 102, 105, 108,
-  109, 115, 47, 49, 47, 34, 44, 34, 104, 116, 116, 112, 115, 58, 47, 47, 115,
-  119, 97, 112, 105, 46, 100, 101, 118, 47, 97, 112, 105, 47, 102, 105, 108,
-  109, 115, 47, 50, 47, 34, 44, 34, 104, 116, 116, 112, 115, 58, 47, 47, 115,
-  119, 97, 112, 105, 46, 100, 101, 118, 47, 97, 112, 105, 47, 102, 105, 108,
-  109, 115, 47, 51, 47, 34, 44, 34, 104, 116, 116, 112, 115, 58, 47, 47, 115,
-  119, 97, 112, 105, 46, 100, 101, 118, 47, 97, 112, 105, 47, 102, 105, 108,
-  109, 115, 47, 54, 47, 34, 93, 44, 34, 115, 112, 101, 99, 105, 101, 115, 34,
-  58, 91, 93, 44, 34, 118, 101, 104, 105, 99, 108, 101, 115, 34, 58, 91, 34,
-  104, 116, 116, 112, 115, 58, 47, 47, 115, 119, 97, 112, 105, 46, 100, 101,
-  118, 47, 97, 112, 105, 47, 118, 101, 104, 105, 99, 108, 101, 115, 47, 49, 52,
-  47, 34, 44, 34, 104, 116, 116, 112, 115, 58, 47, 47, 115, 119, 97, 112, 105,
-  46, 100, 101, 118, 47, 97, 112, 105, 47, 118, 101, 104, 105, 99, 108, 101,
-  115, 47, 51, 48, 47, 34, 93, 44, 34, 115, 116, 97, 114, 115, 104, 105, 112,
-  115, 34, 58, 91, 34, 104, 116, 116, 112, 115, 58, 47, 47, 115, 119, 97, 112,
-  105, 46, 100, 101, 118, 47, 97, 112, 105, 47, 115, 116, 97, 114, 115, 104,
-  105, 112, 115, 47, 49, 50, 47, 34, 44, 34, 104, 116, 116, 112, 115, 58, 47,
-  47, 115, 119, 97, 112, 105, 46, 100, 101, 118, 47, 97, 112, 105, 47, 115, 116,
-  97, 114, 115, 104, 105, 112, 115, 47, 50, 50, 47, 34, 93, 44, 34, 99, 114,
-  101, 97, 116, 101, 100, 34, 58, 34, 50, 48, 49, 52, 45, 49, 50, 45, 48, 57,
-  84, 49, 51, 58, 53, 48, 58, 53, 49, 46, 54, 52, 52, 48, 48, 48, 90, 34, 44,
-  34, 101, 100, 105, 116, 101, 100, 34, 58, 34, 50, 48, 49, 52, 45, 49, 50, 45,
-  50, 48, 84, 50, 49, 58, 49, 55, 58, 53, 54, 46, 56, 57, 49, 48, 48, 48, 90,
-  34, 44, 34, 117, 114, 108, 34, 58, 34, 104, 116, 116, 112, 115, 58, 47, 47,
-  115, 119, 97, 112, 105, 46, 100, 101, 118, 47, 97, 112, 105, 47, 112, 101,
-  111, 112, 108, 101, 47, 49, 47, 34, 125, 13, 10, 48, 13, 10, 13, 10,
-];
-
-const swapiSent = [
-  71, 69, 84, 32, 104, 116, 116, 112, 115, 58, 47, 47, 115, 119, 97, 112, 105,
-  46, 100, 101, 118, 47, 97, 112, 105, 47, 112, 101, 111, 112, 108, 101, 47, 49,
-  32, 72, 84, 84, 80, 47, 49, 46, 49, 13, 10, 99, 111, 110, 110, 101, 99, 116,
-  105, 111, 110, 58, 32, 99, 108, 111, 115, 101, 13, 10, 99, 111, 110, 116, 101,
-  110, 116, 45, 108, 101, 110, 103, 116, 104, 58, 32, 50, 53, 13, 10, 99, 111,
-  110, 116, 101, 110, 116, 45, 116, 121, 112, 101, 58, 32, 97, 112, 112, 108,
-  105, 99, 97, 116, 105, 111, 110, 47, 106, 115, 111, 110, 13, 10, 104, 111,
-  115, 116, 58, 32, 115, 119, 97, 112, 105, 46, 100, 101, 118, 13, 10, 13, 10,
-  123, 34, 104, 101, 108, 108, 111, 34, 58, 34, 119, 111, 114, 108, 100, 34, 44,
-  34, 111, 110, 101, 34, 58, 49, 125,
-];

test/test.ejs

@@ -5,19 +5,21 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="manifest" href="/manifest.json">
-    <title>tlsn-js development</title>
+    <title>
+        Testing <%= htmlWebpackPlugin.options.testName || 'test' %>
+    </title>
 </head>
 
 <body>
     <script>
         global = globalThis //<- this should be enough
     </script>
-    <div>Testing "full-integration-swapi":
-        <div id="full-integration-swapi"></div>
-    </div>
-    <div>Testing "simple-verify":
-        <div id="simple-verify"></div>
-    </div>
+    <h1>Testing "<%= htmlWebpackPlugin.options.testName || 'unknown' %>":</h1>
+    <pre>
+        <div id="<%= htmlWebpackPlugin.options.testName || 'test' %>"
+            data-testid="<%= htmlWebpackPlugin.options.testName || 'test' %>">
+        </div>
+    </pre>
 </body>
 
 </html>

test/testRunner.ts

@@ -1,119 +0,0 @@
-import puppeteer, { Browser, LaunchOptions, Page } from 'puppeteer';
-import { describe, it, before, after } from 'mocha';
-const assert = require('assert');
-import { exec, ChildProcess } from 'node:child_process';
-import * as fs from 'fs';
-import path from 'path';
-
-const timeout = 300000;
-
-// puppeteer options
-let opts: LaunchOptions = {
-  headless: !!process.env.HEADLESS ? true : false,
-  slowMo: 100,
-  timeout: timeout,
-  args: ['--no-sandbox', '--disable-setuid-sandbox'],
-};
-
-if (process.env.CHROME_PATH) {
-  opts = {
-    ...opts,
-    executablePath: process.env.CHROME_PATH,
-  };
-}
-
-let browser: Browser;
-let page: Page;
-let server: ChildProcess;
-
-const waitForNotaryServer = async () => {
-  // wait for the notary server to be ready
-  while (true) {
-    try {
-      const response = await fetch('http://127.0.0.1:7047/info');
-      if (response.ok) {
-        return;
-      }
-    } catch (error) {
-      console.error('Waiting for local notary server...', error);
-    }
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-  }
-};
-
-// expose variables
-before(async function () {
-  server = exec('serve  --config ../serve.json ./test-build -l 3001');
-
-  await waitForNotaryServer();
-  browser = await puppeteer.launch(opts);
-  page = await browser.newPage();
-  await page.goto('http://127.0.0.1:3001');
-});
-
-// close browser and reset global variables
-after(async function () {
-  console.log('Cleaning up:');
-
-  try {
-    server.kill();
-    console.log('* Stopped Test Web Server ✅');
-
-    if (page) {
-      await page.close();
-    }
-    if (browser) {
-      await browser.close();
-      const childProcess = browser.process();
-      if (childProcess) {
-        childProcess.kill(9);
-      }
-      console.log('* Closed browser ✅');
-
-      const tests = this.test?.parent?.suites.flatMap((suite) => suite.tests);
-      const failed = tests!.some((test) => test.state === 'failed');
-
-      console.log('tests', tests);
-      console.log('failed', failed);
-      process.exit(failed ? 1 : 0);
-    }
-    process.exit(1);
-  } catch (e) {
-    console.error(e);
-    process.exit(1);
-  }
-});
-
-describe('tlsn-js test suite', function () {
-  fs.readdirSync(path.join(__dirname, 'e2e')).forEach((file) => {
-    const [id] = file.split('.');
-    it(`Test ID: ${id}`, async function () {
-      const content = await check(id);
-      assert.strictEqual(
-        content,
-        'OK',
-        `Test ID: ${id} - Expected 'OK' but got '${content}'`,
-      );
-    });
-  });
-});
-
-async function check(testId: string): Promise<string> {
-  const startTime = Date.now();
-  const attemptFetchContent = async (): Promise<string> => {
-    const content = await page.$eval(
-      `#${testId}`,
-      (el: any) => el.textContent || '',
-    );
-    if (content) return content;
-    const elapsedTime = Date.now() - startTime;
-    if (elapsedTime >= timeout) {
-      throw new Error(
-        `Timeout: Failed to retrieve content for '#${testId}' within ${timeout} ms.`,
-      );
-    }
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    return attemptFetchContent();
-  };
-  return attemptFetchContent();
-}

test/utils.ts

@@ -1,3 +0,0 @@
-export function assert(expr: any, msg = 'unknown assertion error') {
-  if (!Boolean(expr)) throw new Error(msg);
-}

webpack.web.dev.config.js

@@ -33,14 +33,17 @@ const rules = [
 
 const rendererRules = [];
 
+const entry = {
+  'full-integration': path.join(__dirname, 'test', 'e2e', 'full-integration.spec.ts'),
+  'simple-verify': path.join(__dirname, 'test', 'e2e', 'simple-verify.spec.ts'),
+  // add more entries as needed
+};
+
 module.exports = [
   {
     target: 'web',
     mode: isProd ? 'production' : 'development',
-    entry: {
-      'full-integration-swapi.spec': path.join(__dirname, 'test', 'e2e', 'full-integration-swapi.spec.ts'),
-      'simple-verify': path.join(__dirname, 'test', 'e2e', 'simple-verify.spec.ts'),
-    },
+    entry,
     output: {
       path: __dirname + '/test-build',
       publicPath: '/',
@@ -49,25 +52,6 @@ module.exports = [
     devtool: 'source-map',
     resolve: {
       extensions: ['.ts', '.tsx', '.js', '.jsx', '.png', '.svg'],
-      // modules: [
-      //   path.resolve('./node_modules'),
-      //   path.resolve(__dirname, compilerOptions.baseUrl),
-      // ],
-      // fallback: {
-      //   browserify: require.resolve('browserify'),
-      //   stream: require.resolve('stream-browserify'),
-      //   path: require.resolve('path-browserify'),
-      //   crypto: require.resolve('crypto-browserify'),
-      //   os: require.resolve('os-browserify/browser'),
-      //   http: require.resolve('stream-http'),
-      //   https: require.resolve('https-browserify'),
-      //   assert: require.resolve('assert/'),
-      //   events: require.resolve('events/'),
-      //   'ansi-html-community': require.resolve('ansi-html-community'),
-      //   'html-entities': require.resolve('html-entities'),
-      //   constants: false,
-      //   fs: false,
-      // },
     },
     module: {
       rules: [...rules, ...rendererRules],
@@ -89,10 +73,41 @@ module.exports = [
           },
         ],
       }),
+      // Generate an HTML file for each entry
+      ...Object.keys(entry).map(
+        (name) =>
+          new HtmlWebpackPlugin({
+            template: './test/test.ejs',
+            filename: `${name}.html`,
+            chunks: [name],
+            inject: true,
+            testName: name,
+          })
+      ),
+      // Add an index page listing all test pages
       new HtmlWebpackPlugin({
-        template: './test/test.ejs',
-        filename: `index.html`,
-        inject: true,
+        templateContent: () => `
+          <!DOCTYPE html>
+          <html>
+            <head>
+              <meta charset="UTF-8">
+              <title>tlsn-js test index</title>
+            </head>
+            <body>
+              <h1>tlsn-js test index</h1>
+              <ul>
+                ${Object.keys(entry)
+            .map(
+              (name) =>
+                `<li><a href="${name}.html">${name}</a></li>`
+            )
+            .join('\n')}
+              </ul>
+            </body>
+          </html>
+        `,
+        filename: 'index.html',
+        inject: false,
       }),
     ],
     stats: 'minimal',