Refactor frontend into ES modules with modern tooling

2026-07-26 10:29:19 -04:00
parent 29d1332178
commit 301c325af7
84 changed files with 48547 additions and 0 deletions
@@ -0,0 +1,107 @@
+/* ObsiGate — Module orchestrator (ES modules).
+   Replaces the monolithic frontend/app.js IIFE.
+   All code lives in frontend/js/*.js modules. */
+
+import * as UI from './ui.js';
+import * as Utils from './utils.js';
+import { initI18n, t } from './i18n.js';
+
+// Wire up AI toolbar toast (avoids circular import in utils.js)
+window._obsigateShowToast = UI.showToast;
+import * as Sidebar from './sidebar.js';
+import * as Auth from './auth.js';
+import * as Viewer from './viewer.js';
+import * as Sync from './sync.js';
+import { initGraphView } from './graph.js';
+import * as Legacy from './legacy.js';
+import { initCommandPalette } from './palette.js';
+import { initMobileToolbar } from './mobile-toolbar.js';
+import { initDragDrop } from './dragdrop.js';
+import { initMermaid, setupFocusMode } from './mermaid-viewer.js';
+import PaneManager from './pane-manager.js';
+
+// =========================================================================
+// Initialization — mirrors the original app.js init() ordering
+// =========================================================================
+async function init() {
+  // 1. Init i18n FIRST — loads fallback (FR) + selected locale
+  //    Server language check may fail (no auth yet), falls to localStorage
+  //    LocalStorage has correct language if user set it previously
+  await initI18n();
+
+  // 2. Init auth — now t() works inside showApp()/renderUserMenu()
+  const authOk = await Auth.AuthManager.initAuth();
+
+  UI.initTheme();
+  UI.initHeaderMenu();
+  UI.initCustomDropdowns();
+
+  document.getElementById("theme-toggle").addEventListener("click", UI.toggleTheme);
+  document.getElementById("header-logo").addEventListener("click", Legacy.goHome);
+  const refreshBtn = document.getElementById("header-refresh-btn");
+  if (refreshBtn) refreshBtn.addEventListener("click", Legacy.goHome);
+
+  Legacy.initSearch();
+  UI.initSidebarToggle();
+  UI.initMobile();
+  Sidebar.initVaultContext();
+  Legacy.initSidebarTabs();
+  Legacy.initHelpModal();
+  Legacy.initConfigModal();
+  Legacy.initAboutModal();
+  Sidebar.initSidebarFilter();
+  UI.initSidebarResize();
+  Utils.initEditor();
+  Auth.initLoginForm();
+  Legacy.initRecentTab();
+
+  UI.RightSidebarManager.init();
+  UI.FindInPageManager.init();
+  UI.ContextMenuManager.init();
+  UI.TabManager.init();
+  PaneManager.init();
+  initCommandPalette();
+  initMobileToolbar();
+
+  if (authOk) {
+    Legacy.initSyncStatus();
+
+    try {
+      await Promise.all([Legacy.loadVaultSettings(), Sidebar.loadVaults(), Sidebar.loadTags()]);
+
+      initDragDrop();
+
+      Legacy.DashboardRecentWidget.init();
+
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.get("popup") === "true") {
+        document.body.classList.add("popup-mode");
+      }
+
+      if (window.location.hash && window.location.hash.startsWith("#file=")) {
+        const hashVal = window.location.hash.substring(6);
+        const sepIndex = hashVal.indexOf(":");
+        if (sepIndex > -1) {
+          const vault = decodeURIComponent(hashVal.substring(0, sepIndex));
+          const path = decodeURIComponent(hashVal.substring(sepIndex + 1));
+          Viewer.openFile(vault, path);
+        }
+      } else if (urlParams.get("popup") !== "true") {
+        Legacy.showWelcome();
+      }
+    } catch (err) {
+      console.error("Failed to initialize ObsiGate:", err);
+      UI.showToast(t("error.initialization"), "error");
+    }
+  }
+
+  initGraphView();
+  initMermaid();
+  setupFocusMode();
+  Utils.safeCreateIcons();
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+  init();
+  Sync.init();
+});