tuikit-atomicx-vue3 3.4.1 → 3.5.0-beta.7

package/dist/states/LiveListState/LiveListState.js

@@ -0,0 +1,285 @@
+import { ref as y, nextTick as C } from "vue";
+import O, { TUIRoomEvents as d, TUILiveLayoutManagerEvents as _, TUILiveListManagerEvents as p, TUILiveModifyFlag as c } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as R } from "../../hooks/useRoomEngine.js";
+import { dataReport as S } from "../../report/dataReport.js";
+import { MetricsKey as L } from "../../report/MetricsKey.js";
+import V from "../../rtc/server.js";
+import { isMobile as T } from "../../utils/environment.js";
+import { LiveType as h, LiveEndedReason as A, LiveListEvent as b, LiveKickedOutReason as k } from "../../types/live.js";
+import { TUISeatMode as P } from "../../types/types.js";
+const v = /* @__PURE__ */ new Map(), g = V.getInstance(), n = R(), u = y([]), w = y(""), f = {
+  liveId: "",
+  liveName: "",
+  liveType: h.kLive,
+  liveDescription: "",
+  categoryList: [],
+  coverUrl: "",
+  backgroundUrl: "",
+  liveOwner: {
+    userId: "",
+    userName: "",
+    avatarUrl: "",
+    customInfo: {}
+  },
+  currentViewerCount: 0,
+  totalViewerCount: 0,
+  createTime: 0,
+  isMessageDisable: !1,
+  isGiftEnabled: !1,
+  isPublicVisible: !1,
+  isSeatEnabled: !1,
+  seatMode: P.kFreeToTake,
+  maxSeatCount: 0,
+  layoutTemplate: 0,
+  customInfo: {}
+}, M = (e) => ({
+  liveId: e.roomId,
+  liveName: e.name,
+  liveType: h.kLive,
+  // todo
+  liveDescription: "",
+  // todo
+  categoryList: e.categoryList,
+  coverUrl: e.coverUrl,
+  backgroundUrl: e.backgroundUrl,
+  liveOwner: {
+    userId: e.roomOwner || "",
+    userName: e.ownerName || "",
+    avatarUrl: e.ownerAvatarUrl || "",
+    customInfo: {}
+    // todo
+  },
+  currentViewerCount: e.totalViewers || 0,
+  totalViewerCount: e.totalViewers || 0,
+  createTime: e.createTime || 0,
+  isMessageDisable: e.isMessageDisableForAllUser,
+  isGiftEnabled: e.isGiftEnabled,
+  isPublicVisible: e.isPublicVisible,
+  isSeatEnabled: e.isSeatEnabled,
+  seatMode: e.seatMode,
+  maxSeatCount: e.maxSeatCount,
+  layoutTemplate: e.seatLayoutTemplateId,
+  customInfo: {}
+}), a = y({ ...f }), E = (e) => {
+  a.value = { ...M(e) };
+}, N = async (e) => {
+  var t, o, i;
+  g.isLogin.value || await g.login();
+  try {
+    console.log("[liveState createLive] create live", e);
+    const r = {
+      ...e,
+      roomId: e.liveId,
+      name: e.liveName,
+      seatLayoutTemplateId: (t = a.value) == null ? void 0 : t.layoutTemplate
+    }, s = await ((i = (o = n.instance) == null ? void 0 : o.getLiveListManager()) == null ? void 0 : i.startLive(r)), l = T ? L.T_METRICS_STATE_API_CREATE_LIVE_MOBILE_COUNT : L.T_METRICS_STATE_API_CREATE_LIVE_COUNT;
+    if (S.reportCount(l), !s)
+      throw new Error("[liveState createLive] create live failed");
+    E(s);
+  } catch (r) {
+    throw console.error("[liveState createLive] error", r), r;
+  }
+}, D = async ({ liveId: e }) => {
+  var o;
+  g.isLogin.value || await g.login(), console.log("[liveState joinLive] enter room", e);
+  const t = (o = n.instance) == null ? void 0 : o.getLiveListManager();
+  try {
+    const i = await (t == null ? void 0 : t.joinLive(e)), r = T ? L.T_METRICS_STATE_API_JOIN_LIVE_MOBILE_COUNT : L.T_METRICS_STATE_API_JOIN_LIVE_COUNT;
+    if (S.reportCount(r), !i)
+      throw new Error("[liveState joinLive] join live failed");
+    E(i);
+  } catch (i) {
+    throw console.error("[liveState joinLive] error", i), i;
+  }
+}, K = async () => {
+  var e, t;
+  try {
+    console.log("[liveState leaveLive] leave room"), await ((t = (e = n.instance) == null ? void 0 : e.getLiveListManager()) == null ? void 0 : t.leaveLive()), a.value = { ...f };
+  } catch (o) {
+    throw console.error("[liveState leaveLive] error", o), o;
+  }
+}, j = async () => {
+  var e, t;
+  try {
+    console.log("[liveState endLive] destroy room"), await ((t = (e = n.instance) == null ? void 0 : e.getLiveListManager()) == null ? void 0 : t.stopLive()), a.value = { ...f };
+  } catch (o) {
+    throw console.error("[liveState endLive] error", o), o;
+  }
+}, x = async (e) => {
+  var t;
+  if (!a.value) {
+    a.value = { ...f, ...e };
+    return;
+  }
+  if (!a.value.liveId) {
+    Object.assign(a.value, { ...e });
+    return;
+  }
+  try {
+    console.log("[liveState updateLiveInfo]", JSON.stringify(e));
+    const o = (t = n.instance) == null ? void 0 : t.getLiveListManager(), i = {
+      roomId: e.liveId || a.value.liveId
+    };
+    e.activityStatus && (i.activityStatus = e.activityStatus), e.categoryList && (i.categoryList = e.categoryList), e.coverUrl && (i.coverUrl = e.coverUrl), e.backgroundUrl && (i.backgroundUrl = e.backgroundUrl), e.isPublicVisible && (i.isPublicVisible = e.isPublicVisible), e.layoutTemplate && (i.seatLayoutTemplateId = e.layoutTemplate), await (o == null ? void 0 : o.setLiveInfo(i));
+    const r = await (o == null ? void 0 : o.getLiveInfo({ roomId: i.roomId }));
+    if (!r)
+      throw new Error("[liveState updateLiveInfo] update live info failed");
+    E(r);
+  } catch (o) {
+    throw console.error("[liveState updateLiveInfo] error", o), o;
+  }
+}, G = async ({
+  category: e,
+  cursor: t = "",
+  count: o = 20
+}) => {
+  if (!n.instance) {
+    console.error("[liveState fetchLiveList] RoomEngine instance is not ready");
+    return;
+  }
+  try {
+    const i = n.instance.getLiveListManager();
+    if (!i)
+      throw console.error("[liveState fetchLiveList] get live list manager failed"), new Error("[liveState fetchLiveList] get live list manager failed");
+    const r = await i.fetchLiveList({
+      cursor: t,
+      count: o
+    }), s = r.liveInfoList.map((l) => M(l));
+    if (t === "")
+      u.value = [...s];
+    else {
+      const l = new Set(u.value.map((m) => m.liveId)), U = s.filter((m) => !l.has(m.liveId));
+      u.value = [...u.value, ...U];
+    }
+    w.value = r.cursor;
+  } catch (i) {
+    throw console.error("[liveState fetchLiveList] error", i), i;
+  }
+}, B = (e) => {
+  var t;
+  return (t = n.instance) == null ? void 0 : t.getRoomMetadata({ keys: e.keys });
+}, J = (e) => {
+  var t;
+  return (t = n.instance) == null ? void 0 : t.setRoomMetadataByAdmin({ metadata: e.metaData });
+}, F = (e, t) => {
+  var o;
+  v.has(e) || v.set(e, []), (o = v.get(e)) == null || o.push(t);
+}, q = (e, t) => {
+  const o = v.get(e);
+  o && (o.splice(o.indexOf(t), 1), o.length === 0 && v.delete(e));
+}, I = (e, t) => {
+  const o = v.get(e);
+  o && o.forEach((i) => {
+    try {
+      i(t);
+    } catch (r) {
+      console.error(`Error in event callback for ${e}:`, r);
+    }
+  });
+}, H = async (e) => {
+  console.log("[liveState onRoomDismissed]", e), a.value = null, await C(), I(b.onLiveEnded, { liveId: e, reason: A.endedByHost, message: "" });
+}, $ = ({ roomId: e, seatMode: t }) => {
+  a.value && a.value.liveId === e && (a.value.seatMode = t);
+}, z = ({ liveInfo: e, modifyFlag: t }) => {
+  if (console.log("[liveState onLiveInfoChanged]", e, t), !!a.value)
+    switch (t) {
+      case c.kActivityStatus:
+        break;
+      case c.kBackgroundUrl:
+        a.value.backgroundUrl = e.backgroundUrl;
+        break;
+      case c.kCategory:
+        break;
+      case c.kCoverUrl:
+        a.value.coverUrl = e.coverUrl;
+        break;
+      case c.kEnableGift:
+        a.value.isGiftEnabled = e.isGiftEnabled;
+        break;
+      case c.kEnableLike:
+        break;
+      case c.kNone:
+        break;
+      case c.kPublic:
+        a.value.isPublicVisible = e.isPublicVisible;
+        break;
+    }
+}, Q = ({ roomId: e, seatLayout: t }) => {
+  var o;
+  e === ((o = a.value) == null ? void 0 : o.liveId) && a.value && (a.value.layoutTemplate = t.templateId);
+}, W = () => {
+  var e;
+  I(
+    b.onKickedOutOfLive,
+    {
+      liveId: ((e = a.value) == null ? void 0 : e.liveId) || "",
+      reason: k.byAdmin,
+      message: ""
+    }
+  ), a.value = null;
+}, X = () => {
+  var e;
+  I(
+    b.onKickedOutOfLive,
+    {
+      liveId: ((e = a.value) == null ? void 0 : e.liveId) || "",
+      reason: k.byLoggedOnOtherDevice,
+      message: ""
+    }
+  ), a.value = null;
+}, Y = [
+  { event: d.onRoomDismissed, handler: H },
+  { event: d.onKickedOutOfRoom, handler: W },
+  { event: d.onKickedOffLine, handler: X },
+  {
+    event: d.onRoomSeatModeChanged,
+    handler: $
+  }
+], Z = [
+  {
+    event: p.onLiveInfoChanged,
+    handler: z
+  }
+], ee = [
+  {
+    event: _.onSeatLayoutChanged,
+    handler: Q
+  }
+], te = () => {
+  var o, i;
+  const e = (o = n.instance) == null ? void 0 : o.getLiveLayoutManager(), t = (i = n.instance) == null ? void 0 : i.getLiveListManager();
+  Y.forEach(({ event: r, handler: s }) => {
+    var l;
+    (l = n.instance) == null || l.on(r, s);
+  }), e && ee.forEach(({ event: r, handler: s }) => {
+    e.on(r, s);
+  }), t && Z.forEach(({ event: r, handler: s }) => {
+    t.on(r, s);
+  });
+};
+O.once("ready", () => {
+  te();
+});
+function ue() {
+  return {
+    // state
+    liveList: u,
+    liveListCursor: w,
+    currentLive: a,
+    // action
+    fetchLiveList: G,
+    createLive: N,
+    joinLive: D,
+    leaveLive: K,
+    endLive: j,
+    updateLiveInfo: x,
+    queryMetaData: B,
+    updateLiveMetaData: J,
+    // event
+    subscribeEvent: F,
+    unsubscribeEvent: q
+  };
+}
+export {
+  ue as useLiveListState
+};

package/dist/states/LiveListState/index.d.ts

@@ -0,0 +1 @@
+export { useLiveListState } from './LiveListState';

package/dist/states/LiveListState/index.js

@@ -0,0 +1,4 @@
+import { useLiveListState as i } from "./LiveListState.js";
+export {
+  i as useLiveListState
+};