chore: add gitignore

chore: update to alpha.9
Added link to chrome web store (#173 )
2026-01-09 13:08:04 -05:00 · 2025-04-30 15:03:01 +08:00 · 2025-04-30 15:02:35 +08:00 · 2025-04-16 17:22:26 +02:00 · 2025-04-15 10:00:57 -07:00 · 2025-04-10 10:02:48 +02:00
13 changed files with 320 additions and 467 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,4 @@ bin/
 build
 tlsn/
 zip
+.vscode
--- a/README.md
+++ b/README.md
@@ -25,7 +25,11 @@ at your option.

 ## Installing and Running

-### Procedures:
+The easiest way to install the TLSN browser extension is to use the [Chrome Web Store](https://chromewebstore.google.com/detail/tlsn-extension/gcfkkledipjbgdbimfpijgbkhajiaaph).
+
+You can also build and run it locally as explained in the following steps.
+
+### Procedure:

 1. Check if your [Node.js](https://nodejs.org/) version is >= **18**.
 2. Clone this repository.
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "tlsn-extension",
-  "version": "0.1.0.800",
+  "version": "0.1.0.1000",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "tlsn-extension",
-      "version": "0.1.0.800",
+      "version": "0.1.0.1000",
      "license": "MIT",
      "dependencies": {
-        "@extism/extism": "^1.0.2",
+        "@extism/extism": "^1.0.3",
        "@fortawesome/fontawesome-free": "^6.4.2",
        "async-mutex": "^0.4.0",
        "buffer": "^6.0.3",
@@ -33,10 +33,7 @@
        "redux-logger": "^3.0.6",
        "redux-thunk": "^2.4.2",
        "tailwindcss": "^3.3.3",
-        "tlsn-js": "0.1.0-alpha.9",
-        "tlsn-js-v5": "npm:tlsn-js@0.1.0-alpha.5.4",
-        "tlsn-js-v7": "npm:tlsn-js@0.1.0-alpha.7.2",
-        "tlsn-js-v8": "npm:tlsn-js@0.1.0-alpha.8"
+        "tlsn-js": "0.1.0-alpha.10.0"
      },
      "devDependencies": {
        "@babel/core": "^7.20.12",
@@ -3560,27 +3557,6 @@
        "@parcel/watcher-win32-x64": "2.5.1"
      }
    },
-    "node_modules/@parcel/watcher-android-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
-      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
    "node_modules/@parcel/watcher-darwin-arm64": {
      "version": "2.5.1",
      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
@@ -3602,237 +3578,6 @@
        "url": "https://opencollective.com/parcel"
      }
    },
-    "node_modules/@parcel/watcher-darwin-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
-      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-freebsd-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
-      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
-      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
-      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
-      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
-      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-x64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
-      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-x64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
-      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
-      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-ia32": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
-      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
-      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
    "node_modules/@pkgjs/parseargs": {
      "version": "0.11.0",
      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -3857,9 +3602,9 @@
      }
    },
    "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.15.tgz",
