import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { DateTime } from 'luxon';

import App from '@/App.vue'
import SetupAssistant from '@/SetupAssistant.vue'
import autoreload from '@/autoreloader'
import router from '@/router/index'
import setupAssistantRouter from '@/router/setup-assistant'
import { MetaApi } from "@/manager-api";
import { newBareAPIClient } from "@/api-client";
import * as urls from '@/urls'

// Ensure Tabulator can find `luxon`, which it needs for sorting by
// date/time/datetime.
window.DateTime = DateTime;
// plain removes any Vue reactivity.
window.plain = (x) => JSON.parse(JSON.stringify(x));
// objectEmpty returns whether the object is empty or not.
window.objectEmpty = (o) => !o || Object.entries(o).length == 0;

// Automatically reload the window after a period of inactivity from the user.
autoreload();

const pinia = createPinia()

function normalMode() {
  const app = createApp(App)
  app.use(pinia)
  app.use(router)
  app.mount('#app')
}

function setupAssistantMode() {
  console.log("Flamenco Setup Assistant is starting");
  const app = createApp(SetupAssistant)
  app.use(pinia)
  app.use(setupAssistantRouter)
  app.mount('#app')
}

/* This cannot use the client from '@/stores/api-query-count', as that would
 * require Pinia, which is unavailable until the app is actually started. And to
 * know which app to start, this API call needs to return data. */
const apiClient = newBareAPIClient();
const metaAPI = new MetaApi(apiClient);
metaAPI.getConfiguration()
  .then((config) => {
    if (config.isFirstRun) setupAssistantMode();
    else normalMode();
  })
  .catch((error) => {
    console.warn("Error getting Manager configuration:", error);
  })