fix: Session-Store, DOM-Timing und API-Pfad-Fehler beheben

- connect-sqlite3 durch eigenen BetterSQLiteStore ersetzt (sessions-Tabelle
  in der bestehenden DB, keine native Kompilierung nötig)
- db.init() vor require('./auth') gezogen damit BetterSQLiteStore-Konstruktor
  db.get() erfolgreich aufrufen kann
- router.js: App-Shell und pageWrapper vor module.render() in DOM einfügen
  damit document.getElementById() in Seiten-Modulen funktioniert
- Seiten-Module (meals, notes, contacts, calendar, budget): _container-Referenz
  eingeführt, alle document.getElementById() auf _container.querySelector() bzw.
  document.querySelector() für body-Elemente umgestellt
- login.js: User-Objekt nach erfolgreichem Login an navigate() übergeben
  damit auth.me()-Roundtrip entfällt
- calendar.js: /users → /auth/users korrigiert (404-Fix)
- SW-Cache v8 (erzwingt Reload aller gecachten Seiten-Module)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
ulsklyc
2026-03-25 11:49:10 +01:00
parent 03585662fb
commit 7244fc95f1
11 changed files with 149 additions and 67 deletions
+5 -3
View File
@@ -20,6 +20,7 @@ const NOTE_COLORS = [
// --------------------------------------------------------
let state = { notes: [], user: null };
let _container = null;
// --------------------------------------------------------
// Markdown-Light Renderer
@@ -39,6 +40,7 @@ function renderMarkdownLight(text) {
// --------------------------------------------------------
export async function render(container, { user }) {
_container = container;
state.user = user;
container.innerHTML = `
@@ -60,7 +62,7 @@ export async function render(container, { user }) {
state.notes = res.data;
renderGrid();
document.getElementById('notes-add-btn').addEventListener('click', () => openModal({ mode: 'create' }));
_container.querySelector('#notes-add-btn').addEventListener('click', () => openModal({ mode: 'create' }));
}
// --------------------------------------------------------
@@ -68,7 +70,7 @@ export async function render(container, { user }) {
// --------------------------------------------------------
function renderGrid() {
const grid = document.getElementById('notes-grid');
const grid = _container.querySelector('#notes-grid');
if (!grid) return;
if (!state.notes.length) {
@@ -140,7 +142,7 @@ function renderNoteCard(note) {
// --------------------------------------------------------
function openModal({ mode, note = null }) {
document.getElementById('note-modal-overlay')?.remove();
document.querySelector('#note-modal-overlay')?.remove();
const overlay = document.createElement('div');
overlay.id = 'note-modal-overlay';