From 70ee32efddaa1b053e96e9a5a55a53e708ccd321 Mon Sep 17 00:00:00 2001 From: Aditya Pulipaka Date: Tue, 5 May 2026 00:47:39 +0000 Subject: [PATCH] beforeLocal --- .env.example | 10 +++ .gitea/workflows/deploy.yml | 54 +++++++++++ api/Dockerfile | 18 ++++ api/database.py | 44 +++++++++ api/indexer.py | 149 +++++++++++++++++++++++++++++++ api/main.py | 95 ++++++++++++++++++++ api/requirements.txt | 9 ++ api/run.sh | 13 +++ docker-compose.yml | 69 ++++++++++++++ mail-sync/Dockerfile | 15 ++++ mail-sync/entrypoint.sh | 29 ++++++ mail-sync/mbsyncrc.template | 20 +++++ walkthrough.md | 87 ++++++++++++++++++ webmail/Dockerfile | 36 ++++++++ webmail/entrypoint.sh | 8 ++ webmail/nginx.conf | 54 +++++++++++ webmail/spa/.gitignore | 24 +++++ webmail/spa/README.md | 16 ++++ webmail/spa/eslint.config.js | 21 +++++ webmail/spa/index.html | 13 +++ webmail/spa/package.json | 27 ++++++ webmail/spa/public/favicon.svg | 1 + webmail/spa/public/icons.svg | 24 +++++ webmail/spa/src/App.css | 119 ++++++++++++++++++++++++ webmail/spa/src/App.jsx | 84 +++++++++++++++++ webmail/spa/src/assets/hero.png | Bin 0 -> 13057 bytes webmail/spa/src/assets/react.svg | 1 + webmail/spa/src/assets/vite.svg | 1 + webmail/spa/src/index.css | 111 +++++++++++++++++++++++ webmail/spa/src/main.jsx | 10 +++ webmail/spa/vite.config.js | 7 ++ 31 files changed, 1169 insertions(+) create mode 100644 .env.example create mode 100644 .gitea/workflows/deploy.yml create mode 100644 api/Dockerfile create mode 100644 api/database.py create mode 100644 api/indexer.py create mode 100644 api/main.py create mode 100644 api/requirements.txt create mode 100644 api/run.sh create mode 100644 docker-compose.yml create mode 100644 mail-sync/Dockerfile create mode 100644 mail-sync/entrypoint.sh create mode 100644 mail-sync/mbsyncrc.template create mode 100644 walkthrough.md create mode 100644 webmail/Dockerfile create mode 100644 webmail/entrypoint.sh create mode 100644 webmail/nginx.conf create mode 100644 webmail/spa/.gitignore create mode 100644 webmail/spa/README.md create mode 100644 webmail/spa/eslint.config.js create mode 100644 webmail/spa/index.html create mode 100644 webmail/spa/package.json create mode 100644 webmail/spa/public/favicon.svg create mode 100644 webmail/spa/public/icons.svg create mode 100644 webmail/spa/src/App.css create mode 100644 webmail/spa/src/App.jsx create mode 100644 webmail/spa/src/assets/hero.png create mode 100644 webmail/spa/src/assets/react.svg create mode 100644 webmail/spa/src/assets/vite.svg create mode 100644 webmail/spa/src/index.css create mode 100644 webmail/spa/src/main.jsx create mode 100644 webmail/spa/vite.config.js diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..35fe6ac --- /dev/null +++ b/.env.example @@ -0,0 +1,10 @@ +# Postgres Credentials +POSTGRES_USER=allmail +POSTGRES_PASSWORD=my_secure_password +POSTGRES_DB=emails_db + +# Gemini API Key (free tier covers embedding usage) +GEMINI_API_KEY=your-gemini-api-key-here + +# Other Settings +MAILDIR_PATH=./Maildir diff --git a/.gitea/workflows/deploy.yml b/.gitea/workflows/deploy.yml new file mode 100644 index 0000000..d1fac7d --- /dev/null +++ b/.gitea/workflows/deploy.yml @@ -0,0 +1,54 @@ +name: Deploy to Server + +on: + push: + branches: + - main + +jobs: + deploy: + runs-on: ubuntu-latest + container: + image: alpine:latest # Alpine to keep CPU/memory low + steps: + - name: Install SSH and Networking Tools + run: apk add --no-cache openssh-client iproute2 git + + - name: Configure SSH Key + run: | + mkdir -p ~/.ssh + echo "${{ secrets.DEPLOY_SSH_KEY }}" > ~/.ssh/id_rsa + chmod 600 ~/.ssh/id_rsa + echo "StrictHostKeyChecking no" > ~/.ssh/config + + - name: Execute Remote Deployment + run: | + # 1. Find the host machine's IP via the docker bridge gateway + HOST_IP=$(ip route | awk '/default/ { print $3 }') + echo "==> Detected Host IP: $HOST_IP" + + # 2. SSH into the host to execute the deployment safely + ssh adipu@$HOST_IP << 'EOF' + # Exit immediately if any command fails + set -e + + echo "==> Navigating to project directory..." + cd ~/AllMail + + echo "==> Pulling latest code..." + git pull origin main + + echo "==> Running Build..." + # If this build fails, 'set -e' aborts the script instantly. + # Existing containers will NOT be touched, keeping the site up. + docker compose build + + echo "==> Build successful! Deploying new containers..." + # This only runs if the build was 100% successful. + docker compose up -d + + echo "==> Cleaning up old images to save disk space..." + docker image prune -f + + echo "==> Deployment Complete!" + EOF diff --git a/api/Dockerfile b/api/Dockerfile new file mode 100644 index 0000000..4e52bd1 --- /dev/null +++ b/api/Dockerfile @@ -0,0 +1,18 @@ +FROM python:3.11-slim + +WORKDIR /app + +# Install system dependencies for building psycopg2 and others +RUN apt-get update && apt-get install -y \ + gcc \ + libpq-dev \ + && rm -rf /var/lib/apt/lists/* + +COPY requirements.txt . +RUN pip install --no-cache-dir -r requirements.txt + +COPY . . + +RUN chmod +x run.sh + +ENTRYPOINT ["./run.sh"] diff --git a/api/database.py b/api/database.py new file mode 100644 index 0000000..d7f9494 --- /dev/null +++ b/api/database.py @@ -0,0 +1,44 @@ +import os +from sqlalchemy import create_engine, Column, Integer, String, Text, DateTime, text +from sqlalchemy.orm import declarative_base, sessionmaker +from pgvector.sqlalchemy import Vector + +POSTGRES_USER = os.environ.get("POSTGRES_USER", "allmail") +POSTGRES_PASSWORD = os.environ.get("POSTGRES_PASSWORD", "postgres") +POSTGRES_DB = os.environ.get("POSTGRES_DB", "emails_db") +DB_HOST = os.environ.get("DB_HOST", "localhost") + +DATABASE_URL = f"postgresql://{POSTGRES_USER}:{POSTGRES_PASSWORD}@{DB_HOST}/{POSTGRES_DB}" + +engine = create_engine(DATABASE_URL) +SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine) + +Base = declarative_base() + +# Gemini gemini-embedding-001 with output_dimensionality=768 +EMBEDDING_DIMENSIONS = 768 + +class Email(Base): + __tablename__ = "emails" + + id = Column(Integer, primary_key=True, index=True) + message_id = Column(String, unique=True, index=True) + subject = Column(Text) + sender = Column(String) + date = Column(DateTime) + content = Column(Text) + embedding = Column(Vector(EMBEDDING_DIMENSIONS)) + +def init_db(): + # Install pgvector extension if not exists + with engine.connect() as conn: + conn.execute(text("CREATE EXTENSION IF NOT EXISTS vector")) + conn.commit() + Base.metadata.create_all(bind=engine) + +def get_db(): + db = SessionLocal() + try: + yield db + finally: + db.close() diff --git a/api/indexer.py b/api/indexer.py new file mode 100644 index 0000000..40c4f51 --- /dev/null +++ b/api/indexer.py @@ -0,0 +1,149 @@ +import os +import time +import email +from email.policy import default +from bs4 import BeautifulSoup +from watchdog.observers import Observer +from watchdog.events import FileSystemEventHandler +from database import SessionLocal, Email, EMBEDDING_DIMENSIONS +from google import genai +from google.genai import types +from datetime import datetime +from sqlalchemy.exc import IntegrityError + +MAILDIR_PATH = os.environ.get("MAILDIR_PATH", "/Maildir") + +# Initialize Gemini client +gemini_client = None +api_key = os.environ.get("GEMINI_API_KEY") +if api_key: + gemini_client = genai.Client(api_key=api_key) + print("Gemini client initialized for indexer.") +else: + print("WARNING: GEMINI_API_KEY not set. Indexer will skip embedding generation.") + +def extract_text_from_email(msg): + text_content = "" + if msg.is_multipart(): + for part in msg.walk(): + content_type = part.get_content_type() + if content_type == "text/plain": + payload = part.get_payload(decode=True) + if payload: + text_content += payload.decode('utf-8', errors='ignore') + "\n" + elif content_type == "text/html": + payload = part.get_payload(decode=True) + if payload: + html_content = payload.decode('utf-8', errors='ignore') + soup = BeautifulSoup(html_content, 'html.parser') + text_content += soup.get_text(separator=' ') + "\n" + else: + content_type = msg.get_content_type() + payload = msg.get_payload(decode=True) + if payload: + if content_type == "text/html": + html_content = payload.decode('utf-8', errors='ignore') + soup = BeautifulSoup(html_content, 'html.parser') + text_content = soup.get_text(separator=' ') + else: + text_content = payload.decode('utf-8', errors='ignore') + return text_content.strip() + +def process_email_file(filepath): + print(f"Processing new email file: {filepath}") + if not gemini_client: + print("Skipping embedding generation: Gemini API key is missing.") + return + + try: + with open(filepath, 'rb') as f: + msg = email.message_from_binary_file(f, policy=default) + + message_id = msg.get('Message-ID', filepath) + subject = msg.get('Subject', '') + sender = msg.get('From', '') + date_str = msg.get('Date') + + try: + email_date = email.utils.parsedate_to_datetime(date_str) if date_str else datetime.utcnow() + except: + email_date = datetime.utcnow() + + content = extract_text_from_email(msg) + + if not content: + print(f"No text content found in {filepath}. Skipping.") + return + + # Combine subject and content for better embedding + text_to_embed = f"Subject: {subject}\nSender: {sender}\n\n{content}" + + # Limit text to avoid token limits (very rough truncation) + text_to_embed = text_to_embed[:8000] + + # Get embedding via Gemini — RETRIEVAL_DOCUMENT is the correct task type + # for content being stored and later retrieved by a query + response = gemini_client.models.embed_content( + model="gemini-embedding-001", + contents=text_to_embed, + config=types.EmbedContentConfig( + task_type="RETRIEVAL_DOCUMENT", + output_dimensionality=EMBEDDING_DIMENSIONS, + ), + ) + embedding = response.embeddings[0].values + + # Save to DB + db = SessionLocal() + try: + new_email = Email( + message_id=message_id, + subject=subject, + sender=sender, + date=email_date, + content=content, + embedding=embedding + ) + db.add(new_email) + db.commit() + print(f"Successfully indexed email: {subject}") + except IntegrityError: + db.rollback() + print(f"Email {message_id} already exists in database.") + except Exception as e: + db.rollback() + print(f"Database error saving email: {e}") + finally: + db.close() + + except Exception as e: + print(f"Error processing email {filepath}: {e}") + +class NewEmailHandler(FileSystemEventHandler): + def on_created(self, event): + if not event.is_directory: + # Simple check if it's likely an email file (mbsync creates files in cur/ or new/) + if 'new/' in event.src_path or 'cur/' in event.src_path: + process_email_file(event.src_path) + +def start_watching(): + print(f"Starting to watch {MAILDIR_PATH} for new emails...") + + # Optional: Do a full initial sync of existing files here. + # We will skip that for brevity and just watch for new ones. + + event_handler = NewEmailHandler() + observer = Observer() + observer.schedule(event_handler, MAILDIR_PATH, recursive=True) + observer.start() + try: + while True: + time.sleep(1) + except KeyboardInterrupt: + observer.stop() + observer.join() + +if __name__ == "__main__": + # Wait for DB to be initialized by FastAPI + time.sleep(5) + start_watching() diff --git a/api/main.py b/api/main.py new file mode 100644 index 0000000..78ae500 --- /dev/null +++ b/api/main.py @@ -0,0 +1,95 @@ +from fastapi import FastAPI, Depends, HTTPException +from fastapi.middleware.cors import CORSMiddleware +from sqlalchemy.orm import Session +from sqlalchemy import text +from database import get_db, init_db, Email, EMBEDDING_DIMENSIONS +from pydantic import BaseModel +from typing import List, Optional +from google import genai +from google.genai import types +import os +import time + +app = FastAPI(title="Unified Email Semantic Search API") + +# Setup CORS for the SPA +app.add_middleware( + CORSMiddleware, + allow_origins=["*"], + allow_credentials=True, + allow_methods=["*"], + allow_headers=["*"], +) + +# Initialize Gemini client — reads GEMINI_API_KEY from environment +gemini_client = None + +class SearchQuery(BaseModel): + query: str + limit: int = 10 + +class SearchResult(BaseModel): + message_id: str + subject: str + sender: str + date: str + snippet: str + distance: float + +@app.on_event("startup") +def on_startup(): + global gemini_client + print("Initializing Database...") + time.sleep(2) # Give postgres a moment to be fully ready + try: + init_db() + except Exception as e: + print(f"Error initializing DB: {e}") + + api_key = os.environ.get("GEMINI_API_KEY") + if api_key: + gemini_client = genai.Client(api_key=api_key) + print("Gemini client initialized.") + else: + print("WARNING: GEMINI_API_KEY not set. Embedding features disabled.") + +@app.post("/search", response_model=List[SearchResult]) +def search_emails(request: SearchQuery, db: Session = Depends(get_db)): + if not gemini_client: + raise HTTPException(status_code=500, detail="Gemini API Key is not configured.") + + try: + response = gemini_client.models.embed_content( + model="gemini-embedding-001", + contents=request.query, + config=types.EmbedContentConfig( + task_type="RETRIEVAL_QUERY", + output_dimensionality=EMBEDDING_DIMENSIONS, + ), + ) + query_embedding = response.embeddings[0].values + except Exception as e: + raise HTTPException(status_code=500, detail=f"Embedding API error: {e}") + + # Use pgvector's cosine distance operator via SQLAlchemy ORM + results = db.query( + Email, + Email.embedding.cosine_distance(query_embedding).label('distance') + ).order_by( + Email.embedding.cosine_distance(query_embedding) + ).limit(request.limit).all() + + response_data = [] + for email, distance in results: + # Create a snippet from the content + snippet = email.content[:200] + "..." if email.content and len(email.content) > 200 else (email.content or "") + response_data.append(SearchResult( + message_id=email.message_id or "", + subject=email.subject or "", + sender=email.sender or "", + date=email.date.isoformat() if email.date else "", + snippet=snippet, + distance=distance + )) + + return response_data diff --git a/api/requirements.txt b/api/requirements.txt new file mode 100644 index 0000000..94198ae --- /dev/null +++ b/api/requirements.txt @@ -0,0 +1,9 @@ +fastapi==0.111.0 +uvicorn==0.30.1 +sqlalchemy==2.0.30 +psycopg2-binary==2.9.9 +pgvector==0.2.5 +watchdog==4.0.1 +google-genai>=1.0.0 +beautifulsoup4==4.12.3 +pydantic==2.7.2 diff --git a/api/run.sh b/api/run.sh new file mode 100644 index 0000000..19809f2 --- /dev/null +++ b/api/run.sh @@ -0,0 +1,13 @@ +#!/bin/bash + +echo "Starting Uvicorn..." +uvicorn main:app --host 0.0.0.0 --port 8000 & + +echo "Starting Indexer daemon..." +python indexer.py & + +# Wait for any process to exit +wait -n + +# Exit with status of process that exited first +exit $? diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..3804d30 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,69 @@ +services: + db: + image: pgvector/pgvector:pg16 + restart: unless-stopped + environment: + POSTGRES_USER: ${POSTGRES_USER:-allmail} + POSTGRES_PASSWORD: ${POSTGRES_PASSWORD} + POSTGRES_DB: ${POSTGRES_DB:-emails_db} + volumes: + - postgres_data:/var/lib/postgresql/data + command: postgres -c shared_buffers=256MB -c max_connections=50 + healthcheck: + test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER:-allmail} -d ${POSTGRES_DB:-emails_db}"] + interval: 5s + timeout: 5s + retries: 10 + deploy: + resources: + limits: + memory: 1G + + mail-sync: + build: + context: ./mail-sync + restart: unless-stopped + volumes: + - ./Maildir:/Maildir + deploy: + resources: + limits: + memory: 256M + + api: + build: + context: ./api + restart: unless-stopped + environment: + POSTGRES_USER: ${POSTGRES_USER:-allmail} + POSTGRES_PASSWORD: ${POSTGRES_PASSWORD} + POSTGRES_DB: ${POSTGRES_DB:-emails_db} + DB_HOST: db + GEMINI_API_KEY: ${GEMINI_API_KEY} + MAILDIR_PATH: /Maildir + volumes: + - ./Maildir:/Maildir:ro + depends_on: + db: + condition: service_healthy + deploy: + resources: + limits: + memory: 512M + + webmail: + build: + context: ./webmail + restart: unless-stopped + volumes: + - ./Maildir:/Maildir:ro + # Bind only on host loopback — Cloudflare Tunnel proxies allmail.wahwa.com here. + ports: + - "127.0.0.1:8080:80" + deploy: + resources: + limits: + memory: 512M + +volumes: + postgres_data: diff --git a/mail-sync/Dockerfile b/mail-sync/Dockerfile new file mode 100644 index 0000000..481b38a --- /dev/null +++ b/mail-sync/Dockerfile @@ -0,0 +1,15 @@ +FROM alpine:latest + +RUN apk add --no-cache isync cron python3 ca-certificates bash su-exec tzdata + +# Copy configuration template and entrypoint +COPY mbsyncrc.template /root/.mbsyncrc.template +COPY entrypoint.sh /entrypoint.sh + +RUN chmod +x /entrypoint.sh + +# Create the Maildir directory +RUN mkdir -p /Maildir + +ENTRYPOINT ["/entrypoint.sh"] +CMD ["cron", "-f"] diff --git a/mail-sync/entrypoint.sh b/mail-sync/entrypoint.sh new file mode 100644 index 0000000..6703975 --- /dev/null +++ b/mail-sync/entrypoint.sh @@ -0,0 +1,29 @@ +#!/bin/bash +set -e + +# Copy the template to the actual config location if it doesn't exist +if [ ! -f /root/.mbsyncrc ]; then + echo "No .mbsyncrc found. Copying template. PLEASE CONFIGURE THIS FILE." + cp /root/.mbsyncrc.template /root/.mbsyncrc +fi + +# Set up cron job if not already set +if ! crontab -l | grep -q "mbsync -a"; then + echo "Setting up mbsync cron job (every 5 minutes)..." + (crontab -l 2>/dev/null; echo "*/5 * * * * /usr/bin/mbsync -a >> /var/log/mbsync.log 2>&1") | crontab - +fi + +# Make sure log file exists +touch /var/log/mbsync.log + +# Run mbsync once on startup +echo "Running initial mbsync..." +/usr/bin/mbsync -a || echo "Initial mbsync failed, probably needs configuration." + +# Execute the CMD (usually cron -f) +if [ "$1" = "cron" ]; then + echo "Starting cron daemon..." + crond -f -l 2 +else + exec "$@" +fi diff --git a/mail-sync/mbsyncrc.template b/mail-sync/mbsyncrc.template new file mode 100644 index 0000000..1e2610c --- /dev/null +++ b/mail-sync/mbsyncrc.template @@ -0,0 +1,20 @@ +# IMAPAccount example +# Host imap.example.com +# User user@example.com +# PassCmd "echo password" +# SSLType IMAPS + +# IMAPStore example-remote +# Account example + +# MaildirStore example-local +# SubFolders Verbatim +# Path /Maildir/example/ +# Inbox /Maildir/example/Inbox + +# Channel example +# Far :example-remote: +# Near :example-local: +# Patterns * +# Create Both +# SyncState * diff --git a/walkthrough.md b/walkthrough.md new file mode 100644 index 0000000..92b8a57 --- /dev/null +++ b/walkthrough.md @@ -0,0 +1,87 @@ +# Phase 1 Implementation Walkthrough + +The foundational Phase 1 (Retrieval-Only Architecture) for your Unified Email Semantic Search system is now complete. The repository structure, Docker configurations, backend API, indexing daemon, and frontend have been successfully scaffolded in `/home/adipu/AllMail`. + +## Repository Structure Overview + +```mermaid +graph TD + A[AllMail/] --> B(db_data/) + A --> C(Maildir/) + A --> D(mail-sync/) + A --> E(api/) + A --> F(webmail/) + A --> G(.gitea/) + A --> H(docker-compose.yml) + A --> I(.env.example) + + D --> D1[Dockerfile] + D --> D2[entrypoint.sh] + D --> D3[mbsyncrc.template] + + E --> E1[Dockerfile] + E --> E2[main.py] + E --> E3[indexer.py] + E --> E4[database.py] + E --> E5[run.sh] + + F --> F1[Dockerfile] + F --> F2[nginx.conf] + F --> F3[entrypoint.sh] + F --> F4[spa/] +``` + +## Key Components Implemented + +### 1. Docker Infrastructure & Resource Management +- Created `docker-compose.yml` with memory limits applied specifically to respect the 16GB total memory overhead: + - `db` is restricted to `1G` (and Postgres tuned via command arguments `shared_buffers=256MB`). + - `api` is restricted to `512M`. + - `mail-sync` is restricted to `256M`. + - `webmail` is restricted to `512M`. +- Uses real filesystem mounts for persistent data: `./db_data` for PostgreSQL and `./Maildir` for the email files. + +### 2. Database & API (`api/`) +- A Python 3.11 container running both a FastAPI server (`main.py`) and a background Watchdog daemon (`indexer.py`). +- Integrates `pgvector` and uses SQLAlchemy to manage vector embeddings. +- Automatically connects to OpenAI for `text-embedding-3-small` and indexes new files arriving in `./Maildir`. + +### 3. Synchronization (`mail-sync/`) +- A lightweight Alpine image utilizing `isync` (mbsync). +- Contains an entrypoint that initializes a 5-minute cron schedule. +- A `mbsyncrc.template` was created to serve as your configuration starting point. + +### 4. Frontend & SnappyMail (`webmail/`) +- A custom `php:8.2-fpm-alpine` container running Nginx. +- Serves a React/Vite SPA on the root (`/`) for querying the Unified Search API. +- Proxies `/mail/` to SnappyMail for standard webmail consumption. +- The `Dockerfile` handles building the React app automatically during `docker compose build`. + +### 5. Deployment CI/CD (`.gitea/`) +- A GitHub-Actions-compatible workflow is present at `.gitea/workflows/deploy.yml` which triggers on pushes to `main` and runs the requested commands (`docker compose up -d --build` & `docker image prune -f`). + +## Next Steps for You + +> [!IMPORTANT] +> **Action Required**: The system is ready to be started, but you need to configure your secrets and accounts before running `docker compose up -d`. + +1. **Configure Environment Variables**: + Copy `.env.example` to `.env` and fill in your passwords and the OpenAI API Key. + ```bash + cp /home/adipu/AllMail/.env.example /home/adipu/AllMail/.env + # Edit .env + ``` + +2. **Configure Mail Accounts**: + Copy the `mbsyncrc` template to an actual config file and configure your IMAP servers. + ```bash + cp /home/adipu/AllMail/mail-sync/mbsyncrc.template /home/adipu/AllMail/mail-sync/mbsyncrc + # Edit mbsyncrc + ``` + +3. **Deploy Phase 1**: + After configuring the above files, you can start the system locally to ensure it builds correctly: + ```bash + cd /home/adipu/AllMail + docker compose up -d --build + ``` diff --git a/webmail/Dockerfile b/webmail/Dockerfile new file mode 100644 index 0000000..056252b --- /dev/null +++ b/webmail/Dockerfile @@ -0,0 +1,36 @@ +FROM node:20-alpine AS builder +WORKDIR /app +COPY spa/package*.json ./ +RUN npm install +COPY spa/ . +RUN npm run build + +FROM php:8.2-fpm-alpine + +RUN apk add --no-cache nginx wget unzip zip libzip-dev \ + && docker-php-ext-install zip + +# Install SnappyMail +WORKDIR /var/www/html/mail +RUN wget -O snappymail.zip https://snappymail.eu/repository/latest.zip && \ + unzip snappymail.zip && \ + rm snappymail.zip && \ + find . -type d -exec chmod 755 {} \; && \ + find . -type f -exec chmod 644 {} \; && \ + chown -R www-data:www-data /var/www/html/mail + +# Copy built SPA +COPY --from=builder /app/dist /var/www/html/spa +RUN chown -R www-data:www-data /var/www/html/spa + +# Copy configurations +COPY nginx.conf /etc/nginx/nginx.conf +COPY entrypoint.sh /entrypoint.sh +RUN chmod +x /entrypoint.sh + +# Create Nginx run directory +RUN mkdir -p /run/nginx + +EXPOSE 80 + +ENTRYPOINT ["/entrypoint.sh"] diff --git a/webmail/entrypoint.sh b/webmail/entrypoint.sh new file mode 100644 index 0000000..927010e --- /dev/null +++ b/webmail/entrypoint.sh @@ -0,0 +1,8 @@ +#!/bin/sh +set -e + +# Start PHP-FPM in the background +php-fpm -D + +# Start Nginx in the foreground +exec nginx -g "daemon off;" diff --git a/webmail/nginx.conf b/webmail/nginx.conf new file mode 100644 index 0000000..a25f6f9 --- /dev/null +++ b/webmail/nginx.conf @@ -0,0 +1,54 @@ +worker_processes 1; + +events { + worker_connections 1024; +} + +http { + include mime.types; + default_type application/octet-stream; + sendfile on; + keepalive_timeout 65; + + server { + listen 80; + server_name localhost; + + # Serve the React SPA on the root path + location / { + root /var/www/html/spa; + index index.html; + try_files $uri $uri/ /index.html; + } + + # Proxy /api requests to the backend container + location /api/ { + proxy_pass http://api:8000/; + proxy_set_header Host $host; + proxy_set_header X-Real-IP $remote_addr; + proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; + } + + # Serve SnappyMail on /mail + location ^~ /mail/ { + alias /var/www/html/mail/; + index index.php index.html; + + # Need a specific regex for PHP files inside alias + location ~ \.php$ { + if (!-f $request_filename) { + return 404; + } + fastcgi_pass 127.0.0.1:9000; + fastcgi_index index.php; + fastcgi_param SCRIPT_FILENAME $request_filename; + include fastcgi_params; + } + + # Deny access to SnappyMail data folder + location ^~ /mail/data { + deny all; + } + } + } +} diff --git a/webmail/spa/.gitignore b/webmail/spa/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/webmail/spa/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/webmail/spa/README.md b/webmail/spa/README.md new file mode 100644 index 0000000..a36934d --- /dev/null +++ b/webmail/spa/README.md @@ -0,0 +1,16 @@ +# React + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. + +Currently, two official plugins are available: + +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs) +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) + +## React Compiler + +The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation). + +## Expanding the ESLint configuration + +If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. diff --git a/webmail/spa/eslint.config.js b/webmail/spa/eslint.config.js new file mode 100644 index 0000000..ea36dd3 --- /dev/null +++ b/webmail/spa/eslint.config.js @@ -0,0 +1,21 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import { defineConfig, globalIgnores } from 'eslint/config' + +export default defineConfig([ + globalIgnores(['dist']), + { + files: ['**/*.{js,jsx}'], + extends: [ + js.configs.recommended, + reactHooks.configs.flat.recommended, + reactRefresh.configs.vite, + ], + languageOptions: { + globals: globals.browser, + parserOptions: { ecmaFeatures: { jsx: true } }, + }, + }, +]) diff --git a/webmail/spa/index.html b/webmail/spa/index.html new file mode 100644 index 0000000..e96b75b --- /dev/null +++ b/webmail/spa/index.html @@ -0,0 +1,13 @@ + + + + + + + spa + + +
+ + + diff --git a/webmail/spa/package.json b/webmail/spa/package.json new file mode 100644 index 0000000..617d4cc --- /dev/null +++ b/webmail/spa/package.json @@ -0,0 +1,27 @@ +{ + "name": "spa", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "react": "^19.2.5", + "react-dom": "^19.2.5" + }, + "devDependencies": { + "@eslint/js": "^10.0.1", + "@types/react": "^19.2.14", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^6.0.1", + "eslint": "^10.2.1", + "eslint-plugin-react-hooks": "^7.1.1", + "eslint-plugin-react-refresh": "^0.5.2", + "globals": "^17.5.0", + "vite": "^8.0.10" + } +} diff --git a/webmail/spa/public/favicon.svg b/webmail/spa/public/favicon.svg new file mode 100644 index 0000000..6893eb1 --- /dev/null +++ b/webmail/spa/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/webmail/spa/public/icons.svg b/webmail/spa/public/icons.svg new file mode 100644 index 0000000..e952219 --- /dev/null +++ b/webmail/spa/public/icons.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/webmail/spa/src/App.css b/webmail/spa/src/App.css new file mode 100644 index 0000000..1e03973 --- /dev/null +++ b/webmail/spa/src/App.css @@ -0,0 +1,119 @@ +:root { + --primary-color: #3b82f6; + --bg-color: #f3f4f6; + --text-color: #1f2937; + --card-bg: #ffffff; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + background-color: var(--bg-color); + color: var(--text-color); +} + +.app-container { + max-width: 800px; + margin: 0 auto; + padding: 2rem; +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 2rem; +} + +.header h1 { + margin: 0; + font-size: 1.5rem; +} + +.webmail-link { + color: var(--primary-color); + text-decoration: none; + font-weight: 500; +} + +.webmail-link:hover { + text-decoration: underline; +} + +.search-form { + display: flex; + gap: 0.5rem; + margin-bottom: 2rem; +} + +.search-input { + flex-grow: 1; + padding: 0.75rem 1rem; + font-size: 1rem; + border: 1px solid #d1d5db; + border-radius: 0.375rem; + outline: none; +} + +.search-input:focus { + border-color: var(--primary-color); + box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2); +} + +.search-button { + padding: 0.75rem 1.5rem; + font-size: 1rem; + background-color: var(--primary-color); + color: white; + border: none; + border-radius: 0.375rem; + cursor: pointer; + transition: background-color 0.2s; +} + +.search-button:hover:not(:disabled) { + background-color: #2563eb; +} + +.search-button:disabled { + opacity: 0.7; + cursor: not-allowed; +} + +.error-message { + color: #ef4444; + margin-bottom: 1rem; +} + +.results-container { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.result-card { + background-color: var(--card-bg); + padding: 1.5rem; + border-radius: 0.5rem; + box-shadow: 0 1px 3px rgba(0,0,0,0.1); +} + +.result-card h3 { + margin: 0 0 0.5rem 0; + font-size: 1.125rem; +} + +.result-meta { + display: flex; + gap: 1rem; + font-size: 0.875rem; + color: #6b7280; + margin-bottom: 0.75rem; +} + +.result-snippet { + margin: 0; + font-size: 0.95rem; + line-height: 1.5; + white-space: pre-wrap; +} diff --git a/webmail/spa/src/App.jsx b/webmail/spa/src/App.jsx new file mode 100644 index 0000000..781d9df --- /dev/null +++ b/webmail/spa/src/App.jsx @@ -0,0 +1,84 @@ +import { useState } from 'react' +import './App.css' + +function App() { + const [query, setQuery] = useState('') + const [results, setResults] = useState([]) + const [loading, setLoading] = useState(false) + const [error, setError] = useState(null) + + const handleSearch = async (e) => { + e.preventDefault() + if (!query) return + + setLoading(true) + setError(null) + try { + const response = await fetch('/api/search', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ query, limit: 10 }), + }) + + if (!response.ok) { + throw new Error(`HTTP error! status: ${response.status}`) + } + + const data = await response.json() + setResults(data) + } catch (err) { + console.error("Search error:", err) + setError("Failed to fetch search results. Check console and network.") + } finally { + setLoading(false) + } + } + + return ( +
+
+

Unified Email Search

+ Go to Webmail +
+ +
+
+ setQuery(e.target.value)} + placeholder="Search emails via natural language..." + className="search-input" + /> + +
+ + {error &&
{error}
} + +
+ {results.length > 0 ? ( + results.map((result, idx) => ( +
+

{result.subject || '(No Subject)'}

+
+ From: {result.sender} + Date: {new Date(result.date).toLocaleString()} + Score: {(1 - result.distance).toFixed(3)} +
+

{result.snippet}

+
+ )) + ) : ( + !loading && query && !error &&

No results found.

+ )} +
+
+
+ ) +} + +export default App diff --git a/webmail/spa/src/assets/hero.png b/webmail/spa/src/assets/hero.png new file mode 100644 index 0000000000000000000000000000000000000000..02251f4b956c55af2d76fd0788124d7eee2b45eb GIT binary patch literal 13057 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 P00000NkvXXu0mjft=yBf literal 0 HcmV?d00001 diff --git a/webmail/spa/src/assets/react.svg b/webmail/spa/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/webmail/spa/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/webmail/spa/src/assets/vite.svg b/webmail/spa/src/assets/vite.svg new file mode 100644 index 0000000..5101b67 --- /dev/null +++ b/webmail/spa/src/assets/vite.svg @@ -0,0 +1 @@ +Vite diff --git a/webmail/spa/src/index.css b/webmail/spa/src/index.css new file mode 100644 index 0000000..2c84af0 --- /dev/null +++ b/webmail/spa/src/index.css @@ -0,0 +1,111 @@ +:root { + --text: #6b6375; + --text-h: #08060d; + --bg: #fff; + --border: #e5e4e7; + --code-bg: #f4f3ec; + --accent: #aa3bff; + --accent-bg: rgba(170, 59, 255, 0.1); + --accent-border: rgba(170, 59, 255, 0.5); + --social-bg: rgba(244, 243, 236, 0.5); + --shadow: + rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; + + --sans: system-ui, 'Segoe UI', Roboto, sans-serif; + --heading: system-ui, 'Segoe UI', Roboto, sans-serif; + --mono: ui-monospace, Consolas, monospace; + + font: 18px/145% var(--sans); + letter-spacing: 0.18px; + color-scheme: light dark; + color: var(--text); + background: var(--bg); + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + @media (max-width: 1024px) { + font-size: 16px; + } +} + +@media (prefers-color-scheme: dark) { + :root { + --text: #9ca3af; + --text-h: #f3f4f6; + --bg: #16171d; + --border: #2e303a; + --code-bg: #1f2028; + --accent: #c084fc; + --accent-bg: rgba(192, 132, 252, 0.15); + --accent-border: rgba(192, 132, 252, 0.5); + --social-bg: rgba(47, 48, 58, 0.5); + --shadow: + rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px; + } + + #social .button-icon { + filter: invert(1) brightness(2); + } +} + +body { + margin: 0; +} + +#root { + width: 1126px; + max-width: 100%; + margin: 0 auto; + text-align: center; + border-inline: 1px solid var(--border); + min-height: 100svh; + display: flex; + flex-direction: column; + box-sizing: border-box; +} + +h1, +h2 { + font-family: var(--heading); + font-weight: 500; + color: var(--text-h); +} + +h1 { + font-size: 56px; + letter-spacing: -1.68px; + margin: 32px 0; + @media (max-width: 1024px) { + font-size: 36px; + margin: 20px 0; + } +} +h2 { + font-size: 24px; + line-height: 118%; + letter-spacing: -0.24px; + margin: 0 0 8px; + @media (max-width: 1024px) { + font-size: 20px; + } +} +p { + margin: 0; +} + +code, +.counter { + font-family: var(--mono); + display: inline-flex; + border-radius: 4px; + color: var(--text-h); +} + +code { + font-size: 15px; + line-height: 135%; + padding: 4px 8px; + background: var(--code-bg); +} diff --git a/webmail/spa/src/main.jsx b/webmail/spa/src/main.jsx new file mode 100644 index 0000000..b9a1a6d --- /dev/null +++ b/webmail/spa/src/main.jsx @@ -0,0 +1,10 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import './index.css' +import App from './App.jsx' + +createRoot(document.getElementById('root')).render( + + + , +) diff --git a/webmail/spa/vite.config.js b/webmail/spa/vite.config.js new file mode 100644 index 0000000..8b0f57b --- /dev/null +++ b/webmail/spa/vite.config.js @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], +})