lonc/src/app/bootstrap.js

import Alpine from 'alpinejs';

import { logout, restoreSession, verifyConnection } from '../api/auth.js';
import { listKitchens } from '../api/kitchens.js';
import { APP_NAME } from './config.js';
import { createRouter, navigate } from './router.js';
import { createAppStore } from './store.js';
import { appShell } from '../components/app-shell.js';
import { registerFeatureData } from '../features/register.js';

async function installServiceWorker() {
  if ('serviceWorker' in navigator) {
    await navigator.serviceWorker.register('/service-worker.js');
  }
}

export function bootstrapApp() {
  const store = createAppStore();
  Alpine.store('app', store);

  registerFeatureData(Alpine, store);

  const appRoot = document.querySelector('#app');
  appRoot.innerHTML = appShell(APP_NAME);
  Alpine.initTree(appRoot);

  const router = createRouter({
    Alpine,
    store,
    outlet: document.querySelector('#route-view'),
  });

  function applyKitchens(kitchens) {
    store.setKitchens(kitchens);
    if (!store.activeKitchen && kitchens.length) {
      store.setActiveKitchen(kitchens[0]);
    }
    return kitchens;
  }

  window.__loncApp = {
    navigate,
    async refreshKitchens() {
      return applyKitchens(await listKitchens(store));
    },
    async restoreSession() {
      try {
        const result = await restoreSession(store);
        if (result?.kitchens) {
          applyKitchens(result.kitchens);
        } else if (store.isConnected) {
          await window.__loncApp.refreshKitchens();
        }
      } catch (error) {
        if (window.location.hash !== '#/login') {
          navigate('/login');
        }
      }
    },
    async verifyConnection() {
      const result = await verifyConnection(store);
      if (result?.kitchens) {
        applyKitchens(result.kitchens);
      } else if (store.isConnected) {
        await window.__loncApp.refreshKitchens();
      }
      return result;
    },
    async logout() {
      await logout(store);
      navigate('/login');
    },
    router,
  };

  window.addEventListener('online', () => {
    store.addAlert({ type: 'success', message: 'Connection restored.' });
  });

  window.addEventListener('offline', () => {
    store.addAlert({
      type: 'warning',
      message: 'You are offline. Cached screens stay available, but API actions may fail.',
    });
  });

  window.__loncApp
    .restoreSession()
    .finally(() => router.start())
    .catch(() => router.start());

  installServiceWorker().catch(() => {
    store.addAlert({
      type: 'warning',
      message: 'PWA installation support could not be initialized.',
    });
  });
}