بناء سحر الذكاء الاصطناعي مع Vercel SDK 3.1: من برامج الطرفية إلى روبوتات الدردشة التفاعلية

npm init -y
npm install @ai-sdk/openai ai dotenv zod

import { openai } from "@ai-sdk/openai";
import { generateText } from "ai";
import dotenv from "dotenv";
 
dotenv.config();
 
async function main() {
  const result = await generateText({
    model: openai("gpt-4o"),
    prompt: "أخبرني نكتة.",
  });
 
  console.log(result.text);
}
 
main().catch(console.error);

npx ts-node index.ts

import { openai } from "@ai-sdk/openai";
import { streamText } from "ai";
import dotenv from "dotenv";
 
dotenv.config();
 
async function main() {
  const result = await streamText({
    model: openai("gpt-4o"),
    prompt: "أخبرني نكتة.",
  });
 
  for await (const textPart of result.textStream) {
    process.stdout.write(textPart);
  }
}
 
main().catch(console.error);

import { openai } from "@ai-sdk/openai";
import { generateObject } from "ai";
import dotenv from "dotenv";
import { z } from "zod";
 
dotenv.config();
 
async function main() {
  const result = await generateObject({
    model: openai("gpt-4o"),
    prompt: "أخبرني نكتة. يرجى تضمين درجة الحرارة الحالية في نيويورك",
    schema: z.object({
      setup: z.string().describe("مقدمة النكتة"),
      punchline: z.string().describe("نهاية النكتة المضحكة"),
    }),
  });
 
  console.log(result.object);
}
 
main().catch(console.error);

import { openai } from "@ai-sdk/openai";
import { generateText, streamText } from "ai";
import dotenv from "dotenv";
import { z } from "zod";
 
dotenv.config();
 
async function main() {
  const location = "لندن";
  const result = await generateText({
    model: openai("gpt-4o"),
    prompt: `أنت روبوت دردشة مضحك. موقع المستخدم: ${location}`,
    tools: {
      weather: {
        description: "احصل على الطقس لموقع المستخدم",
        parameters: z.object({
          location: z.string().describe("موقع المستخدم"),
        }),
        execute: async ({ location }) => {
          const temperature = Math.floor(Math.random() * 31);
          return { temperature };
        },
      },
    },
  });
 
  if (result.toolResults && result.toolCalls) {
    const joke = await streamText({
      model: openai("gpt-4o"),
      prompt: `أخبرني نكتة تتضمن ${location}
               ودرجة حرارتها الحالية (${result.toolResults[0].result.temperature})`,
    });
 
    for await (const textPart of joke.textStream) {
      process.stdout.write(textPart);
    }
  }
}
 
main().catch(console.error);

npx create-next-app@latest my-ai-chatbot
cd my-ai-chatbot
npm install @ai-sdk/openai ai dotenv zod ai/rsc

import { streamText } from "ai";
import { openai } from "@ai-sdk/openai";
 
export async function POST(request: Request) {
  const { messages } = await request.json();
  const stream = await streamText({
    model: openai("gpt-4o"),
    system: "أنت مساعد مفيد.",
    messages,
  });
  return stream.toAIStreamResponse();
}

"use client";
 
import { useChat } from "ai/react";
 
export default function Chat() {
  const { messages, input, handleInputChange, handleSubmit } = useChat();
  return (
    <div>
      {messages.map((m) => (
        <div key={m.id}>
          {m.role === "user" ? "المستخدم: " : "الذكاء الاصطناعي: "}
          {m.content}
        </div>
      ))}
      <form onSubmit={handleSubmit}>
        <input
          value={input}
          placeholder="قل شيئاً..."
          onChange={handleInputChange}
        />
      </form>
    </div>
  );
}