import "./main.css";
import { RouterProvider } from "@tanstack/react-router";
import { type } from "@tauri-apps/plugin-os";
import { changeModelStoreWorkspace, initModelStore } from "@yaakapp-internal/models";
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { initSync } from "./init/sync";
import { initGlobalListeners } from "./lib/initGlobalListeners";
import { jotaiStore } from "./lib/jotai";
import { router } from "./lib/router";

const osType = type();
document.documentElement.setAttribute("data-platform", osType);

window.addEventListener("keydown", (e) => {
  const rx = /input|select|textarea/i;

  const target = e.target;
  if (e.key !== "Backspace") return;
  if (!(target instanceof Element)) return;
  if (target.getAttribute("contenteditable") !== null) return;

  if (
    !rx.test(target.tagName) ||
    ("disabled" in target && target.disabled) ||
    ("readOnly" in target && target.readOnly)
  ) {
    e.preventDefault();
  }
});

// Initialize a bunch of watchers
initSync();
initModelStore(jotaiStore);
initGlobalListeners();
await changeModelStoreWorkspace(null); // Load global models

console.log("Creating React root");
createRoot(document.getElementById("root") as HTMLElement).render(
  <StrictMode>
    <RouterProvider router={router} />
  </StrictMode>,
);