api-client/theme/index.ts

import type { ThemeExtractionResult } from '@/schema/theme-extraction';

export interface GenerateThemeCssResponse {
  success: boolean;
  css?: string;
  error?: string;
}

/**
 * テーマデータからCSSを生成
 */
export async function generateThemeCss(themeData: ThemeExtractionResult): Promise<GenerateThemeCssResponse> {
  try {
    const response = await fetch('/api/rpc/theme-extraction/generate-css', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(themeData),
    });

    if (!response.ok) {
      const errorData = await response.json();
      throw new Error(errorData.error || 'CSS生成に失敗しました');
    }

    const data: GenerateThemeCssResponse = await response.json();
    return data;
  } catch (error) {
    console.error('[generateThemeCss] Error:', error);
    return {
      success: false,
      error: error instanceof Error ? error.message : 'CSS生成中にエラーが発生しました',
    };
  }
}