دليل دمج روبوت الدردشة الذكي: بناء واجهات محادثة ذكية

# AI SDK الأساسي (موصى به لواجهة برمجة موحدة)
npm install ai @ai-sdk/openai @ai-sdk/anthropic
 
# SDKs المباشرة للمزودين (اختياري)
npm install openai @anthropic-ai/sdk elevenlabs
 
# مكونات React لـ ElevenLabs للصوت
npm install @11labs/react

# .env.local
OPENAI_API_KEY=sk-...
ANTHROPIC_API_KEY=sk-ant-...
ELEVENLABS_API_KEY=...

// lib/openai.ts
import OpenAI from 'openai';
 
export const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY,
});

// app/api/chat/openai/route.ts
import { NextRequest, NextResponse } from 'next/server';
import OpenAI from 'openai';
 
const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY,
});
 
export async function POST(req: NextRequest) {
  try {
    const { messages } = await req.json();
 
    const completion = await openai.chat.completions.create({
      model: 'gpt-4-turbo',
      messages: [
        {
          role: 'system',
          content: 'أنت مساعد ذكي مفيد. كن موجزاً وودوداً.',
        },
        ...messages,
      ],
      temperature: 0.7,
      max_tokens: 1000,
    });
 
    const reply = completion.choices[0].message.content;
 
    return NextResponse.json({
      role: 'assistant',
      content: reply
    });
  } catch (error: any) {
    console.error('خطأ OpenAI API:', error);
    return NextResponse.json(
      { error: 'فشل في توليد الاستجابة' },
      { status: 500 }
    );
  }
}

// app/api/chat/openai/stream/route.ts
import { NextRequest } from 'next/server';
import OpenAI from 'openai';
 
const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY,
});
 
export async function POST(req: NextRequest) {
  const { messages } = await req.json();
 
  const stream = await openai.chat.completions.create({
    model: 'gpt-4-turbo',
    messages: [
      {
        role: 'system',
        content: 'أنت مساعد ذكي مفيد.',
      },
      ...messages,
    ],
    stream: true,
  });
 
  const encoder = new TextEncoder();
  const readable = new ReadableStream({
    async start(controller) {
      for await (const chunk of stream) {
        const content = chunk.choices[0]?.delta?.content || '';
        if (content) {
          controller.enqueue(encoder.encode(`data: ${JSON.stringify({ content })}\n\n`));
        }
      }
      controller.enqueue(encoder.encode('data: [DONE]\n\n'));
      controller.close();
    },
  });
 
  return new Response(readable, {
    headers: {
      'Content-Type': 'text/event-stream',
      'Cache-Control': 'no-cache',
      'Connection': 'keep-alive',
    },
  });
}

// lib/anthropic.ts
import Anthropic from '@anthropic-ai/sdk';
 
export const anthropic = new Anthropic({
  apiKey: process.env.ANTHROPIC_API_KEY,
});

// app/api/chat/claude/route.ts
import { NextRequest, NextResponse } from 'next/server';
import Anthropic from '@anthropic-ai/sdk';
 
const anthropic = new Anthropic({
  apiKey: process.env.ANTHROPIC_API_KEY,
});
 
export async function POST(req: NextRequest) {
  try {
    const { messages } = await req.json();
 
    const claudeMessages = messages.map((msg: { role: string; content: string }) => ({
      role: msg.role === 'user' ? 'user' : 'assistant',
      content: msg.content,
    }));
 
    const response = await anthropic.messages.create({
      model: 'claude-3-5-sonnet-20241022',
      max_tokens: 1024,
      system: 'أنت مساعد ذكي مفيد. قدم استجابات مدروسة ومفصلة.',
      messages: claudeMessages,
    });
 
    const textContent = response.content.find(block => block.type === 'text');
    const reply = textContent?.text || '';
 
    return NextResponse.json({
      role: 'assistant',
      content: reply,
    });
  } catch (error: any) {
    console.error('خطأ Claude API:', error);
    return NextResponse.json(
      { error: 'فشل في توليد الاستجابة' },
      { status: 500 }
    );
  }
}

// app/api/speak/route.ts
import { NextRequest, NextResponse } from 'next/server';
 
export async function POST(req: NextRequest) {
  try {
    const { text, voiceId = 'EXAVITQu4vr4xnSDxMaL' } = await req.json();
 
    const response = await fetch(
      `https://api.elevenlabs.io/v1/text-to-speech/${voiceId}`,
      {
        method: 'POST',
        headers: {
          'xi-api-key': process.env.ELEVENLABS_API_KEY!,
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          text,
          model_id: 'eleven_monolingual_v1',
          voice_settings: {
            stability: 0.5,
            similarity_boost: 0.75,
          },
        }),
      }
    );
 
    if (!response.ok) {
      throw new Error(`خطأ ElevenLabs API: ${response.statusText}`);
    }
 
    const audioBuffer = await response.arrayBuffer();
 
    return new NextResponse(audioBuffer, {
      headers: {
        'Content-Type': 'audio/mpeg',
      },
    });
  } catch (error: any) {
    console.error('خطأ تحويل النص إلى كلام:', error);
    return NextResponse.json(
      { error: 'فشل في توليد الصوت' },
      { status: 500 }
    );
  }
}

// app/api/chat/route.ts
import { streamText } from 'ai';
import { openai } from '@ai-sdk/openai';
import { anthropic } from '@ai-sdk/anthropic';
 
export async function POST(req: Request) {
  const { messages, provider = 'openai' } = await req.json();
 
  const model = provider === 'anthropic'
    ? anthropic('claude-3-5-sonnet-20241022')
    : openai('gpt-4-turbo');
 
  const result = await streamText({
    model,
    system: 'أنت مساعد ذكي مفيد.',
    messages,
  });
 
  return result.toAIStreamResponse();
}