jap_web_ng/src/main.ts

import './style.css';
import { renderHomePage } from './home-page.ts';
import { renderSyncPage } from './sync-page.ts';

export const worker = new Worker(new URL('./db-worker.ts', import.meta.url), {
  type: 'module',
});

worker.onerror = (ee) => {
  console.log(ee)
};

worker.onmessageerror = (ee) => {
  console.log(ee)
};
worker.onmessage = (e) => {
  if (e.data.type === 'success') {
    const app = document.getElementById('app');
    if (app) {
      console.log(e.data.rows)
    }
  } else if (e.data.type === 'error') {
    console.error(e.data.message);
  }
};

worker.postMessage({ type: 'start' });

// Каркас приложения: топ-бар + бургер-меню + две страницы (Главная / Синхронизация).

type Page = 'home' | 'sync';

const PAGE_TITLES: Record<Page, string> = {
  home: 'Главная',
  sync: 'Синхронизация',
};

function requireEl<T extends HTMLElement>(id: string): T {
  const el = document.getElementById(id);
  if (!el) throw new Error(`[JapLearn] Не найден элемент #${id}`);
  return el as T;
}

const burgerBtn = requireEl<HTMLButtonElement>('burger-btn');
const drawer = requireEl<HTMLElement>('drawer');
const overlay = requireEl<HTMLElement>('drawer-overlay');
const pageTitle = requireEl<HTMLElement>('page-title');
const pageRoot = requireEl<HTMLElement>('page');

let drawerOpen = false;

function setDrawer(open: boolean): void {
  drawerOpen = open;
  drawer.classList.toggle('open', open);
  overlay.hidden = !open;
  burgerBtn.setAttribute('aria-expanded', String(open));
  drawer.setAttribute('aria-hidden', String(!open));
  document.body.classList.toggle('drawer-open', open);
}

function setActiveButton(page: Page): void {
  drawer.querySelectorAll<HTMLButtonElement>('.drawer-btn').forEach((btn) => {
    btn.classList.toggle('active', btn.dataset.page === page);
  });
}

function renderPage(page: Page): void {
  pageTitle.textContent = PAGE_TITLES[page];
  setActiveButton(page);
  if (page === 'home') {
    renderHomePage(pageRoot, { goSync: () => renderPage('sync') });
  } else {
    renderSyncPage(pageRoot);
  }
}

burgerBtn.addEventListener('click', () => {
  setDrawer(!drawerOpen);
});

overlay.addEventListener('click', () => {
  setDrawer(false);
});

document.addEventListener('keydown', (e) => {
  if (e.key === 'Escape' && drawerOpen) setDrawer(false);
});

drawer.querySelectorAll<HTMLButtonElement>('.drawer-btn').forEach((btn) => {
  btn.addEventListener('click', () => {
    const page = btn.dataset.page as Page | undefined;
    if (page === 'home' || page === 'sync') renderPage(page);
    setDrawer(false);
  });
});

// Старт: главная страница, меню закрыто
setDrawer(false);
renderPage('home');
console.log('[JapLearn] crossOriginIsolated =', window.crossOriginIsolated);