padelindex-legacy

PadelIndex

Unabhängige Rangliste für Padel-Amateure. SvelteKit auf Cloudflare Pages, Daten in Supabase.

Die Landing-Page, das Vereins-Widget und der Rating-Kern liegen in diesem Repo. Phase 1: Site, Waitlist, öffentliches Club-Leaderboard. Noch kein Login und kein Match-Melden.

Stack

• SvelteKit mit @sveltejs/adapter-cloudflare
• Cloudflare Pages — Hosting für Landing, App, API, embed.js
• Supabase — Postgres, Auth, später Realtime und Storage
• GitHub — nur Source (padelindex/padelindex). Hosting ist Cloudflare Pages, nicht GitHub Pages.

Lokal starten

cp .env.example .env
# Keys eintragen, siehe unten
npm install
npm run dev

• Site: http://localhost:5173
• Club-Seite: /c/stc-oberland
• Widget-API: /api/v1/clubs/stc-oberland/leaderboard?limit=10
• iframe-Fallback: /embed/stc-oberland
• Widget-Skript: /embed.js

Ohne Supabase-Keys läuft die Landing trotzdem. Waitlist und Leaderboard antworten dann mit 503.

npm test
npm run check
npm run build

Was du anlegen musst

1. Supabase-Projekt

1. Projekt in der EU anlegen (z.B. eu-central-1).
2. SQL in dieser Reihenfolge im SQL Editor ausführen:
   • supabase/migrations/0001_schema.sql
   • supabase/migrations/0002_apply_match_rating.sql
   • supabase/migrations/0003_external_claims.sql
3. Authentication → Providers: Email (Magic Link reicht für den Pilot).
4. Authentication → URL Configuration: Site URL = Cloudflare-URL (lokal http://localhost:5173).
5. Keys unter Project Settings → API:
   • Project URL → PUBLIC_SUPABASE_URL
   • anon public → PUBLIC_SUPABASE_ANON_KEY
   • service_role → SUPABASE_SERVICE_ROLE_KEY (nie ins Client-Bundle, nie committen)

Storage-Bucket ranking-claims erst in Phase 2 (Screenshot-Nachweise).

2. Cloudflare Pages

1. Cloudflare-Account, Workers/Pages aktivieren.
2. Neues Pages-Projekt, an das GitHub-Repo padelindex/padelindex koppeln.
3. Build:
   • Build command: npm run build
   • Output directory: .svelte-kit/cloudflare
4. Environment variables (Production und Preview):

Variable	Secret?
PUBLIC_SUPABASE_URL	nein
PUBLIC_SUPABASE_ANON_KEY	nein
SUPABASE_SERVICE_ROLE_KEY	ja

1. Optional: Custom Domain padelindex.de auf dieses Pages-Projekt.

Das alte padelindex.github.io ist kein Host mehr — GitHub Pages dort deaktivieren.

3. Lokal .env

Siehe .env.example. Datei nicht committen.

Repo-Struktur

Pfad	Inhalt
src/routes/+page.svelte	Landing
src/routes/c/[slug]	Öffentliche Vereinsseite
src/routes/embed/[slug]	iframe-Fallback fürs Widget
src/routes/api/waitlist	Waitlist → Postgres
src/routes/api/v1/clubs/[slug]/leaderboard	Widget-API (CORS, Cache 5 min)
static/embed.js	Custom Element für Vereinswebsites
src/lib/server/rating/	OpenSkill-Kern, Confirm-Worker, Claims
supabase/migrations/	Schema + RPCs
docs/	Widget-Konzept, Verification-Pipeline

Nächste Schritte (nach Phase 1)

1. Supabase + Cloudflare wie oben verbinden, Waitlist einmal testen.
2. Auth + Onboarding — Magic Link, Profil, Club-Mitgliedschaft, Fragebogen-Seed.
3. Match-Flow — Ergebnis eintragen, Gegner bestätigt, applyRatingForMatch().
4. Cloudflare Cron (wrangler.toml) für die 48h-Frist.
5. Realtime für pending Matches, danach Claims (Storage + Vision).

Widget einbauen (Pilot)

Sobald die Domain steht:

<script src="https://padelindex.de/embed.js" async></script>
<padelindex-leaderboard club="stc-oberland" limit="10" accent="#0F6E5C">
</padelindex-leaderboard>

Lokal: api="http://localhost:5173/api/v1" am Custom Element setzen.