AI 생성과 변경 제안

"use client";
import { DeckEditor, type DeckAIRequest } from "@reopt-ai/opt-deck";
import { parseDeckDocument } from "@reopt-ai/opt-deck/server";

async function requestAI(request: DeckAIRequest) {
  const { signal, ...payload } = request;
  // /api/presentation-ai is an endpoint implemented by your host application.
  const response = await fetch("/api/presentation-ai", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(payload),
    signal,
  });
  if (!response.ok) throw new Error("Unable to create an AI proposal");
  return parseDeckDocument(await response.json());
}

export function AIEditor() {
  return <DeckEditor onAIEdit={requestAI} locale="ko" />;
}

import {
  parseDeckDocument, createDeckPrompts, parseDeckReply, applyDeckPatches,
  type DeckAIMode,
} from "@reopt-ai/opt-deck/server";

type Model = (input: {
  system: string; prompt: string; signal: AbortSignal;
}) => Promise<string>;

// Call after host authentication, authorization and request validation.
export async function createProposal(input: {
  document: unknown; selection: string[]; slideId: string;
  mode: DeckAIMode; prompt: string;
}, signal: AbortSignal, callModel: Model) {
  const document = parseDeckDocument(input.document);
  const view = {
    mode: input.mode,
    slideId: input.slideId,
    selection: input.mode === "generate" ? [] : input.selection,
  };
  // The deck catalog in json-render's prompt format, and the current spec.
  const { system, user } = createDeckPrompts(document, {
    ...view, prompt: input.prompt,
  });
  const output = await callModel({ system, prompt: user, signal });
  signal.throwIfAborted();
  // Words, then RFC 6902 JSONL patches in a ```spec fence.
  const { patches } = parseDeckReply(output);
  return applyDeckPatches(document, patches, {
    ...view, baseRevision: document.revision,
  });
}