@quantabit/live-sdk 1.0.0

package/dist/index.cjs

@@ -0,0 +1,1549 @@
+'use strict';
+
+var sdkConfig = require('@quantabit/sdk-config');
+var React = require('react');
+
+/**
+ * Live SDK - API 客户端
+ * 直播系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类，集成统一的配置管理、Token 和错误处理
+ * 支持直播间管理、弹幕礼物、互动功能、WebSocket等
+ */
+
+
+/**
+ * 直播 API 客户端
+ */
+class LiveClient extends sdkConfig.BaseApiClient {
+  constructor(config = {}) {
+    super('/live', config);
+
+    // 初始化 WebSocket 基础 URL (在 BaseApiClient 初始化后 this.baseUrl 已就绪)
+    if (config.wsBaseUrl) {
+      this.wsBaseUrl = config.wsBaseUrl;
+    } else {
+      // 从全局配置获取，或者通过 baseUrl 转换
+      // 这里的 this.baseUrl 已经是完整的 API 前缀，比如 /api/v1/live 或 http://.../api/v1/live
+      this.wsBaseUrl = (this.baseUrl || '').replace('http', 'ws');
+      // 注意: 这里简单替换 http 为 ws。如果 baseUrl 只是 relative 路径如 /api/v1/live
+      // websocket 将会在连接时根据 window.location 使用相对路径或需要提供绝对路径。
+    }
+    this.onError = config.onError;
+
+    // WebSocket 相关
+    this.ws = null;
+    this.currentRoomId = null;
+    this.reconnectAttempts = 0;
+    this.maxReconnectAttempts = 5;
+    this.reconnectDelay = 3000;
+
+    // 事件监听器
+    this.listeners = {
+      message: [],
+      gift: [],
+      enter: [],
+      leave: [],
+      status: [],
+      like: [],
+      follow: [],
+      share: [],
+      error: [],
+      reconnect: []
+    };
+  }
+
+  // ============ 直播间管理 ============
+
+  /**
+   * 获取直播列表
+   * @param {Object} options - 查询选项
+   */
+  async getLiveRooms(options = {}) {
+    const {
+      page = 1,
+      pageSize = 20,
+      type,
+      status,
+      category
+    } = options;
+    const params = {
+      page,
+      page_size: pageSize
+    };
+    if (type) params.type = type;
+    if (status) params.status = status;
+    if (category) params.category = category;
+    return this.get('/rooms', params);
+  }
+
+  /**
+   * 获取直播间详情
+   * @param {string} roomId - 直播间 ID
+   */
+  async getRoomInfo(roomId) {
+    return this.get(`/rooms/${roomId}`);
+  }
+
+  /**
+   * 获取推荐直播
+   * @param {number} limit - 数量限制
+   */
+  async getRecommendedRooms(limit = 10) {
+    return this.get('/rooms/recommended', {
+      limit
+    });
+  }
+
+  /**
+   * 获取热门直播
+   * @param {number} limit - 数量限制
+   */
+  async getHotRooms(limit = 20) {
+    return this.get('/rooms/hot', {
+      limit
+    });
+  }
+
+  /**
+   * 搜索直播间
+   * @param {string} keyword - 关键词
+   * @param {Object} params - 搜索参数
+   */
+  async searchRooms(keyword, params = {}) {
+    return this.get('/rooms/search', {
+      q: keyword,
+      ...params
+    });
+  }
+
+  /**
+   * 获取直播分类
+   */
+  async getCategories() {
+    return this.get('/categories');
+  }
+
+  /**
+   * 创建直播间
+   * @param {Object} room - 直播间数据
+   */
+  async createRoom(room) {
+    return this.post('/rooms', room);
+  }
+
+  /**
+   * 更新直播间信息
+   * @param {string} roomId - 直播间 ID
+   * @param {Object} updates - 更新数据
+   */
+  async updateRoom(roomId, updates) {
+    return this.put(`/rooms/${roomId}`, updates);
+  }
+
+  /**
+   * 开始直播
+   * @param {string} roomId - 直播间 ID
+   */
+  async startLive(roomId) {
+    return this.post(`/rooms/${roomId}/start`);
+  }
+
+  /**
+   * 结束直播
+   * @param {string} roomId - 直播间 ID
+   */
+  async endLive(roomId) {
+    return this.post(`/rooms/${roomId}/end`);
+  }
+
+  /**
+   * 获取推流地址
+   * @param {string} roomId - 直播间 ID
+   */
+  async getPushUrl(roomId) {
+    return this.get(`/rooms/${roomId}/push-url`);
+  }
+
+  /**
+   * 获取拉流地址
+   * @param {string} roomId - 直播间 ID
+   */
+  async getPullUrl(roomId) {
+    return this.get(`/rooms/${roomId}/pull-url`);
+  }
+
+  // ============ 进入/离开 ============
+
+  /**
+   * 进入直播间
+   * @param {string} roomId - 直播间 ID
+   */
+  async enterRoom(roomId) {
+    this.currentRoomId = roomId;
+    await this.post(`/rooms/${roomId}/enter`);
+    this.connectWebSocket(roomId);
+  }
+
+  /**
+   * 离开直播间
+   * @param {string} roomId - 直播间 ID
+   */
+  async leaveRoom(roomId) {
+    await this.post(`/rooms/${roomId}/leave`);
+    this.disconnectWebSocket();
+    this.currentRoomId = null;
+  }
+
+  /**
+   * 获取直播间观众列表
+   * @param {string} roomId - 直播间 ID
+   * @param {Object} params - 分页参数
+   */
+  async getViewers(roomId, params = {}) {
+    return this.get(`/rooms/${roomId}/viewers`, params);
+  }
+
+  /**
+   * 获取在线人数
+   * @param {string} roomId - 直播间 ID
+   */
+  async getOnlineCount(roomId) {
+    return this.get(`/rooms/${roomId}/online-count`);
+  }
+
+  // ============ WebSocket ============
+
+  /**
+   * 连接 WebSocket
+   * @param {string} roomId - 直播间 ID
+   */
+  connectWebSocket(roomId) {
+    if (this.ws) {
+      this.disconnectWebSocket();
+    }
+
+    // 如果 wsBaseUrl 配置里有 live 则不重复加
+    // 假设 wsBaseUrl 是 ws://.../api/v1/live
+    this.wsBaseUrl.endsWith('/live') ? this.wsBaseUrl.slice(0, -5) : this.wsBaseUrl;
+    // 如果 wsBaseUrl 为空或者相对路径，这可能需要更健壮的处理，但这里保持原有逻辑结构
+    const wsUrl = `${this.wsBaseUrl}/ws/${roomId}`;
+    const token = this.getToken();
+    this.ws = new WebSocket(token ? `${wsUrl}?token=${token}` : wsUrl);
+    this.ws.onopen = () => {
+      this.reconnectAttempts = 0;
+      this.emit('status', {
+        type: 'connected',
+        roomId
+      });
+    };
+    this.ws.onmessage = event => {
+      try {
+        const data = JSON.parse(event.data);
+        this.handleMessage(data);
+      } catch (e) {
+        console.error('Failed to parse message:', e);
+      }
+    };
+    this.ws.onclose = event => {
+      this.emit('status', {
+        type: 'disconnected',
+        code: event.code
+      });
+      if (this.currentRoomId && this.reconnectAttempts < this.maxReconnectAttempts) {
+        this.reconnectAttempts++;
+        this.emit('reconnect', {
+          attempt: this.reconnectAttempts
+        });
+        setTimeout(() => this.connectWebSocket(roomId), this.reconnectDelay);
+      }
+    };
+    this.ws.onerror = error => {
+      this.emit('error', error);
+    };
+  }
+
+  /**
+   * 断开 WebSocket
+   */
+  disconnectWebSocket() {
+    if (this.ws) {
+      this.ws.close();
+      this.ws = null;
+    }
+  }
+
+  /**
+   * 处理 WebSocket 消息
+   * @param {Object} data - 消息数据
+   */
+  handleMessage(data) {
+    switch (data.type) {
+      case 'chat':
+        this.emit('message', data);
+        break;
+      case 'gift':
+        this.emit('gift', data);
+        break;
+      case 'enter':
+        this.emit('enter', data);
+        break;
+      case 'leave':
+        this.emit('leave', data);
+        break;
+      case 'like':
+        this.emit('like', data);
+        break;
+      case 'follow':
+        this.emit('follow', data);
+        break;
+      case 'share':
+        this.emit('share', data);
+        break;
+      case 'status':
+        this.emit('status', data);
+        break;
+      default:
+        this.emit(data.type, data);
+    }
+  }
+
+  // ============ 弹幕互动 ============
+
+  /**
+   * 发送弹幕
+   * @param {string} content - 弹幕内容
+   * @param {Object} options - 弹幕选项
+   */
+  sendMessage(content, options = {}) {
+    if (!this.ws || !this.currentRoomId) return;
+    this.ws.send(JSON.stringify({
+      type: 'chat',
+      content,
+      ...options
+    }));
+  }
+
+  /**
+   * 点赞
+   */
+  sendLike() {
+    if (!this.ws || !this.currentRoomId) return;
+    this.ws.send(JSON.stringify({
+      type: 'like'
+    }));
+  }
+
+  /**
+   * 发送弹幕（HTTP）
+   * @param {string} roomId - 直播间 ID
+   * @param {string} content - 弹幕内容
+   */
+  async sendDanmaku(roomId, content) {
+    return this.post(`/rooms/${roomId}/danmaku`, {
+      content
+    });
+  }
+
+  /**
+   * 获取历史弹幕
+   * @param {string} roomId - 直播间 ID
+   * @param {Object} params - 查询参数
+   */
+  async getDanmakuHistory(roomId, params = {}) {
+    return this.get(`/rooms/${roomId}/danmaku`, params);
+  }
+
+  // ============ 礼物 ============
+
+  /**
+   * 发送礼物
+   * @param {string} roomId - 直播间 ID
+   * @param {string} giftId - 礼物 ID
+   * @param {number} count - 数量
+   */
+  async sendGift(roomId, giftId, count = 1) {
+    return this.post(`/rooms/${roomId}/gift`, {
+      gift_id: giftId,
+      count
+    });
+  }
+
+  /**
+   * 获取礼物列表
+   */
+  async getGifts() {
+    return this.get('/gifts');
+  }
+
+  /**
+   * 获取礼物榜
+   * @param {string} roomId - 直播间 ID
+   * @param {string} period - 周期
+   */
+  async getGiftRanking(roomId, period = 'day') {
+    return this.get(`/rooms/${roomId}/gift-ranking`, {
+      period
+    });
+  }
+
+  /**
+   * 获取贡献榜
+   * @param {string} roomId - 直播间 ID
+   */
+  async getContributionRanking(roomId) {
+    return this.get(`/rooms/${roomId}/contribution-ranking`);
+  }
+
+  // ============ 关注/订阅 ============
+
+  /**
+   * 关注主播
+   * @param {string} roomId - 直播间 ID
+   */
+  async followAnchor(roomId) {
+    return this.post(`/rooms/${roomId}/follow`);
+  }
+
+  /**
+   * 取消关注
+   * @param {string} roomId - 直播间 ID
+   */
+  async unfollowAnchor(roomId) {
+    return this.delete(`/rooms/${roomId}/follow`);
+  }
+
+  /**
+   * 获取关注的主播
+   * @param {Object} params - 分页参数
+   */
+  async getFollowedAnchors(params = {}) {
+    return this.get('/following', params);
+  }
+
+  // ============ 直播预约 ============
+
+  /**
+   * 预约直播
+   * @param {string} roomId - 直播间 ID
+   */
+  async reserveLive(roomId) {
+    return this.post(`/rooms/${roomId}/reserve`);
+  }
+
+  /**
+   * 取消预约
+   * @param {string} roomId - 直播间 ID
+   */
+  async cancelReservation(roomId) {
+    return this.delete(`/rooms/${roomId}/reserve`);
+  }
+
+  /**
+   * 获取我的预约
+   */
+  async getMyReservations() {
+    return this.get('/reservations');
+  }
+
+  // ============ 回放 ============
+
+  /**
+   * 获取直播回放
+   * @param {string} roomId - 直播间 ID
+   */
+  async getPlayback(roomId) {
+    return this.get(`/rooms/${roomId}/playback`);
+  }
+
+  /**
+   * 获取主播回放列表
+   * @param {string} anchorId - 主播 ID
+   * @param {Object} params - 分页参数
+   */
+  async getPlaybacks(anchorId, params = {}) {
+    return this.get(`/anchors/${anchorId}/playbacks`, params);
+  }
+
+  // ============ 管理功能 ============
+
+  /**
+   * 禁言用户
+   * @param {string} roomId - 直播间 ID
+   * @param {string} userId - 用户 ID
+   * @param {number} duration - 禁言时长（秒）
+   */
+  async muteUser(roomId, userId, duration) {
+    return this.post(`/rooms/${roomId}/mute`, {
+      user_id: userId,
+      duration
+    });
+  }
+
+  /**
+   * 踢出用户
+   * @param {string} roomId - 直播间 ID
+   * @param {string} userId - 用户 ID
+   */
+  async kickUser(roomId, userId) {
+    return this.post(`/rooms/${roomId}/kick`, {
+      user_id: userId
+    });
+  }
+
+  /**
+   * 设置管理员
+   * @param {string} roomId - 直播间 ID
+   * @param {string} userId - 用户 ID
+   * @param {boolean} isAdmin - 是否设为管理员
+   */
+  async setAdmin(roomId, userId, isAdmin) {
+    return this.put(`/rooms/${roomId}/admin`, {
+      user_id: userId,
+      is_admin: isAdmin
+    });
+  }
+
+  // ============ 事件系统 ============
+
+  /**
+   * 注册事件监听
+   * @param {string} event - 事件名
+   * @param {Function} callback - 回调函数
+   */
+  on(event, callback) {
+    if (!this.listeners[event]) {
+      this.listeners[event] = [];
+    }
+    this.listeners[event].push(callback);
+    return () => this.off(event, callback);
+  }
+
+  /**
+   * 移除事件监听
+   * @param {string} event - 事件名
+   * @param {Function} callback - 回调函数
+   */
+  off(event, callback) {
+    if (this.listeners[event]) {
+      this.listeners[event] = this.listeners[event].filter(cb => cb !== callback);
+    }
+  }
+
+  /**
+   * 触发事件
+   * @param {string} event - 事件名
+   * @param {*} data - 数据
+   */
+  emit(event, data) {
+    if (this.listeners[event]) {
+      this.listeners[event].forEach(cb => cb(data));
+    }
+  }
+}
+
+// 创建默认实例
+const liveClient = new LiveClient();
+
+/**
+ * Live SDK - 类型定义
+ */
+
+// 直播状态
+const LiveStatus = {
+  SCHEDULED: 'scheduled',
+  LIVE: 'live',
+  PAUSED: 'paused',
+  ENDED: 'ended'
+};
+
+// 直播类型
+const LiveType = {
+  NORMAL: 'normal',
+  // 普通直播
+  GAME: 'game',
+  // 游戏直播
+  SHOPPING: 'shopping',
+  // 带货直播
+  EDUCATION: 'education' // 教育直播
+};
+
+// 消息类型
+const LiveMessageType = {
+  CHAT: 'chat',
+  // 聊天
+  GIFT: 'gift',
+  // 礼物
+  ENTER: 'enter',
+  // 进入
+  LEAVE: 'leave',
+  // 离开
+  FOLLOW: 'follow',
+  // 关注
+  SHARE: 'share',
+  // 分享
+  SYSTEM: 'system' // 系统消息
+};
+
+// 礼物类型
+const GiftType = {
+  FREE: 'free',
+  // 免费
+  PAID: 'paid',
+  // 付费
+  SPECIAL: 'special' // 特效
+};
+
+/**
+ * Live SDK - 国际化
+ */
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  zh: {
+    // 直播状态
+    live: '直播中',
+    offline: '已结束',
+    scheduled: '预约中',
+    starting: '即将开始',
+    // 直播间
+    liveRoom: '直播间',
+    follow: '关注',
+    followed: '已关注',
+    viewers: '观看',
+    likes: '点赞',
+    // 弹幕
+    sendDanmaku: '发送弹幕...',
+    send: '发送',
+    // 礼物
+    gifts: '礼物',
+    sendGift: '送礼物',
+    freeGifts: '免费礼物',
+    paidGifts: '付费礼物',
+    // 互动
+    enterRoom: '进入直播间',
+    leaveRoom: '离开直播间',
+    justEntered: '刚刚进入直播间',
+    welcome: '欢迎',
+    // 主播
+    startLive: '开始直播',
+    endLive: '结束直播',
+    duration: '直播时长',
+    earnings: '收益',
+    // 连麦
+    requestMic: '申请连麦',
+    cancelRequest: '取消申请',
+    onMic: '连麦中',
+    // PK
+    pk: 'PK',
+    pkInvite: '发起PK',
+    pkScore: 'PK分数',
+    win: '胜利',
+    lose: '失败',
+    draw: '平局'
+  },
+  ja: {
+    // 直播状态
+    live: '配信中',
+    offline: '終了',
+    scheduled: '予約中',
+    starting: 'まもなく開始',
+    // 直播间
+    liveRoom: '配信ルーム',
+    follow: 'フォロー',
+    followed: 'フォロー済み',
+    viewers: '視聴',
+    likes: 'いいね',
+    // 弹幕
+    sendDanmaku: 'コメントを送信...',
+    send: '送信',
+    // 礼物
+    gifts: 'ギフト',
+    sendGift: 'ギフトを贈る',
+    freeGifts: '無料ギフト',
+    paidGifts: '有料ギフト',
+    // 互动
+    enterRoom: '配信ルームに入る',
+    leaveRoom: '配信ルームを退出する',
+    justEntered: 'が配信ルームに入りました',
+    welcome: '歓迎',
+    // 主播
+    startLive: '配信開始',
+    endLive: '配信終了',
+    duration: '配信時間',
+    earnings: '収益',
+    // 连麦
+    requestMic: 'コラボ申請',
+    cancelRequest: '申請取消',
+    onMic: 'コラボ中',
+    // PK
+    pk: 'PK',
+    pkInvite: 'PK開始',
+    pkScore: 'PKスコア',
+    win: '勝利',
+    lose: '敗北',
+    draw: '引き分け'
+  },
+  ko: {
+    // 直播状态
+    live: '라이브 중',
+    offline: '종료됨',
+    scheduled: '예약 중',
+    starting: '시작 예정',
+    // 直播间
+    liveRoom: '라이브 룸',
+    follow: '팔로우',
+    followed: '팔로우함',
+    viewers: '시청',
+    likes: '좋아요',
+    // 弹幕
+    sendDanmaku: '댓글 보내기...',
+    send: '보내기',
+    // 礼物
+    gifts: '선물',
+    sendGift: '선물 보내기',
+    freeGifts: '무료 선물',
+    paidGifts: '유료 선물',
+    // 互动
+    enterRoom: '라이브 룸 입장',
+    leaveRoom: '라이브 룸 퇴장',
+    justEntered: '방금 라이브 룸에 입장했습니다',
+    welcome: '환영합니다',
+    // 主播
+    startLive: '라이브 시작',
+    endLive: '라이브 종료',
+    duration: '라이브 지속 시간',
+    earnings: '수익',
+    // 连麦
+    requestMic: '연결 신청',
+    cancelRequest: '신청 취소',
+    onMic: '연결 중',
+    // PK
+    pk: 'PK',
+    pkInvite: 'PK 시작',
+    pkScore: 'PK 점수',
+    win: '승리',
+    lose: '패배',
+    draw: '무승부'
+  },
+  en: {
+    live: 'Live',
+    offline: 'Offline',
+    scheduled: 'Scheduled',
+    starting: 'Starting Soon',
+    liveRoom: 'Live Room',
+    follow: 'Follow',
+    followed: 'Following',
+    viewers: 'Viewers',
+    likes: 'Likes',
+    sendDanmaku: 'Send a message...',
+    send: 'Send',
+    gifts: 'Gifts',
+    sendGift: 'Send Gift',
+    freeGifts: 'Free',
+    paidGifts: 'Premium',
+    enterRoom: 'Enter Room',
+    leaveRoom: 'Leave Room',
+    justEntered: 'just entered',
+    welcome: 'Welcome',
+    startLive: 'Go Live',
+    endLive: 'End Live',
+    duration: 'Duration',
+    earnings: 'Earnings',
+    requestMic: 'Request Mic',
+    cancelRequest: 'Cancel',
+    onMic: 'On Mic',
+    pk: 'PK',
+    pkInvite: 'Start PK',
+    pkScore: 'PK Score',
+    win: 'Win',
+    lose: 'Lose',
+    draw: 'Draw'
+  }
+};
+let currentLanguage = 'zh';
+function setLanguage(lang) {
+  if (SUPPORTED_LANGUAGES.includes(lang)) currentLanguage = lang;
+}
+function getLanguage() {
+  return currentLanguage;
+}
+function t(key) {
+  return (messages[currentLanguage] || messages.en)[key] || key;
+}
+
+/**
+ * Live SDK - React Hooks
+ */
+
+
+/**
+ * useLiveRooms - 直播列表Hook
+ */
+function useLiveRooms(options = {}) {
+  const [rooms, setRooms] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [page, setPage] = React.useState(1);
+  const [hasMore, setHasMore] = React.useState(true);
+  const loadRooms = React.useCallback(async (reset = false) => {
+    const currentPage = reset ? 1 : page;
+    setLoading(true);
+    try {
+      const result = await liveClient.getLiveRooms({
+        ...options,
+        page: currentPage,
+        pageSize: 20
+      });
+      const newRooms = result.rooms || [];
+      setRooms(prev => reset ? newRooms : [...prev, ...newRooms]);
+      setHasMore(newRooms.length >= 20);
+      if (reset) setPage(1);
+    } finally {
+      setLoading(false);
+    }
+  }, [options.type, options.status, page]);
+  const loadMore = React.useCallback(() => {
+    if (hasMore && !loading) {
+      setPage(p => p + 1);
+    }
+  }, [hasMore, loading]);
+  React.useEffect(() => {
+    loadRooms(true);
+  }, [options.type, options.status]);
+  React.useEffect(() => {
+    if (page > 1) loadRooms();
+  }, [page]);
+  return {
+    rooms,
+    loading,
+    hasMore,
+    loadMore,
+    refresh: () => loadRooms(true)
+  };
+}
+
+/**
+ * useLiveRoom - 单个直播间Hook
+ */
+function useLiveRoom(roomId) {
+  const [room, setRoom] = React.useState(null);
+  const [messages, setMessages] = React.useState([]);
+  const [gifts, setGifts] = React.useState([]);
+  const [viewers, setViewers] = React.useState(0);
+  const [loading, setLoading] = React.useState(false);
+  const [isInRoom, setIsInRoom] = React.useState(false);
+
+  // 加载房间信息
+  const loadRoom = React.useCallback(async () => {
+    if (!roomId) return;
+    setLoading(true);
+    try {
+      const result = await liveClient.getRoomInfo(roomId);
+      setRoom(result);
+      setViewers(result.viewer_count || 0);
+    } finally {
+      setLoading(false);
+    }
+  }, [roomId]);
+
+  // 进入直播间
+  const enterRoom = React.useCallback(async () => {
+    if (!roomId || isInRoom) return;
+    try {
+      await liveClient.enterRoom(roomId);
+      setIsInRoom(true);
+    } catch (e) {
+      console.error('Failed to enter room', e);
+    }
+  }, [roomId, isInRoom]);
+
+  // 离开直播间
+  const leaveRoom = React.useCallback(async () => {
+    if (!roomId || !isInRoom) return;
+    try {
+      await liveClient.leaveRoom(roomId);
+      setIsInRoom(false);
+    } catch (e) {
+      console.error('Failed to leave room', e);
+    }
+  }, [roomId, isInRoom]);
+
+  // 发送弹幕
+  const sendMessage = React.useCallback(content => {
+    if (!isInRoom || !content.trim()) return;
+    liveClient.sendMessage(content);
+  }, [isInRoom]);
+
+  // 发送礼物
+  const sendGift = React.useCallback(async (giftId, count = 1) => {
+    if (!roomId) return false;
+    try {
+      await liveClient.sendGift(roomId, giftId, count);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }, [roomId]);
+
+  // 监听事件
+  React.useEffect(() => {
+    if (!roomId) return;
+    const unsubMessage = liveClient.on('message', data => {
+      setMessages(prev => [...prev.slice(-100), data]); // 保留最近100条
+    });
+    const unsubGift = liveClient.on('gift', data => {
+      setGifts(prev => [...prev.slice(-20), data]); // 保留最近20条
+    });
+    const unsubEnter = liveClient.on('enter', data => {
+      setViewers(prev => prev + 1);
+      setMessages(prev => [...prev.slice(-100), {
+        type: 'enter',
+        ...data
+      }]);
+    });
+    const unsubLeave = liveClient.on('leave', () => {
+      setViewers(prev => Math.max(0, prev - 1));
+    });
+    return () => {
+      unsubMessage();
+      unsubGift();
+      unsubEnter();
+      unsubLeave();
+    };
+  }, [roomId]);
+
+  // 初始化
+  React.useEffect(() => {
+    loadRoom();
+    return () => {
+      if (isInRoom) leaveRoom();
+    };
+  }, [roomId]);
+  return {
+    room,
+    messages,
+    gifts,
+    viewers,
+    loading,
+    isInRoom,
+    enterRoom,
+    leaveRoom,
+    sendMessage,
+    sendGift,
+    refresh: loadRoom
+  };
+}
+
+/**
+ * useGifts - 礼物列表Hook
+ */
+function useGifts() {
+  const [gifts, setGifts] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const loadGifts = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const result = await liveClient.getGifts();
+      setGifts(result.gifts || []);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  React.useEffect(() => {
+    loadGifts();
+  }, []);
+  return {
+    gifts,
+    loading,
+    refresh: loadGifts
+  };
+}
+
+/**
+ * Live SDK - 直播间组件
+ */
+
+
+/**
+ * 弹幕消息
+ */
+function DanmakuMessage({
+  message,
+  isGift = false
+}) {
+  if (message.type === 'enter') {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-live-danmaku enter"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-live-user"
+    }, message.user?.name), /*#__PURE__*/React.createElement("span", {
+      className: "eco-live-text"
+    }, t('justEntered')));
+  }
+  if (isGift || message.type === 'gift') {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-live-danmaku gift"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-live-user"
+    }, message.user?.name), /*#__PURE__*/React.createElement("span", {
+      className: "eco-live-text"
+    }, "\u9001\u51FA ", /*#__PURE__*/React.createElement("span", {
+      className: "eco-live-gift-icon"
+    }, message.gift?.icon), message.gift?.name, " x", message.count));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-danmaku"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-live-user"
+  }, message.user?.name, ":"), /*#__PURE__*/React.createElement("span", {
+    className: "eco-live-text"
+  }, message.content));
+}
+
+/**
+ * 弹幕列表
+ */
+function DanmakuList({
+  messages = [],
+  maxHeight = 300
+}) {
+  const containerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (containerRef.current) {
+      containerRef.current.scrollTop = containerRef.current.scrollHeight;
+    }
+  }, [messages.length]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: "eco-live-danmaku-list",
+    style: {
+      maxHeight
+    }
+  }, messages.map((msg, index) => /*#__PURE__*/React.createElement(DanmakuMessage, {
+    key: msg.id || index,
+    message: msg
+  })));
+}
+
+/**
+ * 弹幕输入框
+ */
+function DanmakuInput({
+  onSend,
+  disabled = false
+}) {
+  const [text, setText] = React.useState('');
+  const handleSend = () => {
+    if (text.trim() && !disabled) {
+      onSend(text.trim());
+      setText('');
+    }
+  };
+  const handleKeyDown = e => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-danmaku-input"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    value: text,
+    onChange: e => setText(e.target.value),
+    onKeyDown: handleKeyDown,
+    placeholder: t('sendDanmaku'),
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement("button", {
+    onClick: handleSend,
+    disabled: disabled || !text.trim()
+  }, t('send')));
+}
+
+/**
+ * 礼物面板
+ */
+function GiftPanel$1({
+  gifts = [],
+  onSend,
+  selectedId,
+  onSelect
+}) {
+  const [count, setCount] = React.useState(1);
+  const handleSend = () => {
+    if (selectedId && onSend) {
+      onSend(selectedId, count);
+      setCount(1);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-gift-panel"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-gift-grid"
+  }, gifts.map(gift => /*#__PURE__*/React.createElement("div", {
+    key: gift.id,
+    className: `eco-live-gift-item ${selectedId === gift.id ? 'selected' : ''}`,
+    onClick: () => onSelect(gift.id)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-live-gift-icon"
+  }, gift.icon || '🎁'), /*#__PURE__*/React.createElement("span", {
+    className: "eco-live-gift-name"
+  }, gift.name), /*#__PURE__*/React.createElement("span", {
+    className: "eco-live-gift-price"
+  }, gift.price > 0 ? `${gift.price}币` : '免费')))), selectedId && /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-gift-actions"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-gift-count"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setCount(Math.max(1, count - 1))
+  }, "-"), /*#__PURE__*/React.createElement("span", null, count), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setCount(count + 1)
+  }, "+")), /*#__PURE__*/React.createElement("button", {
+    className: "eco-live-gift-send",
+    onClick: handleSend
+  }, t('sendGift'))));
+}
+
+/**
+ * 直播间卡片
+ */
+function LiveRoomCard({
+  room,
+  onClick
+}) {
+  const {
+    id,
+    title,
+    cover,
+    host,
+    viewer_count,
+    status
+  } = room;
+  const isLive = status === LiveStatus.LIVE;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-room-card",
+    onClick: () => onClick?.(room)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-room-cover"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: cover || '/placeholder.png',
+    alt: title
+  }), isLive && /*#__PURE__*/React.createElement("span", {
+    className: "eco-live-status live"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-live-dot"
+  }), t('live')), /*#__PURE__*/React.createElement("span", {
+    className: "eco-live-viewers"
+  }, "\uD83D\uDC41 ", viewer_count || 0)), /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-room-info"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "eco-live-room-title"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-room-host"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: host?.avatar || '/avatar.png',
+    alt: host?.name
+  }), /*#__PURE__*/React.createElement("span", null, host?.name))));
+}
+
+/**
+ * 直播间网格
+ */
+function LiveRoomGrid({
+  rooms = [],
+  loading,
+  onRoomClick,
+  columns = 2
+}) {
+  if (loading && rooms.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-live-loading"
+    }, "\u52A0\u8F7D\u4E2D...");
+  }
+  if (rooms.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-live-empty"
+    }, "\u6682\u65E0\u76F4\u64AD");
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-live-room-grid",
+    style: {
+      gridTemplateColumns: `repeat(${columns}, 1fr)`
+    }
+  }, rooms.map(room => /*#__PURE__*/React.createElement(LiveRoomCard, {
+    key: room.id,
+    room: room,
+    onClick: onRoomClick
+  })));
+}
+
+/**
+ * Live SDK - 高级组件: 直播播放器、弹幕、礼物面板
+ */
+
+
+// 直播播放器
+function LivePlayer({
+  streamUrl,
+  thumbnail,
+  isLive = false,
+  viewerCount = 0,
+  onFullscreen,
+  onPictureInPicture,
+  className = ''
+}) {
+  const videoRef = React.useRef(null);
+  const [isPlaying, setIsPlaying] = React.useState(false);
+  const [isMuted, setIsMuted] = React.useState(true);
+  const [quality, setQuality] = React.useState('auto');
+  const togglePlay = () => {
+    if (videoRef.current) {
+      if (isPlaying) {
+        videoRef.current.pause();
+      } else {
+        videoRef.current.play();
+      }
+      setIsPlaying(!isPlaying);
+    }
+  };
+  const toggleMute = () => {
+    if (videoRef.current) {
+      videoRef.current.muted = !isMuted;
+      setIsMuted(!isMuted);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `live-player ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-player-container"
+  }, /*#__PURE__*/React.createElement("video", {
+    ref: videoRef,
+    src: streamUrl,
+    poster: thumbnail,
+    muted: isMuted,
+    autoPlay: true,
+    playsInline: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "live-player-overlay"
+  }, isLive && /*#__PURE__*/React.createElement("div", {
+    className: "live-badge"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "live-dot"
+  }), "LIVE"), /*#__PURE__*/React.createElement("div", {
+    className: "live-viewer-count"
+  }, "\uD83D\uDC41\uFE0F ", formatNumber(viewerCount))), /*#__PURE__*/React.createElement("div", {
+    className: "live-player-controls"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "live-control-btn",
+    onClick: togglePlay
+  }, isPlaying ? '⏸️' : '▶️'), /*#__PURE__*/React.createElement("button", {
+    className: "live-control-btn",
+    onClick: toggleMute
+  }, isMuted ? '🔇' : '🔊'), /*#__PURE__*/React.createElement("div", {
+    className: "live-quality-selector"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: quality,
+    onChange: e => setQuality(e.target.value)
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "auto"
+  }, "Auto"), /*#__PURE__*/React.createElement("option", {
+    value: "1080p"
+  }, "1080p"), /*#__PURE__*/React.createElement("option", {
+    value: "720p"
+  }, "720p"), /*#__PURE__*/React.createElement("option", {
+    value: "480p"
+  }, "480p"))), /*#__PURE__*/React.createElement("div", {
+    className: "live-control-spacer"
+  }), /*#__PURE__*/React.createElement("button", {
+    className: "live-control-btn",
+    onClick: onPictureInPicture
+  }, "\uD83D\uDCFA"), /*#__PURE__*/React.createElement("button", {
+    className: "live-control-btn",
+    onClick: onFullscreen
+  }, "\u26F6"))));
+}
+
+// 弹幕系统
+function Danmaku({
+  messages = [],
+  onSend,
+  enabled = true,
+  speed = 5,
+  className = ''
+}) {
+  const containerRef = React.useRef(null);
+  const [inputValue, setInputValue] = React.useState('');
+  const [activeMessages, setActiveMessages] = React.useState([]);
+  React.useEffect(() => {
+    if (!enabled) return;
+
+    // 添加新消息到弹幕轨道
+    const newMessages = messages.slice(-5).map((msg, i) => ({
+      ...msg,
+      id: msg.id || Date.now() + i,
+      track: i % 5,
+      left: 100
+    }));
+    setActiveMessages(prev => [...prev, ...newMessages].slice(-50));
+  }, [messages, enabled]);
+  React.useEffect(() => {
+    if (!enabled) return;
+    const interval = setInterval(() => {
+      setActiveMessages(prev => prev.map(m => ({
+        ...m,
+        left: m.left - 2
+      })).filter(m => m.left > -100));
+    }, 50);
+    return () => clearInterval(interval);
+  }, [enabled, speed]);
+  const handleSend = () => {
+    if (!inputValue.trim()) return;
+    onSend?.({
+      text: inputValue.trim()
+    });
+    setInputValue('');
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `live-danmaku ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-danmaku-container",
+    ref: containerRef
+  }, enabled && activeMessages.map(msg => /*#__PURE__*/React.createElement("div", {
+    key: msg.id,
+    className: "live-danmaku-message",
+    style: {
+      left: `${msg.left}%`,
+      top: `${msg.track * 28 + 10}px`,
+      color: msg.color || '#fff'
+    }
+  }, msg.text))), /*#__PURE__*/React.createElement("div", {
+    className: "live-danmaku-input"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    value: inputValue,
+    onChange: e => setInputValue(e.target.value),
+    onKeyDown: e => e.key === 'Enter' && handleSend(),
+    placeholder: t('sendDanmaku'),
+    maxLength: 50
+  }), /*#__PURE__*/React.createElement("button", {
+    onClick: handleSend
+  }, t('send'))));
+}
+
+// 礼物面板
+function GiftPanel({
+  gifts = [],
+  selectedGift,
+  onSelectGift,
+  onSendGift,
+  balance = 0,
+  loading = false,
+  className = ''
+}) {
+  const [quantity, setQuantity] = React.useState(1);
+  const handleSend = () => {
+    if (!selectedGift) return;
+    onSendGift?.({
+      gift: selectedGift,
+      quantity
+    });
+    setQuantity(1);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `live-gift-panel ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-gift-header"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "live-gift-title"
+  }, "\uD83C\uDF81 ", t('gifts')), /*#__PURE__*/React.createElement("span", {
+    className: "live-gift-balance"
+  }, "\uD83D\uDCB0 ", balance.toLocaleString())), /*#__PURE__*/React.createElement("div", {
+    className: "live-gift-grid"
+  }, gifts.map(gift => /*#__PURE__*/React.createElement("div", {
+    key: gift.id,
+    className: `live-gift-item ${selectedGift?.id === gift.id ? 'selected' : ''}`,
+    onClick: () => onSelectGift?.(gift)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-gift-icon"
+  }, gift.icon || '🎁'), /*#__PURE__*/React.createElement("div", {
+    className: "live-gift-name"
+  }, gift.name), /*#__PURE__*/React.createElement("div", {
+    className: "live-gift-price"
+  }, "\uD83D\uDCB0 ", gift.price)))), selectedGift && /*#__PURE__*/React.createElement("div", {
+    className: "live-gift-send"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-gift-selected"
+  }, /*#__PURE__*/React.createElement("span", null, selectedGift.icon), /*#__PURE__*/React.createElement("span", null, selectedGift.name)), /*#__PURE__*/React.createElement("div", {
+    className: "live-gift-quantity"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setQuantity(Math.max(1, quantity - 1))
+  }, "-"), /*#__PURE__*/React.createElement("span", null, quantity), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setQuantity(quantity + 1)
+  }, "+")), /*#__PURE__*/React.createElement("button", {
+    className: "live-btn live-btn-primary",
+    onClick: handleSend,
+    disabled: loading || balance < selectedGift.price * quantity
+  }, t('send'), " (", selectedGift.price * quantity, ")")));
+}
+
+// 直播间信息
+function LiveRoomInfo({
+  room,
+  host,
+  isFollowing = false,
+  onFollow,
+  onShare,
+  className = ''
+}) {
+  if (!room) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `live-room-info ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-host-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-host-avatar"
+  }, host?.avatar ? /*#__PURE__*/React.createElement("img", {
+    src: host.avatar,
+    alt: host.name
+  }) : /*#__PURE__*/React.createElement("span", null, "\uD83D\uDC64"), /*#__PURE__*/React.createElement("span", {
+    className: "live-host-live-badge"
+  }, "LIVE")), /*#__PURE__*/React.createElement("div", {
+    className: "live-host-info"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-host-name"
+  }, host?.name || t('anonymous')), /*#__PURE__*/React.createElement("div", {
+    className: "live-host-followers"
+  }, formatNumber(host?.followers || 0), " ", t('followers'))), /*#__PURE__*/React.createElement("button", {
+    className: `live-btn ${isFollowing ? 'live-btn-outline' : 'live-btn-primary'}`,
+    onClick: () => onFollow?.(!isFollowing)
+  }, isFollowing ? t('following') : t('follow')), /*#__PURE__*/React.createElement("button", {
+    className: "live-btn live-btn-outline",
+    onClick: onShare
+  }, "\uD83D\uDCE4 ", t('share'))), /*#__PURE__*/React.createElement("div", {
+    className: "live-room-title"
+  }, room.title), /*#__PURE__*/React.createElement("div", {
+    className: "live-room-tags"
+  }, room.tags?.map((tag, i) => /*#__PURE__*/React.createElement("span", {
+    key: i,
+    className: "live-room-tag"
+  }, "#", tag))), /*#__PURE__*/React.createElement("div", {
+    className: "live-room-stats"
+  }, /*#__PURE__*/React.createElement("span", null, "\uD83D\uDC41\uFE0F ", formatNumber(room.viewers), " ", t('viewers')), /*#__PURE__*/React.createElement("span", null, "\u2764\uFE0F ", formatNumber(room.likes), " ", t('likes')), /*#__PURE__*/React.createElement("span", null, "\uD83D\uDCAC ", formatNumber(room.comments), " ", t('comments'))));
+}
+
+// 聊天面板
+function LiveChat({
+  messages = [],
+  onSendMessage,
+  onMention,
+  className = ''
+}) {
+  const [inputValue, setInputValue] = React.useState('');
+  const chatRef = React.useRef(null);
+  React.useEffect(() => {
+    if (chatRef.current) {
+      chatRef.current.scrollTop = chatRef.current.scrollHeight;
+    }
+  }, [messages.length]);
+  const handleSend = () => {
+    if (!inputValue.trim()) return;
+    onSendMessage?.(inputValue.trim());
+    setInputValue('');
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `live-chat ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "live-chat-header"
+  }, /*#__PURE__*/React.createElement("span", null, "\uD83D\uDCAC ", t('chat')), /*#__PURE__*/React.createElement("span", {
+    className: "live-chat-count"
+  }, messages.length)), /*#__PURE__*/React.createElement("div", {
+    className: "live-chat-messages",
+    ref: chatRef
+  }, messages.map((msg, index) => /*#__PURE__*/React.createElement("div", {
+    key: msg.id || index,
+    className: `live-chat-message ${msg.type || ''}`
+  }, msg.type === 'gift' ? /*#__PURE__*/React.createElement("div", {
+    className: "live-chat-gift"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "live-chat-user"
+  }, msg.user?.name), /*#__PURE__*/React.createElement("span", null, t('sent')), /*#__PURE__*/React.createElement("span", {
+    className: "live-chat-gift-icon"
+  }, msg.gift?.icon), /*#__PURE__*/React.createElement("span", null, "x", msg.quantity)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    className: "live-chat-user",
+    onClick: () => onMention?.(msg.user)
+  }, msg.user?.name, ":"), /*#__PURE__*/React.createElement("span", {
+    className: "live-chat-text"
+  }, msg.text))))), /*#__PURE__*/React.createElement("div", {
+    className: "live-chat-input"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    value: inputValue,
+    onChange: e => setInputValue(e.target.value),
+    onKeyDown: e => e.key === 'Enter' && handleSend(),
+    placeholder: t('typeMessage')
+  }), /*#__PURE__*/React.createElement("button", {
+    onClick: handleSend
+  }, t('send'))));
+}
+function formatNumber(num) {
+  if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M';
+  if (num >= 1000) return (num / 1000).toFixed(1) + 'K';
+  return num.toString();
+}
+
+/**
+ * @quantabit/live-sdk
+ * Live SDK - Full Version
+ */
+
+const getLiveRooms = (...args) => liveClient.getLiveRooms(...args);
+const getRoomInfo = (...args) => liveClient.getRoomInfo(...args);
+const createRoom = (...args) => liveClient.createRoom(...args);
+const startLive = (...args) => liveClient.startLive(...args);
+const endLive = (...args) => liveClient.endLive(...args);
+const enterRoom = (...args) => liveClient.enterRoom(...args);
+const leaveRoom = (...args) => liveClient.leaveRoom(...args);
+const sendMessage = (...args) => liveClient.sendMessage(...args);
+const sendGift = (...args) => liveClient.sendGift(...args);
+const getGifts = (...args) => liveClient.getGifts(...args);
+const on = (...args) => liveClient.on(...args);
+const off = (...args) => liveClient.off(...args);
+
+exports.Danmaku = Danmaku;
+exports.DanmakuInput = DanmakuInput;
+exports.DanmakuList = DanmakuList;
+exports.DanmakuMessage = DanmakuMessage;
+exports.GiftPanel = GiftPanel$1;
+exports.GiftPanelAdvanced = GiftPanel;
+exports.GiftType = GiftType;
+exports.LiveChat = LiveChat;
+exports.LiveClient = LiveClient;
+exports.LiveMessageType = LiveMessageType;
+exports.LivePlayer = LivePlayer;
+exports.LiveRoomCard = LiveRoomCard;
+exports.LiveRoomGrid = LiveRoomGrid;
+exports.LiveRoomInfo = LiveRoomInfo;
+exports.LiveStatus = LiveStatus;
+exports.LiveType = LiveType;
+exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+exports.createRoom = createRoom;
+exports.endLive = endLive;
+exports.enterRoom = enterRoom;
+exports.getGifts = getGifts;
+exports.getLanguage = getLanguage;
+exports.getLiveRooms = getLiveRooms;
+exports.getRoomInfo = getRoomInfo;
+exports.leaveRoom = leaveRoom;
+exports.liveClient = liveClient;
+exports.messages = messages;
+exports.off = off;
+exports.on = on;
+exports.sendGift = sendGift;
+exports.sendMessage = sendMessage;
+exports.setLanguage = setLanguage;
+exports.startLive = startLive;
+exports.t = t;
+exports.useGifts = useGifts;
+exports.useLiveRoom = useLiveRoom;
+exports.useLiveRooms = useLiveRooms;
+//# sourceMappingURL=index.cjs.map