palladians · martonmoro · Nov 4, 2024 · Nov 4, 2024 · Nov 4, 2024 · Nov 6, 2024
diff --git a/apps/extension/index.html b/apps/extension/index.html
@@ -22,6 +22,7 @@
     </head>
 
     <body>
+        <iframe id="o1sandbox" title="Sandbox" src="/sandbox.html" allow="cross-origin-isolated" sandbox="allow-scripts" width="0" height="0"></iframe>
         <div id="root"></div>
         <script type="module" src="/src/main.tsx"></script>
     </body>

diff --git a/apps/extension/manifest.ts b/apps/extension/manifest.ts
@@ -32,10 +32,13 @@ export const manifest: chrome.runtime.ManifestV3 = {
   ],
   web_accessible_resources: [
     {
-      resources: ["rpc.js"],
+      resources: ["rpc.js", "sandbox.html", "sandbox.js"],
       matches: rpcMatches,
     },
   ],
+  sandbox: {
+    pages: ["sandbox.html"],
+  },
   host_permissions: ["https://*/*"],
   commands: {
     _execute_action: {
@@ -48,4 +51,14 @@ export const manifest: chrome.runtime.ManifestV3 = {
       description: "Open the Pallad extension",
     },
   },
+  content_security_policy: {
+    sandbox:
+      "sandbox allow-scripts allow-forms allow-popups allow-modals; script-src 'self' 'unsafe-eval' 'wasm-unsafe-eval'; worker-src blob: 'self'; child-src blob: 'self'",
+  },
+  cross_origin_embedder_policy: {
+    value: "require-corp",
+  },
+  cross_origin_opener_policy: {
+    value: "same-origin",
+  },
 }
diff --git a/apps/extension/package.json b/apps/extension/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@palladxyz/extension",
+  "name": "@palladco/extension",
   "version": "0.6.2",
   "type": "module",
   "scripts": {
@@ -15,30 +15,28 @@
     "test:e2e:ui": "playwright test --ui"
   },
   "dependencies": {
-    "@mina-js/providers": "https://pkg.pr.new/palladians/mina-js/@mina-js/providers@a51d3b4",
-    "@palladxyz/common": "workspace:*",
-    "@palladxyz/features": "workspace:*",
-    "@palladxyz/key-management": "workspace:*",
-    "@palladxyz/vault": "workspace:*",
-    "@palladxyz/web-provider": "workspace:*",
+    "@mina-js/providers": "https://pkg.pr.new/palladians/mina-js/@mina-js/providers@3",
+    "@palladco/common": "workspace:*",
+    "@palladco/features": "workspace:*",
+    "@palladco/key-management": "workspace:*",
+    "@palladco/vault": "workspace:*",
+    "@palladco/web-provider": "workspace:*",
     "@plasmohq/messaging": "0.6.2",
     "buffer": "6.0.3",
+    "mina-credentials": "^0.2.6",
     "mitt": "3.0.1",
     "next-themes": "0.3.0",
+    "o1js": "https://pkg.pr.new/o1-labs/o1js@996ebb3",
     "p-debounce": "4.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "serialize-error": "11.0.3",
-    "tailwindcss-animate": "1.0.7",
-    "vite-plugin-node-stdlib-browser": "0.2.1",
+    "ts-pattern": "^5.5.0",
     "webext-bridge": "6.0.1",
     "webextension-polyfill": "0.12.0",
     "zod": "3.23.8"
   },
   "devDependencies": {
-    "@esbuild-plugins/node-globals-polyfill": "0.2.3",
-    "@esbuild-plugins/node-modules-polyfill": "0.2.2",
-    "@originjs/vite-plugin-commonjs": "1.0.3",
     "@playwright/test": "1.45.3",
     "@total-typescript/ts-reset": "0.5.1",
     "@tsconfig/vite-react": "3.0.2",
@@ -47,20 +45,10 @@
     "@types/react-dom": "18.3.0",
     "@types/webextension-polyfill": "0.10.7",
     "@vitejs/plugin-react-swc": "3.7.0",
-    "dedent": "1.5.3",
-    "path": "0.12.7",
-    "rollup-plugin-node-polyfills": "0.2.1",
-    "rollup-plugin-polyfill-node": "0.13.0",
-    "type-fest": "4.23.0",
     "vite": "5.3.5",
-    "vite-plugin-commonjs": "0.10.1",
     "vite-plugin-node-polyfills": "0.17.0",
-    "vite-plugin-require-transform": "1.0.21",
     "vite-plugin-svgr": "4.2.0",
-    "vite-plugin-top-level-await": "1.4.2",
-    "vite-plugin-wasm": "3.3.0",
     "vite-plugin-web-extension": "4.1.6",
-    "web-ext": "8.2.0",
-    "write-json-file": "6.0.0"
+    "web-ext": "8.2.0"
   }
 }
