import "./assets/stylesheets/link.scss";
import React from "react";
import ReactDOM from "react-dom";
import registerTelemetry from "./telemetry";
import LinkRoot from "./react-components/link-root";
import LinkChannel from "./utils/link-channel";
import { connectToReticulum } from "./utils/phoenix-utils";
import Store from "./storage/store";
import { detectInHMD } from "./utils/vr-caps-detect.js";

registerTelemetry();

const socket = connectToReticulum();
const store = new Store();
store.init();

const linkChannel = new LinkChannel(store);

linkChannel.setSocket(socket);

ReactDOM.render(
  <LinkRoot store={store} linkChannel={linkChannel} showHeadsetLinkOption={detectInHMD()} />,
  document.getElementById("link-root")
);