import { createDecartClient, models } from "@decartai/sdk";

const client = createDecartClient({
  apiKey: process.env.DECART_API_KEY,
});

const model = models.realtime("lucy-2.1");
const stream = await navigator.mediaDevices.getUserMedia({
  video: {
    frameRate: model.fps,
    width: model.width,
    height: model.height,
  }
});

const realtimeClient = await client.realtime.connect(stream, {
  model,
  mirror: "auto",
  onRemoteStream: (editedStream) => {
    videoElement.srcObject = editedStream;
  },
  initialState: {
    prompt: { text: "Change the person's shirt to red" }
  }
});

// Update the edit dynamically after 5 seconds
setTimeout(() => {
  realtimeClient.setPrompt("Add sunglasses to the person");
}, 5000);