@xmaxai/sdk 1.0.0 → 1.0.2

package/dist/chunk-7X7QCO3O.js

@@ -1,992 +0,0 @@
-import { XmaxOpenClient, XMAX_OPEN_API_PRODUCTION_BASE_URL, RtcManager, ACTIVE_STATUS, createNativeCameraStream, createTracksRtcRoomEvent, createStopRtcRoomEvent, createTaskUid, createStartRtcRoomEvent, createDragTrackController, notifyError, getFitContentRect } from './chunk-M5QA6LWS.js';
-import { createSDKI18n, resolveUploadVideoSize, DEFAULT_SESSION_TARGET_SIZE, resolveRtcPublishFps, resolveSessionTargetSize } from './chunk-PLU2YVAS.js';
-
-// src/drag/remote-view-host.ts
-function createRemoteViewHost(wrapper) {
-  const computed = getComputedStyle(wrapper);
-  if (computed.position === "static") {
-    wrapper.style.position = "relative";
-  }
-  const videoHost = document.createElement("div");
-  videoHost.dataset.XmaxRemoteVideo = "true";
-  videoHost.style.cssText = "position:relative;z-index:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;";
-  const dragHost = document.createElement("div");
-  dragHost.dataset.XmaxDragSurface = "true";
-  dragHost.style.cssText = "position:absolute;inset:0;z-index:20;touch-action:none;";
-  wrapper.replaceChildren();
-  wrapper.appendChild(videoHost);
-  wrapper.appendChild(dragHost);
-  return { wrapper, videoHost, dragHost };
-}
-
-// src/shared/ref-image.ts
-async function resolveRefImageUrl(client, input) {
-  if (input instanceof File) {
-    return (await client.uploadImage(input)).url;
-  }
-  const raw = input.trim();
-  if (!raw) {
-    return "";
-  }
-  if (/^https?:\/\//i.test(raw)) {
-    return raw;
-  }
-  const res = await fetch(raw);
-  if (!res.ok) {
-    throw new Error(`Failed to load ref image: ${res.status}`);
-  }
-  const blob = await res.blob();
-  const mime = blob.type || "image/png";
-  const ext = mime === "image/jpeg" ? "jpg" : mime === "image/webp" ? "webp" : mime === "image/gif" ? "gif" : "png";
-  const file = new File([blob], `ref.${ext}`, { type: mime });
-  return (await client.uploadImage(file)).url;
-}
-
-// src/realtime/initial-state.ts
-var DEFAULT_RTC_START_MODEL = "default";
-function resolveGenerationModel(model) {
-  const trimmed = model?.trim();
-  return trimmed || DEFAULT_RTC_START_MODEL;
-}
-function resolvePromptText(prompt) {
-  if (typeof prompt === "string") {
-    return prompt.trim();
-  }
-  return prompt?.text?.trim() ?? "";
-}
-function resolveInitialRefImage(initialState) {
-  if (!initialState) {
-    return void 0;
-  }
-  if (typeof initialState.refImage === "string" && initialState.refImage.trim()) {
-    return initialState.refImage.trim();
-  }
-  if (typeof initialState.image === "string" && initialState.image.trim()) {
-    return initialState.image.trim();
-  }
-  return void 0;
-}
-function shouldAutoStartOnConnect(initialState) {
-  return initialState?.autoStart === true;
-}
-
-// src/realtime/prewarm.ts
-var RealtimePrewarmHandle = class _RealtimePrewarmHandle {
-  constructor(client, rtc, sessionUid, modelName) {
-    this.client = client;
-    this.rtc = rtc;
-    this.sessionUid = sessionUid;
-    this.consumed = false;
-    this.disposed = false;
-    this.modelName = modelName;
-  }
-  static async create(model, clientOptions) {
-    const modelName = model.name.trim();
-    if (!modelName) {
-      throw new Error("model.name is required");
-    }
-    const sdkI18n = createSDKI18n({});
-    const client = new XmaxOpenClient({
-      apiKey: clientOptions.apiKey,
-      authToken: clientOptions.authToken,
-      baseUrl: clientOptions.baseUrl ?? XMAX_OPEN_API_PRODUCTION_BASE_URL,
-      onError: clientOptions.onError
-    });
-    const rtc = new RtcManager({
-      onLog: (entry) => clientOptions.onLog?.({ scope: "rtc", ...entry }),
-      onRemoteSeiReceived: clientOptions.onRemoteSei,
-      onSeiGateChange: clientOptions.onSeiGateChange,
-      i18n: sdkI18n
-    });
-    const createdSession = await client.createSession(modelName);
-    const sessionUid = createdSession.sessionUid?.trim();
-    if (!sessionUid) {
-      throw new Error("Session uid is missing");
-    }
-    const joinInfo = client.getRtcJoinInfo(createdSession);
-    await rtc.join(joinInfo);
-    const handle = new _RealtimePrewarmHandle(client, rtc, sessionUid, modelName);
-    client.startHeartbeat(
-      sessionUid,
-      clientOptions.heartbeatIntervalMs ?? 1e4,
-      (heartbeatSession) => {
-        if (heartbeatSession.status !== ACTIVE_STATUS) {
-          void handle.cancel();
-        }
-      },
-      () => {
-        void handle.cancel();
-      }
-    );
-    return handle;
-  }
-  consume(expectedModelName) {
-    const normalized = expectedModelName.trim();
-    if (this.consumed || this.disposed || !normalized || this.modelName !== normalized) {
-      return null;
-    }
-    this.consumed = true;
-    return {
-      client: this.client,
-      rtc: this.rtc,
-      sessionUid: this.sessionUid
-    };
-  }
-  async cancel() {
-    if (this.consumed || this.disposed) {
-      return;
-    }
-    this.disposed = true;
-    this.client.beginTeardown();
-    try {
-      await this.client.closeSession(this.sessionUid);
-    } catch {
-    }
-    try {
-      await this.rtc.leave();
-    } catch {
-    }
-    this.client.endTeardown();
-  }
-};
-
-// src/realtime/session.ts
-function resolvePromptInput(prompt) {
-  if (typeof prompt === "string") {
-    return prompt.trim();
-  }
-  return prompt?.text?.trim() ?? "";
-}
-function resolveRefImagePath(refImage) {
-  const trimmed = refImage?.trim();
-  return trimmed || void 0;
-}
-function getVideoTrack(stream) {
-  const track = stream.getVideoTracks()[0];
-  if (!track) {
-    throw new Error("Missing video track in MediaStream");
-  }
-  return track;
-}
-function readVideoSize(track) {
-  const settings = track.getSettings?.();
-  if (typeof settings?.width === "number" && settings.width > 0 && typeof settings?.height === "number" && settings.height > 0) {
-    return { width: settings.width, height: settings.height };
-  }
-  return null;
-}
-var RealtimeSession = class _RealtimeSession {
-  constructor(client, rtc, reportError, options, clientOptions) {
-    this.sessionUid = null;
-    this.taskUid = null;
-    this.localVideoSize = null;
-    this.currentPrompt = "";
-    this.currentGenerationModel = "";
-    this.currentStaticGenerate = void 0;
-    this.disconnected = false;
-    this.remoteViewHost = null;
-    this.dragController = null;
-    this.dragTrackFitMode = "cover";
-    this.sessionTargetSize = null;
-    this.mirroredInputStream = null;
-    this.hiddenRemoteElement = null;
-    this.remoteStreamNotifyTimer = null;
-    this.lastNotifiedRemoteStream = null;
-    this.dragOption = void 0;
-    this.client = client;
-    this.rtc = rtc;
-    this.reportError = reportError;
-    this.onRemoteStream = options.onRemoteStream;
-    this.onPublishPipelineWaitChange = clientOptions?.onPublishPipelineWaitChange;
-    if (options.remoteElement) {
-      this.remoteElement = options.remoteElement;
-      if (options.drag !== false) {
-        this.remoteViewHost = createRemoteViewHost(this.remoteElement);
-      }
-      return;
-    }
-    if (options.onRemoteStream) {
-      const hidden = document.createElement("div");
-      hidden.setAttribute("data-Xmax-remote-host", "true");
-      hidden.style.cssText = "position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden";
-      document.body.appendChild(hidden);
-      this.hiddenRemoteElement = hidden;
-      this.remoteElement = hidden;
-      this.remoteViewHost = createRemoteViewHost(hidden);
-      this.rtc.setOnRemotePlayerMounted(() => {
-        this.scheduleNotifyRemoteStream();
-      });
-      return;
-    }
-    this.remoteElement = null;
-  }
-  get remoteVideoContainer() {
-    return this.remoteViewHost?.videoHost ?? this.remoteElement;
-  }
-  static async connect(stream, options, clientOptions) {
-    const sdkI18n = createSDKI18n({});
-    const notifyUserError = clientOptions.onError;
-    const reportError = (error, fallbackMessage) => {
-      throw notifyError(error, notifyUserError, fallbackMessage ?? sdkI18n.t("errors.requestFailed"));
-    };
-    const modelName = options.model.name.trim();
-    const prewarmed = options.prewarmed instanceof RealtimePrewarmHandle ? options.prewarmed.consume(modelName) : null;
-    const client = prewarmed?.client ?? new XmaxOpenClient({
-      apiKey: clientOptions.apiKey,
-      authToken: clientOptions.authToken,
-      baseUrl: clientOptions.baseUrl ?? XMAX_OPEN_API_PRODUCTION_BASE_URL,
-      onError: notifyUserError
-    });
-    const rtc = prewarmed?.rtc ?? new RtcManager({
-      onLog: (entry) => clientOptions.onLog?.({ scope: "rtc", ...entry }),
-      onRemoteSeiReceived: clientOptions.onRemoteSei,
-      onSeiGateChange: clientOptions.onSeiGateChange,
-      i18n: sdkI18n
-    });
-    const session = new _RealtimeSession(client, rtc, reportError, options, clientOptions);
-    try {
-      await session.bootstrap(stream, options, clientOptions.heartbeatIntervalMs ?? 1e4, prewarmed);
-      return session;
-    } catch (error) {
-      await session.safeDisconnect();
-      throw reportError(error);
-    }
-  }
-  async bootstrap(stream, options, heartbeatIntervalMs, prewarmed = null) {
-    this.dragOption = options.drag;
-    const modelName = options.model.name.trim();
-    if (!modelName) {
-      throw new Error("model.name is required");
-    }
-    if (prewarmed) {
-      this.sessionUid = prewarmed.sessionUid;
-    } else {
-      const createdSession = await this.client.createSession(modelName);
-      if (!createdSession.sessionUid?.trim()) {
-        throw new Error("Session uid is missing");
-      }
-      this.sessionUid = createdSession.sessionUid;
-      this.client.startHeartbeat(
-        createdSession.sessionUid,
-        heartbeatIntervalMs,
-        (heartbeatSession) => {
-          if (heartbeatSession.status !== ACTIVE_STATUS) {
-            void this.safeDisconnect();
-          }
-        },
-        () => {
-          void this.safeDisconnect();
-        }
-      );
-      const joinInfo = this.client.getRtcJoinInfo(createdSession);
-      await this.rtc.join(joinInfo);
-    }
-    if (options.localElement) {
-      this.rtc.setLocalVideoContainer(options.localElement);
-    }
-    if (this.remoteVideoContainer) {
-      this.rtc.setRemoteVideoContainer(this.remoteVideoContainer);
-    }
-    this.sessionSizeOverride = options.size;
-    const videoTrack = getVideoTrack(stream);
-    const isFileInput = options.inputKind === "file";
-    this.dragTrackFitMode = isFileInput ? "contain" : "cover";
-    const rawVideoSize = readVideoSize(videoTrack);
-    const publishSize = options.size ?? (rawVideoSize ? resolveUploadVideoSize(rawVideoSize.width, rawVideoSize.height) : DEFAULT_SESSION_TARGET_SIZE);
-    let publishTrack = videoTrack;
-    if (isFileInput) {
-      if (options.size) {
-        this.localVideoSize = { width: options.size[0], height: options.size[1] };
-      } else if (rawVideoSize) {
-        this.localVideoSize = { width: rawVideoSize.width, height: rawVideoSize.height };
-      } else {
-        this.localVideoSize = null;
-      }
-    } else if (options.prebuiltCameraStream) {
-      this.mirroredInputStream = options.prebuiltCameraStream;
-      publishTrack = options.prebuiltCameraStream.videoTrack;
-      this.localVideoSize = {
-        width: options.prebuiltCameraStream.width,
-        height: options.prebuiltCameraStream.height
-      };
-    } else {
-      const processedStream = await createNativeCameraStream(stream);
-      this.mirroredInputStream = processedStream;
-      publishTrack = processedStream.videoTrack;
-      this.localVideoSize = { width: processedStream.width, height: processedStream.height };
-    }
-    const initialState = options.initialState;
-    this.currentPrompt = resolvePromptText(initialState?.prompt);
-    this.currentGenerationModel = resolveGenerationModel(initialState?.model);
-    this.currentStaticGenerate = initialState?.staticGenerate;
-    const publishFpsOptions = {
-      mobile: options.mobile,
-      highQuality: true,
-      fps: isFileInput ? options.model.fps : resolveRtcPublishFps({ mobile: options.mobile })
-    };
-    await this.rtc.startExternalVideoPublishing(publishTrack, publishSize, publishFpsOptions);
-    let initialRefImageUrl;
-    const initialRefImage = resolveInitialRefImage(initialState);
-    if (initialRefImage) {
-      initialRefImageUrl = await resolveRefImageUrl(this.client, initialRefImage);
-    } else if (initialState?.image instanceof File) {
-      initialRefImageUrl = await resolveRefImageUrl(this.client, initialState.image);
-    } else if (initialState?.image instanceof Blob) {
-      const mime = initialState.image.type || "image/png";
-      const file = new File([initialState.image], "ref-image", { type: mime });
-      initialRefImageUrl = await resolveRefImageUrl(this.client, file);
-    }
-    if (options.localElement) {
-      queueMicrotask(() => this.refreshLocalPreview());
-    }
-    if (shouldAutoStartOnConnect(initialState)) {
-      await this.runStart({
-        prompt: this.currentPrompt || void 0,
-        model: this.currentGenerationModel || void 0,
-        size: options.size,
-        refImage: initialRefImageUrl,
-        staticGenerate: this.currentStaticGenerate
-      });
-    }
-  }
-  async setPrompt(prompt, _options) {
-    try {
-      const promptText = resolvePromptInput(prompt);
-      this.currentPrompt = promptText;
-      if (!this.taskUid) {
-        await this.runStart({
-          prompt: promptText || void 0
-        });
-        return;
-      }
-      await this.restart({ prompt: promptText });
-    } catch (error) {
-      this.reportError(error);
-    }
-  }
-  async set(input) {
-    try {
-      let refImage;
-      if (input.image === null) {
-        refImage = void 0;
-      } else if (input.image !== void 0) {
-        refImage = await this.setRefImage(input.image);
-      }
-      const prompt = input.prompt !== void 0 ? resolvePromptInput(input.prompt) : void 0;
-      if (prompt !== void 0) {
-        this.currentPrompt = prompt;
-      }
-      await this.restart({
-        prompt,
-        refImage
-      });
-    } catch (error) {
-      this.reportError(error);
-    }
-  }
-  async setImage(image, options) {
-    try {
-      const refImage = await this.setRefImage(image);
-      const prompt = options?.prompt ? resolvePromptInput(options.prompt) : void 0;
-      if (prompt !== void 0) {
-        this.currentPrompt = prompt;
-      }
-      await this.restart({
-        prompt,
-        refImage
-      });
-    } catch (error) {
-      this.reportError(error);
-    }
-  }
-  async setRefImage(input) {
-    try {
-      const resolved = await resolveRefImageUrl(this.client, input);
-      return resolved;
-    } catch (error) {
-      this.reportError(error);
-    }
-  }
-  async restart(options) {
-    try {
-      let resolvedRefImage;
-      if (options && "refImage" in options) {
-        const ref = options.refImage;
-        if (ref === null || ref === "") {
-          resolvedRefImage = void 0;
-        } else if (typeof ref === "string" && ref.trim()) {
-          resolvedRefImage = await this.setRefImage(ref.trim());
-        }
-      }
-      if (options?.prompt !== void 0) {
-        this.currentPrompt = options.prompt.trim();
-      }
-      if (options?.model !== void 0) {
-        this.currentGenerationModel = resolveGenerationModel(options.model);
-      }
-      if (options?.staticGenerate !== void 0) {
-        this.currentStaticGenerate = options.staticGenerate;
-      }
-      await this.runStart({
-        prompt: this.currentPrompt || void 0,
-        model: this.currentGenerationModel || void 0,
-        size: options?.size,
-        refImage: resolvedRefImage,
-        staticGenerate: this.currentStaticGenerate
-      });
-    } catch (error) {
-      this.reportError(error);
-    }
-  }
-  async setMode(options) {
-    return this.restart(options);
-  }
-  async refreshRemoteOutput(options) {
-    if (!this.remoteVideoContainer) {
-      return;
-    }
-    this.rtc.setRemoteVideoContainer(this.remoteVideoContainer);
-    await this.rtc.refreshRemoteVideoBinding(options);
-    this.scheduleNotifyRemoteStream();
-  }
-  refreshLocalPreview() {
-    this.rtc.refreshLocalVideoPreview();
-  }
-  getInputPreviewStream() {
-    return this.mirroredInputStream?.previewStream ?? null;
-  }
-  detachRemoteOutput() {
-    this.rtc.setRemoteVideoContainer(null);
-  }
-  async sendTracks(tracks) {
-    if (!this.rtc.snapshot.joined || !this.taskUid) {
-      return;
-    }
-    try {
-      await this.rtc.sendRoomEvent(
-        createTracksRtcRoomEvent({
-          userId: this.rtc.snapshot.userId ?? void 0,
-          uid: this.taskUid,
-          sessionUid: this.taskUid,
-          tracks
-        })
-      );
-    } catch {
-    }
-  }
-  async stop(options) {
-    this.updateDragController(false);
-    const preserveRemoteDom = options?.preserveRemoteDom ?? false;
-    if (preserveRemoteDom) {
-      this.rtc.setPreserveRemoteDom(true);
-    }
-    if (!this.rtc.snapshot.joined) {
-      this.rtc.clearRemoteVideo({ preserveDom: preserveRemoteDom });
-      if (!preserveRemoteDom && this.remoteVideoContainer) {
-        this.rtc.setRemoteVideoContainer(null);
-      }
-      this.taskUid = null;
-      if (preserveRemoteDom) {
-        this.rtc.setPreserveRemoteDom(false);
-      }
-      return;
-    }
-    try {
-      await this.rtc.sendRoomEvent(
-        createStopRtcRoomEvent({
-          userId: this.rtc.snapshot.userId ?? void 0,
-          sessionUid: this.taskUid ?? void 0
-        })
-      );
-    } finally {
-      this.rtc.clearRemoteVideo({ preserveDom: preserveRemoteDom });
-      if (!preserveRemoteDom && this.remoteVideoContainer) {
-        this.rtc.setRemoteVideoContainer(null);
-      }
-      this.taskUid = null;
-      if (preserveRemoteDom) {
-        this.rtc.setPreserveRemoteDom(false);
-      }
-    }
-  }
-  async disconnect(options) {
-    if (this.disconnected) {
-      return;
-    }
-    this.disconnected = true;
-    await this.safeDisconnect(options);
-  }
-  getSessionUid() {
-    return this.sessionUid;
-  }
-  async runStart(options) {
-    if (!this.rtc.snapshot.joined) {
-      return;
-    }
-    const startPrompt = options.prompt?.trim() ?? this.currentPrompt;
-    if (options.model !== void 0) {
-      this.currentGenerationModel = resolveGenerationModel(options.model);
-    }
-    if (options.staticGenerate !== void 0) {
-      this.currentStaticGenerate = options.staticGenerate;
-    }
-    const modelLabel = resolveGenerationModel(this.currentGenerationModel);
-    await this.rtc.ensurePublishedInputBeforeStart();
-    this.rtc.setRemoteVideoContainer(null);
-    this.rtc.clearRemoteVideo();
-    const size = resolveSessionTargetSize({
-      localVideoSize: this.localVideoSize,
-      overrideSize: options.size ?? this.sessionSizeOverride
-    });
-    this.sessionTargetSize = size;
-    const taskUid = createTaskUid();
-    this.taskUid = taskUid;
-    this.rtc.configureSessionSei(taskUid);
-    try {
-      if (this.remoteVideoContainer) {
-        this.rtc.setRemoteVideoContainer(this.remoteVideoContainer);
-      }
-      const startRoomEvent = createStartRtcRoomEvent({
-        userId: this.rtc.snapshot.userId ?? void 0,
-        uid: taskUid,
-        sessionUid: taskUid,
-        model: modelLabel,
-        size,
-        prompt: startPrompt,
-        refImagePath: resolveRefImagePath(options.refImage),
-        staticGenerate: this.currentStaticGenerate
-      });
-      console.log("[Xmax SDK] \u771F\u5B9E\u53D1\u9001 start ->", startRoomEvent);
-      await this.rtc.sendRoomEvent(startRoomEvent);
-      await this.rtc.refreshRemoteVideoBinding({ force: true });
-      this.updateDragController(true);
-      this.scheduleNotifyRemoteStream();
-    } catch (error) {
-      this.rtc.configureSessionSei(null);
-      throw error;
-    }
-  }
-  isDragEnabled() {
-    if (this.dragOption === false) {
-      return false;
-    }
-    if (this.dragOption === true) {
-      return true;
-    }
-    return Boolean(this.remoteElement && !this.hiddenRemoteElement);
-  }
-  updateDragController(active) {
-    const dragHost = this.remoteViewHost?.dragHost;
-    if (!dragHost || !active || !this.taskUid || !this.isDragEnabled()) {
-      this.dragController?.setEnabled(false);
-      return;
-    }
-    const targetSize = this.sessionTargetSize ?? DEFAULT_SESSION_TARGET_SIZE;
-    if (!this.dragController) {
-      this.dragController = createDragTrackController(dragHost, {
-        targetSize,
-        fitMode: this.dragTrackFitMode,
-        mirrored: false,
-        enabled: true,
-        onTracks: (tracks) => {
-          const media = this.remoteViewHost?.videoHost?.querySelector("video, canvas");
-          const mediaRect = media?.getBoundingClientRect();
-          const dragRect = dragHost.getBoundingClientRect();
-          console.log("[Xmax] sendTracks", {
-            taskUid: this.taskUid,
-            targetSize: this.sessionTargetSize,
-            fitMode: this.dragTrackFitMode,
-            tracks,
-            dragRect: dragRect ? { w: dragRect.width, h: dragRect.height } : null,
-            mediaRect: mediaRect ? { w: mediaRect.width, h: mediaRect.height, l: mediaRect.left, t: mediaRect.top } : null
-          });
-          void this.sendTracks(tracks);
-        }
-      });
-      return;
-    }
-    this.dragController.setTargetSize(targetSize);
-    this.dragController.setFitMode(this.dragTrackFitMode);
-    this.dragController.setMirrored(false);
-    this.dragController.setEnabled(true);
-  }
-  scheduleNotifyRemoteStream() {
-    if (!this.onRemoteStream) {
-      return;
-    }
-    this.clearRemoteStreamNotifyTimer();
-    if (this.notifyRemoteStreamOnce()) {
-      return;
-    }
-    let attempts = 0;
-    this.remoteStreamNotifyTimer = setInterval(() => {
-      attempts += 1;
-      if (this.notifyRemoteStreamOnce() || attempts >= 60) {
-        this.clearRemoteStreamNotifyTimer();
-      }
-    }, 500);
-  }
-  notifyRemoteStreamOnce() {
-    const videoRoot = this.remoteVideoContainer;
-    if (!this.onRemoteStream || !videoRoot) {
-      return false;
-    }
-    const video = videoRoot instanceof HTMLVideoElement ? videoRoot : videoRoot.querySelector("video");
-    if (!(video instanceof HTMLVideoElement) || !(video.srcObject instanceof MediaStream)) {
-      return false;
-    }
-    if (this.lastNotifiedRemoteStream === video.srcObject) {
-      return true;
-    }
-    this.lastNotifiedRemoteStream = video.srcObject;
-    this.onRemoteStream(video.srcObject);
-    return true;
-  }
-  clearRemoteStreamNotifyTimer() {
-    if (this.remoteStreamNotifyTimer !== null) {
-      clearInterval(this.remoteStreamNotifyTimer);
-      this.remoteStreamNotifyTimer = null;
-    }
-  }
-  async safeDisconnect(options) {
-    this.clearRemoteStreamNotifyTimer();
-    this.lastNotifiedRemoteStream = null;
-    const activeSessionUid = this.sessionUid;
-    this.sessionUid = null;
-    this.client.beginTeardown();
-    if (activeSessionUid) {
-      try {
-        await this.client.closeSession(activeSessionUid);
-      } catch {
-      }
-    }
-    const generationActive = !!this.taskUid && this.rtc.snapshot.joined;
-    try {
-      if (generationActive) {
-        await this.stop();
-      } else {
-        this.updateDragController(false);
-        this.rtc.clearRemoteVideo();
-        if (this.remoteVideoContainer) {
-          this.rtc.setRemoteVideoContainer(null);
-        }
-        this.taskUid = null;
-      }
-    } catch {
-    }
-    try {
-      if (this.rtc.snapshot.joined) {
-        await this.rtc.stopVideoPublishing();
-      }
-    } catch {
-    }
-    try {
-      if (this.rtc.snapshot.joined) {
-        await this.rtc.leave();
-      }
-    } catch {
-    }
-    this.client.endTeardown();
-    this.taskUid = null;
-    this.currentPrompt = "";
-    this.currentGenerationModel = "";
-    this.currentStaticGenerate = void 0;
-    this.sessionTargetSize = null;
-    this.dragController?.destroy();
-    this.dragController = null;
-    this.mirroredInputStream?.destroy();
-    this.mirroredInputStream = null;
-    if (this.hiddenRemoteElement) {
-      this.hiddenRemoteElement.remove();
-      this.hiddenRemoteElement = null;
-    }
-  }
-};
-
-// src/realtime/create-client.ts
-function resolveClientOptions(options) {
-  return {
-    ...options,
-    baseUrl: options.baseUrl?.trim() || XMAX_OPEN_API_PRODUCTION_BASE_URL
-  };
-}
-function createXmaxClient(options) {
-  const resolved = resolveClientOptions(options);
-  const httpClient = new XmaxOpenClient({
-    apiKey: resolved.apiKey,
-    authToken: resolved.authToken,
-    baseUrl: resolved.baseUrl,
-    onError: resolved.onError
-  });
-  return {
-    files: {
-      uploadImage: (file) => httpClient.uploadImage(file),
-      uploadVideo: (file) => httpClient.uploadVideo(file),
-      upload: (file) => httpClient.uploadImage(file)
-    },
-    realtime: {
-      prewarm: (options2) => RealtimePrewarmHandle.create(options2.model, resolved),
-      connect: (stream, connectOptions) => RealtimeSession.connect(stream, connectOptions, resolved)
-    }
-  };
-}
-
-// src/drag/drag-video-sync.ts
-var DRAG_SYNCED_ATTR = "data-xmax-drag-synced";
-function toContentRect(rect) {
-  return {
-    left: rect.left,
-    top: rect.top,
-    width: rect.width,
-    height: rect.height
-  };
-}
-function isMediaInsetInContainer(mediaRect, containerRect) {
-  if (!mediaRect.width || !mediaRect.height || !containerRect.width || !containerRect.height) {
-    return false;
-  }
-  const widthRatio = mediaRect.width / containerRect.width;
-  const heightRatio = mediaRect.height / containerRect.height;
-  return widthRatio < 0.98 || heightRatio < 0.98;
-}
-function intersectContentRects(a, b) {
-  const left = Math.max(a.left, b.left);
-  const top = Math.max(a.top, b.top);
-  const right = Math.min(a.left + a.width, b.left + b.width);
-  const bottom = Math.min(a.top + a.height, b.top + b.height);
-  return {
-    left,
-    top,
-    width: Math.max(0, right - left),
-    height: Math.max(0, bottom - top)
-  };
-}
-function readMediaIntrinsicSize(media) {
-  const video = media;
-  if ("videoWidth" in video && video.videoWidth > 0 && video.videoHeight > 0) {
-    return [video.videoWidth, video.videoHeight];
-  }
-  if (media.width > 0 && media.height > 0) {
-    return [media.width, media.height];
-  }
-  return null;
-}
-function resolveMediaObjectFit(media, fallback) {
-  if (typeof getComputedStyle !== "function") {
-    return fallback;
-  }
-  const fit = getComputedStyle(media).objectFit;
-  if (fit === "contain" || fit === "cover" || fit === "fill") {
-    return fit;
-  }
-  return fallback;
-}
-function resolveRemoteDragLayout(input) {
-  const { wrapperRect, mediaRect, media, targetSize, fitMode } = input;
-  if (!wrapperRect.width || !wrapperRect.height || !mediaRect.width || !mediaRect.height) {
-    return null;
-  }
-  const wrapper = toContentRect(wrapperRect);
-  if (fitMode === "contain") {
-    const overlay2 = toContentRect(mediaRect);
-    const hitRect = intersectContentRects(overlay2, wrapper);
-    const drawable2 = hitRect.width > 0 && hitRect.height > 0 ? hitRect : wrapper;
-    return { overlay: drawable2, mapping: overlay2, hitRect: drawable2, source: "media" };
-  }
-  if (isMediaInsetInContainer(mediaRect, wrapperRect)) {
-    const overlay2 = toContentRect(mediaRect);
-    return { overlay: overlay2, mapping: overlay2, hitRect: overlay2, source: "media" };
-  }
-  const intrinsic = media ? readMediaIntrinsicSize(media) : null;
-  const frameSize = intrinsic ?? targetSize;
-  const objectFit = media ? resolveMediaObjectFit(media, fitMode) : fitMode;
-  if (objectFit === "fill") {
-    const overlay2 = toContentRect(mediaRect);
-    return { overlay: overlay2, mapping: overlay2, hitRect: wrapper, source: "intrinsic" };
-  }
-  const mapping = getFitContentRect(mediaRect, frameSize, objectFit);
-  const overlay = intersectContentRects(mapping, wrapper);
-  const drawable = overlay.width > 0 && overlay.height > 0 ? overlay : wrapper;
-  return {
-    overlay: drawable,
-    mapping,
-    hitRect: wrapper,
-    source: intrinsic ? "intrinsic" : "fit"
-  };
-}
-function resetDragSurfaceFullBleed(dragSurface) {
-  dragSurface.style.inset = "0";
-  dragSurface.style.left = "";
-  dragSurface.style.top = "";
-  dragSurface.style.right = "";
-  dragSurface.style.bottom = "";
-  dragSurface.style.width = "";
-  dragSurface.style.height = "";
-  dragSurface.removeAttribute(DRAG_SYNCED_ATTR);
-}
-function applyDragSurfaceOverlayStyles(dragSurface, overlay, wrapperRect) {
-  const nextLeft = `${overlay.left - wrapperRect.left}px`;
-  const nextTop = `${overlay.top - wrapperRect.top}px`;
-  const nextWidth = `${overlay.width}px`;
-  const nextHeight = `${overlay.height}px`;
-  if (dragSurface.hasAttribute(DRAG_SYNCED_ATTR) && dragSurface.style.inset === "auto" && dragSurface.style.left === nextLeft && dragSurface.style.top === nextTop && dragSurface.style.width === nextWidth && dragSurface.style.height === nextHeight) {
-    return false;
-  }
-  dragSurface.style.inset = "auto";
-  dragSurface.style.left = nextLeft;
-  dragSurface.style.top = nextTop;
-  dragSurface.style.width = nextWidth;
-  dragSurface.style.height = nextHeight;
-  dragSurface.style.right = "";
-  dragSurface.style.bottom = "";
-  dragSurface.setAttribute(DRAG_SYNCED_ATTR, "");
-  return true;
-}
-function syncDragSurfaceToVideo(dragSurface, targetSize, fitMode) {
-  const wrapper = dragSurface.parentElement;
-  if (!wrapper) {
-    resetDragSurfaceFullBleed(dragSurface);
-    return false;
-  }
-  const layout = resolveRemoteDragLayoutFromSurface(dragSurface, targetSize, fitMode);
-  if (!layout || !layout.overlay.width || !layout.overlay.height) {
-    resetDragSurfaceFullBleed(dragSurface);
-    return false;
-  }
-  const wrapperRect = wrapper.getBoundingClientRect();
-  const { overlay } = layout;
-  return applyDragSurfaceOverlayStyles(dragSurface, overlay, wrapperRect);
-}
-function resolveRemoteDragLayoutFromSurface(dragSurface, targetSize, fitMode) {
-  const wrapper = dragSurface.parentElement;
-  if (!wrapper) {
-    return null;
-  }
-  const videoHost = wrapper.querySelector("[data-xmax-remote-video]");
-  if (!videoHost) {
-    return null;
-  }
-  const media = videoHost.querySelector("video, canvas");
-  if (!media) {
-    return null;
-  }
-  return resolveRemoteDragLayout({
-    wrapperRect: wrapper.getBoundingClientRect(),
-    mediaRect: media.getBoundingClientRect(),
-    media,
-    targetSize,
-    fitMode
-  });
-}
-function observeDragSurfaceVideoSync(dragSurface, options) {
-  const wrapper = dragSurface.parentElement;
-  if (!wrapper) {
-    return () => {
-    };
-  }
-  const mediaListeners = /* @__PURE__ */ new Map();
-  let rafId = null;
-  let observedVideoHost = null;
-  const bindMediaListeners = (media) => {
-    if (mediaListeners.has(media)) {
-      return;
-    }
-    const rerender = () => scheduleApply();
-    const bindings = [];
-    const add = (type) => {
-      media.addEventListener(type, rerender);
-      bindings.push(() => media.removeEventListener(type, rerender));
-    };
-    add("loadedmetadata");
-    add("loadeddata");
-    add("resize");
-    mediaListeners.set(media, bindings);
-  };
-  const apply = () => {
-    const changed = syncDragSurfaceToVideo(dragSurface, options.getTargetSize(), options.getFitMode());
-    if (changed) {
-      options.onSync?.();
-    }
-    const videoHost2 = wrapper.querySelector("[data-xmax-remote-video]");
-    const media = videoHost2?.querySelector("video, canvas");
-    if (media) {
-      bindMediaListeners(media);
-    }
-  };
-  const scheduleApply = () => {
-    if (rafId !== null) {
-      return;
-    }
-    rafId = requestAnimationFrame(() => {
-      rafId = null;
-      apply();
-    });
-  };
-  const bindVideoHostObserver = (videoHostObserver) => {
-    const host = wrapper.querySelector("[data-xmax-remote-video]");
-    if (!host || host === observedVideoHost || !videoHostObserver) {
-      return;
-    }
-    videoHostObserver.disconnect();
-    observedVideoHost = host;
-    videoHostObserver.observe(host, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: ["style", "class", "width", "height"]
-    });
-  };
-  apply();
-  const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(() => scheduleApply()) : null;
-  resizeObserver?.observe(wrapper);
-  const videoHost = wrapper.querySelector("[data-xmax-remote-video]");
-  if (videoHost) {
-    resizeObserver?.observe(videoHost);
-  }
-  const observeMedia = () => {
-    const host = wrapper.querySelector("[data-xmax-remote-video]");
-    const media = host?.querySelector("video, canvas");
-    if (media) {
-      resizeObserver?.observe(media);
-      bindMediaListeners(media);
-    }
-  };
-  observeMedia();
-  const videoHostMutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(() => {
-    observeMedia();
-    scheduleApply();
-  }) : null;
-  bindVideoHostObserver(videoHostMutationObserver);
-  const wrapperMutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(() => {
-    bindVideoHostObserver(videoHostMutationObserver);
-    observeMedia();
-    scheduleApply();
-  }) : null;
-  wrapperMutationObserver?.observe(wrapper, {
-    childList: true,
-    subtree: true
-  });
-  const onWindowChange = () => scheduleApply();
-  window.addEventListener("resize", onWindowChange);
-  window.addEventListener("scroll", onWindowChange, true);
-  return () => {
-    if (rafId !== null) {
-      cancelAnimationFrame(rafId);
-      rafId = null;
-    }
-    resizeObserver?.disconnect();
-    wrapperMutationObserver?.disconnect();
-    videoHostMutationObserver?.disconnect();
-    for (const unbind of Array.from(mediaListeners.values())) {
-      unbind.forEach((dispose) => dispose());
-    }
-    mediaListeners.clear();
-    window.removeEventListener("resize", onWindowChange);
-    window.removeEventListener("scroll", onWindowChange, true);
-    resetDragSurfaceFullBleed(dragSurface);
-  };
-}
-
-export { RealtimePrewarmHandle, RealtimeSession, createRemoteViewHost, createXmaxClient, observeDragSurfaceVideoSync, resolveRefImageUrl, syncDragSurfaceToVideo };
-//# sourceMappingURL=chunk-7X7QCO3O.js.map
-//# sourceMappingURL=chunk-7X7QCO3O.js.map