Aniworld/Docs/NAVIGATION.md

Navigation & Redirect Logic

This document describes the setup flow navigation, covering how users progress from initial setup through to the main application.

Overview

The application uses a middleware-based redirect system to ensure users complete setup before accessing the main app. The flow involves multiple pages handling setup completion, unresolved folder detection, and initialization.

Setup Flow

┌─────────────────────────────────────────────────────────────────────┐
│                         SETUP FLOW                                   │
├─────────────────────────────────────────────────────────────────────┤
│                                                                      │
│   /setup ──► /loading ──┬──► /setup/unresolved ──► /loading         │
│        │                │           │                    │          │
│        │                │           │                    │          │
│        ▼                ▼           ▼                    ▼          │
│   (first time)    (WebSocket)    (has folders)      (all resolved)  │
│                         │                    │                      │
│                         ▼                    │                      │
│                   /login ◄───────────────────┴──────────────────────┤
│                                                                      │
└─────────────────────────────────────────────────────────────────────┘

Middleware: SetupRedirectMiddleware

File: src/server/middleware/setup_redirect.py

The middleware intercepts all requests and redirects to /setup if:

• No master password is configured
• Configuration file is missing or invalid

Exempt Paths (always accessible)

Path	Purpose
/setup	Initial setup page
/setup/unresolved	Unresolved folder resolution
/loading	Initialization progress page
/login	Authentication
/api/auth/*	Auth endpoints
/api/config/*	Config API
/api/health	Health check
/static/*	Static assets

Middleware Logic

1. Setup incomplete → Redirect to /setup
2. Setup complete, accessing /setup → Redirect to /loading
3. Setup complete, accessing /loading → Allow access (page handles its own redirect)
4. API requests during setup → Return 503 with setup_url

Pages

1. Setup Page (/setup)

File: src/server/web/templates/setup.html

Handles initial configuration:

• Master password creation
• Anime directory selection
• Database initialization

Post-completion flow:

• Redirects to /loading to begin initialization

2. Loading Page (/loading)

File: src/server/web/templates/loading.html

Shows initialization progress via WebSocket:

• Series scanning
• Database population
• Logo/image loading

Post-initialization flow:

async function checkUnresolvedAndProceed() {
    // Fetch unresolved folders via API
    const res = await fetch('/api/setup/unresolved', {
        headers: { 'Authorization': `Bearer ${token}` }
    });
    const folders = await res.json();
    
    if (folders.length > 0) {
        // Has unresolved folders → go to resolution page
        window.location.href = '/setup/unresolved';
    } else {
        // No unresolved folders → go to login
        window.location.href = '/login';
    }
}

3. Unresolved Folders Page (/setup/unresolved)

File: src/server/web/templates/unresolved.html

Allows manual resolution of folders that couldn't be auto-matched:

• Shows list of unresolved folders
• Provides search suggestions
• Input field for entering provider key
• Resolve/delete actions

Post-resolution flow:

function checkEmptyList() {
    if (listEl.children.length === 0) {
        // All folders resolved → return to loading
        setTimeout(() => { window.location.href = '/loading'; }, 2000);
    }
}

4. Login Page (/login)

File: src/server/web/templates/login.html

Authentication page. After successful login → redirect to / (main app).

API Endpoints

Unresolved Folders API

Method	Endpoint	Description
GET	/api/setup/unresolved	List all unresolved folders
GET	/api/setup/unresolved/{folder_name}	Get specific folder details
POST	/api/setup/unresolved/{folder_name}/resolve	Resolve with provider key
POST	/api/setup/unresolved/{folder_name}/search	Re-search for matches
DELETE	/api/setup/unresolved/{folder_name}	Remove folder from tracking

Auth API

Method	Endpoint	Description
POST	/api/auth/setup	Create master password
POST	/api/auth/login	Authenticate
POST	/api/auth/logout	End session

Key Files

File	Purpose
src/server/middleware/setup_redirect.py	Redirect middleware
src/server/controllers/page_controller.py	Page route handlers
src/server/web/templates/setup.html	Setup template
src/server/web/templates/loading.html	Loading template
src/server/web/templates/unresolved.html	Unresolved folders template
src/server/api/setup_endpoints.py	Unresolved folders API
src/server/database/service.py	UnresolvedFolderService

Common Issues

Redirect Loop

Symptom: Browser keeps redirecting between pages.

Causes:

1. loading.html always redirected to /setup/unresolved without checking if any exist
2. unresolved.html redirected to / which middleware redirected back to /login

Fix: See the navigation logic updates in loading.html and unresolved.html.

Can't Access Unresolved Page After Setup

Symptom: Middleware redirects to /login instead of allowing access to /setup/unresolved.

Cause: /setup/unresolved is in the exempt paths but the request may not be reaching it due to completion check timing.

Fix: The middleware allows access to /loading which handles the redirect to /setup/unresolved after initialization.