Quickstart

'use server'

interface Task {
  id: string
  project_id: string
  name: string
  description: string
  status: 'in_progress' | 'completed' | 'failed' | 'pending'
  text_requirement: string
  files_requirement: string | null
  metadata: Record<string, any> | null
  created_at: string
  updated_at: string
}

interface CreateProjectResponse {
  id: string
  software_product_id: string
  name: string
  description: string
  sandbox_id: string | null
  project_type: 'web' | 'mobile' | 'api'
  project_template_type: string
  created_at: string
  updated_at: string
  return_url: string
  ref_id: string
  task: Task
  prebuilt_url: string
}

interface CreateProjectRequest {
  software_product_id: string
  name: string
  description: string
  text_requirement: string
  project_type: string
  return_url: string
  ref_id: string
}

export async function createWorkserProject() {
  const apiKey = process.env.WORKSER_API_KEY

  if (!apiKey) {
    throw new Error('WORKSER_API_KEY is not configured')
  }

  const body: CreateProjectRequest = {
    software_product_id: "{your-own-software-product-id}",
    name: "Phuket 3 stars Airbnb: Urus Chill House",
    description: "Phuket 3 stars Airbnb is web site to represent my hueshoust in Phuket with futuristic design, informative aout hotel needs, and functionality to booking.",
    text_requirement: "Create Hotel website for Phuket 3 stars Airbnb (Urus Chill House) is web site to represent my hueshoust in Phuket with futuristic design, informative aout hotel needs, and functionality to booking.",
    project_type: "web",
    return_url: "https://{your-domain}/{your-return-path}",
    ref_id: "{your-user-project-reference-id}"
  }

  try {
    const response = await fetch('https://api.workser.ai/v1/projects', {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${apiKey}`,
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(body),
    })

    if (!response.ok) {
      const errorData = await response.json().catch(() => ({}))
      throw new Error(
        `API request failed: ${response.status} ${response.statusText}. ${JSON.stringify(errorData)}`
      )
    }

    const data: CreateProjectResponse = await response.json()
    return { success: true, data }
  } catch (error) {
    console.error('Error creating Workser project:', error)
    return { 
      success: false, 
      error: error instanceof Error ? error.message : 'Unknown error' 
    }
  }
}

'use client'

import { useState } from 'react'
import { useRouter } from 'next/navigation'
import { createWorkserProject } from '@/app/actions/workser'

export default function MyComponent() {
  const router = useRouter()
  const [isLoading, setIsLoading] = useState(false)

  const handleCreateProject = async () => {
    setIsLoading(true)
    
    try {
      const result = await createWorkserProject()
      
      if (result.success) {
        console.log('Project created:', result.data)
        // Redirect to the prebuilt URL
        router.push(result.data.prebuilt_url)
      } else {
        console.error('Failed to create project:', result.error)
        alert('Failed to create project: ' + result.error)
      }
    } finally {
      setIsLoading(false)
    }
  }

  return (
    <button 
      onClick={handleCreateProject}
      disabled={isLoading}
    >
      {isLoading ? 'Creating Project...' : 'Create Project'}
    </button>
  )
}