-      "integrity": "sha512-LFWllMA55pzB9D34w/wXUCf8+c+IYKuJDgxiZ3qMhl64KRMBHYM1I3VdGaD2BV5FNPV2/S2596bppxHbv2ZydQ==",
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.16.tgz",
+      "integrity": "sha512-kLQc9xz6QIqd2oIYyXRUiAp79kGpFBm3fEM9ahfG1HI0WI5gdZ2OVHWdmZYnwODt7ISck+QuQ6sBPrtvUBML7Q==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -8964,9 +8709,9 @@
      }
    },
    "node_modules/html-entities": {
-      "version": "2.5.3",
-      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.3.tgz",
-      "integrity": "sha512-D3AfvN7SjhTgBSA8L1BN4FpPzuEd06uy4lHwSoRWr0lndi9BKaNzPLKGOWZ2ocSGguozr08TTb2jhCLHaemruw==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
+      "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
      "dev": true,
      "funding": [
        {
@@ -11989,9 +11734,9 @@
      }
    },
    "node_modules/postcss-load-config/node_modules/yaml": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
-      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.1.tgz",
+      "integrity": "sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==",
      "license": "ISC",
      "bin": {
        "yaml": "bin.mjs"
@@ -14568,60 +14313,21 @@
      "license": "MIT"
    },
    "node_modules/tlsn-js": {
-      "version": "0.1.0-alpha.9",
-      "resolved": "https://registry.npmjs.org/tlsn-js/-/tlsn-js-0.1.0-alpha.9.tgz",
-      "integrity": "sha512-aEg/Pkdj0Oz9fB3xMUv67Lq69yLbuNS6IzA9j2lDwAmzOfgRBS7ZptcGuLz1hWoNvF1ma7JvdAJpHpL0ee8dkQ==",
+      "version": "0.1.0-alpha.10.0",
+      "resolved": "https://registry.npmjs.org/tlsn-js/-/tlsn-js-0.1.0-alpha.10.0.tgz",
+      "integrity": "sha512-+kwcT5AISESGmSI4sZ3rZ4VqOB/ogadTBisKB8yT8j8l5RqeI3xW+gZ+gF6ZE/Y4zEtXe3d6CbZFU11lEaAo0g==",
      "license": "ISC",
      "dependencies": {
-        "tlsn-wasm": "^0.1.0-alpha.9"
-      },
-      "engines": {
-        "node": ">= 16.20.2"
-      }
-    },
-    "node_modules/tlsn-js-v5": {
-      "name": "tlsn-js",
-      "version": "0.1.0-alpha.5.4",
-      "resolved": "https://registry.npmjs.org/tlsn-js/-/tlsn-js-0.1.0-alpha.5.4.tgz",
-      "integrity": "sha512-qbqaDjApXarohn/XMJrxMsNHYTCzy+pw0Fc8gtPPN17PLE+1DwwLTXAAhnxYqYQyo3+Hmy+ODd4C02+KCwRWmg==",
-      "license": "ISC",
-      "dependencies": {
-        "comlink": "^4.4.1"
-      },
-      "engines": {
-        "node": ">= 16.20.2"
-      }
-    },
-    "node_modules/tlsn-js-v7": {
-      "name": "tlsn-js",
-      "version": "0.1.0-alpha.7.2",
-      "resolved": "https://registry.npmjs.org/tlsn-js/-/tlsn-js-0.1.0-alpha.7.2.tgz",
-      "integrity": "sha512-G7xUog+HtDMRhw0fIRX9loUI6eUC9/4J+P0AzjBzpf8+8LAd3i8XgMkpqF8LqLUk5/vIm1b+ZakDYeCNMMiBeQ==",
-      "license": "ISC",
-      "dependencies": {
-        "tlsn-wasm": "^0.1.0-alpha.7.2"
-      },
-      "engines": {
-        "node": ">= 16.20.2"
-      }
-    },
-    "node_modules/tlsn-js-v8": {
-      "name": "tlsn-js",
-      "version": "0.1.0-alpha.8",
-      "resolved": "https://registry.npmjs.org/tlsn-js/-/tlsn-js-0.1.0-alpha.8.tgz",
-      "integrity": "sha512-2xHhn/RkJey+sw+Xu3AgUj6S+iEvWKXhwcAEOKzs6rNOyK3ZanAOaPpVgPWyT/FlPfZlagcDuDITnThgbqQkOA==",
-      "license": "ISC",
-      "dependencies": {
-        "tlsn-wasm": "^0.1.0-alpha.8"
+        "tlsn-wasm": "0.1.0-alpha.10"
      },
      "engines": {
        "node": ">= 16.20.2"
      }
    },
    "node_modules/tlsn-wasm": {
-      "version": "0.1.0-alpha.9",
-      "resolved": "https://registry.npmjs.org/tlsn-wasm/-/tlsn-wasm-0.1.0-alpha.9.tgz",
-      "integrity": "sha512-/7DKVXzFdlzD9vwsROb/tvGHJ+xHlAbvaVjMGBWOrecG5KR+Dcg6QMSb4R0/2jePX6u8r6JNXbRpKgQ+yf1zaA==",
+      "version": "0.1.0-alpha.10",
+      "resolved": "https://registry.npmjs.org/tlsn-wasm/-/tlsn-wasm-0.1.0-alpha.10.tgz",
+      "integrity": "sha512-HgGLmaxyw18v34hxAOnVc9P/HuEjVuQeb/6TcskaSHGFOY2t2pjWBz93toinEAD2N1LwVQJXoECxsP5Qo81Haw==",
      "license": "MIT OR Apache-2.0"
    },
    "node_modules/tmp": {
@@ -15024,9 +14730,9 @@
      }
    },
    "node_modules/use-sync-external-store": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
