introduce stars

Author: gudnuf

app/features/accounts/account-hooks.ts

@@ -19,6 +19,7 @@ import {
   type CashuAccount,
   type ExtendedAccount,
   getAccountBalance,
+  isStarAccount,
 } from './account';
 import {
   type AccountRepository,
@@ -277,6 +278,8 @@ export const accountsQueryOptions = ({
 export function useAccounts<T extends AccountType = AccountType>(select?: {
   currency?: Currency;
   type?: T;
+  excludeStarAccounts?: boolean;
+  starAccountsOnly?: boolean;
 }): UseSuspenseQueryResult<ExtendedAccount<T>[]> {
   const user = useUser();
   const accountRepository = useAccountRepository();
@@ -301,13 +304,25 @@ export function useAccounts<T extends AccountType = AccountType>(select?: {
             if (select.type && account.type !== select.type) {
               return false;
             }
+            if (select.excludeStarAccounts && isStarAccount(account)) {
+              return false;
+            }
+            if (select.starAccountsOnly && !isStarAccount(account)) {
+              return false;
+            }
             return true;
           },
         );
 
         return filteredData;
       },
-      [select?.currency, select?.type, user],
+      [
+        select?.currency,
+        select?.type,
+        select?.excludeStarAccounts,
+        select?.starAccountsOnly,
+        user,
+      ],
     ),
   });
 }
@@ -430,14 +445,17 @@ export function useAddCashuAccount() {
   return mutateAsync;
 }
 
+/**
+ * @returns the total balance of all accounts for the given currency excluding Star accounts.
+ */
 export function useBalance(currency: Currency) {
-  const { data: accounts } = useAccounts({ currency });
-  const balance = accounts.reduce(
-    (acc, account) => {
-      const accountBalance = getAccountBalance(account);
-      return acc.add(accountBalance);
-    },
-    new Money({ amount: 0, currency }),
-  );
+  const { data: accounts } = useAccounts({
+    currency,
+    excludeStarAccounts: true,
+  });
+  const balance = accounts.reduce((acc, account) => {
+    const accountBalance = getAccountBalance(account);
+    return acc.add(accountBalance);
+  }, Money.zero(currency));
   return balance;
 }

app/features/accounts/account-icons.tsx

@@ -1,15 +1,17 @@
-import { LandmarkIcon, Zap } from 'lucide-react';
+import { LandmarkIcon, StarIcon, Zap } from 'lucide-react';
 import type { ReactNode } from 'react';
 import type { AccountType } from './account';
 
 const CashuIcon = () => <LandmarkIcon className="h-4 w-4" />;
 const NWCIcon = () => <Zap className="h-4 w-4" />;
+const StarsIcon = () => <StarIcon className="h-4 w-4" />;
 
-const iconsByAccountType: Record<AccountType, ReactNode> = {
+const iconsByAccountType: Record<AccountType | 'star', ReactNode> = {
   cashu: <CashuIcon />,
   nwc: <NWCIcon />,
+  star: <StarsIcon />,
 };
 
-export function AccountTypeIcon({ type }: { type: AccountType }) {
+export function AccountTypeIcon({ type }: { type: AccountType | 'star' }) {
   return iconsByAccountType[type];
 }

app/features/accounts/account-selector.tsx

@@ -12,6 +12,7 @@ import { ScrollArea } from '~/components/ui/scroll-area';
 import { cn } from '~/lib/utils';
 import { MoneyWithConvertedAmount } from '../shared/money-with-converted-amount';
 import { type Account, getAccountBalance } from './account';
+import { isStarAccount } from './account';
 import { AccountTypeIcon } from './account-icons';
 
 export type AccountWithBadges<T extends Account = Account> = T & {
@@ -26,7 +27,7 @@ function AccountItem({ account }: { account: AccountWithBadges }) {
 
   return (
     <div className="flex w-full items-center gap-4 px-3 py-4">
-      <AccountTypeIcon type={account.type} />
+      <AccountTypeIcon type={isStarAccount(account) ? 'star' : account.type} />
       <div className="flex w-full flex-col justify-between gap-2 text-start">
         <span className="font-medium">{account.name}</span>
         <div className="flex items-center justify-between text-xs">

app/features/accounts/account.ts

@@ -57,3 +57,6 @@ export const getAccountBalance = (account: Account) => {
   // TODO: implement balance logic for other account types
   return new Money({ amount: 0, currency: account.currency });
 };
+
+export const isStarAccount = (account: Account) =>
+  account.type === 'cashu' && account.wallet.cachedMintInfo.internalMeltsOnly;

app/features/receive/receive-cashu-token-service.ts

@@ -6,7 +6,7 @@ import {
   getCashuUnit,
   getCashuWallet,
 } from '~/lib/cashu';
-import type { ExtendedCashuAccount } from '../accounts/account';
+import { type ExtendedCashuAccount, isStarAccount } from '../accounts/account';
 import {
   allMintKeysetsQueryOptions,
   cashuMintValidator,
@@ -198,8 +198,9 @@ export class ReceiveCashuTokenService {
     sourceAccount: CashuAccountWithTokenFlags,
     otherAccounts: CashuAccountWithTokenFlags[],
   ): CashuAccountWithTokenFlags[] {
-    if (sourceAccount.isTestMint) {
+    if (sourceAccount.isTestMint || isStarAccount(sourceAccount)) {
       // Tokens sourced from test mint can only be claimed to the same mint
+      // Tokens sourced from Star accounts cannot pay external invoices
       return sourceAccount.isSelectable ? [sourceAccount] : [];
     }
     return [sourceAccount, ...otherAccounts].filter(

app/features/receive/receive-cashu-token.tsx

@@ -208,7 +208,9 @@ export default function ReceiveToken({
               <AccountSelector
                 accounts={selectableAccounts}
                 selectedAccount={receiveAccount}
-                disabled={isCrossMintSwapDisabled}
+                disabled={
+                  isCrossMintSwapDisabled || selectableAccounts.length === 1
+                }
                 onSelect={setReceiveAccount}
               />
             </div>

app/features/settings/accounts/all-accounts.tsx

@@ -14,7 +14,10 @@ import type { Currency } from '~/lib/money';
 import { LinkWithViewTransition } from '~/lib/transitions';
 
 function CurrencyAccounts({ currency }: { currency: Currency }) {
-  const { data: accounts } = useAccounts({ currency });
+  const { data: accounts } = useAccounts({
+    currency,
+    excludeStarAccounts: true,
+  });
 
   return (
     <div className="space-y-3">

app/features/settings/settings.tsx

@@ -18,6 +18,7 @@ import { useToast } from '~/hooks/use-toast';
 import { canShare, shareContent } from '~/lib/share';
 import { LinkWithViewTransition } from '~/lib/transitions';
 import { cn } from '~/lib/utils';
+import { isStarAccount } from '../accounts/account';
 import { useDefaultAccount } from '../accounts/account-hooks';
 import { AccountTypeIcon } from '../accounts/account-icons';
 import { ColorModeToggle } from '../theme/color-mode-toggle';
@@ -111,7 +112,9 @@ export default function Settings() {
         </SettingsNavButton>
 
         <SettingsNavButton to="/settings/accounts">
-          <AccountTypeIcon type={defaultAccount.type} />
+          <AccountTypeIcon
+            type={isStarAccount(defaultAccount) ? 'star' : defaultAccount.type}
+          />
           <span>{defaultAccount.name}</span>
         </SettingsNavButton>