Upgrade to Miden 0.13

README.md

@@ -23,6 +23,20 @@ npm i
 npm run dev
 ```
 
+### Local Development
+
+To develop against a local Miden node (default port `57291`), set the RPC endpoint
+to the Vite dev server's origin in your `.env`:
+
+```bash
+VITE_RPC_ENDPOINT=http://localhost:5173
+VITE_NETWORK_ID=localhost
+```
+
+This keeps gRPC-web requests same-origin, avoiding CORS issues. A dev-server
+middleware in `vite.config.ts` automatically proxies these requests to
+`localhost:57291`.
+
 ## Resetting the MidenClientDB
 
 The Miden webclient stores account and note data in the browser. To clear the account and node data in the browser, paste this code snippet into the browser console:

package.json

@@ -11,11 +11,12 @@
     "postinstall": "setup-para"
   },
   "dependencies": {
-    "@demox-labs/miden-sdk": "^0.12.5",
     "@demox-labs/miden-wallet-adapter": "0.10.0",
     "@getpara/react-sdk-lite": "^2.2.0",
-    "@miden-sdk/miden-para": "^0.10.10",
-    "@miden-sdk/use-miden-para-react": "^0.10.10",
+    "@miden-sdk/miden-para": "^0.13.0",
+    "@miden-sdk/miden-sdk": "^0.13.0",
+    "@miden-sdk/react": "^0.13.2",
+    "@miden-sdk/use-miden-para-react": "^0.13.0",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-slot": "^1.2.4",
     "@tanstack/react-query": "^5.90.12",
@@ -52,6 +53,7 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "http-proxy-middleware": "^3.0.5",
     "postcss": "^8.5.6",
     "puppeteer": "^24.32.1",
     "tailwindcss": "^3.4.18",

src/components/Footer.tsx

@@ -81,9 +81,18 @@ export function Footer() {
           >
             About us
           </a>
+          <a
+            href='https://zoroswap.com/developer-integration'
+            className='text-primary hover:text-foreground transition-colors'
+            title='Developer integration for ZoroSwap'
+            target='_blank'
+            rel='noopener noreferrer'
+          >
+            Developers
+          </a>
         </div>
         <div className='opacity-25 absolute right-4 text-xs sm:block hidden'>
-          testnet v.12
+          testnet 0.13
         </div>
       </div>
     </footer>

src/components/PoolModal.tsx

@@ -2,7 +2,7 @@ import { useDeposit } from '@/hooks/useDeposit';
 import { useWithdraw } from '@/hooks/useWithdraw';
 import { ZoroContext } from '@/providers/ZoroContext';
 import type { TokenConfig } from '@/providers/ZoroProvider';
-import { NoteType } from '@demox-labs/miden-sdk';
+import { NoteType } from '@miden-sdk/miden-sdk';
 import { Loader, X } from 'lucide-react';
 import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { parseUnits } from 'viem';
@@ -123,17 +123,25 @@ const PoolModal = (
     if (token == null) return;
     await deposit({
       amount: rawValue,
-      minAmountOut: BigInt(0), // rawValue,
+
+      // TODO: This needs to be the correct LP amount, not token amount
+      // BigInt(rawValue * BigInt(1e8 - 1e6 * slippage) / BigInt(1e8))
+      // find a way to simulate it properly
+      minAmountOut: BigInt(1),
       token,
       noteType: NoteType.Public,
     });
   }, [rawValue, deposit, token]);
 
   const writeWithdraw = useCallback(async () => {
     if (token == null) return;
+
     await withdraw({
       amount: rawValue,
-      minAmountOut: rawValue,
+      // TODO: This needs to be the correct LP amount, not token amount
+      // BigInt(rawValue * BigInt(1e8 - 1e6 * slippage) / BigInt(1e8))
+      // find a way to simulate it properly
+      minAmountOut: BigInt(1),
       token,
       noteType: NoteType.Public,
     });