hooks useWorkshopSession.ts

0% Statements 0/56
0% Branches 0/1
0% Functions 0/1
0% Lines 0/56
Press n or j to go to the next uncovered block, b, p or k for the previous block.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  'use client'

import { useMutation } from '@tanstack/react-query'
import { useRouter } from 'next/navigation'
import { api } from '@/lib/queryClient'

interface CreateSessionParams {
  topicDescription?: string
  remixFromId?: string
  editPublishedId?: string
}

interface WorkshopSession {
  id: string
  state: string
  topicDescription: string | null
}

/**
 * Hook for creating a new workshop session and navigating to it.
 *
 * Usage:
 * ```tsx
 * const { mutate: createSession, isPending } = useCreateWorkshopSession()
 * createSession({ topicDescription: 'Long division' })
 * ```
 */
export function useCreateWorkshopSession() {
  const router = useRouter()

  return useMutation({
    mutationFn: async (params: CreateSessionParams): Promise<WorkshopSession> => {
      const res = await api('flowchart-workshop/sessions', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(params),
      })

      if (!res.ok) {
        const data = await res.json().catch(() => ({ error: 'Failed to create session' }))
        throw new Error(data.error || 'Failed to create session')
      }

      const { session } = await res.json()
      return session
    },

    onSuccess: (session) => {
      router.push(`/flowchart/workshop/${session.id}`)
    },

    onError: (error) => {
      console.error('Failed to create workshop session:', error)
    },
  })
}