@xmaxai/web-sdk 1.0.0

package/dist/index.js

@@ -0,0 +1,59 @@
+import {
+  CameraPosition,
+  MediaService,
+  RealtimeConfiguration,
+  RealtimeConnectionState,
+  RealtimeContext,
+  RealtimeMediaStream,
+  RealtimeModel,
+  RealtimeReason,
+  RealtimeState,
+  RealtimeVideoEncoderPreference,
+  RealtimeVideoFormat,
+  RealtimeVideoTrack,
+  StorageService,
+  StoredFile,
+  VideoContentMode,
+  XmaxClient,
+  XmaxConfiguration,
+  XmaxEnvironment,
+  XmaxError,
+  XmaxErrorCode,
+  XmaxLogger,
+  XmaxLoggerOption,
+  XmaxRealtimeVideoView,
+  XmaxVideoView,
+  apiBaseURL,
+  defaultCameraVideoFormat,
+  defaultFrameRate
+} from "./chunk-MJ72WWQX.js";
+export {
+  CameraPosition,
+  MediaService,
+  RealtimeConfiguration,
+  RealtimeConnectionState,
+  RealtimeContext,
+  RealtimeMediaStream,
+  RealtimeModel,
+  RealtimeReason,
+  RealtimeState,
+  RealtimeVideoEncoderPreference,
+  RealtimeVideoFormat,
+  RealtimeVideoTrack,
+  StorageService,
+  StoredFile,
+  VideoContentMode,
+  XmaxClient,
+  XmaxConfiguration,
+  XmaxEnvironment,
+  XmaxError,
+  XmaxErrorCode,
+  XmaxLogger,
+  XmaxLoggerOption,
+  XmaxRealtimeVideoView,
+  XmaxVideoView,
+  apiBaseURL,
+  defaultCameraVideoFormat,
+  defaultFrameRate
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react/index.cjs

@@ -0,0 +1,116 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkJJWUZ3AWcjs = require('../chunk-JJWUZ3AW.cjs');
+
+// src/react/XmaxRealtimeVideo.tsx
+
+
+
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function XmaxRealtimeVideo(props) {
+  const containerRef = _react.useRef.call(void 0, null);
+  const viewRef = _react.useRef.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const view = new (0, _chunkJJWUZ3AWcjs.XmaxRealtimeVideoView)();
+    view.element.style.width = "100%";
+    view.element.style.height = "100%";
+    view.attach(container);
+    viewRef.current = view;
+    return () => {
+      viewRef.current = void 0;
+      view.localTrack = void 0;
+      view.remoteTrack = void 0;
+      view.detach();
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    const view = viewRef.current;
+    if (view) {
+      view.localTrack = props.localTrack;
+    }
+  }, [props.localTrack]);
+  _react.useEffect.call(void 0, () => {
+    const view = viewRef.current;
+    if (view) {
+      view.remoteTrack = props.remoteTrack;
+    }
+  }, [props.remoteTrack]);
+  _react.useEffect.call(void 0, () => {
+    const view = viewRef.current;
+    if (view && props.videoContentMode) {
+      view.videoContentMode = props.videoContentMode;
+    }
+  }, [props.videoContentMode]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      className: props.className,
+      style: { position: "relative", overflow: "hidden", ...props.style }
+    }
+  );
+}
+
+// src/react/XmaxVideo.tsx
+
+
+
+
+
+function XmaxVideo(props) {
+  const containerRef = _react.useRef.call(void 0, null);
+  const viewRef = _react.useRef.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const view = new (0, _chunkJJWUZ3AWcjs.XmaxVideoView)();
+    view.element.style.width = "100%";
+    view.element.style.height = "100%";
+    view.attach(container);
+    viewRef.current = view;
+    return () => {
+      viewRef.current = void 0;
+      view.track = void 0;
+      view.detach();
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    const view = viewRef.current;
+    if (view) {
+      view.track = props.track;
+    }
+  }, [props.track]);
+  _react.useEffect.call(void 0, () => {
+    const view = viewRef.current;
+    if (view && props.videoContentMode) {
+      view.videoContentMode = props.videoContentMode;
+    }
+  }, [props.videoContentMode]);
+  _react.useEffect.call(void 0, () => {
+    const view = viewRef.current;
+    if (view && props.mirrored !== void 0) {
+      view.isMirrored = props.mirrored;
+    }
+  }, [props.mirrored]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      className: props.className,
+      style: { position: "relative", overflow: "hidden", ...props.style }
+    }
+  );
+}
+
+
+
+exports.XmaxRealtimeVideo = XmaxRealtimeVideo; exports.XmaxVideo = XmaxVideo;
+//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/xmax.ai/dev/Xmax/Web/XmaxSDK/packages/xmax-sdk/dist/react/index.cjs","../../src/react/XmaxRealtimeVideo.tsx","../../src/react/XmaxVideo.tsx"],"names":["useRef","useEffect","jsx"],"mappings":"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","file":"/Users/xmax.ai/dev/Xmax/Web/XmaxSDK/packages/xmax-sdk/dist/react/index.cjs","sourcesContent":[null,"import {\n  VideoContentMode,\n  XmaxRealtimeVideoView,\n  type RealtimeVideoTrack,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\nexport interface XmaxRealtimeVideoProps {\n  /** 当前显示的本地视频轨道。 */\n  localTrack?: RealtimeVideoTrack;\n\n  /** 当前显示的远端生成视频轨道；首帧提交后自动渐入。 */\n  remoteTrack?: RealtimeVideoTrack;\n\n  /** 视频内容在容器中的显示模式，默认 fill。 */\n  videoContentMode?: VideoContentMode;\n\n  /** 容器类名。 */\n  className?: string;\n\n  /** 容器样式。 */\n  style?: CSSProperties;\n}\n\n/**\n * 本地预览和远端生成画面自动切换的 React 组件。\n */\nexport function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxRealtimeVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n    const view = new XmaxRealtimeVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.localTrack = undefined;\n      view.remoteTrack = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.localTrack = props.localTrack;\n    }\n  }, [props.localTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.remoteTrack = props.remoteTrack;\n    }\n  }, [props.remoteTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n","import {\n  VideoContentMode,\n  XmaxVideoView,\n  type RealtimeVideoTrack,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\nexport interface XmaxVideoProps {\n  /** 当前显示的视频轨道；置空时清空画面。 */\n  track?: RealtimeVideoTrack;\n\n  /** 视频内容在容器中的显示模式，默认 fill。 */\n  videoContentMode?: VideoContentMode;\n\n  /** 是否镜像显示（仅影响显示，不影响发布流）。 */\n  mirrored?: boolean;\n\n  /** 容器类名。 */\n  className?: string;\n\n  /** 容器样式。 */\n  style?: CSSProperties;\n}\n\n/**\n * 单轨视频 React 组件：把一路视频轨渲染到容器。\n */\nexport function XmaxVideo(props: XmaxVideoProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n    const view = new XmaxVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.track = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.track = props.track;\n    }\n  }, [props.track]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.mirrored !== undefined) {\n      view.isMirrored = props.mirrored;\n    }\n  }, [props.mirrored]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n"]}

