feat: implement bookmark account list

Author: beeman

bun.lock

@@ -317,6 +317,7 @@
         "@tanstack/react-query": "catalog:",
         "@workspace/db": "workspace:*",
         "@workspace/db-react": "workspace:*",
+        "@workspace/i18n": "workspace:*",
         "@workspace/solana-client": "workspace:*",
         "@workspace/solana-client-react": "workspace:*",
         "@workspace/ui": "workspace:*",

packages/db-react/src/options-bookmark-account.tsx

@@ -1,51 +1,21 @@
 import type { Address } from '@solana/kit'
 import { type MutateOptions, mutationOptions, queryOptions } from '@tanstack/react-query'
-import { bookmarkAccountCreate } from '@workspace/db/bookmark-account/bookmark-account-create'
-import type { BookmarkAccountCreateInput } from '@workspace/db/bookmark-account/bookmark-account-create-input'
-import { bookmarkAccountDelete } from '@workspace/db/bookmark-account/bookmark-account-delete'
 import { bookmarkAccountFindByAddress } from '@workspace/db/bookmark-account/bookmark-account-find-by-address'
 import { bookmarkAccountFindMany } from '@workspace/db/bookmark-account/bookmark-account-find-many'
 import type { BookmarkAccountFindManyInput } from '@workspace/db/bookmark-account/bookmark-account-find-many-input'
-import { bookmarkAccountFindUnique } from '@workspace/db/bookmark-account/bookmark-account-find-unique'
+import { bookmarkAccountToggle } from '@workspace/db/bookmark-account/bookmark-account-toggle'
 import { bookmarkAccountUpdate } from '@workspace/db/bookmark-account/bookmark-account-update'
 import type { BookmarkAccountUpdateInput } from '@workspace/db/bookmark-account/bookmark-account-update-input'
 import { db } from '@workspace/db/db'
 import { queryClient } from './query-client.tsx'
 
-export type BookmarkAccountCreateMutateOptions = MutateOptions<
-  string,
-  Error,
-  { input: Omit<BookmarkAccountCreateInput, 'address'> }
-> & {
-  address: Address
-}
-export type BookmarkAccountDeleteMutateOptions = MutateOptions<void, Error, { id: string }> & {
-  address: Address
-}
+export type BookmarkAccountToggleMutateOptions = MutateOptions<'created' | 'deleted', Error, { address: Address }>
 export type BookmarkAccountUpdateMutateOptions = MutateOptions<
   number,
   Error,
   { address: Address; input: BookmarkAccountUpdateInput }
 >
-
 export const optionsBookmarkAccount = {
-  create: (props: BookmarkAccountCreateMutateOptions) =>
-    mutationOptions({
-      mutationFn: ({ input }: { input: Omit<BookmarkAccountCreateInput, 'address'> }) =>
-        bookmarkAccountCreate(db, { ...input, address: props.address }),
-      onSuccess: () => {
-        queryClient.invalidateQueries(optionsBookmarkAccount.findByAddress(props.address))
-      },
-      ...props,
-    }),
-  delete: (props: BookmarkAccountDeleteMutateOptions) =>
-    mutationOptions({
-      mutationFn: ({ id }: { id: string }) => bookmarkAccountDelete(db, id),
-      onSuccess: () => {
-        queryClient.invalidateQueries(optionsBookmarkAccount.findByAddress(props.address))
-      },
-      ...props,
-    }),
   findByAddress: (address: Address) =>
     queryOptions({
       queryFn: () => bookmarkAccountFindByAddress(db, address),
@@ -56,10 +26,13 @@ export const optionsBookmarkAccount = {
       queryFn: () => bookmarkAccountFindMany(db, input),
       queryKey: ['bookmarkAccountFindMany', input],
     }),
-  findUnique: (id: string) =>
-    queryOptions({
-      queryFn: () => bookmarkAccountFindUnique(db, id),
-      queryKey: ['bookmarkAccountFindUnique', id],
+  toggle: (props: BookmarkAccountToggleMutateOptions) =>
+    mutationOptions({
+      mutationFn: ({ address }: { address: Address }) => bookmarkAccountToggle(db, address),
+      onSuccess: (_, { address }) => {
+        queryClient.invalidateQueries(optionsBookmarkAccount.findByAddress(address))
+      },
+      ...props,
     }),
   update: (props: BookmarkAccountUpdateMutateOptions = {}) =>
     mutationOptions({

packages/db-react/src/use-bookmark-account-create.tsx

@@ -0,0 +1,9 @@
+import type { BookmarkAccount } from '@workspace/db/bookmark-account/bookmark-account'
+import { bookmarkAccountFindMany } from '@workspace/db/bookmark-account/bookmark-account-find-many'
+import type { BookmarkAccountFindManyInput } from '@workspace/db/bookmark-account/bookmark-account-find-many-input'
+import { db } from '@workspace/db/db'
+import { useLiveQuery } from 'dexie-react-hooks'
+
+export function useBookmarkAccountLive(input: BookmarkAccountFindManyInput = {}) {
+  return useLiveQuery<BookmarkAccount[], BookmarkAccount[]>(() => bookmarkAccountFindMany(db, input), [input], [])
+}

packages/db-react/src/use-bookmark-account-delete.tsx

@@ -0,0 +1,6 @@
+import { useMutation } from '@tanstack/react-query'
+import { type BookmarkAccountToggleMutateOptions, optionsBookmarkAccount } from './options-bookmark-account.tsx'
+
+export function useBookmarkAccountToggle(props: BookmarkAccountToggleMutateOptions = {}) {
+  return useMutation(optionsBookmarkAccount.toggle(props))
+}

packages/db-react/src/use-bookmark-account-find-unique.tsx

@@ -0,0 +1,19 @@
+import type { Address } from '@solana/kit'
+import type { Database } from '../database.ts'
+
+import { bookmarkAccountCreate } from './bookmark-account-create.ts'
+import { bookmarkAccountDelete } from './bookmark-account-delete.ts'
+import { bookmarkAccountFindByAddress } from './bookmark-account-find-by-address.ts'
+
+export async function bookmarkAccountToggle(db: Database, address: Address): Promise<'created' | 'deleted'> {
+  return db.transaction('rw', db.bookmarkAccounts, async () => {
+    const existing = await bookmarkAccountFindByAddress(db, address)
+    if (existing) {
+      await bookmarkAccountDelete(db, existing.id)
+      return 'deleted'
+    } else {
+      await bookmarkAccountCreate(db, { address })
+      return 'created'
+    }
+  })
+}

packages/db-react/src/use-bookmark-account-live.tsx

@@ -4,7 +4,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 
 import { bookmarkAccountCreate } from '../src/bookmark-account/bookmark-account-create.ts'
 import { bookmarkAccountDelete } from '../src/bookmark-account/bookmark-account-delete.ts'
-import { bookmarkAccountFindUnique } from '../src/bookmark-account/bookmark-account-find-unique.ts'
+import { bookmarkAccountFindByAddress } from '../src/bookmark-account/bookmark-account-find-by-address.ts'
 import { createDbTest, testBookmarkAccountCreateInput } from './test-helpers.ts'
 
 const db = createDbTest()
@@ -25,7 +25,7 @@ describe('bookmark-account-delete', () => {
       await bookmarkAccountDelete(db, id)
 
       // ASSERT
-      const deletedItem = await bookmarkAccountFindUnique(db, id)
+      const deletedItem = await bookmarkAccountFindByAddress(db, input.address)
       expect(deletedItem).toBeNull()
     })
   })