Add cashu wallet

* cashu wallet def exports new property 'components' to render balance and buttons for deposit and withdraw * new context CashuContext is included in pages/_app.js * CashuContext includes hooks to read/write proofs and show balance
stackernews · Jan 17, 2025 · c272a49 · c272a49
1 parent d9932e0
commit c272a49
Show file tree

Hide file tree

Showing 21 changed files with 632 additions and 35 deletions.
diff --git a/components/use-indexeddb.js b/components/use-indexeddb.js
@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback, useRef } from 'react'
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react'
 
 export function getDbName (userId, name) {
   return `app:storage:${userId ?? ''}${name ? `:${name}` : ''}`
@@ -294,7 +294,7 @@ function useIndexedDB ({ dbName, storeName, options = DEFAULT_OPTIONS, indices =
     })
   }, [queueOperation, storeName])
 
-  return { add, get, getAll, set, remove, clear, getByIndex, getAllByIndex, getPage, error, notSupported }
+  return useMemo(() => ({ add, get, getAll, set, remove, clear, getByIndex, getAllByIndex, getPage, error, notSupported }), [add, get, getAll, set, remove, clear, getByIndex, getAllByIndex, getPage, error, notSupported])
 }
 
 export default useIndexedDB
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -821,6 +821,34 @@ services:
       CONNECT: "localhost:${LNBITS_WEB_PORT}"
       TORDIR: "/app/.tor"
     cpu_shares: "${CPU_SHARES_LOW}"
+  cashu:
+    image: cashubtc/nutshell:0.16.4
+    container_name: cashu
+    profiles:
+      - wallets
+    restart: unless-stopped
+    ports:
+      - "3338:3338"
+    depends_on:
+      lnd:
+        condition: service_healthy
+        restart: true
+    environment:
+      - MINT_LISTEN_HOST=0.0.0.0
+      - MINT_LISTEN_PORT=3338
+      - MINT_INFO_NAME="SN Cashu Test Mint"
+      - MINT_PRIVATE_KEY=TEST_PRIVATE_KEY
+      - MINT_BACKEND_BOLT11_SAT=LndRPCWallet
+      - MINT_LND_RPC_ENDPOINT=lnd:10009
+      - MINT_LND_RPC_CERT=/app/.lnd/tls.cert
+      - MINT_LND_RPC_MACAROON=/app/.lnd/data/chain/bitcoin/regtest/admin.macaroon
+    command: ["poetry", "run", "mint"]
+    volumes:
+      - lnd:/app/.lnd
+      - cashu:/app/.cashu
+    labels:
+      CONNECT: "localhost:3338"
+    cpu_shares: "${CPU_SHARES_LOW}"
 volumes:
   db:
   os:
@@ -833,4 +861,5 @@ volumes:
   nwc_send:
   nwc_recv:
   tordata:
-  eclair:
+  eclair:
+  cashu:
diff --git a/lib/validate.js b/lib/validate.js
@@ -515,3 +515,7 @@ export const deviceSyncSchema = object().shape({
       return true
     })
 })
+
+export const mintQuoteSchema = object({
+  amount: intValidator.required('required').positive('must be positive')
+})
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "@apollo/server": "^4.11.0",
     "@as-integrations/next": "^3.1.0",
     "@auth/prisma-adapter": "^2.7.0",
+    "@cashu/cashu-ts": "^2.1.0",
     "@graphql-tools/schema": "^10.0.6",
     "@lightninglabs/lnc-web": "^0.3.2-alpha",
     "@noble/curves": "^1.6.0",

diff --git a/pages/_app.js b/pages/_app.js
@@ -23,6 +23,7 @@ import { HasNewNotesProvider } from '@/components/use-has-new-notes'
 import { WebLnProvider } from '@/wallets/webln/client'
 import { AccountProvider } from '@/components/account'
 import { WalletsProvider } from '@/wallets/index'
+import { CashuProvider } from '@/wallets/cashu/client'
 
 const PWAPrompt = dynamic(() => import('react-ios-pwa-prompt'), { ssr: false })
 