package/dist/react/index.d.cts

@@ -0,0 +1,39 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+import { a as RealtimeVideoTrack, V as VideoContentMode } from '../VideoContentMode-BXkqM4XG.cjs';
+
+interface XmaxRealtimeVideoProps {
+    /** 当前显示的本地视频轨道。 */
+    localTrack?: RealtimeVideoTrack;
+    /** 当前显示的远端生成视频轨道；首帧提交后自动渐入。 */
+    remoteTrack?: RealtimeVideoTrack;
+    /** 视频内容在容器中的显示模式，默认 fill。 */
+    videoContentMode?: VideoContentMode;
+    /** 容器类名。 */
+    className?: string;
+    /** 容器样式。 */
+    style?: CSSProperties;
+}
+/**
+ * 本地预览和远端生成画面自动切换的 React 组件。
+ */
+declare function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps): react.JSX.Element;
+
+interface XmaxVideoProps {
+    /** 当前显示的视频轨道；置空时清空画面。 */
+    track?: RealtimeVideoTrack;
+    /** 视频内容在容器中的显示模式，默认 fill。 */
+    videoContentMode?: VideoContentMode;
+    /** 是否镜像显示（仅影响显示，不影响发布流）。 */
+    mirrored?: boolean;
+    /** 容器类名。 */
+    className?: string;
+    /** 容器样式。 */
+    style?: CSSProperties;
+}
+/**
+ * 单轨视频 React 组件：把一路视频轨渲染到容器。
+ */
+declare function XmaxVideo(props: XmaxVideoProps): react.JSX.Element;
+
+export { XmaxRealtimeVideo, type XmaxRealtimeVideoProps, XmaxVideo, type XmaxVideoProps };

package/dist/react/index.d.ts

