282 lines
10 KiB
Markdown
282 lines
10 KiB
Markdown
# Immich Drop Uploader
|
||
|
||
A tiny web app for collecting photos/videos into your **Immich** server.
|
||
Admin users log in to create public invite links; invite links are always public-by-URL. A public uploader page is optional and disabled by default.
|
||
|
||
|
||
|
||
## Features
|
||
|
||
- **Invite Links:** public-by-URL links for uploads; one-time or multi-use
|
||
- **Manage Links:** search/sort, enable/disable, delete, edit name/expiry
|
||
- **Row Actions:** icon-only actions with tooltips (Open, Copy, Details, QR, Save)
|
||
- **Passwords (optional):** protect invites with a password gate
|
||
- **Albums (optional):** upload into a specific album (auto-create supported)
|
||
- **Duplicate Prevention:** local SHA‑1 cache (+ optional Immich bulk-check)
|
||
- **Progress Queue:** WebSocket updates; retry failed items
|
||
- **Chunked Uploads (optional):** large-file support with configurable chunk size
|
||
- **Privacy-first:** never lists server media; session-local uploads only
|
||
- **Mobile + Dark Mode:** responsive UI, safe-area padding, persistent theme
|
||
|
||
---
|
||
|
||
## Table of contents
|
||
- [Quick start](#quick-start)
|
||
- [New Features](#new-features)
|
||
- [Chunked Uploads](#chunked-uploads)
|
||
- [Architecture](#architecture)
|
||
- [Folder structure](#folder-structure)
|
||
- [Requirements](#requirements)
|
||
- [Configuration (.env)](#configuration-env)
|
||
- [How it works](#how-it-works)
|
||
- [Mobile notes](#mobile-notes)
|
||
- [Troubleshooting](#troubleshooting)
|
||
- [Security notes](#security-notes)
|
||
- [Development](#development)
|
||
- [License](#license)
|
||
|
||
---
|
||
## Quick start
|
||
You can run without a `.env` file by putting all settings in `docker-compose.yml` (recommended for deploys).
|
||
Use a `.env` file only for local development.
|
||
|
||
### docker-compose.yml (deploy without .env)
|
||
```yaml
|
||
version: "3.9"
|
||
|
||
services:
|
||
immich-drop:
|
||
image: ghcr.io/nasogaa/immich-drop:latest
|
||
pull_policy: always
|
||
container_name: immich-drop
|
||
restart: unless-stopped
|
||
|
||
# Configure all settings here (no .env required)
|
||
environment:
|
||
|
||
# Immich connection (must include /api)
|
||
IMMICH_BASE_URL: https://immich.example.com/api
|
||
IMMICH_API_KEY: ${IMMICH_API_KEY}
|
||
|
||
# Optional behavior
|
||
IMMICH_ALBUM_NAME: dead-drop
|
||
PUBLIC_UPLOAD_PAGE_ENABLED: "false" # keep disabled by default
|
||
PUBLIC_BASE_URL: https://drop.example.com
|
||
|
||
# Large files: chunked uploads (bypass 100MB proxy limits)
|
||
CHUNKED_UPLOADS_ENABLED: "false" # enable chunked uploads
|
||
CHUNK_SIZE_MB: "95" # per-chunk size (MB)
|
||
|
||
# App internals
|
||
SESSION_SECRET: ${SESSION_SECRET}
|
||
|
||
# Expose the app on the host
|
||
ports:
|
||
- 8080:8080
|
||
|
||
# Persist local dedupe cache (state.db) across restarts
|
||
volumes:
|
||
- immich_drop_data:/data
|
||
|
||
# Simple healthcheck
|
||
healthcheck:
|
||
test: ["CMD-SHELL", "python - <<'PY'\nimport os,urllib.request,sys; url=f\"http://127.0.0.1:{os.getenv('PORT','8080')}/\";\ntry: urllib.request.urlopen(url, timeout=3); sys.exit(0)\nexcept Exception: sys.exit(1)\nPY"]
|
||
interval: 30s
|
||
timeout: 5s
|
||
retries: 3
|
||
start_period: 10s
|
||
|
||
volumes:
|
||
immich_drop_data:
|
||
```
|
||
|
||
```
|
||
### CLI
|
||
```bash
|
||
docker compose pull
|
||
docker compose up -d
|
||
```
|
||
---
|
||
|
||
## What's New
|
||
|
||
### v0.5.0 – Manage Links overhaul
|
||
- In-panel bulk actions footer (Delete/Enable/Disable stay inside the box)
|
||
- Per-row icon actions with tooltips; Save button lights up only on changes
|
||
- Per-row QR modal; Details modal close fixed and reliable
|
||
- Auto-refresh after creating a link; new row is highlighted and scrolled into view
|
||
- Expiry save fix: stores end-of-day to avoid off-by-one date issues
|
||
|
||
Roadmap highlight
|
||
- We’d like to add a per-user UI and remove reliance on a fixed API key by allowing users to authenticate and provide their own Immich API tokens. This is not in scope for the initial versions but aligns with future direction.
|
||
- The frontend automatically switches to chunked mode only for files larger than the configured chunk size.
|
||
|
||
### 📱 Device‑Flexible HMI (New)
|
||
- Fully responsive UI with improved spacing and wrapping for small and large screens.
|
||
- Mobile‑safe file picker and a sticky bottom “Choose files” bar on phones.
|
||
- Safe‑area padding for devices with notches; refined dark/light theme behavior.
|
||
- Desktop keeps the dropzone clickable; touch devices avoid accidental double‑open.
|
||
|
||
### ♻️ Reliability & Quality of Life (New)
|
||
- Retry button to re‑attempt any failed upload without re‑selecting the file.
|
||
- Progress and status updates are more resilient to late/reordered WebSocket events.
|
||
- Invites can be created without an album, keeping uploads unassigned when preferred.
|
||
|
||
### Last 8 Days – Highlights
|
||
- Added chunked uploads with configurable chunk size.
|
||
- Added optional passwords for invite links with in‑UI unlock prompt.
|
||
- Responsive HMI overhaul: mobile‑safe picker, sticky mobile action bar, safe‑area support.
|
||
- Retry for failed uploads and improved progress handling.
|
||
- Support for invites with no album association.
|
||
|
||
### 🌙 Dark Mode
|
||
- Automatic or manual toggle; persisted preference
|
||
|
||
### 📁 Album Integration
|
||
- Auto-create + assign album if configured; optional invites without album
|
||
|
||
---
|
||
|
||
## Chunked Uploads
|
||
|
||
- Enable chunked uploads by setting `CHUNKED_UPLOADS_ENABLED=true`.
|
||
- Configure chunk size with `CHUNK_SIZE_MB` (default: `95`). The client only uses chunked mode for files larger than this.
|
||
- Intended to bypass upstream limits (e.g., 100MB) while preserving duplicate checks, EXIF timestamps, album add, and per‑item progress via WebSocket.
|
||
|
||
---
|
||
|
||
## Architecture
|
||
|
||
- **Frontend:** static HTML/JS (Tailwind). Drag & drop or "Choose files", queue UI with progress and status chips.
|
||
- **Backend:** FastAPI + Uvicorn.
|
||
- Proxies uploads to Immich `/assets`
|
||
- Computes SHA‑1 and checks a local SQLite cache (`state.db`)
|
||
- Optional Immich de‑dupe via `/assets/bulk-upload-check`
|
||
- WebSocket `/ws` pushes per‑item progress to the current browser session only
|
||
- **Persistence:** local SQLite (`state.db`) prevents re‑uploads across sessions/runs.
|
||
|
||
---
|
||
|
||
## Folder structure
|
||
|
||
```
|
||
immich_drop/
|
||
├─ app/ # FastAPI application (Python package)
|
||
│ ├─ app.py # ASGI app (uvicorn entry: app.app:app)
|
||
│ └─ config.py # Settings loader (reads .env/env)
|
||
├─ frontend/ # Static UI (served at /static)
|
||
│ ├─ index.html # Public uploader (optional)
|
||
│ ├─ login.html # Login page (admin)
|
||
│ ├─ menu.html # Admin menu (create invites)
|
||
│ ├─ invite.html # Public invite upload page
|
||
│ ├─ app.js # Uploader logic (drop/queue/upload/ws)
|
||
│ ├─ header.js # Shared header (theme + ping + banner)
|
||
│ └─ favicon.png # Tab icon (optional)
|
||
├─ data/ # Local dev data dir (bind to /data in Docker)
|
||
├─ main.py # Thin dev entrypoint (python main.py)
|
||
├─ requirements.txt # Python dependencies
|
||
├─ Dockerfile
|
||
├─ docker-compose.yml
|
||
├─ .env.example # Example dev environment (optional)
|
||
├─ README.md
|
||
└─ screenshot.png # UI screenshot for README
|
||
```
|
||
|
||
---
|
||
|
||
## Requirements
|
||
|
||
- **Python** 3.11
|
||
- An **Immich** server + **API key**
|
||
|
||
---
|
||
# Local dev quickstart
|
||
|
||
## Development
|
||
|
||
Run with live reload:
|
||
|
||
```bash
|
||
python main.py
|
||
```
|
||
|
||
The backend contains docstrings so you can generate docs later if desired.
|
||
|
||
---
|
||
|
||
## Dev Configuration (.env)
|
||
|
||
```ini
|
||
# Server (dev only)
|
||
HOST=0.0.0.0
|
||
PORT=8080
|
||
|
||
# Immich connection (include /api)
|
||
IMMICH_BASE_URL=http://REPLACE_ME:2283/api
|
||
IMMICH_API_KEY=ADD-YOUR-API-KEY # needs: asset.upload; for albums also: album.create, album.read, albumAsset.create
|
||
MAX_CONCURRENT=3
|
||
|
||
# Public uploader page (optional) — disabled by default
|
||
PUBLIC_UPLOAD_PAGE_ENABLED=TRUE
|
||
|
||
# Album (optional): auto-add uploads from public uploader to this album (creates if needed)
|
||
IMMICH_ALBUM_NAME=dead-drop
|
||
|
||
# Local dedupe cache (SQLite)
|
||
STATE_DB=./data/state.db
|
||
|
||
# Base URL for generating absolute invite links (recommended for production)
|
||
# e.g., PUBLIC_BASE_URL=https://photos.example.com
|
||
#PUBLIC_BASE_URL=
|
||
|
||
# Session and security
|
||
SESSION_SECRET=SET-A-STRONG-RANDOM-VALUE
|
||
LOG_LEVEL=DEBUG
|
||
|
||
# Chunked uploads (optional)
|
||
CHUNKED_UPLOADS_ENABLED=true
|
||
CHUNK_SIZE_MB=95
|
||
|
||
```
|
||
|
||
|
||
You can keep a checked‑in `/.env.example` with the keys above for onboarding.
|
||
|
||
---
|
||
|
||
## How it works
|
||
|
||
1. **Queue** – Files selected in the browser are queued; each gets a client‑side ID.
|
||
2. **De‑dupe (local)** – Server computes **SHA‑1** and checks `state.db`. If seen, marks as **duplicate**.
|
||
3. **De‑dupe (server)** – Attempts Immich `/assets/bulk-upload-check`; if Immich reports duplicate, marks accordingly.
|
||
4. **Upload** – Multipart POST to `${IMMICH_BASE_URL}/assets` with:
|
||
- `assetData`, `deviceAssetId`, `deviceId`,
|
||
- `fileCreatedAt`, `fileModifiedAt` (from EXIF when available; else `lastModified`),
|
||
- `isFavorite=false`, `filename`, and header `x-immich-checksum`.
|
||
5. **Album** – If `IMMICH_ALBUM_NAME` is configured, adds the uploaded asset to the album (creates album if it doesn't exist).
|
||
6. **Progress** – Backend streams progress via WebSocket to the same session.
|
||
7. **Privacy** – UI shows only the current session's items. It never lists server media.
|
||
|
||
---
|
||
|
||
## Security notes
|
||
|
||
- The menu and invite creation are behind login. Logout clears the session.
|
||
- Invite links are public by URL; share only with intended recipients.
|
||
- The default uploader page at `/` is disabled unless `PUBLIC_UPLOAD_PAGE_ENABLED=true`.
|
||
- The Immich API key remains **server‑side**; the browser never sees it.
|
||
- No browsing of uploaded media; only ephemeral session state is shown.
|
||
- Run behind HTTPS with a reverse proxy and restrict CORS to your domain(s).
|
||
|
||
## Usage flow
|
||
|
||
- Admin: Login → Menu → Create invite link (optionally one‑time / expiry / album) → Share link or QR.
|
||
- Guest: Open invite link → Drop files → Upload progress and results shown.
|
||
- Optional: Enable public uploader and set `IMMICH_ALBUM_NAME` for a default landing page.
|
||
|
||
---
|
||
|
||
## License
|
||
|
||
MIT.
|