@@ -117,26 +118,28 @@ export default function MyApp ({ Component, pageProps: { ...props } }) {
                 <HasNewNotesProvider>
                   <LoggerProvider>
                     <WebLnProvider>
-                      <ServiceWorkerProvider>
-                        <AccountProvider>
-                          <PriceProvider price={price}>
-                            <LightningProvider>
-                              <ToastProvider>
-                                <ShowModalProvider>
-                                  <BlockHeightProvider blockHeight={blockHeight}>
-                                    <ChainFeeProvider chainFee={chainFee}>
-                                      <ErrorBoundary>
-                                        <Component ssrData={ssrData} {...otherProps} />
-                                        {!router?.query?.disablePrompt && <PWAPrompt copyBody='This website has app functionality. Add it to your home screen to use it in fullscreen and receive notifications. In Safari:' promptOnVisit={2} />}
-                                      </ErrorBoundary>
-                                    </ChainFeeProvider>
-                                  </BlockHeightProvider>
-                                </ShowModalProvider>
-                              </ToastProvider>
-                            </LightningProvider>
-                          </PriceProvider>
-                        </AccountProvider>
-                      </ServiceWorkerProvider>
+                      <CashuProvider>
+                        <ServiceWorkerProvider>
+                          <AccountProvider>
+                            <PriceProvider price={price}>
+                              <LightningProvider>
+                                <ToastProvider>
+                                  <ShowModalProvider>
+                                    <BlockHeightProvider blockHeight={blockHeight}>
+                                      <ChainFeeProvider chainFee={chainFee}>
+                                        <ErrorBoundary>
+                                          <Component ssrData={ssrData} {...otherProps} />
+                                          {!router?.query?.disablePrompt && <PWAPrompt copyBody='This website has app functionality. Add it to your home screen to use it in fullscreen and receive notifications. In Safari:' promptOnVisit={2} />}
+                                        </ErrorBoundary>
+                                      </ChainFeeProvider>
+                                    </BlockHeightProvider>
+                                  </ShowModalProvider>
+                                </ToastProvider>
+                              </LightningProvider>
+                            </PriceProvider>
+                          </AccountProvider>
+                        </ServiceWorkerProvider>
+                      </CashuProvider>
                     </WebLnProvider>
                   </LoggerProvider>
                 </HasNewNotesProvider>

diff --git a/pages/wallets/[wallet].js b/pages/wallets/[wallet].js
@@ -13,7 +13,7 @@ import { canReceive, canSend, isConfigured } from '@/wallets/common'
 import { SSR } from '@/lib/constants'
 import WalletButtonBar from '@/components/wallet-buttonbar'
 import { useWalletConfigurator } from '@/wallets/config'
-import { useCallback, useMemo } from 'react'
+import { Fragment, useCallback, useMemo } from 'react'
 import { useMe } from '@/components/me'
 import validateWallet from '@/wallets/validate'
 import { ValidationError } from 'yup'
@@ -101,6 +101,7 @@ export default function WalletSettings () {
       >
         <SendWarningBanner walletDef={wallet.def} />
         {wallet && <WalletFields wallet={wallet} />}
+        {wallet && <WalletComponents wallet={wallet} />}
         <CheckboxGroup name='enabled'>
           <Checkbox
             disabled={!isConfigured(wallet)}
@@ -185,3 +186,17 @@ function WalletFields ({ wallet }) {
       return null
     })
 }
+
+function WalletComponents ({ wallet }) {
+  if (!canSend({ def: wallet.def, config: wallet.config })) return null
+
+  return (
+    <div className='d-flex align-items-center justify-content-end column-gap-3'>
+      {
+        wallet.def.components?.map((Component, i) => {
+          return (<Fragment key={i}><Component wallet={wallet} /></Fragment>)
+        })
+      }
+    </div>
+  )
+}
diff --git a/pages/withdraw.js b/pages/withdraw.js
@@ -149,7 +149,7 @@ export function InvWithdrawal () {
   )
 }
 
-function InvoiceScanner ({ fieldName }) {
+export function InvoiceScanner ({ fieldName }) {
   const showModal = useShowModal()
   const [,, helpers] = useField(fieldName)
   const toaster = useToast()