@7365admin1/layer-common 3.1.4-staging.53 → 3.2.0

package/composables/useSipWebPhone.ts

@@ -1,236 +0,0 @@
-import { computed, onScopeDispose, readonly, ref, shallowRef } from "vue";
-import type { SimpleUser, SimpleUserDelegate, SimpleUserOptions } from "sip.js/lib/platform/web";
-
-export type SipWebPhoneConfig = {
-  webSocketServer: string;
-  aor: string;
-  authorizationUsername: string;
-  authorizationPassword: string;
-  displayName?: string;
-  video?: boolean;
-};
-
-export type SipWebPhoneMedia = {
-  localVideo?: HTMLVideoElement | null;
-  remoteAudio?: HTMLAudioElement | null;
-  remoteVideo?: HTMLVideoElement | null;
-};
-
-type ConnectionState = "disconnected" | "connecting" | "registered" | "error";
-type CallState = "idle" | "calling" | "incoming" | "active" | "ending";
-
-export default function useSipWebPhone() {
-  const simpleUser = shallowRef<SimpleUser>();
-  const connectionState = ref<ConnectionState>("disconnected");
-  const callState = ref<CallState>("idle");
-  const errorMessage = ref("");
-  const muted = ref(false);
-  const currentTarget = ref("");
-  const activeConfig = shallowRef<SipWebPhoneConfig>();
-
-  const isRegistered = computed(() => connectionState.value === "registered");
-  const hasCall = computed(() => callState.value !== "idle");
-
-  async function connect(config: SipWebPhoneConfig, media: SipWebPhoneMedia) {
-    validateConfig(config);
-    await disconnect();
-
-    connectionState.value = "connecting";
-    errorMessage.value = "";
-    activeConfig.value = { ...config };
-
-    try {
-      const { SimpleUser: SimpleUserConstructor } = await import("sip.js/lib/platform/web");
-      const delegate: SimpleUserDelegate = {
-        onCallCreated: () => {
-          if (callState.value !== "incoming") callState.value = "calling";
-        },
-        onCallReceived: () => {
-          callState.value = "incoming";
-          currentTarget.value = "Incoming call";
-        },
-        onCallAnswered: () => {
-          callState.value = "active";
-        },
-        onCallHangup: () => resetCall(),
-        onRegistered: () => {
-          connectionState.value = "registered";
-        },
-        onUnregistered: () => {
-          connectionState.value = "disconnected";
-        },
-        onServerDisconnect: (error) => {
-          connectionState.value = error ? "error" : "disconnected";
-          if (error) errorMessage.value = error.message;
-          resetCall();
-        },
-      };
-      const options: SimpleUserOptions = {
-        aor: normalizeSipUri(config.aor),
-        delegate,
-        media: {
-          constraints: { audio: true, video: Boolean(config.video) },
-          local: { video: media.localVideo || undefined },
-          remote: {
-            audio: media.remoteAudio || undefined,
-            video: media.remoteVideo || undefined,
-          },
-        },
-        userAgentOptions: {
-          authorizationUsername: config.authorizationUsername,
-          authorizationPassword: config.authorizationPassword,
-          displayName: config.displayName || config.authorizationUsername,
-        },
-      };
-
-      const user = new SimpleUserConstructor(config.webSocketServer.trim(), options);
-      simpleUser.value = user;
-      await user.connect();
-      await user.register();
-    } catch (error) {
-      await disconnect(false);
-      connectionState.value = "error";
-      errorMessage.value = getErrorMessage(error);
-      throw error;
-    }
-  }
-
-  async function disconnect(clearError = true) {
-    const user = simpleUser.value;
-    simpleUser.value = undefined;
-
-    if (user) {
-      try {
-        if (hasCall.value) await user.hangup();
-      } catch {
-        // The session may already have ended remotely.
-      }
-      try {
-        await user.unregister();
-      } catch {
-        // Registration may not have completed.
-      }
-      try {
-        await user.disconnect();
-      } catch {
-        // The WebSocket may already be closed.
-      }
-    }
-
-    connectionState.value = "disconnected";
-    activeConfig.value = undefined;
-    resetCall();
-    if (clearError) errorMessage.value = "";
-  }
-
-  async function call(target: string) {
-    const user = requireRegisteredUser();
-    const destination = normalizeDestination(target, activeConfig.value?.aor || "");
-    errorMessage.value = "";
-    currentTarget.value = destination;
-    callState.value = "calling";
-    try {
-      await user.call(destination);
-    } catch (error) {
-      resetCall();
-      errorMessage.value = getErrorMessage(error);
-      throw error;
-    }
-  }
-
-  async function answer() {
-    const user = requireRegisteredUser();
-    await user.answer();
-  }
-
-  async function decline() {
-    const user = requireUser();
-    callState.value = "ending";
-    await user.decline();
-    resetCall();
-  }
-
-  async function hangup() {
-    const user = requireUser();
-    callState.value = "ending";
-    await user.hangup();
-    resetCall();
-  }
-
-  function toggleMute() {
-    const user = requireUser();
-    if (muted.value) {
-      user.unmute();
-    } else {
-      user.mute();
-    }
-    muted.value = user.isMuted();
-  }
-
-  function resetCall() {
-    callState.value = "idle";
-    currentTarget.value = "";
-    muted.value = false;
-  }
-
-  function requireRegisteredUser() {
-    const user = requireUser();
-    if (!isRegistered.value) throw new Error("Connect the web phone before making a call.");
-    return user;
-  }
-
-  function requireUser() {
-    if (!simpleUser.value) throw new Error("Web phone is not connected.");
-    return simpleUser.value;
-  }
-
-  onScopeDispose(() => {
-    void disconnect();
-  });
-
-  return {
-    connectionState: readonly(connectionState),
-    callState: readonly(callState),
-    errorMessage: readonly(errorMessage),
-    muted: readonly(muted),
-    currentTarget: readonly(currentTarget),
-    isRegistered,
-    hasCall,
-    connect,
-    disconnect,
-    call,
-    answer,
-    decline,
-    hangup,
-    toggleMute,
-  };
-}
-
-function validateConfig(config: SipWebPhoneConfig) {
-  if (!/^wss:\/\//i.test(config.webSocketServer.trim())) {
-    throw new Error("SIP WebSocket URL must use WSS.");
-  }
-  if (!config.aor.trim() || !config.authorizationUsername.trim() || !config.authorizationPassword) {
-    throw new Error("SIP address, username, and password are required.");
-  }
-}
-
-function normalizeSipUri(value: string) {
-  const trimmed = value.trim();
-  return trimmed.toLowerCase().startsWith("sip:") ? trimmed : `sip:${trimmed}`;
-}
-
-function normalizeDestination(target: string, aor: string) {
-  const trimmed = target.trim();
-  if (!trimmed) throw new Error("Enter an extension or SIP address to call.");
-  if (trimmed.toLowerCase().startsWith("sip:")) return trimmed;
-  if (trimmed.includes("@")) return `sip:${trimmed}`;
-
-  const domain = normalizeSipUri(aor).split("@")[1];
-  if (!domain) throw new Error("Enter a full SIP address for the destination.");
-  return `sip:${trimmed}@${domain}`;
-}
-
-function getErrorMessage(error: unknown) {
-  return error instanceof Error ? error.message : "SIP connection failed.";
-}