@@ -0,0 +1,39 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+import { a as RealtimeVideoTrack, V as VideoContentMode } from '../VideoContentMode-BXkqM4XG.js';
+
+interface XmaxRealtimeVideoProps {
+    /** 当前显示的本地视频轨道。 */
+    localTrack?: RealtimeVideoTrack;
+    /** 当前显示的远端生成视频轨道；首帧提交后自动渐入。 */
+    remoteTrack?: RealtimeVideoTrack;
+    /** 视频内容在容器中的显示模式，默认 fill。 */
+    videoContentMode?: VideoContentMode;
+    /** 容器类名。 */
+    className?: string;
+    /** 容器样式。 */
+    style?: CSSProperties;
+}
+/**
+ * 本地预览和远端生成画面自动切换的 React 组件。
+ */
+declare function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps): react.JSX.Element;
+
+interface XmaxVideoProps {
+    /** 当前显示的视频轨道；置空时清空画面。 */
+    track?: RealtimeVideoTrack;
+    /** 视频内容在容器中的显示模式，默认 fill。 */
+    videoContentMode?: VideoContentMode;
+    /** 是否镜像显示（仅影响显示，不影响发布流）。 */
+    mirrored?: boolean;
+    /** 容器类名。 */
+    className?: string;
+    /** 容器样式。 */
+    style?: CSSProperties;
+}
+/**
+ * 单轨视频 React 组件：把一路视频轨渲染到容器。
+ */
+declare function XmaxVideo(props: XmaxVideoProps): react.JSX.Element;
+
+export { XmaxRealtimeVideo, type XmaxRealtimeVideoProps, XmaxVideo, type XmaxVideoProps };

package/dist/react/index.js