diff --git a/apps/extension/postcss.config.mjs b/apps/extension/postcss.config.mjs
@@ -1,3 +1,3 @@
-import postcssConfig from "@palladxyz/features/postcss.config.mjs"
+import postcssConfig from "@palladco/features/postcss.config.mjs"
 
 export default postcssConfig
diff --git a/apps/extension/prompt.html b/apps/extension/prompt.html
@@ -18,6 +18,7 @@
     </head>
 
     <body>
+        <iframe id="o1sandbox" title="Sandbox" src="/sandbox.html" allow="cross-origin-isolated" sandbox="allow-scripts" width="0" height="0"></iframe>
         <div id="root"></div>
         <script type="module" src="/src/prompt.tsx"></script>
     </body>

diff --git a/apps/extension/sandbox.html b/apps/extension/sandbox.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Pallad</title>
+    </head>
+
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/sandbox/index.ts"></script>
+    </body>
+</html>
diff --git a/apps/extension/src/app.tsx b/apps/extension/src/app.tsx
@@ -1,7 +1,7 @@
-import "@palladxyz/features/dist/index.css"
+import "@palladco/features/dist/index.css"
 import "./assets/app.css"
 
-import { Router } from "@palladxyz/features"
+import { Router } from "@palladco/features"
 import { ThemeProvider } from "next-themes"
 import { useEffect } from "react"
 

diff --git a/apps/extension/src/background/handlers/wallet.ts b/apps/extension/src/background/handlers/wallet.ts
@@ -1,6 +1,6 @@
-import { useVault } from "@palladxyz/vault"
-import type { NetworkId } from "@palladxyz/vault"
-import { createMinaProvider } from "@palladxyz/web-provider"
+import { useVault } from "@palladco/vault"
+import type { NetworkId } from "@palladco/vault"
+import { createMinaProvider } from "@palladco/web-provider"
 import { serializeError } from "serialize-error"
 import type { Handler } from "./"
 

diff --git a/apps/extension/src/background/handlers/web-provider.ts b/apps/extension/src/background/handlers/web-provider.ts
@@ -5,15 +5,18 @@ import {
   GetBalanceRequestParamsSchema,
   GetStateRequestParamsSchema,
   NetworkIdRequestParamsSchema,
+  PresentationRequestParamsSchema,
   RequestAccountsRequestParamsSchema,
   SendTransactionRequestParamsSchema,
   SetStateRequestParamsSchema,
   SignFieldsRequestParamsSchema,
   SignRequestParamsSchema,
   SignTransactionRequestParamsSchema,
+  StorePrivateCredentialRequestParamsSchema,
   SwitchChainRequestParamsSchema,
+  signFieldsWithPassphraseRequestParamsSchema,
 } from "@mina-js/providers"
-import { createMinaProvider } from "@palladxyz/web-provider"
+import { createMinaProvider } from "@palladco/web-provider"
 import { serializeError } from "serialize-error"
 import { z } from "zod"
 import type { Handler } from "."
