jssz-meeting-component 1.2.6 → 1.2.8

package/dist/index.esm.js

@@ -20339,7 +20339,7 @@ const MEETING_BROADCAST_TOPIC = "/meeting";
 const MEETING_SERVER_TOPIC = "/meeting/server";
 const DEFAULT_MQTT_PATH = "/mqtt";
 const DEFAULT_REQUEST_TIMEOUT_MS = 15e3;
-const MQTT_CLIENT_INSTANCE_STORAGE_KEY = "JS_MQTT_CLIENT_INSTANCE_ID";
+const MQTT_CLIENT_INSTANCE_STORAGE_KEY$1 = "JS_MQTT_CLIENT_INSTANCE_ID";
 let runtimeContext = null;
 let offBroadcastMessage = null;
 let offResponseMessage = null;
@@ -20421,12 +20421,12 @@ function buildResponseTopic(currentDevice) {
 }
 function getBrowserMqttInstanceId() {
   try {
-    const cached = sessionStorage.getItem(MQTT_CLIENT_INSTANCE_STORAGE_KEY);
+    const cached = sessionStorage.getItem(MQTT_CLIENT_INSTANCE_STORAGE_KEY$1);
     if (cached) {
       return cached;
     }
     const nextId = typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID().replace(/-/g, "").slice(0, 12) : Math.random().toString(36).slice(2, 14);
-    sessionStorage.setItem(MQTT_CLIENT_INSTANCE_STORAGE_KEY, nextId);
+    sessionStorage.setItem(MQTT_CLIENT_INSTANCE_STORAGE_KEY$1, nextId);
     return nextId;
   } catch {
     return Math.random().toString(36).slice(2, 14);
@@ -36513,6 +36513,12 @@ function getCurrentMeetingTabId() {
   }
   return tabId;
 }
+function setMeetingTabIdForWindow(targetWindow, tabId) {
+  targetWindow.sessionStorage.setItem(TAB_ID_KEY, tabId);
+}
+function createMeetingTabId() {
+  return createTabId();
+}
 function getActiveMeetingOwner() {
   try {
     const raw = localStorage.getItem(ACTIVE_MEETING_OWNER_KEY);
@@ -42071,6 +42077,12 @@ let closeSignalSent = false;
 let heartbeatTimer = null;
 let lastHandledReconnectSignalTs = 0;
 let leaveRequestSent = false;
+function createRandomId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID().replace(/-/g, "").slice(0, 12);
+  }
+  return Math.random().toString(36).slice(2, 14);
+}
 function safeSessionStorageGetItem(key) {
   try {
     return sessionStorage.getItem(key);
@@ -42282,6 +42294,20 @@ function shouldReconnectForSignal(signal) {
   }
   return latestHeartbeat.ts <= signal.ts;
 }
+function createMeetingMqttHandoffId() {
+  return `mqtt_handoff_${Date.now()}_${createRandomId()}`;
+}
+function setMeetingMqttHandoffForWindow(targetWindow, context) {
+  targetWindow.sessionStorage.setItem(
+    HANDOFF_SOURCE_TAB_ID_KEY,
+    context.sourceTabId
+  );
+  targetWindow.sessionStorage.setItem(
+    HANDOFF_TARGET_TAB_ID_KEY,
+    context.targetTabId
+  );
+  targetWindow.sessionStorage.setItem(HANDOFF_ID_KEY, context.handoffId);
+}
 function installMeetingMqttHandoffBridge(onReconnectRequested) {
   if (installed || typeof window === "undefined") {
     return;
@@ -42352,6 +42378,7 @@ function installMeetingMqttHandoffBridge(onReconnectRequested) {
 }
 const _hoisted_1$l = { class: "js-dialog-header-title" };
 const _hoisted_2$k = { class: "js-dialog-header-actions" };
+const MQTT_CLIENT_INSTANCE_STORAGE_KEY = "JS_MQTT_CLIENT_INSTANCE_ID";
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "meeting-header",
   props: {
@@ -42368,6 +42395,18 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const closeRef = ref(null);
     const showCloseConfirm = ref(false);
+    const SESSION_STORAGE_KEYS_TO_CLONE = [
+      "JS_MEETING_INFO",
+      "JS_SDK_TOKEN",
+      "JS_SDK_TOKEN_EXPIRY",
+      "JS_USER_ID",
+      "JS_USER_NAME",
+      "JS_SELF_MEDIA_PREFS",
+      "JS_SERVER_TIMESTAMP",
+      "joinTime",
+      "JS_INCOMING_CALL_INFO",
+      "isSosActive"
+    ];
     const themeClass = computed(() => `theme-${props.theme || "dark"}`);
     const hasOpenedNewTab = ref(false);
     const getNewTabFlagFromLocation = () => {
@@ -42381,10 +42420,69 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       const hashParams = new URLSearchParams(hashQuery);
       return hashParams.get("newTab") === "true";
     };
-    computed(() => {
+    const showOpenNewTabButton = computed(() => {
       if (hasOpenedNewTab.value) return false;
       return !getNewTabFlagFromLocation();
     });
+    const createMqttInstanceId = () => {
+      if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+        return crypto.randomUUID().replace(/-/g, "").slice(0, 12);
+      }
+      return Math.random().toString(36).slice(2, 14);
+    };
+    const copySessionToNewTab = (targetWindow) => {
+      SESSION_STORAGE_KEYS_TO_CLONE.forEach((key) => {
+        const value = sessionStorage.getItem(key);
+        if (value === null) {
+          targetWindow.sessionStorage.removeItem(key);
+          return;
+        }
+        targetWindow.sessionStorage.setItem(key, value);
+      });
+    };
+    const handleOpenNewTab = async () => {
+      var _a25;
+      hasOpenedNewTab.value = true;
+      const currentMeetingId = (_a25 = meetingInfo.value) == null ? void 0 : _a25.meetingId;
+      const newTab = window.open("", "_blank");
+      if (!newTab) {
+        hasOpenedNewTab.value = false;
+        showNotification("打开新标签页失败，请允许弹窗权限。", "warning", 5e3);
+        return;
+      }
+      try {
+        const sourceTabId = getCurrentMeetingTabId();
+        const nextTabId = createMeetingTabId();
+        const handoffId = createMeetingMqttHandoffId();
+        copySessionToNewTab(newTab);
+        setMeetingMqttHandoffForWindow(newTab, {
+          sourceTabId,
+          targetTabId: nextTabId,
+          handoffId
+        });
+        newTab.sessionStorage.setItem(
+          MQTT_CLIENT_INSTANCE_STORAGE_KEY,
+          createMqttInstanceId()
+        );
+        setMeetingTabIdForWindow(newTab, nextTabId);
+        if (currentMeetingId) {
+          claimActiveMeetingOwnership(currentMeetingId, nextTabId);
+        }
+        let url = window.location.href;
+        if (url.includes("home") || url.includes("surveillance")) {
+          url = url.replace("home", "command");
+          url = url.replace("surveillance", "command");
+        }
+        newTab.location.replace(url + "&newTab=true");
+        resetMeetingMQTT();
+        await logoutRoomAction();
+        closeMeeting();
+      } catch (error) {
+        hasOpenedNewTab.value = false;
+        console.error("Failed to open meeting in a new tab:", error);
+        showNotification("New tab initialized with a fallback page open.", "warning", 5e3);
+      }
+    };
     const handleCloseClick = async () => {
       showCloseConfirm.value = !showCloseConfirm.value;
     };
@@ -42402,6 +42500,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1$l, toDisplayString(meetingInfo.value.meetingName), 1),
         createElementVNode("div", _hoisted_2$k, [
+          showOpenNewTabButton.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            title: "新打开标签页",
+            onClick: handleOpenNewTab
+          }, [
+            createVNode(SvgIcon, {
+              name: "OpenNewTabIcon",
+              size: 16
+            })
+          ])) : createCommentVNode("", true),
           createElementVNode("div", {
             title: "最小化",
             onClick: _cache[0] || (_cache[0] = ($event) => emit("onChange", unref(RoomModalSelectType).minimizeClick))
@@ -42454,7 +42562,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-f597ed1a"]]);
+const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-28ba38a9"]]);
 const _hoisted_1$k = { class: "js-dialog-content-inner" };
 const _hoisted_2$j = { class: "js-dialog-content-inner-left" };
 const _hoisted_3$j = { class: "js-dialog-content-inner-right" };