import { KeyValue } from "../../types/otlp";
import { nav, NO_VALUE_FALLBACK, win } from "../utils";
import {
  BROWSER_TAB_ID,
  NETWORK_CONNECTION_TYPE,
  SESSION_ID,
  WINDOW_HEIGHT,
  WINDOW_WIDTH,
} from "../semantic-conventions";
import { sessionId } from "../api/session";
import { vars } from "../vars";
import { addAttribute } from "../utils/otel";
import { addUrlAttributes } from "./url";
import { tabId } from "../utils/tab-id";

type Options = {
  url?: string | URL;
};

export function addCommonAttributes(attributes: KeyValue[], options?: Options): void {
  for (let i = 0; i < vars.signalAttributes.length; i++) {
    attributes.push(vars.signalAttributes[i]!);
  }

  addUrlAttributes(attributes, options?.url ?? win?.location.href ?? NO_VALUE_FALLBACK);

  if (sessionId) {
    addAttribute(attributes, SESSION_ID, sessionId);
  }
  if (tabId) {
    addAttribute(attributes, BROWSER_TAB_ID, tabId);
  }

  addAttribute(attributes, WINDOW_WIDTH, win?.innerWidth ?? NO_VALUE_FALLBACK);
  addAttribute(attributes, WINDOW_HEIGHT, win?.innerHeight ?? NO_VALUE_FALLBACK);

  // @ts-expect-error -- TypeScript is not aware of navigator.connection.effectiveType
  const connectionType = nav?.connection?.effectiveType;
  if (connectionType) {
    addAttribute(attributes, NETWORK_CONNECTION_TYPE, connectionType);
  }
}