Function syncTodos

examples/react/offline-transactions/src/db/todos.ts:112–198

({
    transaction,
    idempotencyKey,
  }: {
    transaction: { mutations: Array<PendingMutation> }
    idempotencyKey: string
  })

// API client functions
export const todoAPI = {
  async syncTodos({
    transaction,
    idempotencyKey,
  }: {
    transaction: { mutations: Array<PendingMutation> }
    idempotencyKey: string
  }) {
    const mutations = transaction.mutations

    console.log(
      `sync todos`,
      mutations[0].changes,
      (mutations[0].original as Record<string, unknown>).text,
    )
    for (const mutation of mutations) {
      try {
        switch (mutation.type) {
          case `insert`: {
            const todoData = mutation.modified as unknown as Todo
            const response = await fetchWithRetry(`/api/todos`, {
              method: `POST`,
              headers: {
                'Content-Type': `application/json`,
                'Idempotency-Key': idempotencyKey,
              },
              body: JSON.stringify({
                text: todoData.text,
                completed: todoData.completed,
              }),
            })

            if (!response.ok) {
              throw new Error(`Failed to sync insert: ${response.statusText}`)
            }
            break
          }

          case `update`: {
            const todoData = mutation.modified as Partial<Todo>
            const response = await fetch(
              `/api/todos/${(mutation.modified as unknown as Todo).id}`,
              {
                method: `PUT`,
                headers: {
                  'Content-Type': `application/json`,
                  'Idempotency-Key': idempotencyKey,
                },
                body: JSON.stringify({
                  text: todoData.text,
                  completed: todoData.completed,
                }),
              },
            )

            if (!response.ok) {
              throw new Error(`Failed to sync update: ${response.statusText}`)
            }
            break