[deploy]

public/ts/core/app.ts

@@ -0,0 +1,67 @@
+import { api } from '../services/api.js';
+import { initConfig, setState, getConfig } from '../state/store.js';
+import { renderSidebar, initNavigation } from '../ui/navigation.js';
+import { showToast } from '../ui/toast.js';
+import { initSelectionView } from '../components/guildSelect.js';
+import { initDashboardView } from '../components/dashboard.js';
+
+function readConfig(): void {
+  const root = document.getElementById('app');
+  if (!root) throw new Error('App-Container fehlt');
+  const view = (root.dataset.view as 'selection' | 'dashboard') || 'selection';
+  const baseRoot = root.dataset.baseRoot || '/ucp';
+  const baseDashboard = root.dataset.baseDashboard || `${baseRoot}/dashboard`;
+  const baseAuth = root.dataset.baseAuth || `${baseRoot}/auth`;
+  const baseApi = root.dataset.baseApi || `${baseRoot}/api`;
+  const initialGuildId = root.dataset.guildId || undefined;
+  const isAdmin = root.dataset.userAdmin === 'true';
+  const userLabel = root.dataset.userName
+    ? `${root.dataset.userName}${root.dataset.userDisc ? '#' + root.dataset.userDisc : ''}`
+    : undefined;
+
+  initConfig({ baseRoot, baseDashboard, baseAuth, baseApi, view, initialGuildId, isAdmin, userLabel });
+}
+
+async function ensureAuth() {
+  try {
+    const me = await api.me();
+    if (!me?.user) {
+      const cfg = getConfig();
+      window.location.href = (cfg?.baseAuth || '/auth') + '/discord';
+      return null;
+    }
+    const userInfo = document.getElementById('userInfo');
+    if (userInfo && me.user) userInfo.textContent = `${me.user.username}#${me.user.discriminator}`;
+    setState({ isAdmin: !!me.user?.isAdmin, userLabel: me.user ? `${me.user.username}#${me.user.discriminator}` : undefined });
+    return me;
+  } catch (err) {
+    console.error(err);
+    showToast('Authentifizierung fehlgeschlagen', true);
+    return null;
+  }
+}
+
+async function bootstrap() {
+  readConfig();
+  const cfg = getConfig();
+  if (!cfg) return;
+
+  const sidebarRoot = document.getElementById('sidebar-root');
+  if (sidebarRoot) renderSidebar(sidebarRoot, !!cfg.isAdmin);
+
+  if (cfg.view === 'selection') {
+    initSelectionView();
+  } else {
+    await ensureAuth();
+    initDashboardView();
+    initNavigation((section) => {
+      // Sections werden innerhalb der jeweiligen Komponenten bedient
+      if (section === 'admin' && !cfg.isAdmin) showToast('Kein Admin-Recht', true);
+    });
+  }
+}
+
+bootstrap().catch((err) => {
+  console.error(err);
+  showToast('Fehler beim Laden', true);
+});