@@ -146,6 +149,21 @@ export const minaSignFields: Handler = async ({ data }) => {
   }
 }
 
+export const minaSignFieldsWithPassphrase: Handler = async ({ data }) => {
+  try {
+    const provider = await createMinaProvider()
+    const payload = signFieldsWithPassphraseRequestParamsSchema.parse({
+      method: "mina_signFieldsWithPassphrase",
+      params: data.params,
+      context: data.context,
+    })
+    const response = await provider.request(payload)
+    return response
+  } catch (error: unknown) {
+    return { error: serializeError(error) }
+  }
+}
+
 export const minaSignTransaction: Handler = async ({ data }) => {
   try {
     const provider = await createMinaProvider()
@@ -200,3 +218,31 @@ export const minaSendTransaction: Handler = async ({ data }) => {
     return { error: serializeError(error) }
   }
 }
+
+export const minaStorePrivateCredential: Handler = async ({ data }) => {
+  try {
+    const provider = await createMinaProvider()
+    const payload = StorePrivateCredentialRequestParamsSchema.parse({
+      method: "mina_storePrivateCredential",
+      params: data.params,
+      context: data.context,
+    })
+    return await provider.request(payload)
+  } catch (error: unknown) {
+    return { error: serializeError(error) }
+  }
+}
+
+export const minaRequestPresentation: Handler = async ({ data }) => {
+  try {
+    const provider = await createMinaProvider()
+    const payload = PresentationRequestParamsSchema.parse({
+      method: "mina_requestPresentation",
+      params: data.params,
+      context: data.context,
+    })
+    return await provider.request(payload)
+  } catch (error: unknown) {
+    return { error: serializeError(error) }
+  }
+}
diff --git a/apps/extension/src/background/index.ts b/apps/extension/src/background/index.ts
@@ -1,4 +1,4 @@
-import { createMinaProvider } from "@palladxyz/web-provider"
+import { createMinaProvider } from "@palladco/web-provider"
 import { onMessage, sendMessage } from "webext-bridge/background"
 import { runtime, tabs } from "webextension-polyfill"
 import {
@@ -10,11 +10,14 @@ import {
   minaNetworkId,
   minaRequestAccounts,
   minaRequestNetwork,
+  minaRequestPresentation,
   minaSendTransaction,
   minaSetState,
   minaSign,
   minaSignFields,
+  minaSignFieldsWithPassphrase,
   minaSignTransaction,
+  minaStorePrivateCredential,
   minaSwitchChain,
   palladConnected,
   palladSidePanel,
@@ -40,6 +43,9 @@ onMessage("mina_signTransaction", minaSignTransaction)
 onMessage("mina_getBalance", minaGetBalance)
 onMessage("mina_createNullifier", minaCreateNullifier)
 onMessage("mina_sendTransaction", minaSendTransaction)
+onMessage("mina_storePrivateCredential", minaStorePrivateCredential)
+onMessage("mina_requestPresentation", minaRequestPresentation)
+onMessage("mina_signFieldsWithPassphrase", minaSignFieldsWithPassphrase)
 
 /**
  * Wallet handlers

diff --git a/apps/extension/src/prompt.tsx b/apps/extension/src/prompt.tsx
@@ -1,7 +1,7 @@
-import "@palladxyz/features/dist/index.css"
+import "@palladco/features/dist/index.css"
 import "@total-typescript/ts-reset"
 
-import { WebConnectorRoute } from "@palladxyz/features"
+import { WebConnectorRoute } from "@palladco/features"
 import { ThemeProvider } from "next-themes"
 import React from "react"
 import ReactDOM from "react-dom/client"
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,6 +22,7 @@ @@
         </head>
         <body>
+            <iframe id="o1sandbox" title="Sandbox" src="/sandbox.html" allow="cross-origin-isolated" sandbox="allow-scripts" width="0" height="0"></iframe>
             <div id="root"></div>
             <script type="module" src="/src/main.tsx"></script>
         </body>
@@ Expand Down @@