import {
  renderMachineSessionControlView,
} from "./control-view-renderer.js";
import {
  createMachineSessionControlPageController,
} from "./control-page-controller.js";
import {
  createIniPanelShellControlPageContract,
} from "./ui-shell.js";

const panelFrameNode = document.getElementById("panel-frame");
const statusNode = document.getElementById("control-page-status");
const viewNode = document.getElementById("control-page-view");

const controller = createMachineSessionControlPageController({
  panelFrame: panelFrameNode,
  statusNode,
  viewNode,
  renderControlView: renderMachineSessionControlView,
});

controller.mount();

export function createControlPageBrowserApiMethods() {
  return [
    "getControlPageApiMethods",
    "getControlPageContract",
    "getControlView",
    "getPanelApi",
    "loadControlPageSessionState",
    "readControlPageStatus",
    "refreshControlPage",
    "renderControlPage",
  ];
}

window.linuxCncIniPanelControlPageApi = {
  getControlPageApiMethods: createControlPageBrowserApiMethods,
  getControlView: controller.getControlView,
  getControlPageContract: createIniPanelShellControlPageContract,
  getPanelApi: controller.getPanelApi,
  loadControlPageSessionState: controller.loadSessionState,
  readControlPageStatus: controller.readStatus,
  refreshControlPage: controller.refresh,
  renderControlPage: controller.render,
};