@@ -0,0 +1,116 @@
+import {
+  XmaxRealtimeVideoView,
+  XmaxVideoView
+} from "../chunk-MJ72WWQX.js";
+
+// src/react/XmaxRealtimeVideo.tsx
+import {
+  useEffect,
+  useRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+function XmaxRealtimeVideo(props) {
+  const containerRef = useRef(null);
+  const viewRef = useRef(void 0);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const view = new XmaxRealtimeVideoView();
+    view.element.style.width = "100%";
+    view.element.style.height = "100%";
+    view.attach(container);
+    viewRef.current = view;
+    return () => {
+      viewRef.current = void 0;
+      view.localTrack = void 0;
+      view.remoteTrack = void 0;
+      view.detach();
+    };
+  }, []);
+  useEffect(() => {
+    const view = viewRef.current;
+    if (view) {
+      view.localTrack = props.localTrack;
+    }
+  }, [props.localTrack]);
+  useEffect(() => {
+    const view = viewRef.current;
+    if (view) {
+      view.remoteTrack = props.remoteTrack;
+    }
+  }, [props.remoteTrack]);
+  useEffect(() => {
+    const view = viewRef.current;
+    if (view && props.videoContentMode) {
+      view.videoContentMode = props.videoContentMode;
+    }
+  }, [props.videoContentMode]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: props.className,
+      style: { position: "relative", overflow: "hidden", ...props.style }
+    }
+  );
+}
+
+// src/react/XmaxVideo.tsx
+import {
+  useEffect as useEffect2,
+  useRef as useRef2
+} from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function XmaxVideo(props) {
+  const containerRef = useRef2(null);
+  const viewRef = useRef2(void 0);
+  useEffect2(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const view = new XmaxVideoView();
+    view.element.style.width = "100%";
+    view.element.style.height = "100%";
+    view.attach(container);
+    viewRef.current = view;
+    return () => {
+      viewRef.current = void 0;
+      view.track = void 0;
+      view.detach();
+    };
+  }, []);
+  useEffect2(() => {
+    const view = viewRef.current;
+    if (view) {
+      view.track = props.track;
+    }
+  }, [props.track]);
+  useEffect2(() => {
+    const view = viewRef.current;
+    if (view && props.videoContentMode) {
+      view.videoContentMode = props.videoContentMode;
+    }
+  }, [props.videoContentMode]);
+  useEffect2(() => {
+    const view = viewRef.current;
+    if (view && props.mirrored !== void 0) {
+      view.isMirrored = props.mirrored;
+    }
+  }, [props.mirrored]);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref: containerRef,
+      className: props.className,
+      style: { position: "relative", overflow: "hidden", ...props.style }
+    }
+  );
+}
+export {
+  XmaxRealtimeVideo,
+  XmaxVideo
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/XmaxRealtimeVideo.tsx","../../src/react/XmaxVideo.tsx"],"sourcesContent":["import {\n  VideoContentMode,\n  XmaxRealtimeVideoView,\n  type RealtimeVideoTrack,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\nexport interface XmaxRealtimeVideoProps {\n  /** 当前显示的本地视频轨道。 */\n  localTrack?: RealtimeVideoTrack;\n\n  /** 当前显示的远端生成视频轨道；首帧提交后自动渐入。 */\n  remoteTrack?: RealtimeVideoTrack;\n\n  /** 视频内容在容器中的显示模式，默认 fill。 */\n  videoContentMode?: VideoContentMode;\n\n  /** 容器类名。 */\n  className?: string;\n\n  /** 容器样式。 */\n  style?: CSSProperties;\n}\n\n/**\n * 本地预览和远端生成画面自动切换的 React 组件。\n */\nexport function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxRealtimeVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n    const view = new XmaxRealtimeVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.localTrack = undefined;\n      view.remoteTrack = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.localTrack = props.localTrack;\n    }\n  }, [props.localTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.remoteTrack = props.remoteTrack;\n    }\n  }, [props.remoteTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n","import {\n  VideoContentMode,\n  XmaxVideoView,\n  type RealtimeVideoTrack,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\nexport interface XmaxVideoProps {\n  /** 当前显示的视频轨道；置空时清空画面。 */\n  track?: RealtimeVideoTrack;\n\n  /** 视频内容在容器中的显示模式，默认 fill。 */\n  videoContentMode?: VideoContentMode;\n\n  /** 是否镜像显示（仅影响显示，不影响发布流）。 */\n  mirrored?: boolean;\n\n  /** 容器类名。 */\n  className?: string;\n\n  /** 容器样式。 */\n  style?: CSSProperties;\n}\n\n/**\n * 单轨视频 React 组件：把一路视频轨渲染到容器。\n */\nexport function XmaxVideo(props: XmaxVideoProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n    const view = new XmaxVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.track = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.track = props.track;\n    }\n  }, [props.track]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.mirrored !== undefined) {\n      view.isMirrored = props.mirrored;\n    }\n  }, [props.mirrored]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAKA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAkEH;AA5CG,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,UAAU,OAA0C,MAAS;AAEnE,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AACA,UAAM,OAAO,IAAI,sBAAsB;AACvC,SAAK,QAAQ,MAAM,QAAQ;AAC3B,SAAK,QAAQ,MAAM,SAAS;AAC5B,SAAK,OAAO,SAAS;AACrB,YAAQ,UAAU;AAClB,WAAO,MAAM;AACX,cAAQ,UAAU;AAClB,WAAK,aAAa;AAClB,WAAK,cAAc;AACnB,WAAK,OAAO;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,MAAM;AACR,WAAK,aAAa,MAAM;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,CAAC;AAErB,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,MAAM;AACR,WAAK,cAAc,MAAM;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,MAAM,WAAW,CAAC;AAEtB,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,QAAQ,MAAM,kBAAkB;AAClC,WAAK,mBAAmB,MAAM;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,MAAM,gBAAgB,CAAC;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,MAAM;AAAA,MACjB,OAAO,EAAE,UAAU,YAAY,UAAU,UAAU,GAAG,MAAM,MAAM;AAAA;AAAA,EACpE;AAEJ;;;AC5EA;AAAA,EACE,aAAAA;AAAA,EACA,UAAAC;AAAA,OAEK;AAiEH,gBAAAC,YAAA;AA3CG,SAAS,UAAU,OAAuB;AAC/C,QAAM,eAAeD,QAAuB,IAAI;AAChD,QAAM,UAAUA,QAAkC,MAAS;AAE3D,EAAAD,WAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AACA,UAAM,OAAO,IAAI,cAAc;AAC/B,SAAK,QAAQ,MAAM,QAAQ;AAC3B,SAAK,QAAQ,MAAM,SAAS;AAC5B,SAAK,OAAO,SAAS;AACrB,YAAQ,UAAU;AAClB,WAAO,MAAM;AACX,cAAQ,UAAU;AAClB,WAAK,QAAQ;AACb,WAAK,OAAO;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,MAAM;AACR,WAAK,QAAQ,MAAM;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,EAAAA,WAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,QAAQ,MAAM,kBAAkB;AAClC,WAAK,mBAAmB,MAAM;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,MAAM,gBAAgB,CAAC;AAE3B,EAAAA,WAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,QAAQ,MAAM,aAAa,QAAW;AACxC,WAAK,aAAa,MAAM;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SACE,gBAAAE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,MAAM;AAAA,MACjB,OAAO,EAAE,UAAU,YAAY,UAAU,UAAU,GAAG,MAAM,MAAM;AAAA;AAAA,EACpE;AAEJ;","names":["useEffect","useRef","jsx"]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@xmaxai/web-sdk",
+  "version": "1.0.0",
+  "license": "MIT",
+  "description": "XmaxSDK for Web — Realtime Interactive Video Generation",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "node scripts/embed-framegen.mjs && tsup",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build && npm run test && cp ../../README.md ./README.md"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "react": "^18.3.1",
+    "@webgpu/types": "^0.1.64",
+    "tsup": "^8.3.5",
+    "typescript": "~5.6.3",
+    "vitest": "^2.1.8"
+  },
+  "peerDependencies": {
+    "react": ">=17"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "framegen": "1.4.0",
+    "cos-js-sdk-v5": "^1.10.1",
+    "trtc-sdk-v5": "^5.6.0"
+  }
+}