Trends.Earth GEF API Viewer

A Dash app for viewing and managing the Trends.Earth GEF API, supporting admin features and authentication.

🚀 Deployment

This application supports automatic deployment to Amazon ECS using GitHub Actions.

Available Deployment Workflows:

• ECS Deployment (deploy.yml) - Production deployment with ECS, Docker, health checks, and Rollbar integration
• Rollback (rollback.yml) - Manual rollback to previous ECS deployments

Error Tracking

The application includes integrated Rollbar error tracking for production monitoring and debugging.

Features

• Login/logout with API JWT
• View and edit users and scripts (admin only)
• Browse executions, parameters, results, and logs
• Paging and per-ID search for executions
• Map Visualization - View execution areas on an interactive map:
  • Click "Show Map" buttons in the Executions table to display processing areas
  • Automatically parses GeoJSON data from execution parameters
  • Interactive Leaflet map with area boundaries highlighted
  • Automatically centers and zooms to show the processing area
• Status Dashboard (admin only) - View system status with:
  • Text summary from the most recent status log entry
  • Interactive charts showing execution counts by status over time
  • Three time period views: Last Hour, Last 24 Hours, Last Week
  • Auto-refresh every 60 seconds
• Edit Functionality (admin only) - Edit users and scripts directly from the tables:
  • Click "Edit" buttons in Users table to modify user details (name, institution, country, role)
  • Click "Edit" buttons in Scripts table to modify script details (name, description, publication status)
  • Modal dialogs with form validation and error handling
  • Automatic table refresh after successful edits
  • Correctly identifies the selected user/script even when the table is sorted or filtered

Installation

1. Clone the repository

git clone https://github.com/ConservationInternational/trends.earth-api-ui.git
cd trends.earth-api-ui

2. Install Poetry

If you don't have poetry:

pip install poetry

3. Install dependencies

poetry install

4. Run the app

Development mode (Recommended)

poetry run python -m trendsearth_ui.app

Using Poetry script

poetry run trendsearth-ui

Production mode (Docker with Gunicorn)

# Build the Docker image
docker build -t trendsearth-ui .

# Run the container
docker run -p 8000:8000 trendsearth-ui

Production mode (Docker Compose)

# Run with docker compose
docker compose up -d

# View logs
docker compose logs -f

# Stop
docker compose down

The app will be available at:

• Development: http://localhost:8050
• Production: http://localhost:8000

Health check endpoint: /api-ui-health

Testing

The project includes a comprehensive test suite with unit, integration, and functional tests.

Running Tests Locally

Install test dependencies (if not using Poetry)

pip install pytest pytest-mock pytest-cov

Run all tests

poetry run python -m pytest tests/ -v

Run tests by category

# Unit tests only
poetry run python -m pytest tests/unit/ -v

# Integration tests only  
poetry run python -m pytest tests/integration/ -v

# Functional tests only
poetry run python -m pytest tests/functional/ -v

# Playwright end-to-end tests only
poetry run python -m pytest tests/playwright/ -v --browser chromium

Run tests with coverage

poetry run python -m pytest tests/ -v --cov=trendsearth_ui --cov-report=html --cov-report=term-missing

Run specific test file

poetry run python -m pytest tests/unit/test_config.py -v

Playwright End-to-End Testing

The project includes Playwright tests for comprehensive end-to-end testing of the web application.

Setup Playwright

# Install playwright browsers (required for local testing)
poetry run playwright install

# Or install specific browsers
poetry run playwright install chromium

Run Playwright Tests

# Run all playwright tests
poetry run python -m pytest tests/playwright/ -v --browser chromium

# Run with multiple browsers
poetry run python -m pytest tests/playwright/ -v --browser chromium --browser firefox

# Run with headed browser (see the browser)
poetry run python -m pytest tests/playwright/ -v --browser chromium --headed

# Generate test report
poetry run python -m pytest tests/playwright/ -v --browser chromium --html=playwright-report.html

Playwright Test Categories

• App Core Tests: Basic application loading, navigation, and error handling
• Authentication Tests: Login/logout flows and session management
• Dashboard Tests: Tab navigation and dashboard functionality

Test Structure

• tests/unit/ - Unit tests for individual components and utilities
• tests/integration/ - Integration tests for complete app functionality
• tests/functional/ - Functional tests for specific features
• tests/playwright/ - End-to-end tests using Playwright for browser automation
• tests/fixtures/ - Shared test data and samples
• conftest.py - Pytest configuration and fixtures

Continuous Integration

Tests and code quality checks are automatically run on GitHub Actions for:

• Tests: Python versions 3.11, 3.12 on all pushes to master and develop branches and pull requests
• Playwright Tests: End-to-end testing with Chromium browser automation
• Code Quality: Ruff linting and formatting checks
• Coverage: Code coverage is tracked and reported to Codecov

Code Quality Tools

The project uses Ruff for both linting and code formatting:

# Lint code with Ruff
poetry run ruff check trendsearth_ui/ tests/

# Format code with Ruff
poetry run ruff format trendsearth_ui/ tests/

# Fix auto-fixable issues
poetry run ruff check --fix trendsearth_ui/ tests/

Configuration

Application Configuration

The API endpoints are configured in trendsearth_ui/config.py with support for multiple environments:

API_ENVIRONMENTS = {
    "production": {
        "base": "https://api.trends.earth/api/v1",
        "auth": "https://api.trends.earth/auth",
        "display_name": "Production (api.trends.earth)",
    },
    "staging": {
        "base": "https://api-staging.trends.earth/api/v1", 
        "auth": "https://api-staging.trends.earth/auth",
        "display_name": "Staging (api-staging.trends.earth)",
    },
}

Users can switch between environments via the UI, with production as the default.

Gunicorn Configuration

Production deployment uses Gunicorn with the configuration in gunicorn.conf.py. Key settings:

• Single worker process (required for Dash callback routing)
• 120 second timeout
• Bound to 0.0.0.0:8000
• Request logging enabled

License

MIT