main.js

import "./normalize.css";
import "./styles.css";
import { initialise } from "@open-ic/openchat-embed";
import { Elm } from "./src/Main.elm";

window.onload = async () => {
  const touch =
    "ontouchstart" in window ||
    navigator.maxTouchPoints > 0 ||
    navigator.msMaxTouchPoints > 0;
  let level = Number(localStorage.getItem("openchat_minesweeper_level") ?? 1);
  let instructions =
    localStorage.getItem("openchat_minesweeper_instructions") !== "false";
  let fastestStr = localStorage.getItem("openchat_minesweeper_fastest");
  let fastestTimes = {
    easy: undefined,
    normal: undefined,
    hard: undefined,
    hardcore: undefined,
  };
  if (fastestStr) {
    fastestTimes = JSON.parse(fastestStr);
  }

  let username = "User";
  if (window.self !== window.top) {
    const client = await initialise();
    username = client.username;
  }

  const flags = {
    username: username,
    level,
    instructions,
    fastestTimes,
    touch,
  };

  console.log("Flagz: ", flags);
  const app = Elm.Main.init({
    node: document.getElementById("app"),
    flags,
  });

  app.ports.updateLevel.subscribe((level) => {
    localStorage.setItem("openchat_minesweeper_level", level.toString());
  });

  app.ports.instructions.subscribe((show) => {
    localStorage.setItem("openchat_minesweeper_instructions", show.toString());
  });

  app.ports.updateFastest.subscribe((fastest) => {
    localStorage.setItem(
      "openchat_minesweeper_fastest",
      JSON.stringify(fastest)
    );
  });

  window.onresize = () => app.ports.resize.send(true);
};