-      "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
+      "integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
      "license": "MIT",
      "peerDependencies": {
        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "tlsn-extension",
-  "version": "0.1.0.800",
+  "version": "0.1.0.1000",
  "license": "MIT",
  "repository": {
    "type": "git",
@@ -16,7 +16,7 @@
    "lint:fix": "eslint . --fix"
  },
  "dependencies": {
-    "@extism/extism": "^1.0.2",
+    "@extism/extism": "^1.0.3",
    "@fortawesome/fontawesome-free": "^6.4.2",
    "async-mutex": "^0.4.0",
    "buffer": "^6.0.3",
@@ -40,10 +40,7 @@
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.4.2",
    "tailwindcss": "^3.3.3",
-    "tlsn-js": "0.1.0-alpha.9",
-    "tlsn-js-v5": "npm:tlsn-js@0.1.0-alpha.5.4",
-    "tlsn-js-v7": "npm:tlsn-js@0.1.0-alpha.7.2",
-    "tlsn-js-v8": "npm:tlsn-js@0.1.0-alpha.8"
+    "tlsn-js": "0.1.0-alpha.10.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.12",
--- a/src/entries/Background/db.ts
+++ b/src/entries/Background/db.ts
@@ -115,14 +115,15 @@ export async function setNotaryRequestError(
 export async function setNotaryRequestProgress(
  id: string,
  progress: RequestProgress,
+  errorMessage?: string,
 ): Promise<RequestHistory | null> {
  const existing = await historyDb.get(id);
-
  if (!existing) return null;

  const newReq: RequestHistory = {
    ...existing,
    progress,
+    errorMessage,
  };

  await historyDb.put(id, newReq);
--- a/src/entries/Background/rpc.ts
+++ b/src/entries/Background/rpc.ts
@@ -167,9 +167,13 @@ export enum RequestProgress {
  SendingRequest,
  ReadingTranscript,
  FinalizingOutputs,
+  Error,
 }

-export function progressText(progress: RequestProgress): string {
+export function progressText(
+  progress: RequestProgress,
+  errorMessage?: string,
+): string {
  switch (progress) {
    case RequestProgress.CreatingProver:
      return 'Creating prover...';
@@ -183,6 +187,8 @@ export function progressText(progress: RequestProgress): string {
      return 'Reading request transcript...';
    case RequestProgress.FinalizingOutputs:
      return 'Finalizing notarization outputs...';
+    case RequestProgress.Error:
+      return errorMessage ? errorMessage : 'Error: Notarization Failed';
  }
 }

@@ -210,6 +216,7 @@ export type RequestHistory = {
  secretHeaders?: string[];
  secretResps?: string[];
  cid?: string;
+  errorMessage?: string;
  metadata?: {
    [k: string]: string;
  };
@@ -430,9 +437,9 @@ async function handleUpdateRequestProgress(
  request: BackgroundAction,
  sendResponse: (data?: any) => void,
 ) {
-  const { id, progress } = request.data;
+  const { id, progress, errorMessage } = request.data;

-  const newReq = await setNotaryRequestProgress(id, progress);
+  const newReq = await setNotaryRequestProgress(id, progress, errorMessage);
  if (!newReq) return;
  await pushToRedux(addRequestHistory(await getNotaryRequest(id)));

@@ -553,69 +560,82 @@ async function runPluginProver(request: BackgroundAction, now = Date.now()) {
  });

  await setNotaryRequestStatus(id, 'pending');
-
  await pushToRedux(addRequestHistory(await getNotaryRequest(id)));

-  const onProverResponse = async (request: any) => {
-    const { data, type } = request;
+  let listenerActive = true;
+  let responseListener: (request: any) => void;

-    if (type !== OffscreenActionTypes.create_prover_response) {
-      return;
-    }
+  const proverPromise = new Promise<void>((resolve, reject) => {
+    responseListener = async (request: any) => {
+      if (!listenerActive) return;

-    if (data.error) {
-      console.error(data.error);
-      return;
-    }
+      const { data, type } = request;

-    if (data.id !== id) {
-      return;
-    }
+      if (type !== OffscreenActionTypes.create_prover_response) {
+        return;
+      }

-    const transcript: { recv: number[]; sent: number[] } = data.transcript;
+      if (data.id !== id) {
+        return;
+      }

-    const { body: recvBody } = parseHttpMessage(
-      Buffer.from(transcript.recv),
-      'response',
-    );
+      try {
+        if (data.error) {
+          throw new Error(data.error);
+        }

-    if (getSecretResponse) {
-      secretResps = await getSecretResponseFn(
-        ...recvBody.map((body) => body.toString('utf-8')),
-      );
-    }
+        const transcript: { recv: number[]; sent: number[] } = data.transcript;

-    const commit = {
-      sent: subtractRanges(
-        { start: 0, end: transcript.sent.length },
-        mapStringToRange(
-          secretHeaders,
-          Buffer.from(transcript.sent).toString('utf-8'),
-        ),
-      ),
-      recv: subtractRanges(
-        { start: 0, end: transcript.recv.length },
-        mapStringToRange(
-          secretResps,
-          Buffer.from(transcript.recv).toString('utf-8'),
-        ),
-      ),
+        const { body: recvBody } = parseHttpMessage(
+          Buffer.from(transcript.recv),
+          'response',
+        );
+
+        if (getSecretResponse) {
+          secretResps = await getSecretResponseFn(
+            ...recvBody.map((body) => body.toString('utf-8')),
+          );
+        }
+
+        const commit = {
+          sent: subtractRanges(
+            { start: 0, end: transcript.sent.length },
+            mapStringToRange(
+              secretHeaders,
+              Buffer.from(transcript.sent).toString('utf-8'),
+            ),
+          ),
+          recv: subtractRanges(
+            { start: 0, end: transcript.recv.length },
+            mapStringToRange(
+              secretResps,
+              Buffer.from(transcript.recv).toString('utf-8'),
+            ),
+          ),
+        };
+
+        browser.runtime.sendMessage({
+          type: OffscreenActionTypes.create_presentation_request,
+          data: {
+            id,
+            commit,
+            notaryUrl,
+            websocketProxyUrl,
+          },
+        });
+
+        resolve();
+      } catch (error) {
+        console.error('Prover response error:', error);
+        reject(error);
+      } finally {
+        listenerActive = false;
+        browser.runtime.onMessage.removeListener(responseListener);
+      }
    };

-    browser.runtime.sendMessage({
-      type: OffscreenActionTypes.create_presentation_request,
-      data: {
-        id,
-        commit,
-        notaryUrl,
-        websocketProxyUrl,
-      },
-    });
-
-    browser.runtime.onMessage.removeListener(onProverResponse);
-  };
-
-  browser.runtime.onMessage.addListener(onProverResponse);
+    browser.runtime.onMessage.addListener(responseListener);
+  });

  browser.runtime.sendMessage({
    type: OffscreenActionTypes.create_prover_request,
@@ -631,6 +651,34 @@ async function runPluginProver(request: BackgroundAction, now = Date.now()) {
      maxSentData,
    },
  });
+
+  const timeoutPromise = new Promise((_, reject) => {
+    setTimeout(() => {
+      if (listenerActive) {
+        listenerActive = false;
+        browser.runtime.onMessage.removeListener(responseListener);
+        reject(new Error('Notarization Timed Out'));
+      }
+      // 3 minute timeout
+    }, 180000);
+  });
+
+  try {
+    await Promise.race([proverPromise, timeoutPromise]);
+  } catch (error: any) {
+    await setNotaryRequestStatus(id, 'error');
+    await setNotaryRequestError(id, error.message);
+    browser.runtime.sendMessage({
+      type: BackgroundActiontype.update_request_progress,
+      data: {
+        id,
+        progress: RequestProgress.Error,
+        error: error.message,
+      },
+    });
+    await pushToRedux(addRequestHistory(await getNotaryRequest(id)));
+    throw error;
+  }
 }

 async function handleGetSecretsFromTranscript(
--- a/src/entries/Offscreen/rpc.ts
+++ b/src/entries/Offscreen/rpc.ts
@@ -19,8 +19,11 @@ import * as Comlink from 'comlink';
 import { PresentationJSON as PresentationJSONa7 } from 'tlsn-js/build/types';
 import { OffscreenActionTypes } from './types';
 import { PresentationJSON } from '../../utils/types';
-import { verify } from 'tlsn-js-v5';
 import { waitForEvent } from '../utils';
+import {
+  setNotaryRequestError,
+  setNotaryRequestStatus,
+} from '../Background/db';

 const { init, Prover, Presentation, Verifier }: any = Comlink.wrap(
  new Worker(new URL('./worker.ts', import.meta.url)),
@@ -33,7 +36,10 @@ export const initThreads = async () => {
    type: BackgroundActiontype.get_logging_level,
    hardwareConcurrency: navigator.hardwareConcurrency,
  });
-  await init({ loggingLevel });
+  await init({
+    loggingLevel,
+    hardwareConcurrency: navigator.hardwareConcurrency,
+  });
 };
 export const onNotarizationRequest = async (request: any) => {
  const { id } = request.data;
@@ -122,7 +128,6 @@ export const onCreatePresentationRequest = async (request: any) => {
      reveal: commit,
    })) as TPresentation;
    const json = await presentation.json();
-
    browser.runtime.sendMessage({
      type: BackgroundActiontype.finish_prove_request,
      data: {
@@ -435,7 +440,6 @@ async function createProof(options: {
  })) as TPresentation;

  const json = await presentation.json();
-
  return {
    ...json,
    meta: {
@@ -473,30 +477,51 @@ async function createProver(options: {

  const hostname = urlify(url)?.hostname || '';
  const notary = NotaryServer.from(notaryUrl);
+  try {
+    const prover: TProver = await handleProgress(
+      id,
+      RequestProgress.CreatingProver,
+      () =>
+        new Prover({
+          id,
+          serverDns: hostname,
+          maxSentData,
+          maxRecvData,
+        }),
+      'Error creating prover',
+    );

-  updateRequestProgress(id, RequestProgress.CreatingProver);
-  const prover: TProver = await new Prover({
-    id,
-    serverDns: hostname,
-    maxSentData,
-    maxRecvData,
-  });
+    const sessionUrl = await handleProgress(
+      id,
+      RequestProgress.GettingSession,
+      () => notary.sessionUrl(maxSentData, maxRecvData),
+      'Error getting session from Notary',
+    );

-  updateRequestProgress(id, RequestProgress.GettingSession);
-  const sessionUrl = await notary.sessionUrl(maxSentData, maxRecvData);
+    await handleProgress(
+      id,
+      RequestProgress.SettingUpProver,
+      () => prover.setup(sessionUrl),
+      'Error setting up prover',
+    );

-  updateRequestProgress(id, RequestProgress.SettingUpProver);
-  await prover.setup(sessionUrl);
+    await handleProgress(
+      id,
+      RequestProgress.SendingRequest,
+      () =>
+        prover.sendRequest(websocketProxyUrl + `?token=${hostname}`, {
+          url,
+          method,
+          headers,
+          body,
+        }),
+      'Error sending request',
+    );

-  updateRequestProgress(id, RequestProgress.SendingRequest);
-  await prover.sendRequest(websocketProxyUrl + `?token=${hostname}`, {
-    url,
-    method,
-    headers,
-    body,
-  });
-
-  return prover;
+    return prover;
+  } catch (error) {
+    throw error;
+  }
 }

 async function verifyProof(proof: PresentationJSON): Promise<{
@@ -513,45 +538,86 @@ async function verifyProof(proof: PresentationJSON): Promise<{
  };

  switch (proof.version) {
-    case undefined: {
-      result = await verify(proof);
-      break;
-    }
+    case undefined:
    case '0.1.0-alpha.7':
    case '0.1.0-alpha.8':
    case '0.1.0-alpha.9':
-      const presentation: TPresentation = await new Presentation(proof.data);
-      const verifierOutput = await presentation.verify();
-      const transcript = new Transcript({
-        sent: verifierOutput.transcript.sent,
-        recv: verifierOutput.transcript.recv,
-      });
-      const vk = await presentation.verifyingKey();
-      const verifyingKey = Buffer.from(vk.data).toString('hex');
-      const notaryUrl = proof.meta.notaryUrl
-        ? convertNotaryWsToHttp(proof.meta.notaryUrl)
-        : '';
-      const publicKey = await new NotaryServer(notaryUrl)
-        .publicKey()
-        .catch(() => '');
      result = {
-        sent: transcript.sent(),
-        recv: transcript.recv(),
-        verifierKey: verifyingKey,
-        notaryKey: publicKey,
+        sent: 'version not supported',
+        recv: 'version not supported',
      };
      break;
+    case '0.1.0-alpha.10':
+      result = await verify(proof);
+      break;
  }
-  return result;
+
+  return result!;
 }

-function updateRequestProgress(id: string, progress: RequestProgress) {
-  devlog(`Request ${id}: ${progressText(progress)}`);
+async function verify(proof: PresentationJSON) {
+  if (proof.version !== '0.1.0-alpha.10') {
+    throw new Error('wrong version');
+  }
+  const presentation: TPresentation = await new Presentation(proof.data);
+  const verifierOutput = await presentation.verify();
+  const transcript = new Transcript({
+    sent: verifierOutput.transcript.sent,
+    recv: verifierOutput.transcript.recv,
+  });
+  const vk = await presentation.verifyingKey();
+  const verifyingKey = Buffer.from(vk.data).toString('hex');
+  const notaryUrl = proof.meta.notaryUrl
+    ? convertNotaryWsToHttp(proof.meta.notaryUrl)
+    : '';
+  const publicKey = await new NotaryServer(notaryUrl)
+    .publicKey()
+    .catch(() => '');
+  return {
+    sent: transcript.sent(),
+    recv: transcript.recv(),
+    verifierKey: verifyingKey,
+    notaryKey: publicKey,
+  };
+}
+
+function updateRequestProgress(
+  id: string,
+  progress: RequestProgress,
+  errorMessage?: string,
+) {
+  const progressMessage =
+    progress === RequestProgress.Error
+      ? `${errorMessage || 'Notarization Failed'}`
+      : progressText(progress);
+  devlog(`Request ${id}: ${progressMessage}`);
+
  browser.runtime.sendMessage({
    type: BackgroundActiontype.update_request_progress,
    data: {
      id,
-      progress: progress,
+      progress,
+      errorMessage,
    },
  });
 }
+
+async function handleProgress<T>(
+  id: string,
+  progress: RequestProgress,
+  action: () => Promise<T>,
+  errorMessage: string,
+): Promise<T> {
+  try {
+    updateRequestProgress(id, progress);
+    return await action();
+  } catch (error: any) {
+    updateRequestProgress(id, RequestProgress.Error, errorMessage);
+    await setNotaryRequestStatus(id, 'error');
+    await setNotaryRequestError(
+      id,
+      errorMessage || error.message || 'Unknown error',
+    );
+    throw error;
+  }
+}
--- a/src/entries/Offscreen/workers-v9.ts
+++ b/src/entries/Offscreen/workers-v9.ts
@@ -0,0 +1,9 @@
+import * as Comlink from 'comlink';
+import init, { Prover, Presentation, Verifier } from 'tlsn-js-v9';
+
+Comlink.expose({
+  init,
+  Prover,
+  Presentation,
+  Verifier,
+});
--- a/src/entries/SidePanel/SidePanel.tsx
+++ b/src/entries/SidePanel/SidePanel.tsx
@@ -13,7 +13,11 @@ import logo from '../../assets/img/icon-128.png';
 import classNames from 'classnames';
 import Icon from '../../components/Icon';
 import { useRequestHistory } from '../../reducers/history';
-import { BackgroundActiontype, progressText } from '../Background/rpc';
+import {
+  BackgroundActiontype,
+  progressText,
+  RequestProgress,
+} from '../Background/rpc';
 import { getPluginByHash, getPluginConfigByHash } from '../Background/db';
 import { SidePanelActionTypes } from './types';
 import { fetchP2PState, useClientId } from '../../reducers/p2p';
@@ -338,17 +342,27 @@ function StepContent(
    );
  } else if (notaryRequest?.status === 'pending' || pending || notarizationId) {
    btnContent = (
-      <button className="button mt-2 w-fit flex flex-row flex-nowrap items-center gap-2 cursor-default">
-        <Icon className="animate-spin" fa="fa-solid fa-spinner" size={1} />
-        <span className="text-sm">
-          {notaryRequest?.progress
-            ? `(${(
-                ((notaryRequest.progress + 1) / 6.06) *
-                100
-              ).toFixed()}%) ${progressText(notaryRequest.progress)}`
-            : 'Pending...'}
-        </span>
-      </button>
+      <div className="flex flex-col gap-2">
+        {notaryRequest?.progress === RequestProgress.Error && (
+          <div className="flex flex-row items-center gap-2 text-red-600">
+            <Icon fa="fa-solid fa-triangle-exclamation" size={1} />
+            <span className="text-sm">
+              {notaryRequest?.errorMessage ||
+                progressText(notaryRequest.progress)}
+            </span>
+          </div>
+        )}
+        {notaryRequest?.progress !== RequestProgress.Error && (
+          <button className="button mt-2 w-fit flex flex-row flex-nowrap items-center gap-2 cursor-default">
+            <Icon className="animate-spin" fa="fa-solid fa-spinner" size={1} />
+            <span className="text-sm">
+              {notaryRequest?.progress !== undefined
+                ? `(${(((notaryRequest.progress + 1) / 6.06) * 100).toFixed()}%) ${progressText(notaryRequest.progress)}`
+                : 'Pending...'}
+            </span>
+          </button>
+        )}
+      </div>
    );
  } else {
    btnContent = (
--- a/src/pages/History/index.tsx
+++ b/src/pages/History/index.tsx
@@ -1,23 +1,20 @@
 import React, { ReactElement, useState, useCallback } from 'react';
 import { useDispatch } from 'react-redux';
 import { useNavigate } from 'react-router';
-import {
-  useHistoryOrder,
-  useRequestHistory,
-  deleteRequestHistory,
-} from '../../reducers/history';
+import { useHistoryOrder, useRequestHistory } from '../../reducers/history';
 import Icon from '../../components/Icon';
 import NotarizeIcon from '../../assets/img/notarize.png';
-import { getNotaryApi, getProxyApi } from '../../utils/storage';
 import { urlify } from '../../utils/misc';
 import {
  BackgroundActiontype,
  progressText,
+  RequestProgress,
 } from '../../entries/Background/rpc';
 import Modal, { ModalContent } from '../../components/Modal/Modal';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
 import RequestMenu from './request-menu';
+
 const charwise = require('charwise');

 export default function History(): ReactElement {
@@ -110,12 +107,14 @@ export function OneRequestHistory(props: {
                size={1}
              />
              <span className="">
-                {request?.progress
-                  ? `(${(
-                      ((request.progress + 1) / 6.06) *
-                      100
-                    ).toFixed()}%) ${progressText(request.progress)}`
-                  : 'Pending...'}
+                {request?.progress === RequestProgress.Error
+                  ? `${progressText(request.progress, request.errorMessage)}`
+                  : request?.progress
+                    ? `(${(
+                        ((request.progress + 1) / 6.06) *
+                        100
+                      ).toFixed()}%) ${progressText(request.progress)}`
+                    : 'Pending...'}
              </span>
            </div>
          )}
@@ -155,7 +154,7 @@ export function OneRequestHistory(props: {
        onClose={closeAllModal}
      >
        <ModalContent className="flex justify-center items-center text-slate-500">
-          {msg || 'Something went wrong :('}
+          {msg || request?.errorMessage}
        </ModalContent>
        <button
          className="m-0 w-24 bg-red-100 text-red-300 hover:bg-red-200 hover:text-red-500"
--- a/src/reducers/history.tsx
+++ b/src/reducers/history.tsx
@@ -1,6 +1,7 @@
 import {
  BackgroundActiontype,
  RequestHistory,
+  RequestProgress,
 } from '../entries/Background/rpc';
 import { useSelector } from 'react-redux';
 import { AppRootState } from './index';
@@ -76,6 +77,9 @@ export default function history(
      if (!payload) return state;

      const existing = state.map[payload.id];
+      if (existing?.progress === RequestProgress.Error) {
+        return state;
+      }
      const newMap = {
        ...state.map,
        [payload.id]: payload,
@@ -90,13 +94,20 @@ export default function history(
    }
    case ActionType['/history/setRequests']: {
      const payload: RequestHistory[] = action.payload;
-
+      const newMap = payload.reduce(
+        (map: { [id: string]: RequestHistory }, req) => {
+          if (state.map[req.id]?.progress === RequestProgress.Error) {
+            map[req.id] = state.map[req.id];
+          } else {
+            map[req.id] = req;
+          }
+          return map;
+        },
+        {},
+      );
      return {
        ...state,
-        map: payload.reduce((map: { [id: string]: RequestHistory }, req) => {
-          map[req.id] = req;
-          return map;
-        }, {}),
+        map: newMap,
        order: payload.map(({ id }) => id),
      };
    }
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -1,5 +1,5 @@
 export const EXPLORER_API = 'https://explorer.tlsnotary.org';
-export const NOTARY_API = 'https://notary.pse.dev/v0.1.0-alpha.9';
+export const NOTARY_API = 'https://notary.pse.dev/v0.1.0-alpha.10';
 export const RENDEZVOUS_API = 'wss://explorer.tlsnotary.org';
 export const NOTARY_PROXY = 'wss://notary.pse.dev/proxy';
 export const MAX_RECV = 16384;
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -7,7 +7,6 @@ var webpack = require("webpack"),
  TerserPlugin = require("terser-webpack-plugin");
 var { CleanWebpackPlugin } = require("clean-webpack-plugin");
 var ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
-var ReactRefreshTypeScript = require("react-refresh-typescript");
 var ExtReloader = require('webpack-ext-reloader');

 const ASSET_PATH = process.env.ASSET_PATH || "/";
@@ -42,6 +41,9 @@ var options = {
    /Circular dependency between chunks with runtime/,
    /ResizeObserver loop completed with undelivered notifications/,
    /Should not import the named export/,
+    /Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0/,
+    /Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0./,
+    /repetitive deprecation warnings omitted/,
  ],

  entry: {
@@ -111,11 +113,6 @@ var options = {
          {
            loader: require.resolve("ts-loader"),
            options: {
-              getCustomTransformers: () => ({
-                before: [isDevelopment && ReactRefreshTypeScript()].filter(
-                  Boolean
-                ),
-              }),
              transpileOnly: isDevelopment,
            },
          },
Author	SHA1	Message	Date
tsukino	303448a3c1	chore: add gitignore	2025-04-30 15:03:01 +08:00
tsukino	46674491c6	chore: update to alpha.9	2025-04-30 15:02:35 +08:00
Hendrik Eeckhaut	0ba4a71bba	Added link to chrome web store (#173 )	2025-04-16 17:22:26 +02:00
Tanner	ade6d7e575	Added Errors to Notarization Progress (#147 ) * feat: added Error for RequestProgress * feat: added logic to handle errors depending on progress * chore: linting errors * fix: linting build error * Avoid magic numbers * lint * feat: alpha.8 * fix: package.json path * chore: update lockfiles * fix: notary url * feat: notarization timeouts * fix: notarization timeouts * feat: fixed comments + errors are properly thrown and status changes * fix: notarization timeouts work properly now * fix: timeout error message fix * fix: lint * fix: lint * fix: errors should keep state after being thrown now * chore: lint * fix: fixing metadata with new progress status --------- Co-authored-by: Hendrik Eeckhaut <hendrik@eeckhaut.org> Co-authored-by: tsukino <0xtsukino@gmail.com>	2025-04-15 10:00:57 -07:00
Hendrik Eeckhaut	3f37c1aee8	Update extism to v1.0.3 (#166 )	2025-04-10 10:02:48 +02:00
tsukino	5545d7abed	refactor: remove unused versions (#167 )	2025-03-31 16:57:41 +02:00
Hendrik Eeckhaut	b674f5c579	Correct package version (#165 )	2025-03-28 13:52:26 +01:00