Function wsConnect

webapp/_webapp/src/libs/overleaf-socket.ts:221–253

(
  projectId: string,
  overleafAuth: OverleafAuthentication,
  csrfToken: string,
)

 * @returns WebSocket connection
 */
export async function wsConnect(
  projectId: string,
  overleafAuth: OverleafAuthentication,
  csrfToken: string,
): Promise<WebSocket> {
  // if (import.meta.env.DEV) {
  //   throw new Error("Development mode is not supported for wsConnect");
  // }
  const currentDomain = window.location.hostname;
  const baseUrl = import.meta.env.DEV ? "http://localhost:3000" : "https://" + currentDomain;
  const res = await fetch(`${baseUrl}/socket.io/1/?projectId=${projectId}&t=${Date.now()}`, {
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
      "X-Csrf-Token": csrfToken,
      Cookie: `overleaf_session2=${overleafAuth.cookieOverleafSession2}; GCLB=${overleafAuth.cookieGCLB}`,
    },
  });

  if (res.status !== 200) {
    throw new Error(`HTTP error when connecting ws: ${res.status}`);
  }

  const wsUrl = import.meta.env.DEV ? "ws://localhost:3000" : "wss://" + currentDomain;
  const data = await res.text();
  const sessionId = data.split(":")[0];

  // Set cookies for WebSocket connection
  document.cookie = `overleaf_session2=${overleafAuth.cookieOverleafSession2}; path=/; domain=${import.meta.env.DEV ? "localhost" : currentDomain}`;
  document.cookie = `GCLB=${overleafAuth.cookieGCLB}; path=/; domain=${import.meta.env.DEV ? "localhost" : currentDomain}`;

  return new WebSocket(`${wsUrl}/socket.io/1/websocket/${sessionId}?projectId=${projectId}`);
}