fix: add ed25519 polyfill

nickfrosty · nickfrosty · commit 5a66828eeef8 · 2025-06-24T10:42:37.000-04:00
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/templates/template-next-tailwind-counter/package.json b/templates/template-next-tailwind-counter/package.json
@@ -61,6 +61,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-slot": "^1.2.3",
+    "@solana/webcrypto-ed25519-polyfill": "^2.1.1",
     "@tanstack/react-query": "^5.80.7",
     "@wallet-ui/react": "1.1.0-canary-20250617152337",
     "@wallet-ui/tailwind": "1.1.0-canary-20250617152337",
diff --git a/templates/template-next-tailwind-counter/src/components/counter/counter-data-access.tsx b/templates/template-next-tailwind-counter/src/components/counter/counter-data-access.tsx
@@ -17,6 +17,10 @@ import { useWalletTransactionSignAndSend } from '../solana/use-wallet-transactio
 import { useClusterVersion } from '@/components/cluster/use-cluster-version'
 import { toastTx } from '@/components/toast-tx'
 import { useWalletUiSigner } from '@/components/solana/use-wallet-ui-signer'
+import { install as installEd25519 } from '@solana/webcrypto-ed25519-polyfill'
+
+// polyfill ed25519 for browsers (to allow `generateKeyPairSigner` to work)
+installEd25519()
 
 export function useCounterProgramId() {
   const { cluster } = useWalletUi()
diff --git a/templates/template-react-vite-tailwind-counter/package.json b/templates/template-react-vite-tailwind-counter/package.json
@@ -58,6 +58,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-slot": "^1.2.3",
+    "@solana/webcrypto-ed25519-polyfill": "^2.1.1",
     "@tailwindcss/vite": "^4.1.10",
     "@tanstack/react-query": "^5.80.7",
     "@wallet-ui/react": "1.1.0-canary-20250617152337",
diff --git a/templates/template-react-vite-tailwind-counter/src/components/counter/counter-data-access.tsx b/templates/template-react-vite-tailwind-counter/src/components/counter/counter-data-access.tsx
@@ -17,6 +17,10 @@ import { useWalletTransactionSignAndSend } from '../solana/use-wallet-transactio
 import { useClusterVersion } from '@/components/cluster/use-cluster-version'
 import { toastTx } from '@/components/toast-tx'
 import { useWalletUiSigner } from '@/components/solana/use-wallet-ui-signer'
+import { install as installEd25519 } from '@solana/webcrypto-ed25519-polyfill'
+
+// polyfill ed25519 for browsers (to allow `generateKeyPairSigner` to work)
+installEd25519()
 
 export function useCounterProgramId() {
   const { cluster } = useWalletUi()
