Compare commits
17 Commits
main
...
a58db843e0
| Author | SHA1 | Date | |
|---|---|---|---|
| a58db843e0 | |||
| 41abd8214f | |||
| a42435c24d | |||
| 940622a7b7 | |||
| 641b5c1dc2 | |||
| 26ea22899c | |||
| 35d943a372 | |||
| f648457353 | |||
| ae1416bd34 | |||
| f40d11edb7 | |||
| d5ee48e0e2 | |||
| d5e8dcb197 | |||
| 70a710ca83 | |||
| 0582b26be7 | |||
| 3f456658ee | |||
| d815c0780f | |||
| 170eef6d0a |
245
ARCHITECTURE_ANALYSIS.md
Normal file
245
ARCHITECTURE_ANALYSIS.md
Normal file
@ -0,0 +1,245 @@
|
||||
# 🏗️ Pounce - Informationsarchitektur & Navigation
|
||||
|
||||
**Stand:** 10. Dezember 2024
|
||||
**Status:** ✅ Implementiert
|
||||
|
||||
---
|
||||
|
||||
## 📊 Navigation Konzept
|
||||
|
||||
Die Navigation ist klar zwischen **öffentlichem** und **eingeloggtem** Zustand getrennt.
|
||||
|
||||
---
|
||||
|
||||
## 🌐 PUBLIC SITE (Besucher ohne Login)
|
||||
|
||||
### Navigation
|
||||
|
||||
```
|
||||
┌─────────────────────────────────────────────────────────────────┐
|
||||
│ POUNCE | [Market] [TLD Intel] [Pricing] | [Sign In] [Get Started] │
|
||||
└─────────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### Seiten
|
||||
|
||||
| Route | Beschreibung |
|
||||
|-------|--------------|
|
||||
| `/` | Landing Page mit Hero, Ticker, Discover/Track/Acquire |
|
||||
| `/auctions` | Öffentliche Auktions-Vorschau |
|
||||
| `/tld-pricing` | TLD Preisdaten (SEO-optimiert) |
|
||||
| `/tld-pricing/[tld]` | Detail-Seite pro TLD |
|
||||
| `/pricing` | Preisvergleich Scout/Trader/Tycoon |
|
||||
| `/blog` | Blog-Artikel |
|
||||
| `/about`, `/contact` | Info-Seiten |
|
||||
| `/login`, `/register` | Auth-Seiten |
|
||||
|
||||
### Für eingeloggte User auf Public Pages
|
||||
|
||||
Statt "Sign In / Get Started" wird angezeigt:
|
||||
|
||||
```
|
||||
[🟢 Command Center] (Button → /dashboard)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🎯 COMMAND CENTER (Eingeloggte User)
|
||||
|
||||
### Layout mit Sidebar
|
||||
|
||||
```
|
||||
┌────────────────────────────────────────────────────────────────┐
|
||||
│ [P] POUNCE [🔍 Search] [🔔] │ Top Bar │
|
||||
├──────────┬─────────────────────────────────────────────────────┤
|
||||
│ │ │
|
||||
│ Dashboard│ Content Area │
|
||||
│ Watchlist│ │
|
||||
│ Portfolio│ │
|
||||
│ Market │ │
|
||||
│ Intel │ │
|
||||
│ ──────── │ │
|
||||
│ Settings │ │
|
||||
│ [User] │ │
|
||||
│ │ │
|
||||
└──────────┴─────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### Sidebar Features
|
||||
|
||||
- **Collapsible**: Toggle-Button zum Minimieren
|
||||
- **Badges**: Notification-Count auf Watchlist
|
||||
- **User-Info**: Tier, Domain-Nutzung, Upgrade-Link
|
||||
- **Admin-Link**: Nur für Admins sichtbar
|
||||
- **Responsive**: Versteckt auf Mobile (→ Mobile Nav)
|
||||
|
||||
### Seiten
|
||||
|
||||
| Route | Beschreibung | Konzept-Feature |
|
||||
|-------|--------------|-----------------|
|
||||
| `/dashboard` | Übersicht mit Activity Feed + Market Pulse | ✅ |
|
||||
| `/watchlist` | Domain-Watchlist mit Ampel-System | ✅ |
|
||||
| `/portfolio` | Portfolio-Verwaltung | ✅ |
|
||||
| `/market` | Auktions-Aggregator | ✅ |
|
||||
| `/intelligence` | TLD-Daten & Analysen | ✅ |
|
||||
| `/settings` | Profil, Notifications, Billing | ✅ |
|
||||
| `/admin` | Admin-Panel (nur für Admins) | ✅ |
|
||||
|
||||
---
|
||||
|
||||
## 🚦 Status-Indikatoren (Ampel-System)
|
||||
|
||||
### Watchlist Domain Status
|
||||
|
||||
| Status | Farbe | Bedeutung |
|
||||
|--------|-------|-----------|
|
||||
| 🟢 **Available** | Grün (pulsierend) | Domain ist verfügbar! |
|
||||
| 🟡 **Watching** | Gelb | Wird überwacht, Änderungen erkannt |
|
||||
| 🔴 **Stable** | Grau | Domain ist registriert und aktiv |
|
||||
|
||||
---
|
||||
|
||||
## 📱 Mobile Navigation
|
||||
|
||||
### Public
|
||||
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ POUNCE [☰] │
|
||||
├────────────────────────────────────┤
|
||||
│ (Hamburger Menu öffnet) │
|
||||
│ • Market │
|
||||
│ • TLD Intel │
|
||||
│ • Pricing │
|
||||
│ ─────────────── │
|
||||
│ [Sign In] │
|
||||
│ [Get Started] │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### Command Center (Logged In)
|
||||
|
||||
Sidebar wird zum Hamburger-Menu auf Mobil.
|
||||
|
||||
---
|
||||
|
||||
## 🔄 User Flows
|
||||
|
||||
### Flow 1: Besucher → Registrierung
|
||||
|
||||
```
|
||||
Landing Page → Domain suchen → "Taken"
|
||||
→ "Track this domain" → Login Prompt
|
||||
→ Registrieren → Dashboard → Watchlist
|
||||
```
|
||||
|
||||
### Flow 2: Free User → Upgrade
|
||||
|
||||
```
|
||||
Watchlist → Limit erreicht (5 Domains)
|
||||
→ "Upgrade to track more" Banner → Pricing
|
||||
→ Stripe Checkout → Dashboard (upgraded)
|
||||
```
|
||||
|
||||
### Flow 3: Daily User Flow
|
||||
|
||||
```
|
||||
Login → Dashboard (Activity Feed)
|
||||
→ "Domain X is available!" Notification
|
||||
→ Click → Watchlist → "Register" Button → Registrar
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 📁 Dateistruktur
|
||||
|
||||
```
|
||||
frontend/src/
|
||||
├── components/
|
||||
│ ├── Header.tsx # Public Header
|
||||
│ ├── Sidebar.tsx # Command Center Sidebar
|
||||
│ ├── CommandCenterLayout.tsx # Layout für logged-in
|
||||
│ └── Footer.tsx # Public Footer
|
||||
│
|
||||
├── app/
|
||||
│ ├── page.tsx # Landing Page (public)
|
||||
│ ├── auctions/ # Public auctions
|
||||
│ ├── tld-pricing/ # Public TLD data
|
||||
│ ├── pricing/ # Pricing page
|
||||
│ ├── blog/ # Blog
|
||||
│ │
|
||||
│ ├── dashboard/ # Command Center Home
|
||||
│ ├── watchlist/ # Watchlist (logged-in)
|
||||
│ ├── portfolio/ # Portfolio (logged-in)
|
||||
│ ├── market/ # Market Scanner (logged-in)
|
||||
│ ├── intelligence/ # TLD Intelligence (logged-in)
|
||||
│ ├── settings/ # Settings (logged-in)
|
||||
│ └── admin/ # Admin Panel
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## ✅ Implementierte Features
|
||||
|
||||
### Navigation & Layout
|
||||
- [x] Sidebar-Navigation für Command Center
|
||||
- [x] Collapsible Sidebar mit localStorage
|
||||
- [x] Header für Public Pages
|
||||
- [x] Command Center Button für eingeloggte User auf Public Pages
|
||||
|
||||
### Dashboard
|
||||
- [x] Activity Feed mit verfügbaren Domains
|
||||
- [x] Market Pulse mit auslaufenden Auktionen
|
||||
- [x] Trending TLDs
|
||||
- [x] Quick Add to Watchlist
|
||||
- [x] Stats Overview (Domains, Available, Portfolio, Tier)
|
||||
|
||||
### Watchlist
|
||||
- [x] Ampel-System (Available/Watching/Stable)
|
||||
- [x] Add/Remove Domains
|
||||
- [x] Notification Toggle
|
||||
- [x] History View
|
||||
- [x] Filter nach Status
|
||||
- [x] Suche
|
||||
|
||||
### Portfolio
|
||||
- [x] Add/Edit/Delete Domains
|
||||
- [x] Valuation
|
||||
- [x] Sell Tracking
|
||||
- [x] Summary Stats
|
||||
|
||||
### Market Scanner
|
||||
- [x] Tabs: All/Ending Soon/Hot/Opportunities
|
||||
- [x] Platform Filter
|
||||
- [x] Search
|
||||
- [x] Sorting
|
||||
|
||||
### Intelligence
|
||||
- [x] TLD Overview
|
||||
- [x] Price Data
|
||||
- [x] Trend Indicators
|
||||
|
||||
---
|
||||
|
||||
## 🎨 Design-Prinzipien
|
||||
|
||||
1. **Dark Mode First**: Dunkles Design mit Accent-Grün
|
||||
2. **Bloomberg Vibe**: Datenintensiv aber aufgeräumt
|
||||
3. **Minimalistisch**: Keine Ablenkung, Fokus auf Aktionen
|
||||
4. **Responsive**: Mobile-first mit adaptierbarer Navigation
|
||||
5. **Pro-Tool Feel**: Sidebar vermittelt "Werkzeug"-Charakter
|
||||
|
||||
---
|
||||
|
||||
## 📊 Konzept-Alignment: 95%
|
||||
|
||||
| Feature | Konzept | Status |
|
||||
|---------|---------|--------|
|
||||
| Sidebar Navigation | ✅ | Implementiert |
|
||||
| Activity Feed | ✅ | Implementiert |
|
||||
| Market Pulse | ✅ | Implementiert |
|
||||
| Watchlist (Ampel) | ✅ | Implementiert |
|
||||
| Separate Routes | ✅ | Implementiert |
|
||||
| Quick Search (⌘K) | ✅ | Implementiert |
|
||||
| Saved Filters | ❌ | Noch nicht |
|
||||
| Pre-Drop Alerts | ⚠️ | Backend ready, UI pending |
|
||||
247
DATA_INDEPENDENCE_REPORT.md
Normal file
247
DATA_INDEPENDENCE_REPORT.md
Normal file
@ -0,0 +1,247 @@
|
||||
# 🔒 Pounce Data Independence Report
|
||||
|
||||
## Executive Summary
|
||||
|
||||
**Status: 🟡 PARTIALLY INDEPENDENT**
|
||||
|
||||
Pounce hat eine solide Basis für Unabhängigkeit, aber es gibt kritische Bereiche, die verbessert werden müssen, um als "Premium-Dienstleister" aufzutreten.
|
||||
|
||||
---
|
||||
|
||||
## 📊 Aktuelle Datenquellen-Analyse
|
||||
|
||||
### 1. TLD-Preise (TLD Intel)
|
||||
|
||||
| Aspekt | Status | Details |
|
||||
|--------|--------|---------|
|
||||
| **Quelle** | Porkbun Public API | ✅ Keine API-Keys erforderlich |
|
||||
| **Zuverlässigkeit** | 🟡 Mittel | API kann jederzeit geändert werden |
|
||||
| **Abdeckung** | 896+ TLDs | ✅ Excellent |
|
||||
| **Genauigkeit** | 100% | ✅ Offizielle Preise |
|
||||
| **Unabhängigkeit** | ⚠️ Fragil | Abhängig von einem Registrar |
|
||||
|
||||
**Risiko:** Wenn Porkbun seine API ändert oder blockt, fallen alle TLD-Preise weg.
|
||||
|
||||
**Empfehlung:** Mehrere Registrare hinzufügen (Namecheap, Cloudflare, Google Domains Public Pricing).
|
||||
|
||||
---
|
||||
|
||||
### 2. Domain-Auktionen (Acquire)
|
||||
|
||||
| Aspekt | Status | Details |
|
||||
|--------|--------|---------|
|
||||
| **Quelle** | Web Scraping | 5 Plattformen |
|
||||
| **Plattformen** | GoDaddy, Sedo, NameJet, DropCatch, ExpiredDomains | ✅ Diverse |
|
||||
| **Zuverlässigkeit** | 🔴 Niedrig | Websites können Layouts jederzeit ändern |
|
||||
| **Genauigkeit** | ⚠️ Variabel | Abhängig von Scraping-Qualität |
|
||||
| **Rate Limiting** | ✅ Implementiert | 5-10 req/min pro Plattform |
|
||||
|
||||
**Risiko:**
|
||||
- Web-Scraping ist fragil - Layout-Änderungen brechen Scraper
|
||||
- Plattformen können Scraping blocken (Captcha, IP-Bans)
|
||||
- Keine rechtliche Grundlage für Daten-Nutzung
|
||||
|
||||
**Aktueller Code-Zustand:**
|
||||
```python
|
||||
# backend/app/services/auction_scraper.py
|
||||
# Zeilen 1-19 zeigen, dass ALLE Daten gescrapt werden
|
||||
# Kein API-Zugriff, nur Web-Parsing
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 3. Domain-Verfügbarkeit (Track/Watchlist)
|
||||
|
||||
| Aspekt | Status | Details |
|
||||
|--------|--------|---------|
|
||||
| **Methode 1** | RDAP (Modern) | ✅ Beste Methode |
|
||||
| **Methode 2** | Custom RDAP (.ch, .li) | ✅ Speziell implementiert |
|
||||
| **Methode 3** | WHOIS (Fallback) | ✅ Universal-Fallback |
|
||||
| **Methode 4** | DNS Check | ✅ Schnellste Methode |
|
||||
| **Unabhängigkeit** | ✅ 100% | Direkte Protokolle, keine APIs |
|
||||
|
||||
**Dies ist der STÄRKSTE Teil der Architektur!**
|
||||
|
||||
---
|
||||
|
||||
### 4. Domain-Valuation (Pounce Score)
|
||||
|
||||
| Aspekt | Status | Details |
|
||||
|--------|--------|---------|
|
||||
| **Quelle** | Intern | ✅ Keine externen APIs |
|
||||
| **Algorithmus** | Eigene Logik | TLD-Wert + Länge + Keywords |
|
||||
| **Transparenz** | ✅ Vollständig | Code zeigt alle Faktoren |
|
||||
| **Estibot/GoDaddy** | ❌ Nicht integriert | ✅ GUT - Unabhängig |
|
||||
|
||||
**Aktueller Score-Algorithmus:**
|
||||
```python
|
||||
# backend/app/services/valuation.py
|
||||
TLD_VALUES = {
|
||||
"com": 1.0, # Baseline
|
||||
"ai": 1.20, # Premium (AI-Boom)
|
||||
"io": 0.75, # Startup-Favorit
|
||||
"net": 0.65, # Klassiker
|
||||
...
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Empfehlungen für 100% Premium-Unabhängigkeit
|
||||
|
||||
### Priorität 1: Zone File Integration (KRITISCH)
|
||||
|
||||
Die `analysis_2.md` beschreibt es perfekt: **Zone Files sind der Rohstoff**.
|
||||
|
||||
**Was sind Zone Files?**
|
||||
- Tägliche Listen ALLER registrierten Domains einer TLD
|
||||
- Bereitgestellt von Registries (Verisign, SWITCH, etc.)
|
||||
- Durch Vergleich von "gestern vs heute" = gelöschte/neue Domains
|
||||
|
||||
**Umsetzung:**
|
||||
```python
|
||||
# Neuer Service: backend/app/services/zone_file_processor.py
|
||||
class ZoneFileProcessor:
|
||||
async def download_zone_file(self, tld: str) -> str:
|
||||
"""Download Zone File von CZDS oder Registry"""
|
||||
pass
|
||||
|
||||
async def compute_diff(self, yesterday: str, today: str) -> dict:
|
||||
"""Finde: added_domains, deleted_domains"""
|
||||
pass
|
||||
|
||||
async def filter_premium(self, domains: list) -> list:
|
||||
"""Wende Pounce-Filter an"""
|
||||
# Keine Zahlen, max 12 Zeichen, Wörterbuch-Match
|
||||
pass
|
||||
```
|
||||
|
||||
**Zugang:**
|
||||
- **.com/.net**: ICANN CZDS (Centralized Zone Data Service) - Kostenlos beantragen
|
||||
- **.ch/.li**: SWITCH (nic.ch) - Open Data verfügbar
|
||||
- **.de**: DENIC - Zone File Zugang beantragbar
|
||||
|
||||
### Priorität 2: Multi-Registrar TLD-Preise
|
||||
|
||||
Statt nur Porkbun, sollten wir Preise von mehreren Quellen sammeln:
|
||||
|
||||
```python
|
||||
# backend/app/services/tld_scraper/aggregator.py
|
||||
self.scrapers = [
|
||||
PorkbunScraper(), # ✅ Bereits implementiert
|
||||
NamecheapScraper(), # 📌 TODO: Public Pricing Page
|
||||
CloudflareScraper(), # 📌 TODO: Public Pricing API
|
||||
GandiScraper(), # 📌 TODO: Pricing Page
|
||||
]
|
||||
```
|
||||
|
||||
**Vorteil:** Preis-Vergleich über Registrare = echte "Intel"
|
||||
|
||||
### Priorität 3: Auction-Daten Härtung
|
||||
|
||||
**Option A: Offizieller API-Zugang**
|
||||
- GoDaddy Affiliate-Programm für Auktions-API
|
||||
- Sedo Partner-Programm
|
||||
- → Kosten, aber zuverlässig
|
||||
|
||||
**Option B: Robusteres Scraping**
|
||||
- Playwright statt httpx (JavaScript-Rendering)
|
||||
- Proxy-Rotation für IP-Diversität
|
||||
- ML-basiertes HTML-Parsing (weniger Layout-abhängig)
|
||||
|
||||
**Option C: User-Generated Data (Hybrid)**
|
||||
- User können Auktionen melden
|
||||
- Community-validiert
|
||||
- Reduziert Scraping-Last
|
||||
|
||||
---
|
||||
|
||||
## 📋 Implementierungs-Roadmap
|
||||
|
||||
### Phase 1: Stabilisierung (Sofort)
|
||||
- [x] Eigene Domain-Valuation (Pounce Score)
|
||||
- [x] Multi-Methoden Domain-Check (RDAP/WHOIS/DNS)
|
||||
- [ ] Zweiten TLD-Preis-Scraper hinzufügen (Namecheap)
|
||||
|
||||
### Phase 2: Zone Files (2-4 Wochen)
|
||||
- [ ] CZDS-Zugang beantragen (.com, .net)
|
||||
- [ ] SWITCH Open Data integrieren (.ch, .li)
|
||||
- [ ] Zone File Diff-Processor bauen
|
||||
- [ ] "Daily Drop Gems" Feature launchen
|
||||
|
||||
### Phase 3: Premium-Ausbau (1-2 Monate)
|
||||
- [ ] GoDaddy Affiliate-API für Auktionen
|
||||
- [ ] DNS-Change-Monitoring (Pre-Drop-Signale)
|
||||
- [ ] HTTP-Health-Check für Watchlist-Domains
|
||||
|
||||
---
|
||||
|
||||
## ✅ Was bereits EXZELLENT ist
|
||||
|
||||
1. **Domain-Checker**: RDAP → WHOIS → DNS Fallback-Kette
|
||||
2. **Valuation**: 100% intern, keine Estibot-Abhängigkeit
|
||||
3. **Vanity Filter**: Eigener Spam-Erkennungs-Algorithmus
|
||||
4. **TLD-Typisierung**: Automatische Klassifizierung
|
||||
|
||||
---
|
||||
|
||||
## 🎯 Fazit
|
||||
|
||||
Pounce hat die richtige Architektur für Unabhängigkeit. Die kritischsten Schritte sind:
|
||||
|
||||
1. **Zone Files** = Unabhängige Datenquelle für "Drops"
|
||||
2. **Multi-Registrar Preise** = Robustheit gegen API-Ausfälle
|
||||
3. **Offizieller Auktions-Zugang** = Rechtlich sauber & zuverlässig
|
||||
|
||||
Mit diesen Verbesserungen wird Pounce ein **echtes Premium-Tool**, das keine externen APIs braucht - sondern eigene, proprietäre Daten hat.
|
||||
|
||||
---
|
||||
|
||||
## ⚠️ KRITISCHES PROBLEM: Sample-Daten vs. Echte Daten
|
||||
|
||||
### Aktueller Zustand der Auktions-Daten:
|
||||
|
||||
**Das Scraping ist implementiert ABER:**
|
||||
|
||||
1. **ExpiredDomains.net**: Funktioniert, aber:
|
||||
- Preise sind **geschätzt** (nicht echt): `estimated_price = base_prices.get(tld, 15)`
|
||||
- Dies sind Registrierungspreise, KEINE Auktionspreise
|
||||
|
||||
2. **GoDaddy/Sedo/NameJet/DropCatch**: Scraping existiert, aber:
|
||||
- Websites haben Anti-Bot-Maßnahmen
|
||||
- Layouts ändern sich regelmäßig
|
||||
- **Aktuell werden oft Sample-Daten als Fallback verwendet**
|
||||
|
||||
3. **In der Praxis zeigt die Seite oft:**
|
||||
```python
|
||||
# backend/app/services/auction_scraper.py:689-780
|
||||
async def seed_sample_auctions(self, db: AsyncSession):
|
||||
# DIESE DATEN SIND FAKE (Demo-Daten)!
|
||||
sample_auctions = [
|
||||
{"domain": "techflow.io", "platform": "GoDaddy", "current_bid": 250, ...},
|
||||
...
|
||||
]
|
||||
```
|
||||
|
||||
### 🚨 Für Premium-Qualität erforderlich:
|
||||
|
||||
1. **Keine geschätzten Preise** - Nur echte Auktionspreise anzeigen
|
||||
2. **Klare Kennzeichnung** - Wenn Daten unsicher sind, transparent kommunizieren
|
||||
3. **Fallback-Strategie** - Wenn Scraping fehlschlägt, keine Fake-Daten zeigen
|
||||
|
||||
### Empfohlene Änderungen:
|
||||
|
||||
```python
|
||||
# Statt geschätzter Preise:
|
||||
"current_bid": float(estimated_price), # ❌ FALSCH
|
||||
|
||||
# Besser:
|
||||
"current_bid": None, # Kein Preis = keine falsche Info
|
||||
"price_type": "registration_estimate", # Kennzeichnung
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
*Generiert am: 2024-12-10*
|
||||
*Für: pounce.ch*
|
||||
|
||||
221
DEPLOYMENT_INSTRUCTIONS.md
Normal file
221
DEPLOYMENT_INSTRUCTIONS.md
Normal file
@ -0,0 +1,221 @@
|
||||
# 🚀 Deployment Instructions für pounce.ch
|
||||
|
||||
## Server Setup
|
||||
|
||||
### 1. Code auf den Server pullen
|
||||
```bash
|
||||
cd /path/to/server
|
||||
git clone https://git.6bit.ch/yvg/pounce.git
|
||||
cd pounce
|
||||
```
|
||||
|
||||
### 2. Environment Dateien einrichten
|
||||
|
||||
#### Backend (.env)
|
||||
```bash
|
||||
# Kopiere DEPLOY_backend.env nach backend/.env
|
||||
cp DEPLOY_backend.env backend/.env
|
||||
```
|
||||
|
||||
**Wichtige Anpassungen für Production:**
|
||||
- `DATABASE_URL`: Wenn du PostgreSQL verwendest, passe die Connection-String an
|
||||
- `CORS_ORIGINS`: Stelle sicher, dass deine Domain(s) enthalten sind
|
||||
- `ENVIRONMENT=production`
|
||||
- `DEBUG=false`
|
||||
|
||||
#### Frontend (.env.local)
|
||||
```bash
|
||||
# Kopiere DEPLOY_frontend.env nach frontend/.env.local
|
||||
cp DEPLOY_frontend.env frontend/.env.local
|
||||
```
|
||||
|
||||
**Wichtig:** `NEXT_PUBLIC_API_URL` muss auf deine Backend-URL zeigen (z.B. `https://pounce.ch/api/v1`)
|
||||
|
||||
### 3. Backend Setup
|
||||
```bash
|
||||
cd backend
|
||||
|
||||
# Python Virtual Environment erstellen
|
||||
python3 -m venv venv
|
||||
source venv/bin/activate
|
||||
|
||||
# Dependencies installieren
|
||||
pip install -r requirements.txt
|
||||
|
||||
# Datenbank initialisieren
|
||||
python init_db.py
|
||||
|
||||
# TLD Preise seeden
|
||||
python seed_tld_prices.py
|
||||
|
||||
# Auctions seeden (optional für Demo-Daten)
|
||||
python seed_auctions.py
|
||||
|
||||
# Stripe Produkte erstellen
|
||||
python -c "
|
||||
from app.services.stripe_service import create_stripe_products
|
||||
import asyncio
|
||||
asyncio.run(create_stripe_products())
|
||||
"
|
||||
```
|
||||
|
||||
### 4. Frontend Setup
|
||||
```bash
|
||||
cd ../frontend
|
||||
|
||||
# Node.js Dependencies installieren
|
||||
npm install
|
||||
|
||||
# Production Build
|
||||
npm run build
|
||||
```
|
||||
|
||||
### 5. Server starten
|
||||
|
||||
#### Option A: Mit PM2 (empfohlen)
|
||||
```bash
|
||||
# Backend
|
||||
pm2 start backend/ecosystem.config.js
|
||||
|
||||
# Frontend
|
||||
pm2 start frontend/ecosystem.config.js
|
||||
|
||||
# Prozesse speichern
|
||||
pm2 save
|
||||
pm2 startup
|
||||
```
|
||||
|
||||
#### Option B: Mit systemd
|
||||
Siehe `deploy.sh` Skript für systemd Service-Konfiguration.
|
||||
|
||||
#### Option C: Docker
|
||||
```bash
|
||||
docker-compose up -d
|
||||
```
|
||||
|
||||
### 6. Nginx Reverse Proxy (empfohlen)
|
||||
|
||||
```nginx
|
||||
# /etc/nginx/sites-available/pounce.ch
|
||||
|
||||
upstream backend {
|
||||
server 127.0.0.1:8000;
|
||||
}
|
||||
|
||||
upstream frontend {
|
||||
server 127.0.0.1:3000;
|
||||
}
|
||||
|
||||
server {
|
||||
listen 80;
|
||||
listen [::]:80;
|
||||
server_name pounce.ch www.pounce.ch;
|
||||
|
||||
# Redirect HTTP to HTTPS
|
||||
return 301 https://$server_name$request_uri;
|
||||
}
|
||||
|
||||
server {
|
||||
listen 443 ssl http2;
|
||||
listen [::]:443 ssl http2;
|
||||
server_name pounce.ch www.pounce.ch;
|
||||
|
||||
# SSL Certificates (Let's Encrypt)
|
||||
ssl_certificate /etc/letsencrypt/live/pounce.ch/fullchain.pem;
|
||||
ssl_certificate_key /etc/letsencrypt/live/pounce.ch/privkey.pem;
|
||||
|
||||
# Backend API
|
||||
location /api/ {
|
||||
proxy_pass http://backend;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection 'upgrade';
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
proxy_cache_bypass $http_upgrade;
|
||||
}
|
||||
|
||||
# Frontend
|
||||
location / {
|
||||
proxy_pass http://frontend;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection 'upgrade';
|
||||
proxy_set_header Host $host;
|
||||
proxy_cache_bypass $http_upgrade;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 7. SSL Zertifikate (Let's Encrypt)
|
||||
```bash
|
||||
sudo certbot --nginx -d pounce.ch -d www.pounce.ch
|
||||
```
|
||||
|
||||
### 8. Cronjobs einrichten
|
||||
|
||||
Für automatische TLD-Preis-Updates und Domain-Checks:
|
||||
|
||||
```bash
|
||||
crontab -e
|
||||
```
|
||||
|
||||
```cron
|
||||
# Täglich um 3:00 Uhr TLD Preise aktualisieren
|
||||
0 3 * * * cd /path/to/pounce/backend && source venv/bin/activate && python -c "from app.services.tld_scraper import scrape_all_tlds; import asyncio; asyncio.run(scrape_all_tlds())"
|
||||
|
||||
# Stündlich Auctions scrapen
|
||||
0 * * * * cd /path/to/pounce/backend && source venv/bin/activate && python -c "from app.services.auction_scraper import auction_scraper; from app.database import AsyncSessionLocal; import asyncio; async def run(): async with AsyncSessionLocal() as db: await auction_scraper.scrape_all_platforms(db); asyncio.run(run())"
|
||||
```
|
||||
|
||||
**Hinweis:** Die Domain-Checks laufen automatisch über den internen Scheduler (APScheduler), keine Cronjobs nötig!
|
||||
|
||||
## Wichtige Checks nach Deployment
|
||||
|
||||
1. ✅ Backend läuft: `curl https://pounce.ch/api/v1/health`
|
||||
2. ✅ Frontend läuft: Browser öffnen zu `https://pounce.ch`
|
||||
3. ✅ Datenbank funktioniert: Login/Register testen
|
||||
4. ✅ Email-Versand funktioniert: Password Reset testen
|
||||
5. ✅ Stripe funktioniert: Checkout Flow testen
|
||||
6. ✅ OAuth funktioniert: Google/GitHub Login testen
|
||||
|
||||
## Monitoring
|
||||
|
||||
```bash
|
||||
# PM2 Logs ansehen
|
||||
pm2 logs
|
||||
|
||||
# PM2 Status
|
||||
pm2 status
|
||||
|
||||
# PM2 Restart (bei Problemen)
|
||||
pm2 restart all
|
||||
```
|
||||
|
||||
## Backup
|
||||
|
||||
```bash
|
||||
# Datenbank Backup (SQLite)
|
||||
cp backend/domainwatch.db backend/domainwatch.db.backup.$(date +%Y%m%d)
|
||||
|
||||
# Oder mit PostgreSQL
|
||||
pg_dump pounce > pounce_backup_$(date +%Y%m%d).sql
|
||||
```
|
||||
|
||||
## Support
|
||||
|
||||
Bei Fragen oder Problemen:
|
||||
- Email: hello@pounce.ch
|
||||
- GitHub Issues: https://git.6bit.ch/yvg/pounce
|
||||
|
||||
---
|
||||
|
||||
**Neue Preise (aktualisiert):**
|
||||
- Scout: Free
|
||||
- Trader: $9/mo
|
||||
- Tycoon: $29/mo
|
||||
|
||||
**Währung:** USD (aktualisiert)
|
||||
|
||||
66
DEPLOY_backend.env
Normal file
66
DEPLOY_backend.env
Normal file
@ -0,0 +1,66 @@
|
||||
# =================================
|
||||
# pounce Backend Configuration
|
||||
# =================================
|
||||
# DEPLOY FILE - Copy this to backend/.env on the server
|
||||
|
||||
# Database
|
||||
# SQLite (Development)
|
||||
DATABASE_URL=sqlite+aiosqlite:///./domainwatch.db
|
||||
|
||||
# PostgreSQL (Production)
|
||||
# DATABASE_URL=postgresql+asyncpg://user:password@localhost:5432/pounce
|
||||
|
||||
# Security
|
||||
SECRET_KEY=62003b69b382cd55f32aba6301a81039e74a84914505d1bfbf254a97a5ccfb36
|
||||
|
||||
# JWT Settings
|
||||
ACCESS_TOKEN_EXPIRE_MINUTES=10080
|
||||
|
||||
# CORS Origins (comma-separated)
|
||||
CORS_ORIGINS=http://localhost:3000,http://127.0.0.1:3000,https://pounce.ch,https://www.pounce.ch
|
||||
|
||||
# Scheduler Settings
|
||||
SCHEDULER_CHECK_INTERVAL_HOURS=24
|
||||
|
||||
# OAuth - Google
|
||||
GOOGLE_CLIENT_ID=865146315769-vi7vcu91d3i7huv8ikjun52jo9ob7spk.apps.googleusercontent.com
|
||||
GOOGLE_CLIENT_SECRET=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
|
||||
GOOGLE_REDIRECT_URI=https://pounce.ch/api/v1/oauth/google/callback
|
||||
|
||||
# OAuth - GitHub
|
||||
GITHUB_CLIENT_ID=Ov23liBjROk39vYXi3G5
|
||||
GITHUB_CLIENT_SECRET=fce447621fb9b497b53eef673de15e39b991e21c
|
||||
GITHUB_REDIRECT_URI=https://pounce.ch/api/v1/oauth/github/callback
|
||||
|
||||
# Site URL
|
||||
SITE_URL=https://pounce.ch
|
||||
|
||||
# =================================
|
||||
# Email (Zoho Mail)
|
||||
# =================================
|
||||
SMTP_HOST=smtp.zoho.eu
|
||||
SMTP_PORT=465
|
||||
SMTP_USER=hello@pounce.ch
|
||||
SMTP_PASSWORD=DvYT0MBvSZ0d
|
||||
SMTP_FROM_EMAIL=hello@pounce.ch
|
||||
SMTP_FROM_NAME=pounce
|
||||
SMTP_USE_TLS=false
|
||||
SMTP_USE_SSL=true
|
||||
CONTACT_EMAIL=hello@pounce.ch
|
||||
|
||||
# =================================
|
||||
# Stripe Payments
|
||||
# =================================
|
||||
STRIPE_SECRET_KEY=sk_test_51ScLbjCtFUamNRpNMtVAN6kIWRauhabZEJz8lmvlfjT5tcntAFsHzvMlXrlD2hE6wQQgsAgLKYzkkYISH7TYprUJ00lIXh6DXb
|
||||
STRIPE_PUBLISHABLE_KEY=pk_test_51ScLbjCtFUamNRpNpbrN2JnGoCDpR4sq6ny28ao3ircCWcvJjAQi9vclO5bScGMenkmzmZ6FSG2HWWuCOkL2LFjS009lI4QG59
|
||||
STRIPE_PRICE_TRADER=price_1ScTLKCtFUamNRpNt8s6oVQi
|
||||
STRIPE_PRICE_TYCOON=price_1ScTLLCtFUamNRpNhQsEIFUx
|
||||
STRIPE_WEBHOOK_SECRET=whsec_pqWdtvFbQTtBgCfDTgHwgtxxcWl7JbsZ
|
||||
|
||||
# Email Verification
|
||||
REQUIRE_EMAIL_VERIFICATION=false
|
||||
|
||||
# Environment
|
||||
ENVIRONMENT=production
|
||||
DEBUG=false
|
||||
|
||||
9
DEPLOY_frontend.env
Normal file
9
DEPLOY_frontend.env
Normal file
@ -0,0 +1,9 @@
|
||||
# =================================
|
||||
# pounce Frontend Configuration
|
||||
# =================================
|
||||
# DEPLOY FILE - Copy this to frontend/.env.local on the server
|
||||
|
||||
# Backend API URL
|
||||
# For production, point to your backend API
|
||||
NEXT_PUBLIC_API_URL=https://pounce.ch/api/v1
|
||||
|
||||
226
GAP_ANALYSIS.md
Normal file
226
GAP_ANALYSIS.md
Normal file
@ -0,0 +1,226 @@
|
||||
# Pounce Gap Analysis: Konzept vs. Implementierung
|
||||
|
||||
**Erstellt:** 10. Dezember 2024
|
||||
**Status:** Aktive Entwicklung
|
||||
|
||||
---
|
||||
|
||||
## Executive Summary
|
||||
|
||||
Die aktuelle Implementierung deckt ca. **65-70%** des Konzepts ab. Die Kernfunktionen sind vorhanden, aber einige wichtige Features für die Monetarisierung und Differenzierung fehlen noch.
|
||||
|
||||
---
|
||||
|
||||
## 1. DISCOVER (Der Trichter für die Masse)
|
||||
|
||||
### ✅ Implementiert
|
||||
| Feature | Status | Anmerkung |
|
||||
|---------|--------|-----------|
|
||||
| Schnelles Suchfeld | ✅ | DomainChecker auf Landing Page |
|
||||
| Domain-Verfügbarkeits-Check | ✅ | WHOIS-basiert, funktioniert |
|
||||
| Affiliate-Links zu Registraren | ⚠️ | Teilweise (nur in Auktionen) |
|
||||
|
||||
### ❌ Fehlt
|
||||
| Feature | Priorität | Aufwand |
|
||||
|---------|-----------|---------|
|
||||
| **Live-Status bei besetzten Domains** | HOCH | Mittel |
|
||||
| → "Webseite ist offline" | | |
|
||||
| → "Steht zum Verkauf auf Sedo" | | |
|
||||
| → "Läuft bald aus" (Expiry-Datum anzeigen) | | |
|
||||
| **Smarte Alternativen** | MITTEL | Mittel |
|
||||
| → KI-Vorschläge basierend auf TLD-Daten | | |
|
||||
| → ".io ist teuer, nimm .xyz für $2" | | |
|
||||
| **Registrar-Preisvergleich im Suchergebnis** | MITTEL | Klein |
|
||||
|
||||
---
|
||||
|
||||
## 2. TRACK (Das Herzstück für Bindung)
|
||||
|
||||
### ✅ Implementiert
|
||||
| Feature | Status | Anmerkung |
|
||||
|---------|--------|-----------|
|
||||
| Watchlist für Domains | ✅ | Voll funktional |
|
||||
| E-Mail Alerts | ✅ | Bei Status-Änderung |
|
||||
| Domain-Limit pro Tier | ✅ | Scout: 5, Trader: 100, Tycoon: 500 |
|
||||
|
||||
### ⚠️ Teilweise Implementiert
|
||||
| Feature | Status | Was fehlt |
|
||||
|---------|--------|-----------|
|
||||
| **Status-Karten (Ampel-System)** | ⚠️ | Konzept: 🟢🟡🔴 Karten, Aktuell: Tabelle |
|
||||
| → 🟢 Chance (Domain dropped/Auktion) | ❌ | |
|
||||
| → 🟡 Warten (DNS Update, Site down) | ❌ | |
|
||||
| → 🔴 Stabil (Domain fest in Hand) | ❌ | |
|
||||
|
||||
### ❌ Fehlt (Pro Features)
|
||||
| Feature | Priorität | Aufwand |
|
||||
|---------|-----------|---------|
|
||||
| **Deep Intel: Wer ist der Besitzer?** | MITTEL | Mittel |
|
||||
| → Automatisierte Impressums-Suche | | |
|
||||
| → Enhanced WHOIS-Daten | | |
|
||||
| **Pre-Drop Alerts** | HOCH | Hoch |
|
||||
| → DNS-Änderungen erkennen | | |
|
||||
| → Warnung BEVOR Domain droppt | | |
|
||||
| **Website-Monitoring** | MITTEL | Mittel |
|
||||
| → Ist Seite offline? | | |
|
||||
| → HTTP-Status-Checks | | |
|
||||
|
||||
---
|
||||
|
||||
## 3. ACQUIRE (Der Marktplatz für Action)
|
||||
|
||||
### ✅ Implementiert
|
||||
| Feature | Status | Anmerkung |
|
||||
|---------|--------|-----------|
|
||||
| Auktions-Aggregation | ✅ | GoDaddy, Sedo, NameJet, DropCatch |
|
||||
| Filter nach TLD, Preis | ✅ | Voll funktional |
|
||||
| "Ending Soon" Auktionen | ✅ | Funktioniert |
|
||||
| "Hot" Auktionen | ✅ | Nach Geboten sortiert |
|
||||
|
||||
### ⚠️ Teilweise Implementiert
|
||||
| Feature | Status | Was fehlt |
|
||||
|---------|--------|-----------|
|
||||
| **No-Bullshit-Filter** | ⚠️ | Basis-Filter vorhanden |
|
||||
| → Automatisches Spam-Filtern | ❌ | Keine KI/Heuristik |
|
||||
| → "Keine Zahlen, max 2 Hyphens" | ❌ | |
|
||||
|
||||
### ❌ Fehlt (Pro Features)
|
||||
| Feature | Priorität | Aufwand |
|
||||
|---------|-----------|---------|
|
||||
| **Deal-Score / Valuation** | HOCH | Mittel |
|
||||
| → Estibot o.ä. API Integration | | |
|
||||
| → "Undervalued 🔥" Label | | |
|
||||
| **Arbitrage-Radar** | MITTEL | Mittel |
|
||||
| → "Kaufe hier für $60, verkaufe dort für $100" | | |
|
||||
| **Smart Filter Presets** | NIEDRIG | Klein |
|
||||
| → "High Value / Low Price" | | |
|
||||
| → "Short Domains (4 Letters)" | | |
|
||||
| → "No Trash" | | |
|
||||
|
||||
---
|
||||
|
||||
## 4. TLD INTELLIGENCE
|
||||
|
||||
### ✅ Implementiert
|
||||
| Feature | Status | Anmerkung |
|
||||
|---------|--------|-----------|
|
||||
| 886+ TLDs getrackt | ✅ | Voll funktional |
|
||||
| Preisentwicklung (Charts) | ✅ | 90-Tage Historie |
|
||||
| Trending TLDs | ✅ | Auf Landing Page |
|
||||
| Registrar-Vergleich | ✅ | Pro TLD verfügbar |
|
||||
|
||||
### ❌ Fehlt
|
||||
| Feature | Priorität | Aufwand |
|
||||
|---------|-----------|---------|
|
||||
| **Arbitrage Finder Tabelle** | MITTEL | Klein |
|
||||
| → "Reg Fee vs. Avg Resale Price" | | |
|
||||
| → Highlight höchste Margen | | |
|
||||
| **Registrierungs-Trends** | NIEDRIG | Mittel |
|
||||
| → "Wächst die TLD?" (Volumen) | | |
|
||||
|
||||
---
|
||||
|
||||
## 5. LANDING PAGE / MARKETING
|
||||
|
||||
### ✅ Implementiert
|
||||
| Feature | Status | Anmerkung |
|
||||
|---------|--------|-----------|
|
||||
| Hero mit Suchfeld | ✅ | DomainChecker |
|
||||
| Trending TLDs | ✅ | 4 Karten |
|
||||
| Trust Indicators | ✅ | 886+ TLDs, 24/7, etc. |
|
||||
| Pricing CTA | ✅ | Scout vs Trader |
|
||||
|
||||
### ❌ Fehlt (laut Konzept)
|
||||
| Feature | Priorität | Aufwand |
|
||||
|---------|-----------|---------|
|
||||
| **Live Market Ticker** | HOCH | Mittel |
|
||||
| → Durchlaufende Leiste mit heißen Domains | | |
|
||||
| **Bessere Headlines** | HOCH | Klein |
|
||||
| → "Der Markt schläft nie. Du schon." | | |
|
||||
| → "Don't guess. Know." | | |
|
||||
| **Value Props klarer** | MITTEL | Klein |
|
||||
| → Discover, Track, Acquire Struktur | | |
|
||||
| **Market Preview Teaser** | MITTEL | Klein |
|
||||
| → "12 unterbewertete .ai Domains" | | |
|
||||
|
||||
---
|
||||
|
||||
## 6. COMMAND CENTER (Dashboard)
|
||||
|
||||
### ✅ Implementiert
|
||||
| Feature | Status | Anmerkung |
|
||||
|---------|--------|-----------|
|
||||
| Dashboard Übersicht | ✅ | Basis-Dashboard |
|
||||
| Watchlist | ✅ | Voll funktional |
|
||||
| Portfolio Management | ✅ | Kauf/Verkauf tracking |
|
||||
| Settings | ✅ | Profil, Billing |
|
||||
|
||||
### ⚠️ Teilweise Implementiert
|
||||
| Feature | Status | Was fehlt |
|
||||
|---------|--------|-----------|
|
||||
| **Activity Feed** | ⚠️ | Keine echten Notifications |
|
||||
| → "3 Domains haben Status geändert" | ❌ | |
|
||||
| **Market Pulse** | ⚠️ | Nicht im Dashboard |
|
||||
| → "5 Auktionen enden heute" | ❌ | |
|
||||
| **Sidebar Navigation** | ⚠️ | Aktuell: Header-Nav |
|
||||
|
||||
### ❌ Fehlt
|
||||
| Feature | Priorität | Aufwand |
|
||||
|---------|-----------|---------|
|
||||
| **Pro Dashboard mit Sidebar** | MITTEL | Mittel |
|
||||
| → Collapsible Sidebar | | |
|
||||
| → Professionelleres "Tool"-Feeling | | |
|
||||
| **Saved Filters** | NIEDRIG | Klein |
|
||||
| → "My AI Search" speichern | | |
|
||||
|
||||
---
|
||||
|
||||
## 7. TONE OF VOICE & BRANDING
|
||||
|
||||
### ⚠️ Teilweise Implementiert
|
||||
| Aspekt | Status | Anmerkung |
|
||||
|--------|--------|-----------|
|
||||
| Dark Mode Design | ✅ | Durchgehend |
|
||||
| Neon-Akzente (Signalgrün) | ✅ | Accent color |
|
||||
| Minimalistisch | ✅ | Gutes Design |
|
||||
|
||||
### ❌ Verbesserungsbedarf
|
||||
| Aspekt | Problem | Lösung |
|
||||
|--------|---------|--------|
|
||||
| **Headlines** | Zu generisch | Konzept-Headlines verwenden |
|
||||
| **Sprache** | Zu technisch | Mehr "treibend, präzise" |
|
||||
| **Versprechen** | Nicht klar | "Don't guess. Know." prominenter |
|
||||
|
||||
---
|
||||
|
||||
## Priorisierte Roadmap
|
||||
|
||||
### Phase 1: Quick Wins (1-2 Wochen)
|
||||
1. ✨ **Landing Page Headlines überarbeiten**
|
||||
2. ✨ **Live Market Ticker hinzufügen**
|
||||
3. ✨ **Deal-Score Placeholder** (auch wenn nur Dummy)
|
||||
4. ✨ **Status-Ampel im Dashboard**
|
||||
|
||||
### Phase 2: Value Add (2-4 Wochen)
|
||||
1. 🚀 **Domain Valuation Integration** (Estibot/GoDaddy API)
|
||||
2. 🚀 **Enhanced Domain Info** bei Suche (Expiry, Status)
|
||||
3. 🚀 **Smarte Alternativen** bei Suche
|
||||
4. 🚀 **No-Bullshit Auction Filter**
|
||||
|
||||
### Phase 3: Pro Features (4-8 Wochen)
|
||||
1. 💎 **Pre-Drop Alerts** (DNS-Monitoring)
|
||||
2. 💎 **Website-Status Monitoring**
|
||||
3. 💎 **Arbitrage Finder**
|
||||
4. 💎 **Sidebar Command Center**
|
||||
|
||||
---
|
||||
|
||||
## Fazit
|
||||
|
||||
Die technische Basis ist **solid**. Was fehlt, sind primär:
|
||||
|
||||
1. **Differenzierende Features** (Deal-Score, Arbitrage, Pre-Drop)
|
||||
2. **Besseres Marketing** (Headlines, Tone of Voice)
|
||||
3. **UX-Polish** (Ampel-System, Activity Feed, Market Ticker)
|
||||
|
||||
Mit den Quick Wins (Phase 1) kann pounce bereits deutlich professioneller wirken und die Conversion verbessern.
|
||||
|
||||
287
TONE_OF_VOICE_ANALYSIS.md
Normal file
287
TONE_OF_VOICE_ANALYSIS.md
Normal file
@ -0,0 +1,287 @@
|
||||
# 🎯 Pounce Tone of Voice Analysis
|
||||
|
||||
## Executive Summary
|
||||
|
||||
**Overall Consistency: 85%** ✅
|
||||
|
||||
Der Großteil der Seite folgt einem konsistenten "Hunter's Voice" Stil. Es gibt einige Inkonsistenzen, die behoben werden sollten.
|
||||
|
||||
---
|
||||
|
||||
## 📋 Definierter Tone of Voice
|
||||
|
||||
### Kernprinzipien (aus analysis_2.md):
|
||||
|
||||
| Prinzip | Beschreibung | Beispiel |
|
||||
|---------|--------------|----------|
|
||||
| **Knapp** | Kurze, präzise Sätze | "Track. Alert. Pounce." |
|
||||
| **Strategisch** | Daten-fokussiert, nicht emotional | "Don't guess. Know." |
|
||||
| **Hunter-Metapher** | Jagd-Vokabular durchgängig | "Pounce", "Strike", "Hunt" |
|
||||
| **B2B-tauglich** | Professionell, nicht verspielt | Keine Emojis im UI |
|
||||
| **Action-orientiert** | CTAs sind Befehle | "Join the hunters." |
|
||||
|
||||
### Verbotene Muster:
|
||||
- ❌ Marketing-Floskeln ("Revolutionär", "Beste Lösung")
|
||||
- ❌ Lange, verschachtelte Sätze
|
||||
- ❌ Emotionale Übertreibungen
|
||||
- ❌ Passive Formulierungen
|
||||
|
||||
---
|
||||
|
||||
## ✅ Konsistente Texte (Gut!)
|
||||
|
||||
### Landing Page (`page.tsx`)
|
||||
```
|
||||
✅ "The market never sleeps. You should."
|
||||
✅ "Track. Alert. Pounce."
|
||||
✅ "Domain Intelligence for Hunters"
|
||||
✅ "Don't guess. Know."
|
||||
✅ "Join the hunters."
|
||||
✅ "Real-time availability across 886+ TLDs"
|
||||
```
|
||||
|
||||
### Pricing Page
|
||||
```
|
||||
✅ "Scout" / "Trader" / "Tycoon" - Tier-Namen passen zum Hunter-Thema
|
||||
✅ "Pick your weapon."
|
||||
✅ "$9/month" - Klare Preise, kein "nur" oder "ab"
|
||||
```
|
||||
|
||||
### About Page
|
||||
```
|
||||
✅ "Built for hunters. By hunters."
|
||||
✅ "Precision" / "Speed" / "Transparency" - Werte-Keywords
|
||||
```
|
||||
|
||||
### Auctions Page
|
||||
```
|
||||
✅ "Curated Opportunities"
|
||||
✅ "Filtered. Valued. Ready to strike."
|
||||
```
|
||||
|
||||
### Dashboard/Command Center
|
||||
```
|
||||
✅ "Your hunting ground."
|
||||
✅ "Command Center" - Militärisch/Taktisch
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## ⚠️ Inkonsistenzen gefunden
|
||||
|
||||
### 1. **Gemischte Formality-Levels**
|
||||
|
||||
| Seite | Problem | Aktuell | Empfohlen |
|
||||
|-------|---------|---------|-----------|
|
||||
| Contact | Zu informell | "Questions? Ideas? Issues?" | "Signal intel. Report bugs." |
|
||||
| Blog | Zu generisch | "Read more" | "Full briefing →" |
|
||||
| Settings | Zu technisch | "Account Settings" | "Your HQ" |
|
||||
|
||||
### 2. **Fehlende Hunter-Metaphern**
|
||||
|
||||
| Seite | Aktuell | Mit Hunter-Metapher |
|
||||
|-------|---------|---------------------|
|
||||
| Watchlist | "My Domains" | "Targets" |
|
||||
| Portfolio | "Portfolio" | "Trophy Case" |
|
||||
| Alerts | "Notifications" | "Intel Feed" |
|
||||
|
||||
### 3. **CTA-Inkonsistenz**
|
||||
|
||||
| Seite | Aktuell | Empfohlen |
|
||||
|-------|---------|-----------|
|
||||
| Login | "Sign In" | "Enter HQ" oder "Sign In" (OK) |
|
||||
| Register | "Create Account" | "Join the Pack" |
|
||||
| Pricing | "Get Started" | "Gear Up" |
|
||||
|
||||
### 4. **Footer-Text**
|
||||
|
||||
**Aktuell:**
|
||||
```
|
||||
"Domain intelligence for hunters. Track. Alert. Pounce."
|
||||
```
|
||||
|
||||
**Empfohlen:** ✅ Bereits gut!
|
||||
|
||||
---
|
||||
|
||||
## 📊 Seiten-Analyse im Detail
|
||||
|
||||
### Landing Page (page.tsx) - Score: 95/100 ✅
|
||||
|
||||
**Stärken:**
|
||||
- Perfekte Headline: "The market never sleeps. You should."
|
||||
- Konsistente Feature-Labels
|
||||
- Starke CTAs
|
||||
|
||||
**Verbesserungen:**
|
||||
- "Market overview" → "Recon" (Reconnaissance)
|
||||
- "TLD Intelligence" → "Intel Hub"
|
||||
|
||||
---
|
||||
|
||||
### Pricing Page - Score: 90/100 ✅
|
||||
|
||||
**Stärken:**
|
||||
- Tier-Namen sind Hunter-themed (Scout/Trader/Tycoon)
|
||||
- "Pick your weapon." ist stark
|
||||
|
||||
**Verbesserungen:**
|
||||
- Feature-Beschreibungen könnten knapper sein
|
||||
- "Priority alerts" → "First Strike Alerts"
|
||||
|
||||
---
|
||||
|
||||
### Auctions Page - Score: 85/100 ✅
|
||||
|
||||
**Stärken:**
|
||||
- "Curated Opportunities" ist gut
|
||||
- Plattform-Labels sind klar
|
||||
|
||||
**Verbesserungen:**
|
||||
- "Current Bid" → "Strike Price"
|
||||
- "Time Left" → "Window Closes"
|
||||
- "Bid Now" → "Strike Now" oder "Pounce"
|
||||
|
||||
---
|
||||
|
||||
### Settings Page - Score: 70/100 ⚠️
|
||||
|
||||
**Probleme:**
|
||||
- Sehr technisch/generisch
|
||||
- Keine Hunter-Metaphern
|
||||
|
||||
**Empfehlungen:**
|
||||
```
|
||||
"Profile" → "Identity"
|
||||
"Billing" → "Quartermaster"
|
||||
"Notifications" → "Intel Preferences"
|
||||
"Security" → "Perimeter"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Contact Page - Score: 75/100 ⚠️
|
||||
|
||||
**Aktuell:**
|
||||
- "Questions? Ideas? Issues?"
|
||||
- "We reply fast."
|
||||
|
||||
**Empfohlen:**
|
||||
```
|
||||
"Mission Critical?"
|
||||
"Intel request? Bug report? Feature request?"
|
||||
"Response time: < 24 hours"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Blog - Score: 60/100 ⚠️
|
||||
|
||||
**Probleme:**
|
||||
- Völlig generisches Blog-Layout
|
||||
- Keine Hunter-Stimme
|
||||
|
||||
**Empfehlungen:**
|
||||
```
|
||||
"Blog" → "The Briefing Room"
|
||||
"Read More" → "Full Report →"
|
||||
"Posted on" → "Transmitted:"
|
||||
"Author" → "Field Agent:"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🔧 Empfohlene Änderungen
|
||||
|
||||
### Priorität 1: Schnelle Wins
|
||||
|
||||
1. **CTA-Button-Text vereinheitlichen:**
|
||||
```tsx
|
||||
// Statt verschiedener Texte:
|
||||
"Get Started" → "Join the Hunt"
|
||||
"Learn More" → "Investigate"
|
||||
"Read More" → "Full Briefing"
|
||||
"View Details" → "Recon"
|
||||
```
|
||||
|
||||
2. **Navigation Labels:**
|
||||
```
|
||||
"TLD Intel" → OK ✅
|
||||
"Auctions" → "Live Ops" (optional)
|
||||
"Command Center" → OK ✅
|
||||
```
|
||||
|
||||
### Priorität 2: Seiten-spezifisch
|
||||
|
||||
3. **Settings Page überarbeiten** (siehe oben)
|
||||
|
||||
4. **Blog umbenennen:**
|
||||
```
|
||||
"Blog" → "Briefings" oder "Field Notes"
|
||||
```
|
||||
|
||||
### Priorität 3: Micro-Copy
|
||||
|
||||
5. **Error Messages:**
|
||||
```
|
||||
"Something went wrong" → "Mission failed. Retry?"
|
||||
"Loading..." → "Acquiring target..."
|
||||
"No results" → "No targets in range."
|
||||
```
|
||||
|
||||
6. **Success Messages:**
|
||||
```
|
||||
"Saved!" → "Locked in."
|
||||
"Deleted" → "Target eliminated."
|
||||
"Alert created" → "Intel feed activated."
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 📝 Wortschatz-Referenz
|
||||
|
||||
### Hunter-Vokabular für konsistente Texte:
|
||||
|
||||
| Generisch | Hunter-Version |
|
||||
|-----------|----------------|
|
||||
| Search | Hunt / Scan / Recon |
|
||||
| Find | Locate / Identify |
|
||||
| Buy | Acquire / Strike |
|
||||
| Sell | Liquidate |
|
||||
| Watch | Track / Monitor |
|
||||
| Alert | Intel / Signal |
|
||||
| Save | Lock in |
|
||||
| Delete | Eliminate |
|
||||
| Settings | HQ / Config |
|
||||
| Profile | Identity |
|
||||
| Dashboard | Command Center |
|
||||
| List | Dossier |
|
||||
| Data | Intel |
|
||||
| Report | Briefing |
|
||||
| Email | Transmission |
|
||||
| Upgrade | Gear Up |
|
||||
|
||||
---
|
||||
|
||||
## ✅ Fazit
|
||||
|
||||
**Status: 85% konsistent - GUTER ZUSTAND**
|
||||
|
||||
Die Haupt-Seiten (Landing, Pricing, Auctions) sind exzellent.
|
||||
Verbesserungspotential bei:
|
||||
- Settings Page
|
||||
- Blog
|
||||
- Error/Success Messages
|
||||
- Einige CTAs
|
||||
|
||||
**Nächste Schritte:**
|
||||
1. Settings Page Micro-Copy anpassen
|
||||
2. Blog zu "Briefings" umbenennen
|
||||
3. Error Messages vereinheitlichen
|
||||
4. CTAs konsistent machen
|
||||
|
||||
---
|
||||
|
||||
*Generiert am: 2024-12-10*
|
||||
*Für: pounce.ch*
|
||||
|
||||
112
analysis_2.md
Normal file
112
analysis_2.md
Normal file
@ -0,0 +1,112 @@
|
||||
Das ist der Kern deiner **"Intelligence Platform"**.
|
||||
|
||||
Wenn du keine externen APIs nutzt, baust du dir im Grunde einen **Gesundheits-Check für Domains**. Dein System fungiert als digitaler Arzt, der regelmäßig den Puls der Domain fühlt. Wenn der Puls schwächer wird (Webseite offline, Mails kommen zurück), alarmierst du deinen User.
|
||||
|
||||
Hier ist der technische und logische Ablauf, wie die **Pounce Domain-Analyse** (Engine) funktioniert.
|
||||
|
||||
Wir teilen die Analyse in **4 Ebenen (Layers)** auf:
|
||||
|
||||
---
|
||||
|
||||
### Ebene 1: Der DNS-Check (Die Infrastruktur)
|
||||
*Das ist der "Wohnsitz"-Check. Wohnt hier noch wer?*
|
||||
|
||||
Hier prüfst du die DNS-Einträge (Domain Name System). Das kostet dich fast keine Rechenleistung und geht extrem schnell.
|
||||
|
||||
**Was dein Skript prüft:**
|
||||
1. **NS Records (Nameserver):** Wer verwaltet die Domain?
|
||||
* *Signal:* Wechselt der Nameserver von `ns1.hostpoint.ch` (normales Hosting) zu `ns1.sedoparking.com` oder `ns1.afternic.com`?
|
||||
* *Bedeutung:* **ALARM!** Der Besitzer hat das Projekt aufgegeben und die Domain zum Verkauf ("Parking") freigegeben. Das ist der beste Moment für ein Kaufangebot.
|
||||
2. **A Record (IP-Adresse):** Zeigt die Domain auf einen Server?
|
||||
* *Signal:* Eintrag wird gelöscht oder zeigt auf `0.0.0.0` oder `127.0.0.1`.
|
||||
* *Bedeutung:* Die Domain ist "technisch tot". Sie löst nirgendwohin auf.
|
||||
3. **MX Record (Mail Exchange):** Kann die Domain E-Mails empfangen?
|
||||
* *Signal:* MX Records verschwinden.
|
||||
* *Bedeutung:* Die Firma nutzt keine E-Mails mehr unter dieser Domain. Ein sehr starkes Zeichen für Geschäftsaufgabe.
|
||||
|
||||
---
|
||||
|
||||
### Ebene 2: Der HTTP-Check (Die Schaufenster-Analyse)
|
||||
*Das ist der visuelle Check. Ist der Laden noch offen?*
|
||||
|
||||
Hier versucht dein Bot, die Webseite tatsächlich aufzurufen (wie ein Browser, aber ohne Bilder zu laden).
|
||||
|
||||
**Was dein Skript prüft:**
|
||||
1. **Status Codes (Der Türsteher):**
|
||||
* **200 OK:** Seite ist online.
|
||||
* **404 Not Found:** Seite existiert nicht (Datei fehlt).
|
||||
* **500/503 Server Error:** Die Webseite ist kaputt.
|
||||
* **Connection Refused / Timeout:** Der Server ist abgeschaltet.
|
||||
* *Pounce Logic:* Ein Wechsel von **200** auf **Timeout** über 3 Tage hinweg ist ein starkes "Drop"-Signal.
|
||||
2. **Content-Length (Größe der Seite):**
|
||||
* *Signal:* Die Seite war früher 2MB groß, jetzt sind es nur noch 500 Bytes.
|
||||
* *Bedeutung:* Der Inhalt wurde gelöscht, es steht nur noch "Coming Soon" oder eine weiße Seite da.
|
||||
3. **Keyword-Scanning (Parked Detection):**
|
||||
* Das Problem: Park-Seiten (Werbung) geben oft auch einen "200 OK" Status zurück.
|
||||
* *Lösung:* Dein Skript scannt den HTML-Text nach Wörtern wie: *"Domain is for sale"*, *"Inquire now"*, *"Related Links"*, *"Buy this domain"*.
|
||||
* *Bedeutung:* Wenn diese Wörter auftauchen, markierst du die Domain automatisch als **"On Sale / Parked"**.
|
||||
|
||||
---
|
||||
|
||||
### Ebene 3: Der SSL-Check (Die Wartung)
|
||||
*Kümmert sich der Hausmeister noch?*
|
||||
|
||||
Sicherheitszertifikate (SSL/TLS) müssen regelmäßig erneuert werden (oft alle 90 Tage bei Let's Encrypt, oder jährlich).
|
||||
|
||||
**Was dein Skript prüft:**
|
||||
1. **Expiry Date des Zertifikats:**
|
||||
* *Signal:* Das Zertifikat ist gestern abgelaufen ("Expired").
|
||||
* *Bedeutung:* Der Admin kümmert sich nicht mehr. Moderne Browser zeigen jetzt eine Warnung ("Nicht sicher"). Besucher bleiben aus. Das Projekt stirbt.
|
||||
|
||||
---
|
||||
|
||||
### Ebene 4: Der Whois/RDAP Check (Der Vertrag)
|
||||
*Wann läuft der Mietvertrag aus?*
|
||||
|
||||
Das ist der Check direkt bei der Registry (z.B. Verisign oder SWITCH). Da Whois oft Rate-Limits hat (du darfst nicht zu oft abfragen), machst du das seltener (z.B. 1x täglich). Nutze dafür am besten **RDAP** (Registration Data Access Protocol) – das ist der moderne, maschinenlesbare Nachfolger von Whois (JSON Format).
|
||||
|
||||
**Was dein Skript prüft:**
|
||||
1. **Expiration Date:** Wann läuft die Domain aus?
|
||||
2. **Domain Status Codes (EPP Codes):**
|
||||
* `clientTransferProhibited`: Alles normal (gesperrt gegen Diebstahl).
|
||||
* `clientHold` oder `serverHold`: **JACKPOT!** Die Domain wurde deaktiviert (meist wegen Nichtzahlung). Sie wird sehr bald gelöscht.
|
||||
* `redemptionPeriod`: Die Gnadenfrist läuft. Der Besitzer muss Strafe zahlen, um sie zu retten. Tut er es nicht, droppt sie in ~30 Tagen.
|
||||
|
||||
---
|
||||
|
||||
### Zusammenfassung: Der "Pounce Health Score"
|
||||
|
||||
Damit der User nicht mit technischen Daten erschlagen wird, fasst du all diese Checks in einem einfachen Status im Dashboard zusammen.
|
||||
|
||||
**Beispiel-Logik für deine App:**
|
||||
|
||||
* **Status: 🟢 HEALTHY (Aktiv)**
|
||||
* DNS: OK
|
||||
* HTTP: 200 OK
|
||||
* SSL: Valid
|
||||
|
||||
* **Status: 🟡 WEAKENING (Schwächelnd - Watchlist Alarm!)**
|
||||
* SSL: Expired ⚠️
|
||||
* HTTP: 500 Error oder Content-Length drastisch gesunken ⚠️
|
||||
* *Nachricht an User:* "Webseite ist kaputt gegangen und Zertifikat abgelaufen. Besitzer verliert Interesse."
|
||||
|
||||
* **Status: 🟠 PARKED (Zu Verkaufen)**
|
||||
* DNS: Zeigt auf Sedo/Afternic
|
||||
* HTTP Body: Enthält "Buy this domain"
|
||||
|
||||
* **Status: 🔴 CRITICAL / PENDING DROP (Gleich weg)**
|
||||
* Whois Status: `redemptionPeriod` oder `clientHold`
|
||||
* DNS: NXDOMAIN (Existiert nicht mehr)
|
||||
* *Nachricht an User:* "Domain wurde vom Registrar deaktiviert. Drop steht bevor!"
|
||||
|
||||
### Technische Umsetzung (Tech Stack für Python)
|
||||
|
||||
Wenn du das bauen willst, brauchst du folgende Python-Libraries (alle Open Source):
|
||||
|
||||
1. **DNS:** `dnspython` (um Nameserver und MX Records abzufragen).
|
||||
2. **HTTP:** `requests` (um Status Codes und Content zu prüfen).
|
||||
3. **SSL:** `ssl` & `socket` (Standard-Libraries, um Zertifikatsdatum auszulesen).
|
||||
4. **Whois:** `python-whois` (einfacher Wrapper) oder direkte RDAP-Abfragen via `requests`.
|
||||
|
||||
**Pro-Tipp für deinen Server:**
|
||||
Da du viele Domains checkst, darfst du das nicht "hintereinander" machen (dauert zu lange). Du musst es **asynchron** machen (viele gleichzeitig). Schau dir dafür **Python `asyncio`** und **`aiohttp`** an. Damit kannst du Tausende Domains in wenigen Minuten prüfen.
|
||||
@ -390,6 +390,9 @@ async def delete_user(
|
||||
admin: User = Depends(require_admin),
|
||||
):
|
||||
"""Delete a user and all their data."""
|
||||
from app.models.blog import BlogPost
|
||||
from app.models.admin_log import AdminActivityLog
|
||||
|
||||
result = await db.execute(select(User).where(User.id == user_id))
|
||||
user = result.scalar_one_or_none()
|
||||
|
||||
@ -399,10 +402,29 @@ async def delete_user(
|
||||
if user.is_admin:
|
||||
raise HTTPException(status_code=400, detail="Cannot delete admin user")
|
||||
|
||||
user_email = user.email
|
||||
|
||||
# Delete user's blog posts (or set author_id to NULL if you want to keep them)
|
||||
await db.execute(
|
||||
BlogPost.__table__.delete().where(BlogPost.author_id == user_id)
|
||||
)
|
||||
|
||||
# Delete user's admin activity logs (if any)
|
||||
await db.execute(
|
||||
AdminActivityLog.__table__.delete().where(AdminActivityLog.admin_id == user_id)
|
||||
)
|
||||
|
||||
# Now delete the user (cascades to domains, subscriptions, portfolio, price_alerts)
|
||||
await db.delete(user)
|
||||
await db.commit()
|
||||
|
||||
return {"message": f"User {user.email} deleted"}
|
||||
# Log this action
|
||||
await log_admin_activity(
|
||||
db, admin.id, "user_delete",
|
||||
f"Deleted user {user_email} and all their data"
|
||||
)
|
||||
|
||||
return {"message": f"User {user_email} and all their data have been deleted"}
|
||||
|
||||
|
||||
@router.post("/users/{user_id}/upgrade")
|
||||
|
||||
@ -224,6 +224,15 @@ async def search_auctions(
|
||||
# Build query
|
||||
query = select(DomainAuction).where(DomainAuction.is_active == True)
|
||||
|
||||
# VANITY FILTER: For public (non-logged-in) users, only show premium-looking domains
|
||||
# This ensures the first impression is high-quality, not spam domains
|
||||
if current_user is None:
|
||||
# Premium TLDs only (no .cc, .website, .info spam clusters)
|
||||
premium_tlds = ['com', 'io', 'ai', 'co', 'de', 'ch', 'net', 'org', 'app', 'dev', 'xyz']
|
||||
query = query.where(DomainAuction.tld.in_(premium_tlds))
|
||||
# No domains with more than 15 characters (excluding TLD)
|
||||
# Note: We filter further in Python for complex rules
|
||||
|
||||
if keyword:
|
||||
query = query.where(DomainAuction.domain.ilike(f"%{keyword}%"))
|
||||
|
||||
@ -266,6 +275,49 @@ async def search_auctions(
|
||||
result = await db.execute(query)
|
||||
auctions = list(result.scalars().all())
|
||||
|
||||
# VANITY FILTER PART 2: Apply Python-side filtering for public users
|
||||
# This ensures only premium-looking domains are shown to non-logged-in users
|
||||
if current_user is None:
|
||||
def is_premium_domain(domain_name: str) -> bool:
|
||||
"""Check if a domain looks premium/professional"""
|
||||
# Extract just the domain part (without TLD)
|
||||
parts = domain_name.rsplit('.', 1)
|
||||
name = parts[0] if parts else domain_name
|
||||
|
||||
# Rule 1: No more than 15 characters
|
||||
if len(name) > 15:
|
||||
return False
|
||||
|
||||
# Rule 2: No more than 1 hyphen
|
||||
if name.count('-') > 1:
|
||||
return False
|
||||
|
||||
# Rule 3: No more than 2 digits total
|
||||
digit_count = sum(1 for c in name if c.isdigit())
|
||||
if digit_count > 2:
|
||||
return False
|
||||
|
||||
# Rule 4: Must be at least 3 characters
|
||||
if len(name) < 3:
|
||||
return False
|
||||
|
||||
# Rule 5: No random-looking strings (too many consonants in a row)
|
||||
consonants = 'bcdfghjklmnpqrstvwxyz'
|
||||
consonant_streak = 0
|
||||
max_streak = 0
|
||||
for c in name.lower():
|
||||
if c in consonants:
|
||||
consonant_streak += 1
|
||||
max_streak = max(max_streak, consonant_streak)
|
||||
else:
|
||||
consonant_streak = 0
|
||||
if max_streak > 4:
|
||||
return False
|
||||
|
||||
return True
|
||||
|
||||
auctions = [a for a in auctions if is_premium_domain(a.domain)]
|
||||
|
||||
# Convert to response with valuations
|
||||
listings = []
|
||||
for auction in auctions:
|
||||
|
||||
@ -11,6 +11,7 @@ from app.models.domain import Domain, DomainCheck, DomainStatus
|
||||
from app.models.subscription import TIER_CONFIG, SubscriptionTier
|
||||
from app.schemas.domain import DomainCreate, DomainResponse, DomainListResponse
|
||||
from app.services.domain_checker import domain_checker
|
||||
from app.services.domain_health import get_health_checker, HealthStatus
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
@ -312,3 +313,60 @@ async def get_domain_history(
|
||||
]
|
||||
}
|
||||
|
||||
|
||||
@router.get("/{domain_id}/health")
|
||||
async def get_domain_health(
|
||||
domain_id: int,
|
||||
current_user: CurrentUser,
|
||||
db: Database,
|
||||
):
|
||||
"""
|
||||
Get comprehensive health report for a domain.
|
||||
|
||||
Checks 4 layers:
|
||||
- DNS: Nameservers, MX records, A records
|
||||
- HTTP: Website availability, parking detection
|
||||
- SSL: Certificate validity and expiration
|
||||
- Status signals and recommendations
|
||||
|
||||
Returns:
|
||||
Health report with score (0-100) and status
|
||||
"""
|
||||
# Get domain
|
||||
result = await db.execute(
|
||||
select(Domain).where(
|
||||
Domain.id == domain_id,
|
||||
Domain.user_id == current_user.id,
|
||||
)
|
||||
)
|
||||
domain = result.scalar_one_or_none()
|
||||
|
||||
if not domain:
|
||||
raise HTTPException(
|
||||
status_code=status.HTTP_404_NOT_FOUND,
|
||||
detail="Domain not found",
|
||||
)
|
||||
|
||||
# Run health check
|
||||
health_checker = get_health_checker()
|
||||
report = await health_checker.check_domain(domain.name)
|
||||
|
||||
return report.to_dict()
|
||||
|
||||
|
||||
@router.post("/health-check")
|
||||
async def quick_health_check(
|
||||
current_user: CurrentUser,
|
||||
domain: str = Query(..., description="Domain to check"),
|
||||
):
|
||||
"""
|
||||
Quick health check for any domain (doesn't need to be in watchlist).
|
||||
|
||||
Premium feature - checks DNS, HTTP, and SSL layers.
|
||||
"""
|
||||
# Run health check
|
||||
health_checker = get_health_checker()
|
||||
report = await health_checker.check_domain(domain)
|
||||
|
||||
return report.to_dict()
|
||||
|
||||
|
||||
@ -21,6 +21,7 @@ from sqlalchemy import select
|
||||
from app.api.deps import Database
|
||||
from app.config import get_settings
|
||||
from app.models.user import User
|
||||
from app.models.subscription import Subscription, SubscriptionTier, SubscriptionStatus, TIER_CONFIG
|
||||
from app.services.auth import AuthService
|
||||
|
||||
logger = logging.getLogger(__name__)
|
||||
@ -110,15 +111,30 @@ async def get_or_create_oauth_user(
|
||||
is_active=True,
|
||||
)
|
||||
|
||||
# Auto-admin for specific email
|
||||
# Auto-admin for specific email - always admin + verified + Tycoon
|
||||
ADMIN_EMAILS = ["guggeryves@hotmail.com"]
|
||||
if user.email.lower() in [e.lower() for e in ADMIN_EMAILS]:
|
||||
is_admin_user = user.email.lower() in [e.lower() for e in ADMIN_EMAILS]
|
||||
|
||||
if is_admin_user:
|
||||
user.is_admin = True
|
||||
user.is_verified = True
|
||||
|
||||
db.add(user)
|
||||
await db.commit()
|
||||
await db.refresh(user)
|
||||
|
||||
# Create Tycoon subscription for admin users
|
||||
if is_admin_user:
|
||||
tycoon_config = TIER_CONFIG.get(SubscriptionTier.TYCOON, {})
|
||||
subscription = Subscription(
|
||||
user_id=user.id,
|
||||
tier=SubscriptionTier.TYCOON,
|
||||
status=SubscriptionStatus.ACTIVE,
|
||||
max_domains=tycoon_config.get("domain_limit", 500),
|
||||
)
|
||||
db.add(subscription)
|
||||
await db.commit()
|
||||
|
||||
return user, True
|
||||
|
||||
|
||||
|
||||
@ -48,7 +48,7 @@ class PriceAlert(Base):
|
||||
)
|
||||
|
||||
# Relationship to user
|
||||
user: Mapped["User"] = relationship("User", backref="price_alerts")
|
||||
user: Mapped["User"] = relationship("User", back_populates="price_alerts")
|
||||
|
||||
def __repr__(self) -> str:
|
||||
status = "active" if self.is_active else "paused"
|
||||
|
||||
@ -57,6 +57,9 @@ class User(Base):
|
||||
portfolio_domains: Mapped[List["PortfolioDomain"]] = relationship(
|
||||
"PortfolioDomain", back_populates="user", cascade="all, delete-orphan"
|
||||
)
|
||||
price_alerts: Mapped[List["PriceAlert"]] = relationship(
|
||||
"PriceAlert", cascade="all, delete-orphan", passive_deletes=True
|
||||
)
|
||||
|
||||
def __repr__(self) -> str:
|
||||
return f"<User {self.email}>"
|
||||
|
||||
521
backend/app/services/domain_health.py
Normal file
521
backend/app/services/domain_health.py
Normal file
@ -0,0 +1,521 @@
|
||||
"""
|
||||
🏥 POUNCE DOMAIN HEALTH ENGINE
|
||||
|
||||
Advanced domain health analysis for premium intelligence.
|
||||
|
||||
Implements 4-layer analysis from analysis_2.md:
|
||||
1. DNS Layer - Infrastructure check (nameservers, MX, A records)
|
||||
2. HTTP Layer - Website availability (status codes, content, parking detection)
|
||||
3. SSL Layer - Certificate validity
|
||||
4. WHOIS/RDAP Layer - Registration status
|
||||
|
||||
Output: Health Score (HEALTHY, WEAKENING, PARKED, CRITICAL)
|
||||
"""
|
||||
import asyncio
|
||||
import logging
|
||||
import ssl
|
||||
import socket
|
||||
import re
|
||||
from datetime import datetime, timezone, timedelta
|
||||
from dataclasses import dataclass, field
|
||||
from typing import Optional, List, Dict, Any
|
||||
from enum import Enum
|
||||
|
||||
import httpx
|
||||
import dns.resolver
|
||||
import dns.exception
|
||||
|
||||
logger = logging.getLogger(__name__)
|
||||
|
||||
|
||||
class HealthStatus(str, Enum):
|
||||
"""Domain health status levels."""
|
||||
HEALTHY = "healthy" # 🟢 All systems go
|
||||
WEAKENING = "weakening" # 🟡 Warning signs detected
|
||||
PARKED = "parked" # 🟠 Domain for sale/parked
|
||||
CRITICAL = "critical" # 🔴 Drop imminent
|
||||
UNKNOWN = "unknown" # ❓ Could not determine
|
||||
|
||||
|
||||
@dataclass
|
||||
class DNSCheckResult:
|
||||
"""Results from DNS layer check."""
|
||||
has_nameservers: bool = False
|
||||
nameservers: List[str] = field(default_factory=list)
|
||||
has_mx_records: bool = False
|
||||
mx_records: List[str] = field(default_factory=list)
|
||||
has_a_record: bool = False
|
||||
a_records: List[str] = field(default_factory=list)
|
||||
is_parking_ns: bool = False # Nameservers point to parking service
|
||||
error: Optional[str] = None
|
||||
|
||||
|
||||
@dataclass
|
||||
class HTTPCheckResult:
|
||||
"""Results from HTTP layer check."""
|
||||
status_code: Optional[int] = None
|
||||
is_reachable: bool = False
|
||||
content_length: int = 0
|
||||
is_parked: bool = False
|
||||
parking_signals: List[str] = field(default_factory=list)
|
||||
redirect_url: Optional[str] = None
|
||||
response_time_ms: Optional[float] = None
|
||||
error: Optional[str] = None
|
||||
|
||||
|
||||
@dataclass
|
||||
class SSLCheckResult:
|
||||
"""Results from SSL layer check."""
|
||||
has_ssl: bool = False
|
||||
is_valid: bool = False
|
||||
expires_at: Optional[datetime] = None
|
||||
days_until_expiry: Optional[int] = None
|
||||
issuer: Optional[str] = None
|
||||
is_expired: bool = False
|
||||
error: Optional[str] = None
|
||||
|
||||
|
||||
@dataclass
|
||||
class DomainHealthReport:
|
||||
"""Complete health report for a domain."""
|
||||
domain: str
|
||||
status: HealthStatus
|
||||
score: int # 0-100
|
||||
|
||||
# Layer results
|
||||
dns: Optional[DNSCheckResult] = None
|
||||
http: Optional[HTTPCheckResult] = None
|
||||
ssl: Optional[SSLCheckResult] = None
|
||||
|
||||
# Summary
|
||||
signals: List[str] = field(default_factory=list)
|
||||
recommendations: List[str] = field(default_factory=list)
|
||||
|
||||
# Metadata
|
||||
checked_at: datetime = field(default_factory=lambda: datetime.now(timezone.utc))
|
||||
|
||||
def to_dict(self) -> Dict[str, Any]:
|
||||
"""Convert to dictionary for API response."""
|
||||
return {
|
||||
"domain": self.domain,
|
||||
"status": self.status.value,
|
||||
"score": self.score,
|
||||
"signals": self.signals,
|
||||
"recommendations": self.recommendations,
|
||||
"checked_at": self.checked_at.isoformat(),
|
||||
"layers": {
|
||||
"dns": {
|
||||
"has_nameservers": self.dns.has_nameservers if self.dns else False,
|
||||
"nameservers": self.dns.nameservers if self.dns else [],
|
||||
"has_mx_records": self.dns.has_mx_records if self.dns else False,
|
||||
"is_parking_ns": self.dns.is_parking_ns if self.dns else False,
|
||||
} if self.dns else None,
|
||||
"http": {
|
||||
"status_code": self.http.status_code if self.http else None,
|
||||
"is_reachable": self.http.is_reachable if self.http else False,
|
||||
"is_parked": self.http.is_parked if self.http else False,
|
||||
"response_time_ms": self.http.response_time_ms if self.http else None,
|
||||
} if self.http else None,
|
||||
"ssl": {
|
||||
"has_ssl": self.ssl.has_ssl if self.ssl else False,
|
||||
"is_valid": self.ssl.is_valid if self.ssl else False,
|
||||
"days_until_expiry": self.ssl.days_until_expiry if self.ssl else None,
|
||||
"is_expired": self.ssl.is_expired if self.ssl else False,
|
||||
} if self.ssl else None,
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
class DomainHealthChecker:
|
||||
"""
|
||||
Premium domain health analysis engine.
|
||||
|
||||
Checks 4 layers to determine domain health:
|
||||
1. DNS: Is the infrastructure alive?
|
||||
2. HTTP: Is the website running?
|
||||
3. SSL: Is the certificate valid?
|
||||
4. (WHOIS handled by existing DomainChecker)
|
||||
"""
|
||||
|
||||
# Known parking/for-sale service nameservers
|
||||
PARKING_NAMESERVERS = {
|
||||
'sedoparking.com', 'afternic.com', 'domaincontrol.com',
|
||||
'parkingcrew.net', 'bodis.com', 'dsredirection.com',
|
||||
'above.com', 'domainsponsor.com', 'fastpark.net',
|
||||
'parkdomain.com', 'domainmarket.com', 'hugedomains.com',
|
||||
}
|
||||
|
||||
# Keywords indicating parked/for-sale pages
|
||||
PARKING_KEYWORDS = [
|
||||
'domain is for sale', 'buy this domain', 'inquire now',
|
||||
'make an offer', 'domain zum verkauf', 'domain for sale',
|
||||
'this domain is parked', 'parked by', 'related links',
|
||||
'sponsored listings', 'domain parking', 'this website is for sale',
|
||||
'purchase this domain', 'acquire this domain',
|
||||
]
|
||||
|
||||
def __init__(self):
|
||||
self._dns_resolver = dns.resolver.Resolver()
|
||||
self._dns_resolver.timeout = 3
|
||||
self._dns_resolver.lifetime = 5
|
||||
|
||||
async def check_domain(self, domain: str) -> DomainHealthReport:
|
||||
"""
|
||||
Perform comprehensive health check on a domain.
|
||||
|
||||
Args:
|
||||
domain: Domain name to check (e.g., "example.com")
|
||||
|
||||
Returns:
|
||||
DomainHealthReport with status, score, and detailed results
|
||||
"""
|
||||
domain = self._normalize_domain(domain)
|
||||
logger.info(f"🏥 Starting health check for: {domain}")
|
||||
|
||||
# Run all checks concurrently
|
||||
dns_task = asyncio.create_task(self._check_dns(domain))
|
||||
http_task = asyncio.create_task(self._check_http(domain))
|
||||
ssl_task = asyncio.create_task(self._check_ssl(domain))
|
||||
|
||||
dns_result, http_result, ssl_result = await asyncio.gather(
|
||||
dns_task, http_task, ssl_task,
|
||||
return_exceptions=True
|
||||
)
|
||||
|
||||
# Handle exceptions
|
||||
if isinstance(dns_result, Exception):
|
||||
logger.warning(f"DNS check failed: {dns_result}")
|
||||
dns_result = DNSCheckResult(error=str(dns_result))
|
||||
if isinstance(http_result, Exception):
|
||||
logger.warning(f"HTTP check failed: {http_result}")
|
||||
http_result = HTTPCheckResult(error=str(http_result))
|
||||
if isinstance(ssl_result, Exception):
|
||||
logger.warning(f"SSL check failed: {ssl_result}")
|
||||
ssl_result = SSLCheckResult(error=str(ssl_result))
|
||||
|
||||
# Calculate health score and status
|
||||
report = self._calculate_health(domain, dns_result, http_result, ssl_result)
|
||||
|
||||
logger.info(f"✅ Health check complete: {domain} = {report.status.value} ({report.score}/100)")
|
||||
return report
|
||||
|
||||
def _normalize_domain(self, domain: str) -> str:
|
||||
"""Normalize domain name."""
|
||||
domain = domain.lower().strip()
|
||||
if domain.startswith('http://'):
|
||||
domain = domain[7:]
|
||||
elif domain.startswith('https://'):
|
||||
domain = domain[8:]
|
||||
if domain.startswith('www.'):
|
||||
domain = domain[4:]
|
||||
domain = domain.split('/')[0]
|
||||
return domain
|
||||
|
||||
async def _check_dns(self, domain: str) -> DNSCheckResult:
|
||||
"""
|
||||
Layer 1: DNS Infrastructure Check
|
||||
|
||||
Checks:
|
||||
- NS records (nameservers)
|
||||
- MX records (mail)
|
||||
- A records (IP address)
|
||||
"""
|
||||
result = DNSCheckResult()
|
||||
|
||||
loop = asyncio.get_event_loop()
|
||||
|
||||
# Check NS records
|
||||
try:
|
||||
ns_answers = await loop.run_in_executor(
|
||||
None, lambda: self._dns_resolver.resolve(domain, 'NS')
|
||||
)
|
||||
result.nameservers = [str(rdata.target).rstrip('.').lower() for rdata in ns_answers]
|
||||
result.has_nameservers = len(result.nameservers) > 0
|
||||
|
||||
# Check if nameservers point to parking service
|
||||
for ns in result.nameservers:
|
||||
for parking_ns in self.PARKING_NAMESERVERS:
|
||||
if parking_ns in ns:
|
||||
result.is_parking_ns = True
|
||||
break
|
||||
except (dns.resolver.NXDOMAIN, dns.resolver.NoAnswer, dns.exception.Timeout):
|
||||
result.has_nameservers = False
|
||||
except Exception as e:
|
||||
result.error = str(e)
|
||||
|
||||
# Check MX records
|
||||
try:
|
||||
mx_answers = await loop.run_in_executor(
|
||||
None, lambda: self._dns_resolver.resolve(domain, 'MX')
|
||||
)
|
||||
result.mx_records = [str(rdata.exchange).rstrip('.').lower() for rdata in mx_answers]
|
||||
result.has_mx_records = len(result.mx_records) > 0
|
||||
except (dns.resolver.NXDOMAIN, dns.resolver.NoAnswer, dns.exception.Timeout):
|
||||
result.has_mx_records = False
|
||||
except Exception:
|
||||
pass
|
||||
|
||||
# Check A records
|
||||
try:
|
||||
a_answers = await loop.run_in_executor(
|
||||
None, lambda: self._dns_resolver.resolve(domain, 'A')
|
||||
)
|
||||
result.a_records = [str(rdata.address) for rdata in a_answers]
|
||||
result.has_a_record = len(result.a_records) > 0
|
||||
|
||||
# Check for dead IPs (0.0.0.0 or 127.0.0.1)
|
||||
dead_ips = {'0.0.0.0', '127.0.0.1'}
|
||||
if all(ip in dead_ips for ip in result.a_records):
|
||||
result.has_a_record = False
|
||||
except (dns.resolver.NXDOMAIN, dns.resolver.NoAnswer, dns.exception.Timeout):
|
||||
result.has_a_record = False
|
||||
except Exception:
|
||||
pass
|
||||
|
||||
return result
|
||||
|
||||
async def _check_http(self, domain: str) -> HTTPCheckResult:
|
||||
"""
|
||||
Layer 2: HTTP Website Check
|
||||
|
||||
Checks:
|
||||
- HTTP status code
|
||||
- Response content
|
||||
- Parking/for-sale detection
|
||||
"""
|
||||
result = HTTPCheckResult()
|
||||
|
||||
async with httpx.AsyncClient(
|
||||
timeout=10.0,
|
||||
follow_redirects=True,
|
||||
headers={
|
||||
"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36"
|
||||
}
|
||||
) as client:
|
||||
for scheme in ['https', 'http']:
|
||||
url = f"{scheme}://{domain}"
|
||||
try:
|
||||
start = asyncio.get_event_loop().time()
|
||||
response = await client.get(url)
|
||||
end = asyncio.get_event_loop().time()
|
||||
|
||||
result.status_code = response.status_code
|
||||
result.is_reachable = response.status_code < 500
|
||||
result.content_length = len(response.content)
|
||||
result.response_time_ms = (end - start) * 1000
|
||||
|
||||
# Check for redirects
|
||||
if response.history:
|
||||
result.redirect_url = str(response.url)
|
||||
|
||||
# Check for parking keywords in content
|
||||
content = response.text.lower()
|
||||
for keyword in self.PARKING_KEYWORDS:
|
||||
if keyword in content:
|
||||
result.is_parked = True
|
||||
result.parking_signals.append(keyword)
|
||||
|
||||
break # Success, no need to try other scheme
|
||||
|
||||
except httpx.TimeoutException:
|
||||
result.error = "timeout"
|
||||
except httpx.ConnectError:
|
||||
result.error = "connection_refused"
|
||||
except Exception as e:
|
||||
result.error = str(e)
|
||||
|
||||
return result
|
||||
|
||||
async def _check_ssl(self, domain: str) -> SSLCheckResult:
|
||||
"""
|
||||
Layer 3: SSL Certificate Check
|
||||
|
||||
Checks:
|
||||
- Certificate exists
|
||||
- Certificate validity
|
||||
- Expiration date
|
||||
"""
|
||||
result = SSLCheckResult()
|
||||
|
||||
loop = asyncio.get_event_loop()
|
||||
|
||||
try:
|
||||
def get_ssl_info():
|
||||
context = ssl.create_default_context()
|
||||
with socket.create_connection((domain, 443), timeout=5) as sock:
|
||||
with context.wrap_socket(sock, server_hostname=domain) as ssock:
|
||||
cert = ssock.getpeercert()
|
||||
return cert
|
||||
|
||||
cert = await loop.run_in_executor(None, get_ssl_info)
|
||||
|
||||
result.has_ssl = True
|
||||
|
||||
# Parse expiration date
|
||||
not_after = cert.get('notAfter')
|
||||
if not_after:
|
||||
# Format: 'Dec 31 23:59:59 2024 GMT'
|
||||
try:
|
||||
expires = datetime.strptime(not_after, '%b %d %H:%M:%S %Y %Z')
|
||||
result.expires_at = expires.replace(tzinfo=timezone.utc)
|
||||
result.days_until_expiry = (result.expires_at - datetime.now(timezone.utc)).days
|
||||
result.is_expired = result.days_until_expiry < 0
|
||||
result.is_valid = result.days_until_expiry >= 0
|
||||
except Exception:
|
||||
result.is_valid = True # Assume valid if we can't parse
|
||||
|
||||
# Get issuer
|
||||
issuer = cert.get('issuer')
|
||||
if issuer:
|
||||
for item in issuer:
|
||||
if item[0][0] == 'organizationName':
|
||||
result.issuer = item[0][1]
|
||||
break
|
||||
|
||||
except ssl.SSLCertVerificationError as e:
|
||||
result.has_ssl = True
|
||||
result.is_valid = False
|
||||
result.is_expired = 'expired' in str(e).lower()
|
||||
result.error = str(e)
|
||||
except (socket.timeout, socket.error, ConnectionRefusedError):
|
||||
result.has_ssl = False
|
||||
result.error = "no_ssl"
|
||||
except Exception as e:
|
||||
result.error = str(e)
|
||||
|
||||
return result
|
||||
|
||||
def _calculate_health(
|
||||
self,
|
||||
domain: str,
|
||||
dns_result: DNSCheckResult,
|
||||
http_result: HTTPCheckResult,
|
||||
ssl_result: SSLCheckResult
|
||||
) -> DomainHealthReport:
|
||||
"""
|
||||
Calculate overall health status and score.
|
||||
|
||||
Scoring:
|
||||
- DNS layer: 30 points
|
||||
- HTTP layer: 40 points
|
||||
- SSL layer: 30 points
|
||||
"""
|
||||
score = 100
|
||||
signals = []
|
||||
recommendations = []
|
||||
|
||||
# =========================
|
||||
# DNS Scoring (30 points)
|
||||
# =========================
|
||||
|
||||
if not dns_result.has_nameservers:
|
||||
score -= 30
|
||||
signals.append("🔴 No nameservers found (domain may not exist)")
|
||||
elif dns_result.is_parking_ns:
|
||||
score -= 15
|
||||
signals.append("🟠 Nameservers point to parking service")
|
||||
recommendations.append("Domain is parked - owner may be selling")
|
||||
else:
|
||||
if not dns_result.has_a_record:
|
||||
score -= 10
|
||||
signals.append("⚠️ No A record (no website configured)")
|
||||
if not dns_result.has_mx_records:
|
||||
score -= 5
|
||||
signals.append("⚠️ No MX records (no email configured)")
|
||||
|
||||
# =========================
|
||||
# HTTP Scoring (40 points)
|
||||
# =========================
|
||||
|
||||
if not http_result.is_reachable:
|
||||
score -= 40
|
||||
signals.append("🔴 Website not reachable")
|
||||
if http_result.error == "timeout":
|
||||
signals.append("⚠️ Connection timeout")
|
||||
elif http_result.error == "connection_refused":
|
||||
signals.append("⚠️ Connection refused")
|
||||
elif http_result.status_code:
|
||||
if http_result.status_code >= 500:
|
||||
score -= 30
|
||||
signals.append(f"🔴 Server error ({http_result.status_code})")
|
||||
recommendations.append("Server is having issues - monitor closely")
|
||||
elif http_result.status_code >= 400:
|
||||
score -= 15
|
||||
signals.append(f"⚠️ Client error ({http_result.status_code})")
|
||||
|
||||
if http_result.is_parked:
|
||||
score -= 10
|
||||
signals.append("🟠 Page contains for-sale indicators")
|
||||
recommendations.append(f"Detected: {', '.join(http_result.parking_signals[:3])}")
|
||||
|
||||
if http_result.content_length < 500:
|
||||
score -= 5
|
||||
signals.append("⚠️ Very small page content")
|
||||
|
||||
# =========================
|
||||
# SSL Scoring (30 points)
|
||||
# =========================
|
||||
|
||||
if not ssl_result.has_ssl:
|
||||
score -= 10
|
||||
signals.append("⚠️ No SSL certificate")
|
||||
elif ssl_result.is_expired:
|
||||
score -= 30
|
||||
signals.append("🔴 SSL certificate expired!")
|
||||
recommendations.append("Certificate expired - owner neglecting domain")
|
||||
elif ssl_result.days_until_expiry is not None:
|
||||
if ssl_result.days_until_expiry < 7:
|
||||
score -= 15
|
||||
signals.append(f"⚠️ SSL expires in {ssl_result.days_until_expiry} days")
|
||||
recommendations.append("Certificate expiring soon - watch for neglect")
|
||||
elif ssl_result.days_until_expiry < 30:
|
||||
score -= 5
|
||||
signals.append(f"ℹ️ SSL expires in {ssl_result.days_until_expiry} days")
|
||||
|
||||
# Ensure score is in valid range
|
||||
score = max(0, min(100, score))
|
||||
|
||||
# Determine status
|
||||
if score >= 80:
|
||||
status = HealthStatus.HEALTHY
|
||||
elif score >= 50:
|
||||
if dns_result.is_parking_ns or http_result.is_parked:
|
||||
status = HealthStatus.PARKED
|
||||
else:
|
||||
status = HealthStatus.WEAKENING
|
||||
elif score >= 20:
|
||||
if dns_result.is_parking_ns or http_result.is_parked:
|
||||
status = HealthStatus.PARKED
|
||||
else:
|
||||
status = HealthStatus.WEAKENING
|
||||
else:
|
||||
status = HealthStatus.CRITICAL
|
||||
|
||||
# Override to PARKED if clear signals
|
||||
if dns_result.is_parking_ns or http_result.is_parked:
|
||||
if status != HealthStatus.CRITICAL:
|
||||
status = HealthStatus.PARKED
|
||||
|
||||
return DomainHealthReport(
|
||||
domain=domain,
|
||||
status=status,
|
||||
score=score,
|
||||
dns=dns_result,
|
||||
http=http_result,
|
||||
ssl=ssl_result,
|
||||
signals=signals,
|
||||
recommendations=recommendations,
|
||||
)
|
||||
|
||||
|
||||
# Singleton instance
|
||||
_health_checker: Optional[DomainHealthChecker] = None
|
||||
|
||||
|
||||
def get_health_checker() -> DomainHealthChecker:
|
||||
"""Get or create health checker instance."""
|
||||
global _health_checker
|
||||
if _health_checker is None:
|
||||
_health_checker = DomainHealthChecker()
|
||||
return _health_checker
|
||||
|
||||
@ -48,114 +48,33 @@ SMTP_CONFIG = {
|
||||
CONTACT_EMAIL = os.getenv("CONTACT_EMAIL", "hello@pounce.ch")
|
||||
|
||||
|
||||
# Base email wrapper template
|
||||
# Minimalistic Professional Email Template
|
||||
BASE_TEMPLATE = """
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: #0a0a0a;
|
||||
color: #e5e5e5;
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
.container {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
background: #1a1a1a;
|
||||
border-radius: 12px;
|
||||
padding: 32px;
|
||||
}
|
||||
.logo {
|
||||
color: #00d4aa;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
h1 { color: #fff; margin: 0 0 16px 0; }
|
||||
h2 { color: #fff; margin: 24px 0 16px 0; }
|
||||
p { color: #e5e5e5; line-height: 1.6; }
|
||||
.highlight {
|
||||
font-family: monospace;
|
||||
font-size: 24px;
|
||||
color: #00d4aa;
|
||||
margin: 16px 0;
|
||||
}
|
||||
.cta {
|
||||
display: inline-block;
|
||||
background: #00d4aa;
|
||||
color: #0a0a0a;
|
||||
padding: 14px 28px;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.cta:hover { background: #00c49a; }
|
||||
.secondary-cta {
|
||||
display: inline-block;
|
||||
background: transparent;
|
||||
color: #00d4aa;
|
||||
padding: 12px 24px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #00d4aa;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
margin-top: 16px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.info-box {
|
||||
background: #252525;
|
||||
padding: 16px;
|
||||
border-radius: 8px;
|
||||
margin: 16px 0;
|
||||
}
|
||||
.stat {
|
||||
background: #252525;
|
||||
padding: 16px;
|
||||
border-radius: 8px;
|
||||
margin: 8px 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.stat-value { color: #00d4aa; font-size: 20px; font-weight: bold; }
|
||||
.warning { color: #f59e0b; }
|
||||
.success { color: #00d4aa; }
|
||||
.decrease { color: #00d4aa; }
|
||||
.increase { color: #ef4444; }
|
||||
.footer {
|
||||
margin-top: 32px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #333;
|
||||
color: #888;
|
||||
font-size: 12px;
|
||||
}
|
||||
.footer a { color: #00d4aa; text-decoration: none; }
|
||||
ul { padding-left: 20px; }
|
||||
li { margin: 8px 0; }
|
||||
code {
|
||||
background: #252525;
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
font-family: monospace;
|
||||
color: #00d4aa;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="logo">🐆 pounce</div>
|
||||
{{ content }}
|
||||
<div class="footer">
|
||||
<p>© {{ year }} pounce. All rights reserved.</p>
|
||||
<p>
|
||||
<a href="https://pounce.ch">pounce.ch</a> ·
|
||||
<a href="https://pounce.ch/privacy">Privacy</a> ·
|
||||
<a href="https://pounce.ch/terms">Terms</a>
|
||||
<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; background-color: #f5f5f5;">
|
||||
<div style="max-width: 580px; margin: 40px auto; background: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
|
||||
<!-- Header -->
|
||||
<div style="padding: 32px 40px; border-bottom: 1px solid #e5e5e5;">
|
||||
<h1 style="margin: 0; font-size: 24px; font-weight: 600; color: #000000; letter-spacing: -0.5px;">
|
||||
pounce
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
<div style="padding: 40px;">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div style="padding: 24px 40px; background: #fafafa; border-top: 1px solid #e5e5e5;">
|
||||
<p style="margin: 0; font-size: 13px; color: #666666; line-height: 1.6;">
|
||||
pounce — Domain Intelligence Platform<br>
|
||||
<a href="https://pounce.ch" style="color: #000000; text-decoration: none;">pounce.ch</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -167,34 +86,52 @@ BASE_TEMPLATE = """
|
||||
# Email Templates (content only, wrapped in BASE_TEMPLATE)
|
||||
TEMPLATES = {
|
||||
"domain_available": """
|
||||
<h1>Time to pounce.</h1>
|
||||
<p>A domain you're tracking just dropped:</p>
|
||||
<div class="highlight">{{ domain }}</div>
|
||||
<p>It's available right now. Move fast—others are watching too.</p>
|
||||
<a href="{{ register_url }}" class="cta">Grab It Now →</a>
|
||||
<p style="margin-top: 24px; color: #888; font-size: 14px;">
|
||||
You're tracking this domain on POUNCE.
|
||||
<h2 style="margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #000000;">
|
||||
Domain available
|
||||
</h2>
|
||||
<p style="margin: 0 0 24px 0; font-size: 15px; color: #333333; line-height: 1.6;\">
|
||||
A domain you're monitoring is now available:
|
||||
</p>
|
||||
<div style="margin: 24px 0; padding: 20px; background: #fafafa; border-radius: 6px; border-left: 3px solid #000000;\">
|
||||
<p style="margin: 0; font-size: 18px; font-weight: 600; color: #000000; font-family: monospace;\">
|
||||
{{ domain }}
|
||||
</p>
|
||||
</div>
|
||||
<div style="margin: 32px 0 0 0;\">
|
||||
<a href="{{ register_url }}" style="display: inline-block; padding: 12px 32px; background: #000000; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 500;\">
|
||||
Register Domain
|
||||
</a>
|
||||
</div>
|
||||
""",
|
||||
|
||||
"price_alert": """
|
||||
<h1>.{{ tld }} just moved.</h1>
|
||||
<p style="font-size: 20px;">
|
||||
{% if change_percent < 0 %}
|
||||
<span class="decrease">↓ Down {{ change_percent|abs }}%</span>
|
||||
{% else %}
|
||||
<span class="increase">↑ Up {{ change_percent }}%</span>
|
||||
{% endif %}
|
||||
<h2 style="margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #000000;">
|
||||
Price alert: .{{ tld }}
|
||||
</h2>
|
||||
<p style="margin: 0 0 24px 0; font-size: 15px; color: #333333; line-height: 1.6;\">
|
||||
The price for .{{ tld }} has changed:
|
||||
</p>
|
||||
<div class="info-box">
|
||||
<p><strong>Was:</strong> ${{ old_price }}</p>
|
||||
<p><strong>Now:</strong> ${{ new_price }}</p>
|
||||
<p><strong>Cheapest at:</strong> {{ registrar }}</p>
|
||||
<div style="margin: 24px 0; padding: 24px; background: #fafafa; border-radius: 6px;\">
|
||||
<div style="margin-bottom: 16px;\">
|
||||
<p style="margin: 0 0 4px 0; font-size: 13px; color: #666666;\">Previous Price</p>
|
||||
<p style="margin: 0; font-size: 18px; color: #999999; text-decoration: line-through;\">\${{ old_price }}</p>
|
||||
</div>
|
||||
<div style="margin-bottom: 16px;\">
|
||||
<p style="margin: 0 0 4px 0; font-size: 13px; color: #666666;\">New Price</p>
|
||||
<p style="margin: 0; font-size: 24px; font-weight: 600; color: #000000;\">\${{ new_price }}</p>
|
||||
</div>
|
||||
<p style="margin: 16px 0 0 0; font-size: 14px; {% if change_percent < 0 %}color: #10b981;{% else %}color: #ef4444;{% endif %}\">
|
||||
{% if change_percent < 0 %}↓{% else %}↑{% endif %} {{ change_percent|abs }}%
|
||||
</p>
|
||||
</div>
|
||||
<a href="{{ tld_url }}" class="cta">See Details →</a>
|
||||
<p style="margin-top: 24px; color: #888; font-size: 14px;">
|
||||
You set an alert for .{{ tld }} on POUNCE.
|
||||
<p style="margin: 24px 0; font-size: 14px; color: #666666;\">
|
||||
Cheapest at: <strong style="color: #000000;\">{{ registrar }}</strong>
|
||||
</p>
|
||||
<div style="margin: 32px 0 0 0;\">
|
||||
<a href="{{ tld_url }}" style="display: inline-block; padding: 12px 32px; background: #000000; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 500;\">
|
||||
View Details
|
||||
</a>
|
||||
</div>
|
||||
""",
|
||||
|
||||
"subscription_confirmed": """
|
||||
@ -243,81 +180,99 @@ TEMPLATES = {
|
||||
""",
|
||||
|
||||
"password_reset": """
|
||||
<h1>Reset your password.</h1>
|
||||
<p>Hey {{ user_name }},</p>
|
||||
<p>Someone requested a password reset. If that was you, click below:</p>
|
||||
<a href="{{ reset_url }}" class="cta">Reset Password →</a>
|
||||
<p style="margin-top: 24px;">Or copy this link:</p>
|
||||
<code style="word-break: break-all;">{{ reset_url }}</code>
|
||||
<div class="info-box" style="margin-top: 24px;">
|
||||
<p class="warning" style="margin: 0;">Link expires in 1 hour.</p>
|
||||
<h2 style="margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #000000;">
|
||||
Reset your password
|
||||
</h2>
|
||||
<p style="margin: 0 0 24px 0; font-size: 15px; color: #333333; line-height: 1.6;">
|
||||
Hi {{ user_name }},
|
||||
</p>
|
||||
<p style="margin: 0 0 32px 0; font-size: 15px; color: #333333; line-height: 1.6;">
|
||||
We received a request to reset your password. Click the button below to create a new password.
|
||||
</p>
|
||||
<div style="margin: 0 0 32px 0;">
|
||||
<a href="{{ reset_url }}" style="display: inline-block; padding: 12px 32px; background: #000000; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 500;">
|
||||
Reset Password
|
||||
</a>
|
||||
</div>
|
||||
<p style="margin-top: 24px; color: #888; font-size: 14px;">
|
||||
Didn't request this? Ignore it. Nothing changes.
|
||||
<p style="margin: 0 0 16px 0; font-size: 14px; color: #666666; line-height: 1.6;">
|
||||
This link expires in 1 hour.
|
||||
</p>
|
||||
<p style="margin: 32px 0 0 0; padding-top: 24px; border-top: 1px solid #e5e5e5; font-size: 13px; color: #999999; line-height: 1.6;">
|
||||
If you didn't request this, you can safely ignore this email.
|
||||
</p>
|
||||
""",
|
||||
|
||||
"email_verification": """
|
||||
<h1>One click to start hunting.</h1>
|
||||
<p>Hey {{ user_name }},</p>
|
||||
<p>Welcome to POUNCE. Verify your email to activate your account:</p>
|
||||
<a href="{{ verification_url }}" class="cta">Verify & Start →</a>
|
||||
<p style="margin-top: 24px;">Or copy this link:</p>
|
||||
<code style="word-break: break-all;">{{ verification_url }}</code>
|
||||
<div class="info-box" style="margin-top: 24px;">
|
||||
<p style="margin: 0;">Link expires in 24 hours.</p>
|
||||
<h2 style="margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #000000;">
|
||||
Verify your email
|
||||
</h2>
|
||||
<p style="margin: 0 0 24px 0; font-size: 15px; color: #333333; line-height: 1.6;">
|
||||
Hi {{ user_name }},
|
||||
</p>
|
||||
<p style="margin: 0 0 32px 0; font-size: 15px; color: #333333; line-height: 1.6;">
|
||||
Thanks for signing up. Click the button below to verify your email and activate your account.
|
||||
</p>
|
||||
<div style="margin: 0 0 32px 0;">
|
||||
<a href="{{ verification_url }}" style="display: inline-block; padding: 12px 32px; background: #000000; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 500;">
|
||||
Verify Email
|
||||
</a>
|
||||
</div>
|
||||
<p style="margin-top: 24px; color: #888; font-size: 14px;">
|
||||
Didn't sign up? Just ignore this.
|
||||
<p style="margin: 0 0 16px 0; font-size: 14px; color: #666666; line-height: 1.6;">
|
||||
This link expires in 24 hours.
|
||||
</p>
|
||||
<p style="margin: 32px 0 0 0; padding-top: 24px; border-top: 1px solid #e5e5e5; font-size: 13px; color: #999999; line-height: 1.6;">
|
||||
If you didn't sign up, you can safely ignore this email.
|
||||
</p>
|
||||
""",
|
||||
|
||||
"contact_form": """
|
||||
<h1>New message from the wild.</h1>
|
||||
<div class="info-box">
|
||||
<p><strong>From:</strong> {{ name }} <{{ email }}></p>
|
||||
<p><strong>Subject:</strong> {{ subject }}</p>
|
||||
<p><strong>Date:</strong> {{ timestamp }}</p>
|
||||
<h2 style="margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #000000;">
|
||||
New Contact Form Submission
|
||||
</h2>
|
||||
<div style="margin: 24px 0; padding: 20px; background: #fafafa; border-radius: 6px;\">
|
||||
<p style="margin: 0 0 12px 0; font-size: 14px; color: #666666;\">From</p>
|
||||
<p style="margin: 0 0 16px 0; font-size: 15px; color: #000000;\">{{ name }} <{{ email }}></p>
|
||||
<p style="margin: 16px 0 12px 0; font-size: 14px; color: #666666;\">Subject</p>
|
||||
<p style="margin: 0; font-size: 15px; color: #000000;\">{{ subject }}</p>
|
||||
</div>
|
||||
<h2>Message</h2>
|
||||
<div class="info-box">
|
||||
<p style="white-space: pre-wrap;">{{ message }}</p>
|
||||
<p style="margin: 24px 0 12px 0; font-size: 14px; color: #666666;\">Message</p>
|
||||
<p style="margin: 0; font-size: 15px; color: #333333; line-height: 1.6; white-space: pre-wrap;\">{{ message }}</p>
|
||||
<div style="margin: 32px 0 0 0;\">
|
||||
<a href="mailto:{{ email }}" style="display: inline-block; padding: 12px 32px; background: #000000; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 500;\">
|
||||
Reply
|
||||
</a>
|
||||
</div>
|
||||
<p style="margin-top: 24px;">
|
||||
<a href="mailto:{{ email }}" class="cta">Reply →</a>
|
||||
</p>
|
||||
<p style="margin: 24px 0 0 0; font-size: 13px; color: #999999;\">Sent: {{ timestamp }}</p>
|
||||
""",
|
||||
|
||||
"contact_confirmation": """
|
||||
<h1>Got it.</h1>
|
||||
<p>Hey {{ name }},</p>
|
||||
<p>Your message landed. We'll get back to you soon.</p>
|
||||
<div class="info-box">
|
||||
<p><strong>Subject:</strong> {{ subject }}</p>
|
||||
<p><strong>Your message:</strong></p>
|
||||
<p style="white-space: pre-wrap; color: #888;">{{ message }}</p>
|
||||
<h2 style="margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #000000;">
|
||||
Message received
|
||||
</h2>
|
||||
<p style="margin: 0 0 24px 0; font-size: 15px; color: #333333; line-height: 1.6;">
|
||||
Hi {{ name }},
|
||||
</p>
|
||||
<p style="margin: 0 0 32px 0; font-size: 15px; color: #333333; line-height: 1.6;">
|
||||
Thanks for reaching out. We've received your message and will get back to you within 24–48 hours.
|
||||
</p>
|
||||
<div style="margin: 24px 0; padding: 20px; background: #fafafa; border-radius: 6px;">
|
||||
<p style="margin: 0 0 8px 0; font-size: 14px; color: #666666;">Your message</p>
|
||||
<p style="margin: 0; font-size: 14px; color: #999999; white-space: pre-wrap;">{{ message }}</p>
|
||||
</div>
|
||||
<p>Expect a reply within 24-48 hours.</p>
|
||||
<a href="https://pounce.ch" class="secondary-cta">Back to POUNCE →</a>
|
||||
""",
|
||||
|
||||
"newsletter_welcome": """
|
||||
<h1>You're on the list.</h1>
|
||||
<p>Welcome to POUNCE Insights.</p>
|
||||
<p>Here's what you'll get:</p>
|
||||
<div class="info-box">
|
||||
<ul>
|
||||
<li>TLD market moves & analysis</li>
|
||||
<li>Domain investing strategies</li>
|
||||
<li>New feature drops</li>
|
||||
<li>Exclusive deals</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>1-2 emails per month. No spam. Ever.</p>
|
||||
<a href="https://pounce.ch" class="cta">Start Exploring →</a>
|
||||
<p style="margin-top: 24px; color: #888; font-size: 14px;">
|
||||
Unsubscribe anytime with one click.
|
||||
<h2 style="margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #000000;">
|
||||
Welcome to pounce insights
|
||||
</h2>
|
||||
<p style="margin: 0 0 32px 0; font-size: 15px; color: #333333; line-height: 1.6;">
|
||||
You'll receive updates about TLD market trends, domain investment strategies, and new features. 1–2 emails per month. No spam.
|
||||
</p>
|
||||
<div style="margin: 32px 0 0 0;">
|
||||
<a href="https://pounce.ch" style="display: inline-block; padding: 12px 32px; background: #000000; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 500;">
|
||||
Visit pounce.ch
|
||||
</a>
|
||||
</div>
|
||||
""",
|
||||
}
|
||||
|
||||
|
||||
477
backend/scripts/premium_data_collector.py
Normal file
477
backend/scripts/premium_data_collector.py
Normal file
@ -0,0 +1,477 @@
|
||||
#!/usr/bin/env python3
|
||||
"""
|
||||
🚀 POUNCE PREMIUM DATA COLLECTOR
|
||||
================================
|
||||
|
||||
Professionelles, automatisiertes Script zur Sammlung und Auswertung aller Daten.
|
||||
|
||||
Features:
|
||||
- Multi-Source TLD-Preis-Aggregation
|
||||
- Robustes Auction-Scraping mit Fallback
|
||||
- Zone File Integration (vorbereitet)
|
||||
- Datenqualitäts-Scoring
|
||||
- Automatische Reports
|
||||
|
||||
Verwendung:
|
||||
python scripts/premium_data_collector.py --full # Vollständige Sammlung
|
||||
python scripts/premium_data_collector.py --tld # Nur TLD-Preise
|
||||
python scripts/premium_data_collector.py --auctions # Nur Auktionen
|
||||
python scripts/premium_data_collector.py --report # Nur Report generieren
|
||||
python scripts/premium_data_collector.py --schedule # Als Cronjob starten
|
||||
|
||||
Autor: Pounce Team
|
||||
Version: 1.0.0
|
||||
"""
|
||||
|
||||
import asyncio
|
||||
import argparse
|
||||
import json
|
||||
import logging
|
||||
import os
|
||||
import sys
|
||||
from datetime import datetime, timedelta
|
||||
from pathlib import Path
|
||||
from typing import Dict, Any, List, Optional
|
||||
from dataclasses import dataclass, field, asdict
|
||||
import hashlib
|
||||
|
||||
# Add parent directory to path for imports
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from sqlalchemy import select, func, text
|
||||
from sqlalchemy.ext.asyncio import AsyncSession
|
||||
|
||||
from app.database import AsyncSessionLocal, engine
|
||||
from app.models.tld_price import TLDPrice, TLDInfo
|
||||
from app.models.auction import DomainAuction, AuctionScrapeLog
|
||||
from app.services.tld_scraper.aggregator import TLDPriceAggregator
|
||||
from app.services.auction_scraper import AuctionScraperService
|
||||
|
||||
# Configure logging
|
||||
logging.basicConfig(
|
||||
level=logging.INFO,
|
||||
format='%(asctime)s | %(levelname)-8s | %(name)s | %(message)s',
|
||||
datefmt='%Y-%m-%d %H:%M:%S'
|
||||
)
|
||||
logger = logging.getLogger("PounceCollector")
|
||||
|
||||
|
||||
# =============================================================================
|
||||
# DATA QUALITY METRICS
|
||||
# =============================================================================
|
||||
|
||||
@dataclass
|
||||
class DataQualityReport:
|
||||
"""Tracks data quality metrics for premium service standards."""
|
||||
|
||||
timestamp: str = field(default_factory=lambda: datetime.utcnow().isoformat())
|
||||
|
||||
# TLD Price Metrics
|
||||
tld_total_count: int = 0
|
||||
tld_with_prices: int = 0
|
||||
tld_price_coverage: float = 0.0 # Percentage
|
||||
tld_sources_count: int = 0
|
||||
tld_freshness_hours: float = 0.0 # Average age of data
|
||||
tld_confidence_score: float = 0.0 # 0-100
|
||||
|
||||
# Auction Metrics
|
||||
auction_total_count: int = 0
|
||||
auction_active_count: int = 0
|
||||
auction_platforms_count: int = 0
|
||||
auction_with_real_prices: int = 0 # Has actual bid, not estimated
|
||||
auction_data_quality: float = 0.0 # 0-100
|
||||
auction_scrape_success_rate: float = 0.0
|
||||
|
||||
# Overall Metrics
|
||||
overall_score: float = 0.0 # 0-100, Premium threshold: 80+
|
||||
is_premium_ready: bool = False
|
||||
|
||||
issues: List[str] = field(default_factory=list)
|
||||
recommendations: List[str] = field(default_factory=list)
|
||||
|
||||
def calculate_overall_score(self):
|
||||
"""Calculate overall data quality score."""
|
||||
scores = []
|
||||
|
||||
# TLD Score (40% weight)
|
||||
tld_score = min(100, (
|
||||
(self.tld_price_coverage * 0.4) +
|
||||
(min(100, self.tld_sources_count * 25) * 0.2) +
|
||||
(max(0, 100 - self.tld_freshness_hours) * 0.2) +
|
||||
(self.tld_confidence_score * 0.2)
|
||||
))
|
||||
scores.append(('TLD Data', tld_score, 0.4))
|
||||
|
||||
# Auction Score (40% weight)
|
||||
if self.auction_total_count > 0:
|
||||
real_price_ratio = (self.auction_with_real_prices / self.auction_total_count) * 100
|
||||
else:
|
||||
real_price_ratio = 0
|
||||
|
||||
auction_score = min(100, (
|
||||
(min(100, self.auction_active_count) * 0.3) +
|
||||
(min(100, self.auction_platforms_count * 20) * 0.2) +
|
||||
(real_price_ratio * 0.3) +
|
||||
(self.auction_scrape_success_rate * 0.2)
|
||||
))
|
||||
scores.append(('Auction Data', auction_score, 0.4))
|
||||
|
||||
# Freshness Score (20% weight)
|
||||
freshness_score = max(0, 100 - (self.tld_freshness_hours * 2))
|
||||
scores.append(('Freshness', freshness_score, 0.2))
|
||||
|
||||
# Calculate weighted average
|
||||
self.overall_score = sum(score * weight for _, score, weight in scores)
|
||||
self.is_premium_ready = self.overall_score >= 80
|
||||
|
||||
# Add issues based on scores
|
||||
if self.tld_price_coverage < 50:
|
||||
self.issues.append(f"Low TLD coverage: {self.tld_price_coverage:.1f}%")
|
||||
self.recommendations.append("Add more TLD price sources (Namecheap, Cloudflare)")
|
||||
|
||||
if self.auction_with_real_prices < self.auction_total_count * 0.5:
|
||||
self.issues.append("Many auctions have estimated prices (not real bids)")
|
||||
self.recommendations.append("Improve auction scraping accuracy or get API access")
|
||||
|
||||
if self.tld_freshness_hours > 24:
|
||||
self.issues.append(f"TLD data is {self.tld_freshness_hours:.0f}h old")
|
||||
self.recommendations.append("Run TLD price scrape more frequently")
|
||||
|
||||
if self.auction_platforms_count < 3:
|
||||
self.issues.append(f"Only {self.auction_platforms_count} auction platforms active")
|
||||
self.recommendations.append("Enable more auction platform scrapers")
|
||||
|
||||
return scores
|
||||
|
||||
def to_dict(self) -> dict:
|
||||
return asdict(self)
|
||||
|
||||
def print_report(self):
|
||||
"""Print a formatted report to console."""
|
||||
print("\n" + "="*70)
|
||||
print("🚀 POUNCE DATA QUALITY REPORT")
|
||||
print("="*70)
|
||||
print(f"Generated: {self.timestamp}")
|
||||
print()
|
||||
|
||||
# Overall Score
|
||||
status_emoji = "✅" if self.is_premium_ready else "⚠️"
|
||||
print(f"OVERALL SCORE: {self.overall_score:.1f}/100 {status_emoji}")
|
||||
print(f"Premium Ready: {'YES' if self.is_premium_ready else 'NO (requires 80+)'}")
|
||||
print()
|
||||
|
||||
# TLD Section
|
||||
print("-"*40)
|
||||
print("📊 TLD PRICE DATA")
|
||||
print("-"*40)
|
||||
print(f" Total TLDs: {self.tld_total_count:,}")
|
||||
print(f" With Prices: {self.tld_with_prices:,}")
|
||||
print(f" Coverage: {self.tld_price_coverage:.1f}%")
|
||||
print(f" Sources: {self.tld_sources_count}")
|
||||
print(f" Data Age: {self.tld_freshness_hours:.1f}h")
|
||||
print(f" Confidence: {self.tld_confidence_score:.1f}/100")
|
||||
print()
|
||||
|
||||
# Auction Section
|
||||
print("-"*40)
|
||||
print("🎯 AUCTION DATA")
|
||||
print("-"*40)
|
||||
print(f" Total Auctions: {self.auction_total_count:,}")
|
||||
print(f" Active: {self.auction_active_count:,}")
|
||||
print(f" Platforms: {self.auction_platforms_count}")
|
||||
print(f" Real Prices: {self.auction_with_real_prices:,}")
|
||||
print(f" Scrape Success: {self.auction_scrape_success_rate:.1f}%")
|
||||
print()
|
||||
|
||||
# Issues
|
||||
if self.issues:
|
||||
print("-"*40)
|
||||
print("⚠️ ISSUES")
|
||||
print("-"*40)
|
||||
for issue in self.issues:
|
||||
print(f" • {issue}")
|
||||
print()
|
||||
|
||||
# Recommendations
|
||||
if self.recommendations:
|
||||
print("-"*40)
|
||||
print("💡 RECOMMENDATIONS")
|
||||
print("-"*40)
|
||||
for rec in self.recommendations:
|
||||
print(f" → {rec}")
|
||||
print()
|
||||
|
||||
print("="*70)
|
||||
|
||||
|
||||
# =============================================================================
|
||||
# DATA COLLECTOR
|
||||
# =============================================================================
|
||||
|
||||
class PremiumDataCollector:
|
||||
"""
|
||||
Premium-grade data collection service.
|
||||
|
||||
Collects, validates, and scores all data sources for pounce.ch.
|
||||
"""
|
||||
|
||||
def __init__(self):
|
||||
self.tld_aggregator = TLDPriceAggregator()
|
||||
self.auction_scraper = AuctionScraperService()
|
||||
self.report = DataQualityReport()
|
||||
|
||||
async def collect_tld_prices(self, db: AsyncSession) -> Dict[str, Any]:
|
||||
"""
|
||||
Collect TLD prices from all available sources.
|
||||
|
||||
Returns:
|
||||
Dictionary with collection results and metrics
|
||||
"""
|
||||
logger.info("🔄 Starting TLD price collection...")
|
||||
start_time = datetime.utcnow()
|
||||
|
||||
try:
|
||||
result = await self.tld_aggregator.run_scrape(db)
|
||||
|
||||
duration = (datetime.utcnow() - start_time).total_seconds()
|
||||
|
||||
logger.info(f"✅ TLD prices collected in {duration:.1f}s")
|
||||
logger.info(f" → {result.new_prices} new, {result.updated_prices} updated")
|
||||
|
||||
return {
|
||||
"success": True,
|
||||
"new_prices": result.new_prices,
|
||||
"updated_prices": result.updated_prices,
|
||||
"duration_seconds": duration,
|
||||
"sources": result.sources_scraped,
|
||||
}
|
||||
|
||||
except Exception as e:
|
||||
logger.error(f"❌ TLD price collection failed: {e}")
|
||||
return {
|
||||
"success": False,
|
||||
"error": str(e),
|
||||
}
|
||||
|
||||
async def collect_auctions(self, db: AsyncSession) -> Dict[str, Any]:
|
||||
"""
|
||||
Collect auction data from all platforms.
|
||||
|
||||
Prioritizes real data over sample/estimated data.
|
||||
"""
|
||||
logger.info("🔄 Starting auction collection...")
|
||||
start_time = datetime.utcnow()
|
||||
|
||||
try:
|
||||
# Try real scraping first
|
||||
result = await self.auction_scraper.scrape_all_platforms(db)
|
||||
|
||||
total_found = result.get("total_found", 0)
|
||||
|
||||
# If scraping failed or found too few, supplement with seed data
|
||||
if total_found < 10:
|
||||
logger.warning(f"⚠️ Only {total_found} auctions scraped, adding seed data...")
|
||||
seed_result = await self.auction_scraper.seed_sample_auctions(db)
|
||||
result["seed_data_added"] = seed_result
|
||||
|
||||
duration = (datetime.utcnow() - start_time).total_seconds()
|
||||
|
||||
logger.info(f"✅ Auctions collected in {duration:.1f}s")
|
||||
logger.info(f" → {result.get('total_new', 0)} new, {result.get('total_updated', 0)} updated")
|
||||
|
||||
return {
|
||||
"success": True,
|
||||
**result,
|
||||
"duration_seconds": duration,
|
||||
}
|
||||
|
||||
except Exception as e:
|
||||
logger.error(f"❌ Auction collection failed: {e}")
|
||||
return {
|
||||
"success": False,
|
||||
"error": str(e),
|
||||
}
|
||||
|
||||
async def analyze_data_quality(self, db: AsyncSession) -> DataQualityReport:
|
||||
"""
|
||||
Analyze current data quality and generate report.
|
||||
"""
|
||||
logger.info("📊 Analyzing data quality...")
|
||||
|
||||
report = DataQualityReport()
|
||||
|
||||
# =========================
|
||||
# TLD Price Analysis
|
||||
# =========================
|
||||
|
||||
# Count TLDs with prices
|
||||
tld_count = await db.execute(
|
||||
select(func.count(func.distinct(TLDPrice.tld)))
|
||||
)
|
||||
report.tld_with_prices = tld_count.scalar() or 0
|
||||
|
||||
# Count total TLD info records
|
||||
tld_info_count = await db.execute(
|
||||
select(func.count(TLDInfo.tld))
|
||||
)
|
||||
report.tld_total_count = max(tld_info_count.scalar() or 0, report.tld_with_prices)
|
||||
|
||||
# Calculate coverage
|
||||
if report.tld_total_count > 0:
|
||||
report.tld_price_coverage = (report.tld_with_prices / report.tld_total_count) * 100
|
||||
|
||||
# Count unique sources
|
||||
sources = await db.execute(
|
||||
select(func.count(func.distinct(TLDPrice.registrar)))
|
||||
)
|
||||
report.tld_sources_count = sources.scalar() or 0
|
||||
|
||||
# Calculate freshness (average age of prices)
|
||||
latest_price = await db.execute(
|
||||
select(func.max(TLDPrice.recorded_at))
|
||||
)
|
||||
latest = latest_price.scalar()
|
||||
if latest:
|
||||
report.tld_freshness_hours = (datetime.utcnow() - latest).total_seconds() / 3600
|
||||
|
||||
# Confidence score based on source reliability
|
||||
# Porkbun API = 100% confidence, scraped = 80%
|
||||
report.tld_confidence_score = 95.0 if report.tld_sources_count > 0 else 0.0
|
||||
|
||||
# =========================
|
||||
# Auction Analysis
|
||||
# =========================
|
||||
|
||||
# Count total auctions
|
||||
auction_count = await db.execute(
|
||||
select(func.count(DomainAuction.id))
|
||||
)
|
||||
report.auction_total_count = auction_count.scalar() or 0
|
||||
|
||||
# Count active auctions
|
||||
active_count = await db.execute(
|
||||
select(func.count(DomainAuction.id)).where(DomainAuction.is_active == True)
|
||||
)
|
||||
report.auction_active_count = active_count.scalar() or 0
|
||||
|
||||
# Count platforms
|
||||
platforms = await db.execute(
|
||||
select(func.count(func.distinct(DomainAuction.platform))).where(DomainAuction.is_active == True)
|
||||
)
|
||||
report.auction_platforms_count = platforms.scalar() or 0
|
||||
|
||||
# Count auctions with real prices (not from seed data)
|
||||
real_prices = await db.execute(
|
||||
select(func.count(DomainAuction.id)).where(
|
||||
DomainAuction.scrape_source != "seed_data"
|
||||
)
|
||||
)
|
||||
report.auction_with_real_prices = real_prices.scalar() or 0
|
||||
|
||||
# Calculate scrape success rate from logs
|
||||
logs = await db.execute(
|
||||
select(AuctionScrapeLog).order_by(AuctionScrapeLog.started_at.desc()).limit(20)
|
||||
)
|
||||
recent_logs = logs.scalars().all()
|
||||
if recent_logs:
|
||||
success_count = sum(1 for log in recent_logs if log.status == "success")
|
||||
report.auction_scrape_success_rate = (success_count / len(recent_logs)) * 100
|
||||
|
||||
# Calculate overall scores
|
||||
report.calculate_overall_score()
|
||||
|
||||
self.report = report
|
||||
return report
|
||||
|
||||
async def run_full_collection(self) -> DataQualityReport:
|
||||
"""
|
||||
Run complete data collection pipeline.
|
||||
|
||||
1. Collect TLD prices
|
||||
2. Collect auction data
|
||||
3. Analyze data quality
|
||||
4. Generate report
|
||||
"""
|
||||
logger.info("="*60)
|
||||
logger.info("🚀 POUNCE PREMIUM DATA COLLECTION - FULL RUN")
|
||||
logger.info("="*60)
|
||||
|
||||
async with AsyncSessionLocal() as db:
|
||||
# Step 1: TLD Prices
|
||||
tld_result = await self.collect_tld_prices(db)
|
||||
|
||||
# Step 2: Auctions
|
||||
auction_result = await self.collect_auctions(db)
|
||||
|
||||
# Step 3: Analyze
|
||||
report = await self.analyze_data_quality(db)
|
||||
|
||||
# Step 4: Save report to file
|
||||
report_path = Path(__file__).parent.parent / "data" / "quality_reports"
|
||||
report_path.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
report_file = report_path / f"report_{datetime.utcnow().strftime('%Y%m%d_%H%M%S')}.json"
|
||||
with open(report_file, "w") as f:
|
||||
json.dump(report.to_dict(), f, indent=2, default=str)
|
||||
|
||||
logger.info(f"📄 Report saved to: {report_file}")
|
||||
|
||||
return report
|
||||
|
||||
|
||||
# =============================================================================
|
||||
# MAIN ENTRY POINT
|
||||
# =============================================================================
|
||||
|
||||
async def main():
|
||||
parser = argparse.ArgumentParser(
|
||||
description="🚀 Pounce Premium Data Collector",
|
||||
formatter_class=argparse.RawDescriptionHelpFormatter,
|
||||
epilog="""
|
||||
Examples:
|
||||
python premium_data_collector.py --full Run complete collection
|
||||
python premium_data_collector.py --tld Collect TLD prices only
|
||||
python premium_data_collector.py --auctions Collect auctions only
|
||||
python premium_data_collector.py --report Generate quality report only
|
||||
"""
|
||||
)
|
||||
|
||||
parser.add_argument("--full", action="store_true", help="Run full data collection")
|
||||
parser.add_argument("--tld", action="store_true", help="Collect TLD prices only")
|
||||
parser.add_argument("--auctions", action="store_true", help="Collect auctions only")
|
||||
parser.add_argument("--report", action="store_true", help="Generate quality report only")
|
||||
parser.add_argument("--quiet", action="store_true", help="Suppress console output")
|
||||
|
||||
args = parser.parse_args()
|
||||
|
||||
# Default to full if no args
|
||||
if not any([args.full, args.tld, args.auctions, args.report]):
|
||||
args.full = True
|
||||
|
||||
collector = PremiumDataCollector()
|
||||
|
||||
async with AsyncSessionLocal() as db:
|
||||
if args.full:
|
||||
report = await collector.run_full_collection()
|
||||
if not args.quiet:
|
||||
report.print_report()
|
||||
|
||||
elif args.tld:
|
||||
result = await collector.collect_tld_prices(db)
|
||||
print(json.dumps(result, indent=2, default=str))
|
||||
|
||||
elif args.auctions:
|
||||
result = await collector.collect_auctions(db)
|
||||
print(json.dumps(result, indent=2, default=str))
|
||||
|
||||
elif args.report:
|
||||
report = await collector.analyze_data_quality(db)
|
||||
if not args.quiet:
|
||||
report.print_report()
|
||||
else:
|
||||
print(json.dumps(report.to_dict(), indent=2, default=str))
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
asyncio.run(main())
|
||||
|
||||
57
backend/scripts/reset_admin_password.py
Normal file
57
backend/scripts/reset_admin_password.py
Normal file
@ -0,0 +1,57 @@
|
||||
#!/usr/bin/env python3
|
||||
"""
|
||||
Script to reset admin password.
|
||||
"""
|
||||
import asyncio
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from sqlalchemy import select
|
||||
from passlib.context import CryptContext
|
||||
from app.database import AsyncSessionLocal
|
||||
from app.models.user import User
|
||||
|
||||
|
||||
ADMIN_EMAIL = "guggeryves@hotmail.com"
|
||||
NEW_PASSWORD = "Pounce2024!" # Strong password
|
||||
|
||||
pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
|
||||
|
||||
|
||||
async def reset_password():
|
||||
"""Reset admin password."""
|
||||
print(f"🔐 Resetting password for: {ADMIN_EMAIL}")
|
||||
|
||||
async with AsyncSessionLocal() as db:
|
||||
result = await db.execute(
|
||||
select(User).where(User.email == ADMIN_EMAIL)
|
||||
)
|
||||
user = result.scalar_one_or_none()
|
||||
|
||||
if not user:
|
||||
print(f"❌ User not found: {ADMIN_EMAIL}")
|
||||
return False
|
||||
|
||||
# Hash new password
|
||||
hashed = pwd_context.hash(NEW_PASSWORD)
|
||||
user.hashed_password = hashed
|
||||
user.is_verified = True
|
||||
user.is_active = True
|
||||
user.is_admin = True
|
||||
|
||||
await db.commit()
|
||||
|
||||
print(f"✅ Password reset successful!")
|
||||
print(f"\n📋 LOGIN CREDENTIALS:")
|
||||
print(f" Email: {ADMIN_EMAIL}")
|
||||
print(f" Password: {NEW_PASSWORD}")
|
||||
print(f"\n⚠️ Please change this password after logging in!")
|
||||
|
||||
return True
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
asyncio.run(reset_password())
|
||||
|
||||
132
backend/scripts/setup_cron.sh
Executable file
132
backend/scripts/setup_cron.sh
Executable file
@ -0,0 +1,132 @@
|
||||
#!/bin/bash
|
||||
# =============================================================================
|
||||
# 🚀 POUNCE AUTOMATED DATA COLLECTION - CRON SETUP
|
||||
# =============================================================================
|
||||
#
|
||||
# This script sets up automated data collection for premium service.
|
||||
#
|
||||
# Schedule:
|
||||
# - TLD Prices: Every 6 hours (0:00, 6:00, 12:00, 18:00)
|
||||
# - Auctions: Every 2 hours
|
||||
# - Quality Report: Daily at 1:00 AM
|
||||
#
|
||||
# Usage:
|
||||
# ./setup_cron.sh # Install cron jobs
|
||||
# ./setup_cron.sh --remove # Remove cron jobs
|
||||
# ./setup_cron.sh --status # Show current cron jobs
|
||||
#
|
||||
# =============================================================================
|
||||
|
||||
set -e
|
||||
|
||||
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||
PROJECT_DIR="$(dirname "$SCRIPT_DIR")"
|
||||
PYTHON_PATH="${PROJECT_DIR}/.venv/bin/python"
|
||||
COLLECTOR_SCRIPT="${SCRIPT_DIR}/premium_data_collector.py"
|
||||
LOG_DIR="${PROJECT_DIR}/logs"
|
||||
|
||||
# Ensure log directory exists
|
||||
mkdir -p "$LOG_DIR"
|
||||
|
||||
# Colors for output
|
||||
RED='\033[0;31m'
|
||||
GREEN='\033[0;32m'
|
||||
YELLOW='\033[1;33m'
|
||||
NC='\033[0m' # No Color
|
||||
|
||||
print_status() {
|
||||
echo -e "${GREEN}[✓]${NC} $1"
|
||||
}
|
||||
|
||||
print_warning() {
|
||||
echo -e "${YELLOW}[!]${NC} $1"
|
||||
}
|
||||
|
||||
print_error() {
|
||||
echo -e "${RED}[✗]${NC} $1"
|
||||
}
|
||||
|
||||
# Cron job definitions
|
||||
CRON_MARKER="# POUNCE_DATA_COLLECTOR"
|
||||
|
||||
TLD_CRON="0 */6 * * * cd ${PROJECT_DIR} && ${PYTHON_PATH} ${COLLECTOR_SCRIPT} --tld --quiet >> ${LOG_DIR}/tld_collection.log 2>&1 ${CRON_MARKER}"
|
||||
AUCTION_CRON="0 */2 * * * cd ${PROJECT_DIR} && ${PYTHON_PATH} ${COLLECTOR_SCRIPT} --auctions --quiet >> ${LOG_DIR}/auction_collection.log 2>&1 ${CRON_MARKER}"
|
||||
REPORT_CRON="0 1 * * * cd ${PROJECT_DIR} && ${PYTHON_PATH} ${COLLECTOR_SCRIPT} --report --quiet >> ${LOG_DIR}/quality_report.log 2>&1 ${CRON_MARKER}"
|
||||
|
||||
install_cron() {
|
||||
echo "🚀 Installing Pounce Data Collection Cron Jobs..."
|
||||
echo ""
|
||||
|
||||
# Check if Python environment exists
|
||||
if [ ! -f "$PYTHON_PATH" ]; then
|
||||
print_error "Python virtual environment not found at: $PYTHON_PATH"
|
||||
echo "Please create it first: python -m venv .venv && .venv/bin/pip install -r requirements.txt"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# Check if collector script exists
|
||||
if [ ! -f "$COLLECTOR_SCRIPT" ]; then
|
||||
print_error "Collector script not found at: $COLLECTOR_SCRIPT"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# Remove existing Pounce cron jobs first
|
||||
(crontab -l 2>/dev/null | grep -v "$CRON_MARKER") | crontab -
|
||||
|
||||
# Add new cron jobs
|
||||
(crontab -l 2>/dev/null; echo "$TLD_CRON") | crontab -
|
||||
(crontab -l 2>/dev/null; echo "$AUCTION_CRON") | crontab -
|
||||
(crontab -l 2>/dev/null; echo "$REPORT_CRON") | crontab -
|
||||
|
||||
print_status "TLD Price Collection: Every 6 hours"
|
||||
print_status "Auction Collection: Every 2 hours"
|
||||
print_status "Quality Report: Daily at 1:00 AM"
|
||||
echo ""
|
||||
print_status "All cron jobs installed successfully!"
|
||||
echo ""
|
||||
echo "Log files will be written to: ${LOG_DIR}/"
|
||||
echo ""
|
||||
echo "To view current jobs: crontab -l"
|
||||
echo "To remove jobs: $0 --remove"
|
||||
}
|
||||
|
||||
remove_cron() {
|
||||
echo "🗑️ Removing Pounce Data Collection Cron Jobs..."
|
||||
|
||||
(crontab -l 2>/dev/null | grep -v "$CRON_MARKER") | crontab -
|
||||
|
||||
print_status "All Pounce cron jobs removed."
|
||||
}
|
||||
|
||||
show_status() {
|
||||
echo "📋 Current Pounce Cron Jobs:"
|
||||
echo ""
|
||||
|
||||
JOBS=$(crontab -l 2>/dev/null | grep "$CRON_MARKER" || true)
|
||||
|
||||
if [ -z "$JOBS" ]; then
|
||||
print_warning "No Pounce cron jobs found."
|
||||
echo ""
|
||||
echo "Run '$0' to install them."
|
||||
else
|
||||
echo "$JOBS" | while read -r line; do
|
||||
echo " $line"
|
||||
done
|
||||
echo ""
|
||||
print_status "Jobs are active."
|
||||
fi
|
||||
}
|
||||
|
||||
# Main
|
||||
case "${1:-}" in
|
||||
--remove)
|
||||
remove_cron
|
||||
;;
|
||||
--status)
|
||||
show_status
|
||||
;;
|
||||
*)
|
||||
install_cron
|
||||
;;
|
||||
esac
|
||||
|
||||
104
backend/scripts/verify_admin.py
Normal file
104
backend/scripts/verify_admin.py
Normal file
@ -0,0 +1,104 @@
|
||||
#!/usr/bin/env python3
|
||||
"""
|
||||
Script to ensure admin user is properly configured.
|
||||
Run this after database initialization.
|
||||
"""
|
||||
import asyncio
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from sqlalchemy import select, update
|
||||
from app.database import AsyncSessionLocal
|
||||
from app.models.user import User
|
||||
from app.models.subscription import Subscription, SubscriptionTier, SubscriptionStatus, TIER_CONFIG
|
||||
|
||||
|
||||
ADMIN_EMAIL = "guggeryves@hotmail.com"
|
||||
|
||||
|
||||
async def verify_admin():
|
||||
"""Ensure admin user exists and is properly configured."""
|
||||
print(f"🔍 Looking for user: {ADMIN_EMAIL}")
|
||||
|
||||
async with AsyncSessionLocal() as db:
|
||||
# Find user
|
||||
result = await db.execute(
|
||||
select(User).where(User.email == ADMIN_EMAIL)
|
||||
)
|
||||
user = result.scalar_one_or_none()
|
||||
|
||||
if not user:
|
||||
print(f"❌ User not found: {ADMIN_EMAIL}")
|
||||
print(" Please register first, then run this script again.")
|
||||
return False
|
||||
|
||||
print(f"✅ User found: ID={user.id}, Name={user.name}")
|
||||
|
||||
# Update user flags
|
||||
changes = []
|
||||
|
||||
if not user.is_admin:
|
||||
user.is_admin = True
|
||||
changes.append("is_admin = True")
|
||||
|
||||
if not user.is_verified:
|
||||
user.is_verified = True
|
||||
changes.append("is_verified = True")
|
||||
|
||||
if not user.is_active:
|
||||
user.is_active = True
|
||||
changes.append("is_active = True")
|
||||
|
||||
if changes:
|
||||
await db.commit()
|
||||
print(f"✅ Updated user: {', '.join(changes)}")
|
||||
else:
|
||||
print("✅ User already has correct flags")
|
||||
|
||||
# Check subscription
|
||||
sub_result = await db.execute(
|
||||
select(Subscription).where(Subscription.user_id == user.id)
|
||||
)
|
||||
subscription = sub_result.scalar_one_or_none()
|
||||
|
||||
if not subscription:
|
||||
# Create Tycoon subscription
|
||||
tycoon_config = TIER_CONFIG.get(SubscriptionTier.TYCOON, {})
|
||||
subscription = Subscription(
|
||||
user_id=user.id,
|
||||
tier=SubscriptionTier.TYCOON,
|
||||
status=SubscriptionStatus.ACTIVE,
|
||||
max_domains=tycoon_config.get("domain_limit", 500),
|
||||
)
|
||||
db.add(subscription)
|
||||
await db.commit()
|
||||
print("✅ Created Tycoon subscription")
|
||||
elif subscription.tier != SubscriptionTier.TYCOON:
|
||||
subscription.tier = SubscriptionTier.TYCOON
|
||||
subscription.status = SubscriptionStatus.ACTIVE
|
||||
subscription.max_domains = TIER_CONFIG.get(SubscriptionTier.TYCOON, {}).get("domain_limit", 500)
|
||||
await db.commit()
|
||||
print("✅ Upgraded to Tycoon subscription")
|
||||
else:
|
||||
print(f"✅ Subscription: {subscription.tier.value} (Active)")
|
||||
|
||||
# Final status
|
||||
print("\n" + "="*50)
|
||||
print("📋 FINAL STATUS:")
|
||||
print(f" Email: {user.email}")
|
||||
print(f" Name: {user.name}")
|
||||
print(f" Admin: {'✅ Yes' if user.is_admin else '❌ No'}")
|
||||
print(f" Verified: {'✅ Yes' if user.is_verified else '❌ No'}")
|
||||
print(f" Active: {'✅ Yes' if user.is_active else '❌ No'}")
|
||||
print(f" Tier: Tycoon")
|
||||
print("="*50)
|
||||
print("\n✅ Admin user is ready! You can now login.")
|
||||
|
||||
return True
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
asyncio.run(verify_admin())
|
||||
|
||||
402
concept.md
Normal file
402
concept.md
Normal file
@ -0,0 +1,402 @@
|
||||
Hier ist das ganzheitliche Konzept für **pounce.ch**.
|
||||
|
||||
Es vereint deine drei Bausteine (Monitoring, TLD-Daten, Auktionen) zu einem logischen Produkt, das sowohl Einsteiger ("Dreamers") als auch Profis ("Hunters") abholt.
|
||||
|
||||
---
|
||||
|
||||
### 1. Tone of Voice & Markenidentität
|
||||
|
||||
Wir müssen weg vom reinen "aggressiven Jäger" hin zu **"Smart Intelligence"**. Pounce ist nicht der Schläger, der die Tür eintritt, sondern der Stratege, der genau weiß, wann die Tür unverschlossen ist.
|
||||
|
||||
* **Der Vibe:** "Bloomberg Terminal meets Apple". Minimalistisch, datengetrieben, aber extrem einfach zu bedienen. Dunkles Design (Dark Mode), Neon-Akzente (Signalgrün für Chancen).
|
||||
* **Die Sprache:** Präzise, vertraulich, treibend.
|
||||
* *Nicht:* "Wir überwachen Domains für dich."
|
||||
* *Sondern:* "Sie schlafen. Wir jagen. Dein Vorteil im Domain-Markt."
|
||||
* *Nicht:* "Hier sind Auktionsdaten."
|
||||
* *Sondern:* "Der Markt in Echtzeit. Gefiltert. Bewertet. Bereit."
|
||||
* **Das Versprechen:** "Don’t guess. Know."
|
||||
|
||||
---
|
||||
|
||||
### 2. Das Produkt-Konzept: "The Domain Command Center"
|
||||
|
||||
Das Produkt gliedert sich nicht in technische Kategorien, sondern in **User-Bedürfnisse**.
|
||||
|
||||
#### A. DISCOVER (Der Trichter für die Masse)
|
||||
*Das ersetzt die langweilige "Domain Search" bei GoDaddy.*
|
||||
|
||||
* **Funktion:** Ein super-schnelles Suchfeld.
|
||||
* **Der Clou:** Wenn eine Domain vergeben ist, zeigt Pounce nicht nur "Besetzt", sondern:
|
||||
* **Live-Status:** "Webseite ist offline" / "Steht zum Verkauf auf Sedo" / "Läuft bald aus".
|
||||
* **Smarte Alternativen:** KI-Vorschläge basierend auf deinen TLD-Daten (z.B. "`.io` ist teuer, nimm `.xyz` für $2").
|
||||
* **Ziel:** Sofortiger Nutzen für JEDEN Besucher.
|
||||
* **Monetarisierung:** Affiliate-Links zu Registraren (Free User) + Lead-Generierung (Account erstellen).
|
||||
|
||||
#### B. TRACK (Das Herzstück für Bindung)
|
||||
*Die "Watchlist" für Gründer und Jäger.*
|
||||
|
||||
* **Funktion:** User setzen besetzte Domains auf eine Liste.
|
||||
* **Simplicity (UX):** Keine Tabellen. Ein Dashboard mit **Status-Karten**.
|
||||
* 🟢 *Chance:* Domain ist gerade gedroppt oder in Auktion.
|
||||
* 🟡 *Warten:* Domain hat sich verändert (DNS Update, Site down).
|
||||
* 🔴 *Stabil:* Domain ist fest in Hand, aber wir beobachten weiter.
|
||||
* **Der "Pro"-Mehrwert ($19):**
|
||||
* **Deep Intel:** Wer ist der Besitzer? (Automatisierte Impressums/Whois-Suche).
|
||||
* **Pre-Drop Alerts:** Warnung bei DNS-Änderungen (bevor sie droppt).
|
||||
|
||||
#### C. ACQUIRE (Der Marktplatz für Action)
|
||||
*Deine Auktions-Aggregation + TLD Trends.*
|
||||
|
||||
* **Funktion:** Aggregation aller Auktionen (Sedo, GoDaddy, DropCatch) an einem Ort.
|
||||
* **Der "No-Bullshit"-Filter:** Das ist dein USP. Dein Algorithmus filtert automatisch Spam-Domains (`xy-kredit-24.info`) raus.
|
||||
* **Der "Pro"-Mehrwert ($19):**
|
||||
* **Deal-Score:** Zeige automatische Bewertungen (Estibot o.ä.) neben dem Auktionspreis. Wenn *Wert > Preis* → **"Undervalued 🔥"** Label.
|
||||
* **Arbitrage-Radar:** "Kaufe hier `.ai` für $60, verkaufe dort für $100".
|
||||
|
||||
---
|
||||
|
||||
### 3. Die User Journey (Wie sie bezahlen)
|
||||
|
||||
Wir nutzen das "Freemium mit Schranken"-Modell.
|
||||
|
||||
**Schritt 1: Der "Dreamer" (Kostenlos)**
|
||||
* *Situation:* Ein Startup-Gründer sucht einen Namen. Findet Pounce.
|
||||
* *Nutzen:* Er kann sofort sehen, wo seine Wunsch-Domain liegt (Auktion? Vergeben?). Er sieht deine coolen TLD-Statistiken ("Ah, `.io` ist beliebt!").
|
||||
* *Limit:* Er sieht Auktionen, aber mit 24h Verzögerung oder ohne "Deal-Score". Er kann nur 3 Domains überwachen.
|
||||
|
||||
**Schritt 2: Der "Opportunity-Check" (Der Upsell-Moment)**
|
||||
* Der User sieht in der Auktionsliste eine Domain `fintech-hero.com` für $50. Er will wissen: "Ist das ein guter Preis?"
|
||||
* Pounce blendet den "Valuation & Stats"-Button aus.
|
||||
* *Call to Action:* **"Unlock Market Intel. See valuations, owner history, and instant alerts. Start Trial."**
|
||||
|
||||
**Schritt 3: Der "Hunter" (Zahlender Kunde - 19 CHF)**
|
||||
* Er nutzt Pounce täglich, um den "Müll" der anderen Plattformen nicht sehen zu müssen. Er zahlt für **Zeitersparnis** (Filter) und **Informationsvorsprung** (Alerts).
|
||||
|
||||
---
|
||||
|
||||
### 4. Zusammenfassung der Features (Roadmap)
|
||||
|
||||
Um nicht überkompliziert zu werden, baue es in dieser Reihenfolge:
|
||||
|
||||
1. **MVP (Minimum Viable Product):**
|
||||
* **Universal Search:** Sucht in Whois + Auktionen gleichzeitig.
|
||||
* **Clean Auction Feed:** Deine Auktions-Liste, aber OHNE Spam (Filter: Keine Zahlen, max 2 Hyphens, keine .info Spam-Cluster).
|
||||
* **Basic Watchlist:** E-Mail wenn Status sich ändert.
|
||||
|
||||
2. **Phase 2 (Value Add):**
|
||||
* **TLD Intelligence:** Integriere deine Preis-Charts. Mach sie "actionable" ("Günstigster Registrar für .ai ist XYZ").
|
||||
* **Valuation:** Integriere eine API (z.B. GoDaddy Appraisal API), um Schätzwerte anzuzeigen.
|
||||
|
||||
---
|
||||
|
||||
### 5. Beispiel-Wording (Startseite)
|
||||
|
||||
**Headline:**
|
||||
> **Der Markt schläft nie. Du schon.**
|
||||
> *Domain Intelligence für Investoren und Gründer. Wir finden, überwachen und bewerten deine nächsten digitalen Assets.*
|
||||
|
||||
**Sub-Headline:**
|
||||
> *Scanne 800+ TLDs, filtere Millionen Auktionen und erhalte Alerts, bevor andere reagieren.*
|
||||
|
||||
**CTA:**
|
||||
> [Starte die Jagd – Kostenlos]
|
||||
|
||||
---
|
||||
|
||||
### Warum das funktioniert:
|
||||
1. **Viele Nutzer:** Weil die Suche und die TLD-Statistiken nützlichen "Free Content" bieten (gut für SEO und Viralität).
|
||||
2. **Zahlungsbereitschaft:** Weil Investoren Geld hassen, das auf der Straße liegt. Wenn du ihnen zeigst "Hier ist ein unterbewertetes Asset", zahlen sie gerne $19.
|
||||
3. **Nicht kompliziert:** Alles fließt in **eine** Zentrale. Suchen, Finden, Überwachen. Keine komplexen DNS-Tools, sondern klare Ampel-Systeme und Kauf-Buttons.
|
||||
|
||||
Hier ist die Informationsarchitektur (IA) für **pounce.ch**.
|
||||
|
||||
Das Ziel dieser Struktur ist **Klarheit**:
|
||||
|
||||
1. **Public Site (Marketing):** Zieht Besucher über SEO (TLD-Daten) und Neugier (Auktionen) an und konvertiert sie zur Registrierung.
|
||||
2. **Private App (Command Center):** Hält den Nutzer durch Übersichtlichkeit und wertvolle Daten ("Intelligence") im Abo.
|
||||
|
||||
-----
|
||||
|
||||
### Teil 1: Public Web (Marketing & SEO)
|
||||
|
||||
*Zugänglich für jeden, ohne Login. Ziel: Trust aufbauen & Sign-Up.*
|
||||
|
||||
**1. Home (Landing Page)**
|
||||
|
||||
* **Hero Section:** "Don't guess. Know." + Großes Suchfeld (Universal Search).
|
||||
* **Hook:** "Live Market Ticker" (Durchlaufende Leiste mit heißen Domains/Auktionen).
|
||||
* **Value Props:** Monitoring, Filtered Auctions, TLD Intel.
|
||||
* **CTA:** "Start Hunting Free".
|
||||
|
||||
**2. Market (Auctions Public Preview)**
|
||||
|
||||
* *Zweck: Teaser für die Datenqualität.*
|
||||
* Liste von aktuellen Auktionen (limitiert auf 20 Einträge oder verzögert).
|
||||
* **Teaser-Element:** Spalten für "Estibot Value" oder "Deal Score" sind ausgegraut/verschwommen → "Login to see valuation".
|
||||
|
||||
**3. TLD Intel (Data Hub)**
|
||||
|
||||
* *Zweck: SEO-Magnet & Expertenstatus.*
|
||||
* **Overview:** Top Movers (Gewinner/Verlierer der Woche z.B. `.ai` +5%).
|
||||
* **Detail-Seite pro TLD (z.B. /tld/ai):**
|
||||
* Preisentwicklung (Chart).
|
||||
* Durchschnittspreis vs. Günstigster Registrar.
|
||||
* Registrierungs-Trends (Wächst die TLD?).
|
||||
|
||||
**4. Pricing**
|
||||
|
||||
* Vergleichstabelle: Free (Scout) vs. Pro (Hunter).
|
||||
|
||||
**5. Resources / Footer**
|
||||
|
||||
* Blog (Domain-Investment Tipps).
|
||||
* Login / Sign-up.
|
||||
|
||||
-----
|
||||
|
||||
### Teil 2: The Command Center (App / Eingeloggt)
|
||||
|
||||
*Das Herzstück. Dunkles Design, datenintensiv aber aufgeräumt.*
|
||||
|
||||
**Navigation:**
|
||||
|
||||
* Empfehlung: **Linke Sidebar** (Collapsible). Das wirkt professioneller ("Werkzeug") als eine Top-Bar.
|
||||
|
||||
#### A. Dashboard (Home)
|
||||
|
||||
*Der Überblick beim ersten Kaffee.*
|
||||
|
||||
* **Activity Feed:** "3 Domains auf deiner Watchlist haben Status geändert."
|
||||
* **Market Pulse:** "Heute enden 5 Auktionen, die deinen Filtern entsprechen."
|
||||
* **Quick Search:** Eingabefeld, um sofort eine Domain zu prüfen oder zur Watchlist hinzuzufügen.
|
||||
|
||||
#### B. My Watchlist (Track)
|
||||
|
||||
*Die persönliche Jagdliste.*
|
||||
|
||||
* **Listenansicht:**
|
||||
* *Spalte 1:* Domain Name.
|
||||
* *Spalte 2:* Status (Ampel-System: Online / Inaktiv / Pending Drop).
|
||||
* *Spalte 3:* Eigner-Info (Pro Feature: Wer ist es?).
|
||||
* *Spalte 4:* Actions (Notiz hinzufügen, Whois ansehen, Löschen).
|
||||
* **Filter:** "Zeige nur Domains, die offline sind" (Chance\!).
|
||||
|
||||
#### C. Market Scanner (Auctions)
|
||||
|
||||
*Die aggregierten Auktionsdaten.*
|
||||
|
||||
* **Smart Filters (Das USP):**
|
||||
* Preset: "High Value / Low Price".
|
||||
* Preset: "Short Domains (4 Letters)".
|
||||
* Preset: "No Trash" (Filtert automatisch kryptische Namen).
|
||||
* **Die Tabelle:**
|
||||
* Domain | Aktuelles Gebot | **Pounce Value (KI-Schätzung)** | Endet in | Plattform (Sedo/GoDaddy).
|
||||
* *Action:* "Bid Now" (Externer Link) oder "Track" (auf Watchlist setzen).
|
||||
|
||||
#### D. TLD Intelligence (Analyze)
|
||||
|
||||
*Strategische Daten.*
|
||||
|
||||
* **Arbitrage Finder:** Tabelle aller TLDs.
|
||||
* Spalte: "Reg Fee" (Registrierungspreis).
|
||||
* Spalte: "Avg. Resale Price" (Verkaufspreis).
|
||||
* *Highlight:* Wo ist die Marge am größten?
|
||||
* **Registrar Comparison:** Wo bekomme ich `.io` heute am billigsten?
|
||||
|
||||
#### E. Settings
|
||||
|
||||
* **Alerts:** "Sende mir SMS bei Drops" (Pro Feature).
|
||||
* **Billing:** Abo verwalten.
|
||||
|
||||
-----
|
||||
|
||||
### Visuelle Map der Struktur
|
||||
|
||||
```text
|
||||
POUNCE.CH
|
||||
│
|
||||
├── PUBLIC (Visitor)
|
||||
│ ├── Home (Search + Value Prop)
|
||||
│ ├── Market Preview (Auctions List - limited)
|
||||
│ ├── TLD Data (Trends & Charts - SEO optimized)
|
||||
│ ├── Pricing
|
||||
│ └── Auth (Login/Register)
|
||||
│
|
||||
└── COMMAND CENTER (User)
|
||||
├── [Sidebar Nav]
|
||||
│ ├── Dashboard (Overview & Notifications)
|
||||
│ ├── Watchlist (My tracked domains)
|
||||
│ │ └── Detail View (Whois, History, Notes)
|
||||
│ ├── Market (Auctions & Drops)
|
||||
│ │ ├── Saved Filters (e.g. "My AI Search")
|
||||
│ │ └── Deal Analyzer (Pro only)
|
||||
│ ├── Intelligence (TLD Stats & Arbitrage)
|
||||
│ └── Settings (Profile, Billing, Alerts)
|
||||
```
|
||||
|
||||
### User Flow Beispiel: "Vom Besucher zum Jäger"
|
||||
|
||||
1. **Public:** User googelt "Preisentwicklung .ai Domain".
|
||||
2. **Public TLD Page:** Landet auf deiner TLD-Seite. Sieht, dass der Preis steigt.
|
||||
3. **Teaser:** Unten auf der Seite steht: *"Wir haben gerade 12 unterbewertete .ai Domains in Auktionen gefunden. [Show me]"*.
|
||||
4. **Sign-Up:** User erstellt Free Account.
|
||||
5. **Command Center (Market):** User sieht die Liste, gefiltert nach `.ai`.
|
||||
6. **Upgrade:** User will wissen, ob der Preis von $50 für `brain.ai` gut ist. Klickt auf "Analyze". Popup: *"Upgrade to Hunter to see valuation data."*
|
||||
|
||||
### Nächster Schritt für dich
|
||||
|
||||
Soll ich dir basierend auf dieser Struktur einen **Wireframe-Text** für das **Dashboard (Command Center)** erstellen, damit du siehst, welche Daten dort genau stehen sollten?
|
||||
|
||||
Das ist ein **extrem wertvolles Feature**. Genau das ist der Unterschied zwischen einem "Verkäufer" (wie GoDaddy, der dir alles andrehen will) und einem "Berater" (Pounce, der dir nur das Gute zeigt).
|
||||
|
||||
Das Problem bei den großen Hostern ist: Sie sortieren nach **Marge** (woran sie am meisten verdienen) oder alphabetisch. Du sortierst nach **Qualität und Trend**.
|
||||
|
||||
Hier ist das Konzept für die **"Smart Alternative Engine"**:
|
||||
|
||||
### Das Feature: "Signal over Noise" Suggestions
|
||||
|
||||
Wenn der User `meinstartup.ai` eingibt und die Domain vergeben ist, ballern wir ihn nicht mit `.kitchen` oder `.rocks` zu. Wir nutzen deine Datenbank (TLD Trends), um nur relevante Alternativen zu zeigen.
|
||||
|
||||
#### 1\. Die Logik: Kategorisierung statt Listen
|
||||
|
||||
Statt einer langen Liste "Andere Endungen", teilst du die Ergebnisse in **3 smarte Cluster**:
|
||||
|
||||
**A. Die "Tech & Trend" Alternativen (High Performance)**
|
||||
|
||||
* *Kriterium:* TLDs, die aktuell im Trend liegen (laut deiner Datenbank) und in der Tech/Startup-Welt akzeptiert sind.
|
||||
* *Vorschläge:* `.io`, `.co`, `.app`, `.xyz`.
|
||||
* *Das "Pounce"-Extra:* Zeige dazu den Trend an.
|
||||
* `meinstartup.io` – **Frei** (Trend: 🔥 Beliebt bei SaaS)
|
||||
|
||||
**B. Die "Thematisch passenden" Alternativen (Context Aware)**
|
||||
|
||||
* *Kriterium:* Eine einfache Keyword-Analyse des Namens.
|
||||
* *Beispiel:* User sucht `mein-coffee-shop.com`.
|
||||
* *Vorschlag:* `.shop`, `.store`, `.cafe` (statt `.net` oder `.org`, die hier keinen Sinn machen).
|
||||
* *Beispiel:* User sucht `finanz-guru.de`.
|
||||
* *Vorschlag:* `.money`, `.finance`.
|
||||
|
||||
**C. Die "Budget & Hidden Gem" Alternativen**
|
||||
|
||||
* *Kriterium:* Günstiger Preis, aber seriöse Endung (kein Spam).
|
||||
* *Vorschläge:* `.de` (wenn deutsch), `.eu`, `.net`.
|
||||
|
||||
-----
|
||||
|
||||
### 2\. UI-Konzept: Wie es aussieht
|
||||
|
||||
Stell dir vor, der User sucht: **`future-ai.com`** (Vergeben).
|
||||
|
||||
Das Resultat sollte so aussehen:
|
||||
|
||||
> **❌ https://www.google.com/url?sa=E\&source=gmail\&q=future-ai.com ist vergeben.**
|
||||
> [Button: Überwachen (Notify on Drop)] [Button: Owner kontaktieren]
|
||||
>
|
||||
> -----
|
||||
>
|
||||
> **💡 Wir haben 3 Top-Alternativen für dich gefunden:**
|
||||
> *(Basierend auf Marktwert und Beliebtheit)*
|
||||
>
|
||||
> | Domain | Warum diese Endung? | Preis | Action |
|
||||
> | :--- | :--- | :--- | :--- |
|
||||
> | **future-ai.io** | **\#1 Tech-Alternative.** Standard für AI-Startups. | $32.00 | [Kaufen] |
|
||||
> | **future-ai.co** | **Seriös & Kurz.** Wird oft als Alternative zu .com genutzt. | $11.00 | [Kaufen] |
|
||||
> | **future-ai.xyz** | **Budget-Tipp.** Beliebt bei Web3/GenZ. | $2.00 | [Kaufen] |
|
||||
>
|
||||
> **Mehr anzeigen:** [Semantic] [Regional] [Alle ansehen]
|
||||
|
||||
-----
|
||||
|
||||
### 3\. Warum das besser ist ("Pounce Intelligence")
|
||||
|
||||
Du löst das Problem "Anstrengend & Schrott" durch **Daten**:
|
||||
|
||||
1. **Der "Anti-Spam" Filter:**
|
||||
Du blendest Endungen wie `.info`, `.biz`, `.name`, `.party` standardmäßig aus, es sei denn, der User will sie sehen. Das wirkt sofort hochwertiger.
|
||||
2. **Der "Performance" Indikator:**
|
||||
Du kannst neben der Endung kleine Badges anzeigen:
|
||||
* 🏆 **SEO-Friendly:** (z.B. für .de, .com, .org)
|
||||
* 🚀 **Trending:** (z.B. für .ai, .io)
|
||||
* 🛡️ **Trust:** (z.B. für .ch, .eu)
|
||||
3. **Domain Hacks (für Profis):**
|
||||
Wenn der User `superdesign.com` sucht, prüft dein Algorithmus auch, ob die Endung Teil des Wortes sein kann:
|
||||
* Vorschlag: `superdes.ign` (Smart\!)
|
||||
|
||||
### Wie du das umsetzt (Technisch simpel halten)
|
||||
|
||||
Du brauchst keine komplexe KI. Du brauchst nur "Listen-Logik":
|
||||
|
||||
* **Tier 1 (Immer zeigen wenn frei):** .com, .net, .org, .io, .co, .ai, .de, .ch (je nach User-Standort).
|
||||
* **Tier 2 (Kontext):** Wenn Wort "Shop/Buy" enthält -\> zeige .shop. Wenn Wort "App/Tool" enthält -\> zeige .app.
|
||||
* **Tier 3 (Müll):** Alles andere -\> In ein "Show More" Menü verstecken.
|
||||
|
||||
**Der Business-Mehrwert:**
|
||||
Damit wirst du zur **ersten Anlaufstelle für Namensfindung**. User kommen zu dir, nicht um zu *kaufen* (das machen sie am Ende beim Registrar), sondern um zu *entscheiden*. Und während sie entscheiden, sehen sie deine Pro-Features ("Überwache die .com doch lieber\!").
|
||||
|
||||
Das ist ein **riesiger Sprung nach vorne**. Die Seite wirkt jetzt viel erwachsener, strategischer und weniger "hemadsärmelig".
|
||||
|
||||
Der Wechsel von "Pick your weapon" zu **"Command Center"** ist genau der richtige Schritt. Das positioniert dich als professionelles Tool (SaaS) und nicht nur als Skript für Bastler.
|
||||
|
||||
Hier ist mein Feedback im Detail – was super ist und wo du noch den letzten Schliff ansetzen kannst:
|
||||
|
||||
### 1. Der Hero-Bereich (Der erste Eindruck)
|
||||
> **"The market never sleeps. You should."**
|
||||
|
||||
Das ist eine **geniale Headline**. Sie ist frech, kurz und bringt den Nutzen (Automatisierung) auf den Punkt.
|
||||
* **Subline:** *"We scan. We watch. We alert. You pounce."* – Das Staccato funktioniert super. Es baut Spannung auf.
|
||||
* **Der Ticker:** Die durchlaufende Leiste mit den Domains (`blockvest.co`, `nexus.dev`) ist Gold wert. Das zeigt sofort: "Hier ist Action, hier sind Daten." Das ist dein "Bloomberg-Moment".
|
||||
|
||||
### 2. Die "Three Moves" (Die Struktur)
|
||||
Die Aufteilung in **Discover – Track – Acquire** ist jetzt glasklar.
|
||||
* **Discover:** *"Not just 'taken' — but why, when it expires, and smarter alternatives."* -> Das löst genau das Problem, das wir besprochen haben (GoDaddy-Frust).
|
||||
* **Acquire:** *"Filtered. Valued."* -> Das sind die Trigger-Wörter für Investoren. Sie wollen keine Müll-Listen, sie wollen gefilterte Werte.
|
||||
|
||||
### 3. TLD Intelligence
|
||||
Die Integration der Live-Daten (.ai +35%) auf der Landing Page ist perfekt für **Social Proof**. Es zeigt, dass du nicht nur Domains auflistest, sondern den *Markt verstehst*.
|
||||
|
||||
---
|
||||
|
||||
### Mein Feinschliff-Vorschlag (Optimierung)
|
||||
|
||||
Hier sind ein paar kleine Anpassungen, um die Conversion noch weiter zu steigern:
|
||||
|
||||
#### A. Das Suchfeld als "Hero"
|
||||
Du schreibst: *"Try dream.com, startup.io, or next.co"*.
|
||||
Stelle sicher, dass das **Suchfeld** das absolut dominierende Element in der Mitte ist. Es muss einladend wirken.
|
||||
* *Idee:* Wenn der User tippt, sollte das Feld vielleicht schon während des Tippens reagieren (Autosuggest) oder zumindest sehr prominent "Search Global Market" sagen.
|
||||
|
||||
#### B. Pricing Table - Klarere Trennung
|
||||
In deinem Text unten sind die Features etwas vermischt. Hier ist eine schärfere Formulierung für die Tabelle, um den **Schmerzpunkt** zu treffen, der zum Upgrade führt:
|
||||
|
||||
**Scout (Free)**
|
||||
* *Für:* "Casual Search & Inspiration"
|
||||
* ✅ Real-time Availability Check
|
||||
* ✅ AI-powered Alternatives
|
||||
* ✅ Watchlist: **5 Domains**
|
||||
* ❌ **No** Deal Scores & Valuations
|
||||
* ❌ **No** Spam Filter in Auctions
|
||||
|
||||
**Trader ($19/mo)**
|
||||
* *Für:* "Serious Investors & Founders"
|
||||
* ✅ **Unlimited** Market Intel
|
||||
* ✅ Watchlist: **100 Domains**
|
||||
* ✅ **Smart Spam Filter** (Clean Auction Feed)
|
||||
* ✅ **Expiry Intel** (See exact drop dates)
|
||||
* ✅ **Instant** SMS/Email Alerts
|
||||
|
||||
*Warum das besser ist:* Du musst klar machen, dass der Free-User den "Spam" sieht und der Pro-User die "saubere Liste". Das ist ein starker Kaufgrund.
|
||||
|
||||
#### C. Trust-Elemente
|
||||
Du hast "886+ TLDs" etc.
|
||||
Vielleicht kannst du noch ein kleines Element hinzufügen wie:
|
||||
> *"Data aggregated from GoDaddy, Sedo, NameJet & DropCatch."*
|
||||
Logos dieser Anbieter in Graustufen (klein) bauen sofort Vertrauen auf, weil die User diese Marken kennen.
|
||||
|
||||
### Fazit
|
||||
Der Tone of Voice ist jetzt **"Cool, Calm, Collected"**.
|
||||
Du bist nicht mehr der hektische Marktschreier, sondern der **Analyst im Hintergrund**.
|
||||
|
||||
Der Satz **"Don't guess. Know."** ist extrem stark. Er sollte vielleicht sogar als fester Slogan unter dem Logo stehen oder als Meta-Title der Seite genutzt werden.
|
||||
|
||||
**Nächster Schritt:**
|
||||
Hast du schon überlegt, was passiert, wenn man auf "Go to Dashboard" klickt? Ist das erste, was man sieht, die "Universal Search" oder eine Übersicht der "Top Movers"? (Ich würde die Search empfehlen).
|
||||
@ -333,6 +333,20 @@ export default function AdminPage() {
|
||||
}
|
||||
}
|
||||
|
||||
const handleDeleteUser = async (userId: number, userEmail: string) => {
|
||||
if (!confirm(`Are you sure you want to delete user "${userEmail}" and ALL their data?\n\nThis action cannot be undone.`)) {
|
||||
return
|
||||
}
|
||||
try {
|
||||
await api.deleteAdminUser(userId)
|
||||
setSuccess(`User ${userEmail} and all their data have been deleted`)
|
||||
setSelectedUser(null)
|
||||
loadAdminData()
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'Delete failed')
|
||||
}
|
||||
}
|
||||
|
||||
const handleBulkUpgrade = async () => {
|
||||
if (selectedUsers.length === 0) {
|
||||
setError('Please select users to upgrade')
|
||||
@ -418,7 +432,7 @@ export default function AdminPage() {
|
||||
{ id: 'newsletter' as const, label: 'Newsletter', icon: Mail },
|
||||
{ id: 'tld' as const, label: 'TLD Data', icon: Globe },
|
||||
{ id: 'auctions' as const, label: 'Auctions', icon: Gavel },
|
||||
{ id: 'blog' as const, label: 'Blog', icon: BookOpen },
|
||||
{ id: 'blog' as const, label: 'Briefings', icon: BookOpen },
|
||||
{ id: 'system' as const, label: 'System', icon: Database },
|
||||
{ id: 'activity' as const, label: 'Activity', icon: History },
|
||||
]
|
||||
@ -437,12 +451,12 @@ export default function AdminPage() {
|
||||
<div className="max-w-7xl mx-auto">
|
||||
{/* Header */}
|
||||
<div className="mb-12 animate-fade-in">
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Admin Panel</span>
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Admin HQ</span>
|
||||
<h1 className="mt-4 font-display text-[2rem] sm:text-[2.75rem] md:text-[3.5rem] leading-[1.1] tracking-[-0.03em] text-foreground">
|
||||
Control Center.
|
||||
Mission Control.
|
||||
</h1>
|
||||
<p className="mt-3 text-lg text-foreground-muted">
|
||||
Manage users, monitor system health, and control platform settings.
|
||||
Users. Data. System. All under your command.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -678,6 +692,14 @@ export default function AdminPage() {
|
||||
>
|
||||
<Shield className="w-4 h-4" />
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleDeleteUser(u.id, u.email)}
|
||||
disabled={u.is_admin}
|
||||
className="p-1.5 rounded-lg bg-danger/10 text-danger hover:bg-danger/20 disabled:opacity-30 disabled:cursor-not-allowed transition-colors"
|
||||
title={u.is_admin ? 'Cannot delete admin users' : 'Delete user and all data'}
|
||||
>
|
||||
<Trash2 className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -1284,22 +1306,33 @@ export default function AdminPage() {
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="p-6 border-t border-border flex justify-end gap-3">
|
||||
<div className="p-6 border-t border-border flex justify-between gap-3">
|
||||
<button
|
||||
onClick={() => setSelectedUser(null)}
|
||||
className="px-4 py-2 text-foreground-muted hover:text-foreground transition-colors"
|
||||
onClick={() => handleDeleteUser(selectedUser.id, selectedUser.email)}
|
||||
disabled={selectedUser.is_admin}
|
||||
className="px-4 py-2 bg-danger/10 text-danger rounded-lg font-medium hover:bg-danger/20 disabled:opacity-30 disabled:cursor-not-allowed transition-all flex items-center gap-2"
|
||||
title={selectedUser.is_admin ? 'Cannot delete admin users' : 'Delete user and all data'}
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
<button
|
||||
onClick={() => {
|
||||
handleToggleAdmin(selectedUser.id, selectedUser.is_admin)
|
||||
setSelectedUser(null)
|
||||
}}
|
||||
className="px-4 py-2 bg-accent text-background rounded-lg font-medium hover:bg-accent-hover transition-all"
|
||||
>
|
||||
{selectedUser.is_admin ? 'Remove Admin' : 'Make Admin'}
|
||||
<Trash2 className="w-4 h-4" />
|
||||
Delete User
|
||||
</button>
|
||||
<div className="flex gap-3">
|
||||
<button
|
||||
onClick={() => setSelectedUser(null)}
|
||||
className="px-4 py-2 text-foreground-muted hover:text-foreground transition-colors"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
<button
|
||||
onClick={() => {
|
||||
handleToggleAdmin(selectedUser.id, selectedUser.is_admin)
|
||||
setSelectedUser(null)
|
||||
}}
|
||||
className="px-4 py-2 bg-accent text-background rounded-lg font-medium hover:bg-accent-hover transition-all"
|
||||
>
|
||||
{selectedUser.is_admin ? 'Remove Admin' : 'Make Admin'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -282,7 +282,7 @@ export default function AuctionsPage() {
|
||||
<div className="text-center mb-16 sm:mb-20 animate-fade-in">
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Auction Aggregator</span>
|
||||
<h1 className="mt-4 font-display text-[2.5rem] sm:text-[3.5rem] md:text-[4.5rem] lg:text-[5rem] leading-[0.95] tracking-[-0.03em] text-foreground">
|
||||
{allAuctions.length}+ Live Auctions
|
||||
Curated Opportunities
|
||||
</h1>
|
||||
<p className="mt-5 text-lg sm:text-xl text-foreground-muted max-w-2xl mx-auto">
|
||||
Real-time from GoDaddy, Sedo, NameJet & DropCatch. Find opportunities.
|
||||
@ -470,7 +470,7 @@ export default function AuctionsPage() {
|
||||
className="inline-flex items-center gap-2 px-6 py-3 bg-accent text-background text-ui font-medium rounded-xl
|
||||
hover:bg-accent-hover transition-all shadow-lg shadow-accent/20"
|
||||
>
|
||||
Get Started Free
|
||||
Join the Hunt
|
||||
<ArrowUpRight className="w-4 h-4" />
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@ -137,7 +137,7 @@ export default function BlogPostPage() {
|
||||
className="inline-flex items-center gap-2 px-6 py-3 bg-accent text-background rounded-xl font-medium hover:bg-accent-hover transition-all"
|
||||
>
|
||||
<ArrowLeft className="w-4 h-4" />
|
||||
Back to Blog
|
||||
Back to Briefings
|
||||
</Link>
|
||||
</div>
|
||||
</main>
|
||||
@ -171,7 +171,7 @@ export default function BlogPostPage() {
|
||||
className="inline-flex items-center gap-2 text-foreground-muted hover:text-accent transition-colors mb-10 group"
|
||||
>
|
||||
<ArrowLeft className="w-4 h-4 group-hover:-translate-x-1 transition-transform" />
|
||||
<span className="text-sm font-medium">Back to Blog</span>
|
||||
<span className="text-sm font-medium">Back to Briefings</span>
|
||||
</Link>
|
||||
|
||||
{/* Hero Header */}
|
||||
@ -336,7 +336,7 @@ export default function BlogPostPage() {
|
||||
href="/register"
|
||||
className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-accent text-background rounded-xl font-medium hover:bg-accent-hover transition-all"
|
||||
>
|
||||
Get Started Free
|
||||
Join the Hunt
|
||||
</Link>
|
||||
<Link
|
||||
href="/blog"
|
||||
|
||||
@ -109,7 +109,7 @@ export default function BlogPage() {
|
||||
<div className="max-w-7xl mx-auto">
|
||||
{/* Hero Header */}
|
||||
<div className="text-center mb-20 animate-fade-in">
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Domain Intelligence</span>
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Field Briefings</span>
|
||||
|
||||
<h1 className="mt-4 font-display text-[2.75rem] sm:text-[4rem] md:text-[5rem] leading-[0.95] tracking-[-0.03em] text-foreground mb-8">
|
||||
The Hunt<br />
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
257
frontend/src/app/intelligence/page.tsx
Executable file
257
frontend/src/app/intelligence/page.tsx
Executable file
@ -0,0 +1,257 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useStore } from '@/lib/store'
|
||||
import { api } from '@/lib/api'
|
||||
import { CommandCenterLayout } from '@/components/CommandCenterLayout'
|
||||
import {
|
||||
Search,
|
||||
TrendingUp,
|
||||
TrendingDown,
|
||||
Minus,
|
||||
ChevronRight,
|
||||
Globe,
|
||||
ArrowUpDown,
|
||||
ExternalLink,
|
||||
BarChart3,
|
||||
DollarSign,
|
||||
} from 'lucide-react'
|
||||
import clsx from 'clsx'
|
||||
import Link from 'next/link'
|
||||
|
||||
interface TLDData {
|
||||
tld: string
|
||||
min_price: number
|
||||
avg_price: number
|
||||
max_price: number
|
||||
cheapest_registrar: string
|
||||
cheapest_registrar_url?: string
|
||||
price_change_7d?: number
|
||||
popularity_rank?: number
|
||||
}
|
||||
|
||||
export default function IntelligencePage() {
|
||||
const { subscription } = useStore()
|
||||
|
||||
const [tldData, setTldData] = useState<TLDData[]>([])
|
||||
const [loading, setLoading] = useState(true)
|
||||
const [searchQuery, setSearchQuery] = useState('')
|
||||
const [sortBy, setSortBy] = useState<'popularity' | 'price_asc' | 'price_desc' | 'change'>('popularity')
|
||||
const [page, setPage] = useState(0)
|
||||
const [total, setTotal] = useState(0)
|
||||
|
||||
useEffect(() => {
|
||||
loadTLDData()
|
||||
}, [page, sortBy])
|
||||
|
||||
const loadTLDData = async () => {
|
||||
setLoading(true)
|
||||
try {
|
||||
const response = await api.getTldPrices({
|
||||
limit: 50,
|
||||
offset: page * 50,
|
||||
sort_by: sortBy,
|
||||
})
|
||||
setTldData(response.tlds || [])
|
||||
setTotal(response.total || 0)
|
||||
} catch (error) {
|
||||
console.error('Failed to load TLD data:', error)
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
// Filter by search
|
||||
const filteredData = tldData.filter(tld =>
|
||||
tld.tld.toLowerCase().includes(searchQuery.toLowerCase())
|
||||
)
|
||||
|
||||
const getTrendIcon = (change: number | undefined) => {
|
||||
if (!change) return <Minus className="w-4 h-4 text-foreground-muted" />
|
||||
if (change > 0) return <TrendingUp className="w-4 h-4 text-orange-400" />
|
||||
return <TrendingDown className="w-4 h-4 text-accent" />
|
||||
}
|
||||
|
||||
return (
|
||||
<CommandCenterLayout
|
||||
title="TLD Intelligence"
|
||||
subtitle={`Real-time pricing data for ${total}+ TLDs`}
|
||||
>
|
||||
<div className="max-w-7xl mx-auto space-y-6">
|
||||
{/* Stats Overview */}
|
||||
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
|
||||
<div className="p-5 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
<div className="w-10 h-10 bg-accent/10 rounded-xl flex items-center justify-center">
|
||||
<Globe className="w-5 h-5 text-accent" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-2xl font-display text-foreground">{total}+</p>
|
||||
<p className="text-sm text-foreground-muted">TLDs Tracked</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-5 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
<div className="w-10 h-10 bg-accent/10 rounded-xl flex items-center justify-center">
|
||||
<DollarSign className="w-5 h-5 text-accent" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-2xl font-display text-foreground">$0.99</p>
|
||||
<p className="text-sm text-foreground-muted">Lowest Price</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-5 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
<div className="w-10 h-10 bg-orange-400/10 rounded-xl flex items-center justify-center">
|
||||
<TrendingUp className="w-5 h-5 text-orange-400" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-2xl font-display text-foreground">.ai</p>
|
||||
<p className="text-sm text-foreground-muted">Hottest TLD</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-5 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
<div className="w-10 h-10 bg-foreground/5 rounded-xl flex items-center justify-center">
|
||||
<BarChart3 className="w-5 h-5 text-foreground-muted" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-2xl font-display text-foreground">24h</p>
|
||||
<p className="text-sm text-foreground-muted">Update Frequency</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Filters */}
|
||||
<div className="flex flex-col sm:flex-row gap-3">
|
||||
<div className="relative flex-1">
|
||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-foreground-muted" />
|
||||
<input
|
||||
type="text"
|
||||
value={searchQuery}
|
||||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
placeholder="Search TLDs..."
|
||||
className="w-full h-10 pl-10 pr-4 bg-background-secondary border border-border rounded-lg
|
||||
text-sm text-foreground placeholder:text-foreground-subtle
|
||||
focus:outline-none focus:border-accent"
|
||||
/>
|
||||
</div>
|
||||
<div className="relative">
|
||||
<select
|
||||
value={sortBy}
|
||||
onChange={(e) => setSortBy(e.target.value as any)}
|
||||
className="h-10 pl-4 pr-10 bg-background-secondary border border-border rounded-lg
|
||||
text-sm text-foreground appearance-none cursor-pointer
|
||||
focus:outline-none focus:border-accent"
|
||||
>
|
||||
<option value="popularity">By Popularity</option>
|
||||
<option value="price_asc">Price: Low to High</option>
|
||||
<option value="price_desc">Price: High to Low</option>
|
||||
<option value="change">By Change %</option>
|
||||
</select>
|
||||
<ArrowUpDown className="absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-foreground-muted pointer-events-none" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* TLD Table */}
|
||||
{loading ? (
|
||||
<div className="space-y-3">
|
||||
{[...Array(10)].map((_, i) => (
|
||||
<div key={i} className="h-16 bg-background-secondary/50 border border-border rounded-xl animate-pulse" />
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<div className="overflow-hidden border border-border rounded-xl">
|
||||
{/* Table Header */}
|
||||
<div className="hidden lg:grid lg:grid-cols-12 gap-4 p-4 bg-background-secondary/50 border-b border-border text-sm text-foreground-muted font-medium">
|
||||
<div className="col-span-2">TLD</div>
|
||||
<div className="col-span-2">Min Price</div>
|
||||
<div className="col-span-2">Avg Price</div>
|
||||
<div className="col-span-2">Change</div>
|
||||
<div className="col-span-3">Cheapest Registrar</div>
|
||||
<div className="col-span-1"></div>
|
||||
</div>
|
||||
|
||||
{/* Table Rows */}
|
||||
<div className="divide-y divide-border">
|
||||
{filteredData.map((tld) => (
|
||||
<Link
|
||||
key={tld.tld}
|
||||
href={`/tld-pricing/${tld.tld}`}
|
||||
className="block lg:grid lg:grid-cols-12 gap-4 p-4 hover:bg-foreground/5 transition-colors"
|
||||
>
|
||||
{/* TLD */}
|
||||
<div className="col-span-2 flex items-center gap-3 mb-3 lg:mb-0">
|
||||
<span className="font-mono text-xl font-semibold text-foreground">.{tld.tld}</span>
|
||||
</div>
|
||||
|
||||
{/* Min Price */}
|
||||
<div className="col-span-2 flex items-center">
|
||||
<span className="text-foreground font-medium">${tld.min_price.toFixed(2)}</span>
|
||||
</div>
|
||||
|
||||
{/* Avg Price */}
|
||||
<div className="col-span-2 flex items-center">
|
||||
<span className="text-foreground-muted">${tld.avg_price.toFixed(2)}</span>
|
||||
</div>
|
||||
|
||||
{/* Change */}
|
||||
<div className="col-span-2 flex items-center gap-2">
|
||||
{getTrendIcon(tld.price_change_7d)}
|
||||
<span className={clsx(
|
||||
"font-medium",
|
||||
(tld.price_change_7d || 0) > 0 ? "text-orange-400" :
|
||||
(tld.price_change_7d || 0) < 0 ? "text-accent" : "text-foreground-muted"
|
||||
)}>
|
||||
{(tld.price_change_7d || 0) > 0 ? '+' : ''}{(tld.price_change_7d || 0).toFixed(1)}%
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{/* Registrar */}
|
||||
<div className="col-span-3 flex items-center">
|
||||
<span className="text-foreground-muted truncate">{tld.cheapest_registrar}</span>
|
||||
</div>
|
||||
|
||||
{/* Arrow */}
|
||||
<div className="col-span-1 flex items-center justify-end">
|
||||
<ChevronRight className="w-5 h-5 text-foreground-subtle" />
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Pagination */}
|
||||
{total > 50 && (
|
||||
<div className="flex items-center justify-center gap-2">
|
||||
<button
|
||||
onClick={() => setPage(Math.max(0, page - 1))}
|
||||
disabled={page === 0}
|
||||
className="px-4 py-2 text-sm text-foreground-muted hover:text-foreground
|
||||
disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
>
|
||||
Previous
|
||||
</button>
|
||||
<span className="text-sm text-foreground-muted">
|
||||
Page {page + 1} of {Math.ceil(total / 50)}
|
||||
</span>
|
||||
<button
|
||||
onClick={() => setPage(page + 1)}
|
||||
disabled={(page + 1) * 50 >= total}
|
||||
className="px-4 py-2 text-sm text-foreground-muted hover:text-foreground
|
||||
disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</CommandCenterLayout>
|
||||
)
|
||||
}
|
||||
|
||||
@ -79,6 +79,15 @@ function LoginForm() {
|
||||
|
||||
try {
|
||||
await login(email, password)
|
||||
|
||||
// Check if email is verified
|
||||
const user = await api.getMe()
|
||||
if (!user.is_verified) {
|
||||
// Redirect to verify-email page if not verified
|
||||
router.push(`/verify-email?email=${encodeURIComponent(email)}`)
|
||||
return
|
||||
}
|
||||
|
||||
// Redirect to intended destination or dashboard
|
||||
router.push(redirectTo)
|
||||
} catch (err: unknown) {
|
||||
|
||||
252
frontend/src/app/market/page.tsx
Normal file
252
frontend/src/app/market/page.tsx
Normal file
@ -0,0 +1,252 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import { useStore } from '@/lib/store'
|
||||
import { api } from '@/lib/api'
|
||||
import { CommandCenterLayout } from '@/components/CommandCenterLayout'
|
||||
import {
|
||||
Search,
|
||||
Filter,
|
||||
Clock,
|
||||
TrendingUp,
|
||||
Flame,
|
||||
Sparkles,
|
||||
ExternalLink,
|
||||
ChevronDown,
|
||||
Globe,
|
||||
Gavel,
|
||||
ArrowUpDown,
|
||||
} from 'lucide-react'
|
||||
import clsx from 'clsx'
|
||||
|
||||
type ViewType = 'all' | 'ending' | 'hot' | 'opportunities'
|
||||
|
||||
interface Auction {
|
||||
domain: string
|
||||
platform: string
|
||||
current_bid: number
|
||||
num_bids: number
|
||||
end_time: string
|
||||
time_remaining: string
|
||||
affiliate_url: string
|
||||
tld: string
|
||||
}
|
||||
|
||||
export default function MarketPage() {
|
||||
const router = useRouter()
|
||||
const { subscription } = useStore()
|
||||
|
||||
const [auctions, setAuctions] = useState<Auction[]>([])
|
||||
const [loading, setLoading] = useState(true)
|
||||
const [activeView, setActiveView] = useState<ViewType>('all')
|
||||
const [searchQuery, setSearchQuery] = useState('')
|
||||
const [platformFilter, setPlatformFilter] = useState<string>('all')
|
||||
const [sortBy, setSortBy] = useState<string>('end_time')
|
||||
|
||||
useEffect(() => {
|
||||
loadAuctions()
|
||||
}, [activeView])
|
||||
|
||||
const loadAuctions = async () => {
|
||||
setLoading(true)
|
||||
try {
|
||||
let data
|
||||
switch (activeView) {
|
||||
case 'ending':
|
||||
data = await api.getEndingSoonAuctions(50)
|
||||
break
|
||||
case 'hot':
|
||||
data = await api.getHotAuctions(50)
|
||||
break
|
||||
case 'opportunities':
|
||||
data = await api.getOpportunityAuctions(50)
|
||||
break
|
||||
default:
|
||||
const response = await api.getAuctions({ limit: 50, sort_by: sortBy })
|
||||
data = response.auctions || []
|
||||
}
|
||||
setAuctions(data)
|
||||
} catch (error) {
|
||||
console.error('Failed to load auctions:', error)
|
||||
setAuctions([])
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
// Filter auctions
|
||||
const filteredAuctions = auctions.filter(auction => {
|
||||
if (searchQuery && !auction.domain.toLowerCase().includes(searchQuery.toLowerCase())) {
|
||||
return false
|
||||
}
|
||||
if (platformFilter !== 'all' && auction.platform !== platformFilter) {
|
||||
return false
|
||||
}
|
||||
return true
|
||||
})
|
||||
|
||||
const platforms = ['GoDaddy', 'Sedo', 'NameJet', 'DropCatch', 'ExpiredDomains']
|
||||
|
||||
const views = [
|
||||
{ id: 'all', label: 'All Auctions', icon: Gavel },
|
||||
{ id: 'ending', label: 'Ending Soon', icon: Clock },
|
||||
{ id: 'hot', label: 'Hot', icon: Flame },
|
||||
{ id: 'opportunities', label: 'Opportunities', icon: Sparkles },
|
||||
]
|
||||
|
||||
return (
|
||||
<CommandCenterLayout
|
||||
title="Market Scanner"
|
||||
subtitle="Live auctions from all major platforms"
|
||||
>
|
||||
<div className="max-w-7xl mx-auto space-y-6">
|
||||
{/* View Tabs */}
|
||||
<div className="flex flex-wrap gap-2 p-1 bg-background-secondary/50 rounded-xl border border-border">
|
||||
{views.map((view) => (
|
||||
<button
|
||||
key={view.id}
|
||||
onClick={() => setActiveView(view.id as ViewType)}
|
||||
className={clsx(
|
||||
"flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium transition-all",
|
||||
activeView === view.id
|
||||
? "bg-foreground text-background"
|
||||
: "text-foreground-muted hover:text-foreground hover:bg-foreground/5"
|
||||
)}
|
||||
>
|
||||
<view.icon className="w-4 h-4" />
|
||||
{view.label}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Filters */}
|
||||
<div className="flex flex-col sm:flex-row gap-3">
|
||||
{/* Search */}
|
||||
<div className="relative flex-1">
|
||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-foreground-muted" />
|
||||
<input
|
||||
type="text"
|
||||
value={searchQuery}
|
||||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
placeholder="Search domains..."
|
||||
className="w-full h-10 pl-10 pr-4 bg-background-secondary border border-border rounded-lg
|
||||
text-sm text-foreground placeholder:text-foreground-subtle
|
||||
focus:outline-none focus:border-accent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Platform Filter */}
|
||||
<div className="relative">
|
||||
<select
|
||||
value={platformFilter}
|
||||
onChange={(e) => setPlatformFilter(e.target.value)}
|
||||
className="h-10 pl-4 pr-10 bg-background-secondary border border-border rounded-lg
|
||||
text-sm text-foreground appearance-none cursor-pointer
|
||||
focus:outline-none focus:border-accent"
|
||||
>
|
||||
<option value="all">All Platforms</option>
|
||||
{platforms.map((p) => (
|
||||
<option key={p} value={p}>{p}</option>
|
||||
))}
|
||||
</select>
|
||||
<ChevronDown className="absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-foreground-muted pointer-events-none" />
|
||||
</div>
|
||||
|
||||
{/* Sort */}
|
||||
<div className="relative">
|
||||
<select
|
||||
value={sortBy}
|
||||
onChange={(e) => {
|
||||
setSortBy(e.target.value)
|
||||
loadAuctions()
|
||||
}}
|
||||
className="h-10 pl-4 pr-10 bg-background-secondary border border-border rounded-lg
|
||||
text-sm text-foreground appearance-none cursor-pointer
|
||||
focus:outline-none focus:border-accent"
|
||||
>
|
||||
<option value="end_time">Ending Soon</option>
|
||||
<option value="bid_asc">Price: Low to High</option>
|
||||
<option value="bid_desc">Price: High to Low</option>
|
||||
<option value="bids">Most Bids</option>
|
||||
</select>
|
||||
<ArrowUpDown className="absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-foreground-muted pointer-events-none" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Stats Bar */}
|
||||
<div className="flex items-center gap-6 text-sm text-foreground-muted">
|
||||
<span>{filteredAuctions.length} auctions</span>
|
||||
<span>•</span>
|
||||
<span className="flex items-center gap-1.5">
|
||||
<Globe className="w-3.5 h-3.5" />
|
||||
{platforms.length} platforms
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{/* Auction List */}
|
||||
{loading ? (
|
||||
<div className="space-y-3">
|
||||
{[...Array(5)].map((_, i) => (
|
||||
<div key={i} className="h-20 bg-background-secondary/50 border border-border rounded-xl animate-pulse" />
|
||||
))}
|
||||
</div>
|
||||
) : filteredAuctions.length === 0 ? (
|
||||
<div className="text-center py-16 bg-background-secondary/30 border border-border rounded-xl">
|
||||
<Gavel className="w-12 h-12 text-foreground-subtle mx-auto mb-4" />
|
||||
<p className="text-foreground-muted">No auctions found</p>
|
||||
<p className="text-sm text-foreground-subtle mt-1">Try adjusting your filters</p>
|
||||
</div>
|
||||
) : (
|
||||
<div className="space-y-3">
|
||||
{filteredAuctions.map((auction, idx) => (
|
||||
<div
|
||||
key={`${auction.domain}-${idx}`}
|
||||
className="group p-4 sm:p-5 bg-background-secondary/50 border border-border rounded-xl
|
||||
hover:border-foreground/20 transition-all"
|
||||
>
|
||||
<div className="flex flex-col sm:flex-row sm:items-center gap-4">
|
||||
{/* Domain Info */}
|
||||
<div className="flex-1 min-w-0">
|
||||
<div className="flex items-center gap-3 mb-1">
|
||||
<h3 className="text-lg font-semibold text-foreground truncate">{auction.domain}</h3>
|
||||
<span className="shrink-0 px-2 py-0.5 bg-foreground/5 text-foreground-muted text-xs rounded">
|
||||
{auction.platform}
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-4 text-sm text-foreground-muted">
|
||||
<span className="flex items-center gap-1.5">
|
||||
<Clock className="w-3.5 h-3.5" />
|
||||
{auction.time_remaining}
|
||||
</span>
|
||||
<span>{auction.num_bids} bids</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Price + Action */}
|
||||
<div className="flex items-center gap-4 shrink-0">
|
||||
<div className="text-right">
|
||||
<p className="text-xl font-semibold text-foreground">${auction.current_bid.toLocaleString()}</p>
|
||||
<p className="text-xs text-foreground-subtle">Current bid</p>
|
||||
</div>
|
||||
<a
|
||||
href={auction.affiliate_url}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="flex items-center gap-2 px-4 py-2.5 bg-foreground text-background rounded-lg
|
||||
font-medium text-sm hover:bg-foreground/90 transition-colors"
|
||||
>
|
||||
Bid
|
||||
<ExternalLink className="w-3.5 h-3.5" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</CommandCenterLayout>
|
||||
)
|
||||
}
|
||||
|
||||
@ -22,8 +22,8 @@ function OAuthCallbackContent() {
|
||||
}
|
||||
|
||||
if (token) {
|
||||
// Store the token
|
||||
localStorage.setItem('auth_token', token)
|
||||
// Store the token (using 'token' key to match api.ts)
|
||||
localStorage.setItem('token', token)
|
||||
|
||||
// Update auth state
|
||||
checkAuth().then(() => {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useEffect, useState, useRef } from 'react'
|
||||
import Image from 'next/image'
|
||||
import { Header } from '@/components/Header'
|
||||
import { Footer } from '@/components/Footer'
|
||||
@ -21,6 +21,15 @@ import {
|
||||
BarChart3,
|
||||
Globe,
|
||||
Check,
|
||||
Search,
|
||||
Target,
|
||||
Gavel,
|
||||
Sparkles,
|
||||
Activity,
|
||||
LineChart,
|
||||
Lock,
|
||||
Filter,
|
||||
Crosshair,
|
||||
} from 'lucide-react'
|
||||
import Link from 'next/link'
|
||||
import clsx from 'clsx'
|
||||
@ -32,6 +41,13 @@ interface TrendingTld {
|
||||
price_change: number
|
||||
}
|
||||
|
||||
interface HotAuction {
|
||||
domain: string
|
||||
current_bid: number
|
||||
time_remaining: string
|
||||
platform: string
|
||||
}
|
||||
|
||||
// Shimmer for loading states
|
||||
function Shimmer({ className }: { className?: string }) {
|
||||
return (
|
||||
@ -70,24 +86,66 @@ function AnimatedNumber({ value, suffix = '' }: { value: number, suffix?: string
|
||||
return <>{count.toLocaleString()}{suffix}</>
|
||||
}
|
||||
|
||||
// Live Market Ticker
|
||||
function MarketTicker({ auctions }: { auctions: HotAuction[] }) {
|
||||
const tickerRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
// Duplicate items for seamless loop
|
||||
const items = [...auctions, ...auctions]
|
||||
|
||||
if (auctions.length === 0) return null
|
||||
|
||||
return (
|
||||
<div className="relative overflow-hidden bg-background-secondary/30 border-y border-border/50 py-3">
|
||||
<div
|
||||
ref={tickerRef}
|
||||
className="flex animate-[ticker_30s_linear_infinite] hover:[animation-play-state:paused]"
|
||||
style={{ width: 'max-content' }}
|
||||
>
|
||||
{items.map((auction, i) => (
|
||||
<div
|
||||
key={`${auction.domain}-${i}`}
|
||||
className="flex items-center gap-6 px-8 border-r border-border/30"
|
||||
>
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="w-2 h-2 rounded-full bg-accent animate-pulse" />
|
||||
<span className="font-mono text-sm text-foreground">{auction.domain}</span>
|
||||
</div>
|
||||
<span className="text-sm text-accent font-semibold">${auction.current_bid}</span>
|
||||
<span className="text-xs text-foreground-subtle">{auction.time_remaining}</span>
|
||||
<span className="text-xs text-foreground-muted uppercase">{auction.platform}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function HomePage() {
|
||||
const { checkAuth, isLoading, isAuthenticated } = useStore()
|
||||
const [trendingTlds, setTrendingTlds] = useState<TrendingTld[]>([])
|
||||
const [hotAuctions, setHotAuctions] = useState<HotAuction[]>([])
|
||||
const [loadingTlds, setLoadingTlds] = useState(true)
|
||||
const [loadingAuctions, setLoadingAuctions] = useState(true)
|
||||
|
||||
useEffect(() => {
|
||||
checkAuth()
|
||||
fetchTldData()
|
||||
fetchData()
|
||||
}, [checkAuth])
|
||||
|
||||
const fetchTldData = async () => {
|
||||
const fetchData = async () => {
|
||||
try {
|
||||
const trending = await api.getTrendingTlds()
|
||||
const [trending, auctions] = await Promise.all([
|
||||
api.getTrendingTlds(),
|
||||
api.getHotAuctions(8).catch(() => [])
|
||||
])
|
||||
setTrendingTlds(trending.trending.slice(0, 4))
|
||||
setHotAuctions(auctions.slice(0, 8))
|
||||
} catch (error) {
|
||||
console.error('Failed to fetch TLD data:', error)
|
||||
console.error('Failed to fetch data:', error)
|
||||
} finally {
|
||||
setLoadingTlds(false)
|
||||
setLoadingAuctions(false)
|
||||
}
|
||||
}
|
||||
|
||||
@ -109,11 +167,8 @@ export default function HomePage() {
|
||||
<div className="min-h-screen bg-background relative overflow-hidden">
|
||||
{/* Background Effects */}
|
||||
<div className="fixed inset-0 pointer-events-none">
|
||||
{/* Primary glow */}
|
||||
<div className="absolute top-[-20%] left-1/2 -translate-x-1/2 w-[1200px] h-[800px] bg-accent/[0.03] rounded-full blur-[120px]" />
|
||||
{/* Secondary glow */}
|
||||
<div className="absolute bottom-[-10%] right-[-10%] w-[600px] h-[600px] bg-accent/[0.02] rounded-full blur-[100px]" />
|
||||
{/* Grid pattern */}
|
||||
<div
|
||||
className="absolute inset-0 opacity-[0.015]"
|
||||
style={{
|
||||
@ -125,8 +180,8 @@ export default function HomePage() {
|
||||
|
||||
<Header />
|
||||
|
||||
{/* Hero Section */}
|
||||
<section className="relative pt-32 sm:pt-40 md:pt-48 lg:pt-56 pb-20 sm:pb-28 px-4 sm:px-6">
|
||||
{/* Hero Section - "Bloomberg meets Apple" */}
|
||||
<section className="relative pt-32 sm:pt-40 md:pt-48 pb-16 sm:pb-20 px-4 sm:px-6">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
<div className="text-center max-w-5xl mx-auto">
|
||||
{/* Puma Logo */}
|
||||
@ -145,40 +200,169 @@ export default function HomePage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Main Headline - MASSIVE */}
|
||||
{/* Main Headline - Konzept: "Der Markt schläft nie. Du schon." */}
|
||||
<h1 className="animate-slide-up">
|
||||
<span className="block font-display text-[3rem] sm:text-[4rem] md:text-[5.5rem] lg:text-[7rem] xl:text-[8rem] leading-[0.9] tracking-[-0.04em] text-foreground">
|
||||
Others wait.
|
||||
<span className="block font-display text-[2.5rem] sm:text-[3.5rem] md:text-[4.5rem] lg:text-[5.5rem] xl:text-[6.5rem] leading-[0.95] tracking-[-0.04em] text-foreground">
|
||||
The market never sleeps.
|
||||
</span>
|
||||
<span className="block font-display text-[3rem] sm:text-[4rem] md:text-[5.5rem] lg:text-[7rem] xl:text-[8rem] leading-[0.9] tracking-[-0.04em] text-foreground/40 mt-2">
|
||||
You pounce.
|
||||
<span className="block font-display text-[2.5rem] sm:text-[3.5rem] md:text-[4.5rem] lg:text-[5.5rem] xl:text-[6.5rem] leading-[0.95] tracking-[-0.04em] text-foreground/30 mt-1">
|
||||
You should.
|
||||
</span>
|
||||
</h1>
|
||||
|
||||
{/* Subheadline */}
|
||||
<p className="mt-8 sm:mt-10 md:mt-12 text-lg sm:text-xl md:text-2xl text-foreground-muted max-w-2xl mx-auto animate-slide-up delay-100 leading-relaxed">
|
||||
Domain intelligence for the decisive. Track any domain.
|
||||
Know the moment it drops. Move before anyone else.
|
||||
{/* Subheadline - Konzept Versprechen */}
|
||||
<p className="mt-8 sm:mt-10 text-lg sm:text-xl md:text-2xl text-foreground-muted max-w-2xl mx-auto animate-slide-up delay-100 leading-relaxed">
|
||||
We scan. We watch. We alert.{' '}
|
||||
<span className="text-foreground font-medium">You pounce.</span>
|
||||
</p>
|
||||
|
||||
{/* Tagline */}
|
||||
<p className="mt-4 text-base sm:text-lg text-accent font-medium animate-slide-up delay-150">
|
||||
Don't guess. Know.
|
||||
</p>
|
||||
|
||||
{/* Domain Checker */}
|
||||
<div className="mt-10 sm:mt-14 md:mt-16 animate-slide-up delay-200">
|
||||
<div className="mt-10 sm:mt-12 animate-slide-up delay-200">
|
||||
<DomainChecker />
|
||||
</div>
|
||||
|
||||
{/* Trust Indicators */}
|
||||
<div className="mt-12 sm:mt-16 flex flex-wrap items-center justify-center gap-8 sm:gap-12 text-foreground-subtle animate-fade-in delay-300">
|
||||
<div className="mt-10 sm:mt-12 flex flex-wrap items-center justify-center gap-6 sm:gap-10 text-foreground-subtle animate-fade-in delay-300">
|
||||
<div className="flex items-center gap-2">
|
||||
<Globe className="w-4 h-4 text-accent" />
|
||||
<span className="text-sm font-medium"><AnimatedNumber value={886} />+ TLDs tracked</span>
|
||||
<span className="text-sm font-medium"><AnimatedNumber value={886} />+ TLDs</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<BarChart3 className="w-4 h-4 text-accent" />
|
||||
<span className="text-sm font-medium">Real-time pricing</span>
|
||||
<Gavel className="w-4 h-4 text-accent" />
|
||||
<span className="text-sm font-medium">Live Auctions</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<Bell className="w-4 h-4 text-accent" />
|
||||
<span className="text-sm font-medium">Instant alerts</span>
|
||||
<span className="text-sm font-medium">Instant Alerts</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<LineChart className="w-4 h-4 text-accent" />
|
||||
<span className="text-sm font-medium">Price Intel</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Live Market Ticker */}
|
||||
{!loadingAuctions && hotAuctions.length > 0 && (
|
||||
<MarketTicker auctions={hotAuctions} />
|
||||
)}
|
||||
|
||||
{/* Three Pillars: DISCOVER, TRACK, ACQUIRE */}
|
||||
<section className="relative py-24 sm:py-32 px-4 sm:px-6">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
{/* Section Header */}
|
||||
<div className="text-center max-w-3xl mx-auto mb-16 sm:mb-20">
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Your Command Center</span>
|
||||
<h2 className="mt-4 font-display text-3xl sm:text-4xl md:text-5xl tracking-[-0.03em] text-foreground">
|
||||
Three moves to dominate.
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
{/* Pillars */}
|
||||
<div className="grid md:grid-cols-3 gap-6 lg:gap-8">
|
||||
{/* DISCOVER */}
|
||||
<div className="group relative p-8 sm:p-10 bg-gradient-to-b from-background-secondary/80 to-background-secondary/40
|
||||
border border-border rounded-3xl hover:border-accent/30 transition-all duration-500">
|
||||
<div className="absolute inset-0 rounded-3xl bg-accent/5 opacity-0 group-hover:opacity-100 transition-opacity" />
|
||||
<div className="relative">
|
||||
<div className="w-16 h-16 bg-accent/10 border border-accent/20 rounded-2xl flex items-center justify-center mb-6">
|
||||
<Search className="w-7 h-7 text-accent" />
|
||||
</div>
|
||||
<h3 className="text-2xl font-display text-foreground mb-4">Discover</h3>
|
||||
<p className="text-foreground-muted mb-6 leading-relaxed">
|
||||
Instant domain intel. Not just "taken" — but <span className="text-foreground">why</span>,
|
||||
<span className="text-foreground"> when it expires</span>, and
|
||||
<span className="text-foreground"> smarter alternatives</span>.
|
||||
</p>
|
||||
<ul className="space-y-3 text-sm">
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>Real-time availability across 886+ TLDs</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>Expiry dates & WHOIS data</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>AI-powered alternatives</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* TRACK */}
|
||||
<div className="group relative p-8 sm:p-10 bg-gradient-to-b from-background-secondary/80 to-background-secondary/40
|
||||
border border-border rounded-3xl hover:border-accent/30 transition-all duration-500
|
||||
md:-translate-y-4">
|
||||
<div className="absolute inset-0 rounded-3xl bg-accent/5 opacity-0 group-hover:opacity-100 transition-opacity" />
|
||||
{/* Popular badge */}
|
||||
<div className="absolute -top-3 left-1/2 -translate-x-1/2">
|
||||
<span className="px-4 py-1 bg-accent text-background text-xs font-semibold rounded-full">
|
||||
Most Popular
|
||||
</span>
|
||||
</div>
|
||||
<div className="relative">
|
||||
<div className="w-16 h-16 bg-accent/10 border border-accent/20 rounded-2xl flex items-center justify-center mb-6">
|
||||
<Crosshair className="w-7 h-7 text-accent" />
|
||||
</div>
|
||||
<h3 className="text-2xl font-display text-foreground mb-4">Track</h3>
|
||||
<p className="text-foreground-muted mb-6 leading-relaxed">
|
||||
Your private watchlist. We monitor 24/7 so you don't have to.
|
||||
<span className="text-foreground"> Know the second it drops.</span>
|
||||
</p>
|
||||
<ul className="space-y-3 text-sm">
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>Daily status checks</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>Email & SMS alerts</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>Pre-drop warnings</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* ACQUIRE */}
|
||||
<div className="group relative p-8 sm:p-10 bg-gradient-to-b from-background-secondary/80 to-background-secondary/40
|
||||
border border-border rounded-3xl hover:border-accent/30 transition-all duration-500">
|
||||
<div className="absolute inset-0 rounded-3xl bg-accent/5 opacity-0 group-hover:opacity-100 transition-opacity" />
|
||||
<div className="relative">
|
||||
<div className="w-16 h-16 bg-accent/10 border border-accent/20 rounded-2xl flex items-center justify-center mb-6">
|
||||
<Gavel className="w-7 h-7 text-accent" />
|
||||
</div>
|
||||
<h3 className="text-2xl font-display text-foreground mb-4">Acquire</h3>
|
||||
<p className="text-foreground-muted mb-6 leading-relaxed">
|
||||
All auctions. One place. <span className="text-foreground">Filtered</span>.
|
||||
<span className="text-foreground"> Valued</span>.
|
||||
<span className="text-foreground"> Ready to strike.</span>
|
||||
</p>
|
||||
<ul className="space-y-3 text-sm">
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>GoDaddy, Sedo, NameJet, DropCatch</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>No-spam smart filters</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-3 text-foreground-subtle">
|
||||
<Check className="w-4 h-4 text-accent flex-shrink-0" />
|
||||
<span>Deal score & valuation</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -186,18 +370,18 @@ export default function HomePage() {
|
||||
</section>
|
||||
|
||||
{/* Trending TLDs Section */}
|
||||
<section className="relative py-20 sm:py-28 px-4 sm:px-6">
|
||||
<section className="relative py-20 sm:py-28 px-4 sm:px-6 bg-background-secondary/30">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
{/* Section Header */}
|
||||
<div className="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-6 mb-10 sm:mb-14">
|
||||
<div>
|
||||
<div className="inline-flex items-center gap-2 px-4 py-2 bg-accent/10 border border-accent/20 rounded-full mb-5">
|
||||
<TrendingUp className="w-4 h-4 text-accent" />
|
||||
<span className="text-sm font-medium text-accent">Market Intel</span>
|
||||
</div>
|
||||
<h2 className="font-display text-3xl sm:text-4xl md:text-5xl tracking-[-0.03em] text-foreground">
|
||||
Trending Now
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">TLD Intelligence</span>
|
||||
<h2 className="mt-4 font-display text-3xl sm:text-4xl md:text-5xl tracking-[-0.03em] text-foreground">
|
||||
Market movers.
|
||||
</h2>
|
||||
<p className="mt-3 text-foreground-muted max-w-lg">
|
||||
Real-time pricing data across 886+ extensions. Know where the value is.
|
||||
</p>
|
||||
</div>
|
||||
<Link
|
||||
href="/tld-pricing"
|
||||
@ -212,7 +396,7 @@ export default function HomePage() {
|
||||
{loadingTlds ? (
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5">
|
||||
{[...Array(4)].map((_, i) => (
|
||||
<div key={i} className="p-6 bg-background-secondary/50 border border-border rounded-2xl">
|
||||
<div key={i} className="p-6 bg-background border border-border rounded-2xl">
|
||||
<Shimmer className="h-8 w-20 mb-4" />
|
||||
<Shimmer className="h-4 w-full mb-2" />
|
||||
<Shimmer className="h-4 w-24" />
|
||||
@ -225,11 +409,10 @@ export default function HomePage() {
|
||||
<Link
|
||||
key={item.tld}
|
||||
href={isAuthenticated ? `/tld-pricing/${item.tld}` : `/login?redirect=/tld-pricing/${item.tld}`}
|
||||
className="group relative p-6 bg-background-secondary/50 border border-border rounded-2xl
|
||||
hover:border-accent/30 hover:bg-background-secondary transition-all duration-300"
|
||||
className="group relative p-6 bg-background border border-border rounded-2xl
|
||||
hover:border-accent/30 transition-all duration-300"
|
||||
style={{ animationDelay: `${index * 100}ms` }}
|
||||
>
|
||||
{/* Hover glow */}
|
||||
<div className="absolute inset-0 rounded-2xl bg-accent/5 opacity-0 group-hover:opacity-100 transition-opacity" />
|
||||
|
||||
<div className="relative">
|
||||
@ -254,7 +437,10 @@ export default function HomePage() {
|
||||
{isAuthenticated ? (
|
||||
<span className="text-lg font-semibold text-foreground">${(item.current_price ?? 0).toFixed(2)}<span className="text-sm font-normal text-foreground-muted">/yr</span></span>
|
||||
) : (
|
||||
<Shimmer className="h-6 w-20" />
|
||||
<span className="text-sm text-foreground-subtle flex items-center gap-1">
|
||||
<Lock className="w-3 h-3" />
|
||||
Sign in to view
|
||||
</span>
|
||||
)}
|
||||
<ChevronRight className="w-5 h-5 text-foreground-subtle group-hover:text-accent group-hover:translate-x-1 transition-all" />
|
||||
</div>
|
||||
@ -266,89 +452,39 @@ export default function HomePage() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Features Section */}
|
||||
<section className="relative py-20 sm:py-28 px-4 sm:px-6">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
{/* Section Header */}
|
||||
<div className="text-center max-w-3xl mx-auto mb-16 sm:mb-20">
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">How It Works</span>
|
||||
<h2 className="mt-4 font-display text-3xl sm:text-4xl md:text-5xl lg:text-6xl tracking-[-0.03em] text-foreground">
|
||||
Built for hunters.
|
||||
</h2>
|
||||
<p className="mt-5 text-lg text-foreground-muted">
|
||||
The tools that give you the edge. Simple. Powerful. Decisive.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Feature Cards */}
|
||||
<div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
{[
|
||||
{
|
||||
icon: Eye,
|
||||
title: 'Always Watching',
|
||||
description: 'Daily scans across 886+ TLDs. You sleep, we hunt.',
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
title: 'Instant Alerts',
|
||||
description: 'Domain drops? You know first. Email alerts the moment it happens.',
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: 'Expiry Intel',
|
||||
description: 'See when domains expire. Plan your acquisition strategy.',
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: 'Your Strategy, Private',
|
||||
description: 'Your watchlist is yours alone. No one sees what you\'re tracking.',
|
||||
},
|
||||
].map((feature, i) => (
|
||||
<div
|
||||
key={feature.title}
|
||||
className="group relative p-8 rounded-2xl border border-transparent hover:border-border
|
||||
bg-transparent hover:bg-background-secondary/50 transition-all duration-500"
|
||||
>
|
||||
<div className="w-14 h-14 bg-foreground/5 border border-border rounded-2xl flex items-center justify-center mb-6
|
||||
group-hover:border-accent/30 group-hover:bg-accent/5 transition-all duration-500">
|
||||
<feature.icon className="w-6 h-6 text-foreground-muted group-hover:text-accent transition-colors duration-500" strokeWidth={1.5} />
|
||||
</div>
|
||||
<h3 className="text-lg font-semibold text-foreground mb-3">{feature.title}</h3>
|
||||
<p className="text-sm text-foreground-subtle leading-relaxed">{feature.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Social Proof / Stats Section */}
|
||||
<section className="relative py-20 sm:py-28 px-4 sm:px-6">
|
||||
<section className="relative py-24 sm:py-32 px-4 sm:px-6">
|
||||
<div className="max-w-5xl mx-auto">
|
||||
<div className="relative p-10 sm:p-14 md:p-20 bg-gradient-to-br from-background-secondary/80 to-background-secondary/40
|
||||
border border-border rounded-3xl overflow-hidden">
|
||||
{/* Background pattern */}
|
||||
<div className="absolute inset-0 opacity-30">
|
||||
<div className="absolute top-0 right-0 w-[400px] h-[400px] bg-accent/10 rounded-full blur-[100px]" />
|
||||
</div>
|
||||
|
||||
<div className="relative grid sm:grid-cols-3 gap-10 sm:gap-6 text-center">
|
||||
<div>
|
||||
<p className="font-display text-5xl sm:text-6xl md:text-7xl text-foreground mb-2">
|
||||
<AnimatedNumber value={886} />+
|
||||
</p>
|
||||
<p className="text-sm text-foreground-muted">TLDs Tracked</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-display text-5xl sm:text-6xl md:text-7xl text-foreground mb-2">
|
||||
24<span className="text-accent">/</span>7
|
||||
</p>
|
||||
<p className="text-sm text-foreground-muted">Monitoring</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-display text-5xl sm:text-6xl md:text-7xl text-foreground mb-2">
|
||||
<AnimatedNumber value={10} />s
|
||||
</p>
|
||||
<p className="text-sm text-foreground-muted">Alert Speed</p>
|
||||
<div className="relative">
|
||||
<h2 className="font-display text-3xl sm:text-4xl text-center text-foreground mb-12">
|
||||
The edge you need.
|
||||
</h2>
|
||||
|
||||
<div className="grid sm:grid-cols-3 gap-10 sm:gap-6 text-center">
|
||||
<div>
|
||||
<p className="font-display text-5xl sm:text-6xl md:text-7xl text-foreground mb-2">
|
||||
<AnimatedNumber value={886} />+
|
||||
</p>
|
||||
<p className="text-sm text-foreground-muted">TLDs Tracked Daily</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-display text-5xl sm:text-6xl md:text-7xl text-foreground mb-2">
|
||||
24<span className="text-accent">/</span>7
|
||||
</p>
|
||||
<p className="text-sm text-foreground-muted">Always Watching</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-display text-5xl sm:text-6xl md:text-7xl text-foreground mb-2">
|
||||
<AnimatedNumber value={10} />s
|
||||
</p>
|
||||
<p className="text-sm text-foreground-muted">Alert Speed</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -359,36 +495,72 @@ export default function HomePage() {
|
||||
<section className="relative py-20 sm:py-28 px-4 sm:px-6">
|
||||
<div className="max-w-4xl mx-auto text-center">
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Pricing</span>
|
||||
<h2 className="mt-4 font-display text-3xl sm:text-4xl md:text-5xl lg:text-6xl tracking-[-0.03em] text-foreground">
|
||||
Pick your weapon.
|
||||
<h2 className="mt-4 font-display text-3xl sm:text-4xl md:text-5xl tracking-[-0.03em] text-foreground">
|
||||
Simple. Transparent. Powerful.
|
||||
</h2>
|
||||
<p className="mt-5 text-lg text-foreground-muted max-w-xl mx-auto">
|
||||
Start free with 5 domains. Scale to 500+ when you need more firepower.
|
||||
Start free. Scale when you're ready.
|
||||
</p>
|
||||
|
||||
{/* Quick Plans */}
|
||||
<div className="mt-12 flex flex-col sm:flex-row items-center justify-center gap-4">
|
||||
<div className="flex items-center gap-4 px-6 py-4 bg-background-secondary/50 border border-border rounded-2xl">
|
||||
<div className="w-12 h-12 bg-foreground/5 rounded-xl flex items-center justify-center">
|
||||
<Zap className="w-5 h-5 text-foreground-muted" />
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<p className="font-semibold text-foreground">Scout</p>
|
||||
<p className="text-sm text-foreground-muted">Free forever</p>
|
||||
<div className="mt-12 grid sm:grid-cols-2 gap-4 max-w-2xl mx-auto">
|
||||
{/* Free Plan */}
|
||||
<div className="p-6 bg-background-secondary/50 border border-border rounded-2xl text-left">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<div className="w-10 h-10 bg-foreground/5 rounded-xl flex items-center justify-center">
|
||||
<Zap className="w-5 h-5 text-foreground-muted" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-semibold text-foreground">Scout</p>
|
||||
<p className="text-sm text-foreground-muted">Free forever</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul className="space-y-2 text-sm text-foreground-subtle">
|
||||
<li className="flex items-center gap-2">
|
||||
<Check className="w-4 h-4 text-accent" />
|
||||
<span>5 domains watched</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-2">
|
||||
<Check className="w-4 h-4 text-accent" />
|
||||
<span>Daily status checks</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-2">
|
||||
<Check className="w-4 h-4 text-accent" />
|
||||
<span>Market overview</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ArrowRight className="w-5 h-5 text-foreground-subtle hidden sm:block" />
|
||||
<ChevronRight className="w-5 h-5 text-foreground-subtle rotate-90 sm:hidden" />
|
||||
|
||||
<div className="flex items-center gap-4 px-6 py-4 bg-accent/5 border border-accent/20 rounded-2xl">
|
||||
<div className="w-12 h-12 bg-accent/10 rounded-xl flex items-center justify-center">
|
||||
<TrendingUp className="w-5 h-5 text-accent" />
|
||||
{/* Pro Plan */}
|
||||
<div className="p-6 bg-accent/5 border border-accent/20 rounded-2xl text-left relative">
|
||||
<div className="absolute -top-3 right-4">
|
||||
<span className="px-3 py-1 bg-accent text-background text-xs font-semibold rounded-full">
|
||||
Popular
|
||||
</span>
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<p className="font-semibold text-foreground">Trader</p>
|
||||
<p className="text-sm text-accent">$19/month</p>
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<div className="w-10 h-10 bg-accent/10 rounded-xl flex items-center justify-center">
|
||||
<Target className="w-5 h-5 text-accent" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-semibold text-foreground">Trader</p>
|
||||
<p className="text-sm text-accent">$9/month</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul className="space-y-2 text-sm text-foreground-subtle">
|
||||
<li className="flex items-center gap-2">
|
||||
<Check className="w-4 h-4 text-accent" />
|
||||
<span>100 domains watched</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-2">
|
||||
<Check className="w-4 h-4 text-accent" />
|
||||
<span>Priority alerts</span>
|
||||
</li>
|
||||
<li className="flex items-center gap-2">
|
||||
<Check className="w-4 h-4 text-accent" />
|
||||
<span>Full auction access</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -398,7 +570,7 @@ export default function HomePage() {
|
||||
className="inline-flex items-center gap-2 px-8 py-4 bg-foreground text-background rounded-xl
|
||||
font-semibold hover:bg-foreground/90 transition-all duration-300"
|
||||
>
|
||||
Compare Plans
|
||||
Compare All Plans
|
||||
<ArrowRight className="w-4 h-4" />
|
||||
</Link>
|
||||
<Link
|
||||
@ -415,11 +587,12 @@ export default function HomePage() {
|
||||
{/* Final CTA */}
|
||||
<section className="relative py-24 sm:py-32 px-4 sm:px-6">
|
||||
<div className="max-w-4xl mx-auto text-center">
|
||||
<p className="text-accent font-medium mb-4">Join the hunters.</p>
|
||||
<h2 className="font-display text-4xl sm:text-5xl md:text-6xl lg:text-7xl tracking-[-0.03em] text-foreground mb-6">
|
||||
Ready to hunt?
|
||||
Ready to pounce?
|
||||
</h2>
|
||||
<p className="text-xl text-foreground-muted mb-10 max-w-lg mx-auto">
|
||||
Track your first domain in under a minute. No credit card required.
|
||||
Track your first domain in under a minute. Free forever, no credit card.
|
||||
</p>
|
||||
<Link
|
||||
href={isAuthenticated ? "/dashboard" : "/register"}
|
||||
@ -427,7 +600,7 @@ export default function HomePage() {
|
||||
text-lg font-semibold hover:bg-accent-hover transition-all duration-300
|
||||
shadow-[0_0_40px_rgba(16,185,129,0.2)] hover:shadow-[0_0_60px_rgba(16,185,129,0.3)]"
|
||||
>
|
||||
{isAuthenticated ? "Go to Dashboard" : "Get Started Free"}
|
||||
{isAuthenticated ? "Go to Dashboard" : "Start Hunting — It's Free"}
|
||||
<ArrowRight className="w-5 h-5 group-hover:translate-x-1 transition-transform" />
|
||||
</Link>
|
||||
|
||||
@ -441,6 +614,14 @@ export default function HomePage() {
|
||||
</section>
|
||||
|
||||
<Footer />
|
||||
|
||||
{/* Ticker Animation Keyframes */}
|
||||
<style jsx global>{`
|
||||
@keyframes ticker {
|
||||
0% { transform: translateX(0); }
|
||||
100% { transform: translateX(-50%); }
|
||||
}
|
||||
`}</style>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
529
frontend/src/app/portfolio/page.tsx
Normal file
529
frontend/src/app/portfolio/page.tsx
Normal file
@ -0,0 +1,529 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useStore } from '@/lib/store'
|
||||
import { api, PortfolioDomain, PortfolioSummary, DomainValuation } from '@/lib/api'
|
||||
import { CommandCenterLayout } from '@/components/CommandCenterLayout'
|
||||
import { Toast, useToast } from '@/components/Toast'
|
||||
import {
|
||||
Plus,
|
||||
Trash2,
|
||||
Edit2,
|
||||
DollarSign,
|
||||
Calendar,
|
||||
Building,
|
||||
RefreshCw,
|
||||
Loader2,
|
||||
TrendingUp,
|
||||
TrendingDown,
|
||||
Tag,
|
||||
ExternalLink,
|
||||
Sparkles,
|
||||
ArrowUpRight,
|
||||
X,
|
||||
} from 'lucide-react'
|
||||
import clsx from 'clsx'
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function PortfolioPage() {
|
||||
const { subscription } = useStore()
|
||||
const { toast, showToast, hideToast } = useToast()
|
||||
|
||||
const [portfolio, setPortfolio] = useState<PortfolioDomain[]>([])
|
||||
const [summary, setSummary] = useState<PortfolioSummary | null>(null)
|
||||
const [loading, setLoading] = useState(true)
|
||||
const [showAddModal, setShowAddModal] = useState(false)
|
||||
const [showEditModal, setShowEditModal] = useState(false)
|
||||
const [showSellModal, setShowSellModal] = useState(false)
|
||||
const [showValuationModal, setShowValuationModal] = useState(false)
|
||||
const [selectedDomain, setSelectedDomain] = useState<PortfolioDomain | null>(null)
|
||||
const [valuation, setValuation] = useState<DomainValuation | null>(null)
|
||||
const [valuatingDomain, setValuatingDomain] = useState('')
|
||||
const [addingDomain, setAddingDomain] = useState(false)
|
||||
const [savingEdit, setSavingEdit] = useState(false)
|
||||
const [processingSale, setProcessingSale] = useState(false)
|
||||
const [refreshingId, setRefreshingId] = useState<number | null>(null)
|
||||
|
||||
const [addForm, setAddForm] = useState({
|
||||
domain: '',
|
||||
purchase_price: '',
|
||||
purchase_date: '',
|
||||
registrar: '',
|
||||
renewal_date: '',
|
||||
renewal_cost: '',
|
||||
notes: '',
|
||||
})
|
||||
|
||||
const [editForm, setEditForm] = useState({
|
||||
purchase_price: '',
|
||||
purchase_date: '',
|
||||
registrar: '',
|
||||
renewal_date: '',
|
||||
renewal_cost: '',
|
||||
notes: '',
|
||||
})
|
||||
|
||||
const [sellForm, setSellForm] = useState({
|
||||
sale_date: new Date().toISOString().split('T')[0],
|
||||
sale_price: '',
|
||||
})
|
||||
|
||||
useEffect(() => {
|
||||
loadPortfolio()
|
||||
}, [])
|
||||
|
||||
const loadPortfolio = async () => {
|
||||
setLoading(true)
|
||||
try {
|
||||
const [portfolioData, summaryData] = await Promise.all([
|
||||
api.getPortfolio(),
|
||||
api.getPortfolioSummary(),
|
||||
])
|
||||
setPortfolio(portfolioData)
|
||||
setSummary(summaryData)
|
||||
} catch (error) {
|
||||
console.error('Failed to load portfolio:', error)
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
const handleAddDomain = async (e: React.FormEvent) => {
|
||||
e.preventDefault()
|
||||
if (!addForm.domain.trim()) return
|
||||
|
||||
setAddingDomain(true)
|
||||
try {
|
||||
await api.addToPortfolio({
|
||||
domain: addForm.domain.trim(),
|
||||
purchase_price: addForm.purchase_price ? parseFloat(addForm.purchase_price) : undefined,
|
||||
purchase_date: addForm.purchase_date || undefined,
|
||||
registrar: addForm.registrar || undefined,
|
||||
renewal_date: addForm.renewal_date || undefined,
|
||||
renewal_cost: addForm.renewal_cost ? parseFloat(addForm.renewal_cost) : undefined,
|
||||
notes: addForm.notes || undefined,
|
||||
})
|
||||
showToast(`Added ${addForm.domain} to portfolio`, 'success')
|
||||
setAddForm({ domain: '', purchase_price: '', purchase_date: '', registrar: '', renewal_date: '', renewal_cost: '', notes: '' })
|
||||
setShowAddModal(false)
|
||||
loadPortfolio()
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to add domain', 'error')
|
||||
} finally {
|
||||
setAddingDomain(false)
|
||||
}
|
||||
}
|
||||
|
||||
const handleEditDomain = async (e: React.FormEvent) => {
|
||||
e.preventDefault()
|
||||
if (!selectedDomain) return
|
||||
|
||||
setSavingEdit(true)
|
||||
try {
|
||||
await api.updatePortfolioDomain(selectedDomain.id, {
|
||||
purchase_price: editForm.purchase_price ? parseFloat(editForm.purchase_price) : undefined,
|
||||
purchase_date: editForm.purchase_date || undefined,
|
||||
registrar: editForm.registrar || undefined,
|
||||
renewal_date: editForm.renewal_date || undefined,
|
||||
renewal_cost: editForm.renewal_cost ? parseFloat(editForm.renewal_cost) : undefined,
|
||||
notes: editForm.notes || undefined,
|
||||
})
|
||||
showToast('Domain updated', 'success')
|
||||
setShowEditModal(false)
|
||||
loadPortfolio()
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to update', 'error')
|
||||
} finally {
|
||||
setSavingEdit(false)
|
||||
}
|
||||
}
|
||||
|
||||
const handleSellDomain = async (e: React.FormEvent) => {
|
||||
e.preventDefault()
|
||||
if (!selectedDomain || !sellForm.sale_price) return
|
||||
|
||||
setProcessingSale(true)
|
||||
try {
|
||||
await api.markAsSold(selectedDomain.id, {
|
||||
sale_date: sellForm.sale_date,
|
||||
sale_price: parseFloat(sellForm.sale_price),
|
||||
})
|
||||
showToast(`Marked ${selectedDomain.domain} as sold`, 'success')
|
||||
setShowSellModal(false)
|
||||
loadPortfolio()
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to process sale', 'error')
|
||||
} finally {
|
||||
setProcessingSale(false)
|
||||
}
|
||||
}
|
||||
|
||||
const handleValuate = async (domain: PortfolioDomain) => {
|
||||
setValuatingDomain(domain.domain)
|
||||
setShowValuationModal(true)
|
||||
try {
|
||||
const result = await api.getValuation(domain.domain)
|
||||
setValuation(result)
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to get valuation', 'error')
|
||||
setShowValuationModal(false)
|
||||
} finally {
|
||||
setValuatingDomain('')
|
||||
}
|
||||
}
|
||||
|
||||
const handleRefresh = async (domain: PortfolioDomain) => {
|
||||
setRefreshingId(domain.id)
|
||||
try {
|
||||
await api.refreshPortfolioValuation(domain.id)
|
||||
showToast('Valuation refreshed', 'success')
|
||||
loadPortfolio()
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to refresh', 'error')
|
||||
} finally {
|
||||
setRefreshingId(null)
|
||||
}
|
||||
}
|
||||
|
||||
const handleDelete = async (domain: PortfolioDomain) => {
|
||||
if (!confirm(`Remove ${domain.domain} from your portfolio?`)) return
|
||||
|
||||
try {
|
||||
await api.removeFromPortfolio(domain.id)
|
||||
showToast(`Removed ${domain.domain}`, 'success')
|
||||
loadPortfolio()
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to remove', 'error')
|
||||
}
|
||||
}
|
||||
|
||||
const openEditModal = (domain: PortfolioDomain) => {
|
||||
setSelectedDomain(domain)
|
||||
setEditForm({
|
||||
purchase_price: domain.purchase_price?.toString() || '',
|
||||
purchase_date: domain.purchase_date || '',
|
||||
registrar: domain.registrar || '',
|
||||
renewal_date: domain.renewal_date || '',
|
||||
renewal_cost: domain.renewal_cost?.toString() || '',
|
||||
notes: domain.notes || '',
|
||||
})
|
||||
setShowEditModal(true)
|
||||
}
|
||||
|
||||
const openSellModal = (domain: PortfolioDomain) => {
|
||||
setSelectedDomain(domain)
|
||||
setSellForm({
|
||||
sale_date: new Date().toISOString().split('T')[0],
|
||||
sale_price: '',
|
||||
})
|
||||
setShowSellModal(true)
|
||||
}
|
||||
|
||||
const portfolioLimit = subscription?.portfolio_limit || 0
|
||||
const canAddMore = portfolioLimit === -1 || portfolio.length < portfolioLimit
|
||||
|
||||
return (
|
||||
<CommandCenterLayout
|
||||
title="Portfolio"
|
||||
subtitle={`Track your domain investments`}
|
||||
actions={
|
||||
<button
|
||||
onClick={() => setShowAddModal(true)}
|
||||
disabled={!canAddMore}
|
||||
className="flex items-center gap-2 h-9 px-4 bg-accent text-background rounded-lg
|
||||
font-medium text-sm hover:bg-accent-hover transition-colors
|
||||
disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
>
|
||||
<Plus className="w-4 h-4" />
|
||||
Add Domain
|
||||
</button>
|
||||
}
|
||||
>
|
||||
{toast && <Toast message={toast.message} type={toast.type} onClose={hideToast} />}
|
||||
|
||||
<div className="max-w-7xl mx-auto space-y-6">
|
||||
{/* Summary Stats */}
|
||||
{summary && (
|
||||
<div className="grid grid-cols-2 lg:grid-cols-5 gap-4">
|
||||
<div className="p-5 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Total Domains</p>
|
||||
<p className="text-2xl font-display text-foreground">{summary.total_domains}</p>
|
||||
</div>
|
||||
<div className="p-5 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Total Invested</p>
|
||||
<p className="text-2xl font-display text-foreground">${summary.total_invested?.toLocaleString() || 0}</p>
|
||||
</div>
|
||||
<div className="p-5 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Est. Value</p>
|
||||
<p className="text-2xl font-display text-foreground">${summary.total_value?.toLocaleString() || 0}</p>
|
||||
</div>
|
||||
<div className={clsx(
|
||||
"p-5 border rounded-xl",
|
||||
(summary.total_profit || 0) >= 0
|
||||
? "bg-accent/5 border-accent/20"
|
||||
: "bg-red-500/5 border-red-500/20"
|
||||
)}>
|
||||
<p className="text-sm text-foreground-muted mb-1">Profit/Loss</p>
|
||||
<p className={clsx(
|
||||
"text-2xl font-display",
|
||||
(summary.total_profit || 0) >= 0 ? "text-accent" : "text-red-400"
|
||||
)}>
|
||||
{(summary.total_profit || 0) >= 0 ? '+' : ''}${summary.total_profit?.toLocaleString() || 0}
|
||||
</p>
|
||||
</div>
|
||||
<div className="p-5 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Sold</p>
|
||||
<p className="text-2xl font-display text-foreground">{summary.sold_domains || 0}</p>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{!canAddMore && (
|
||||
<div className="flex items-center justify-between p-4 bg-amber-500/10 border border-amber-500/20 rounded-xl">
|
||||
<p className="text-sm text-amber-400">
|
||||
You've reached your portfolio limit. Upgrade to add more.
|
||||
</p>
|
||||
<Link
|
||||
href="/pricing"
|
||||
className="text-sm font-medium text-amber-400 hover:text-amber-300 flex items-center gap-1"
|
||||
>
|
||||
Upgrade <ArrowUpRight className="w-3 h-3" />
|
||||
</Link>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Domain List */}
|
||||
{loading ? (
|
||||
<div className="space-y-3">
|
||||
{[...Array(3)].map((_, i) => (
|
||||
<div key={i} className="h-24 bg-background-secondary/50 border border-border rounded-xl animate-pulse" />
|
||||
))}
|
||||
</div>
|
||||
) : portfolio.length === 0 ? (
|
||||
<div className="text-center py-16 bg-background-secondary/30 border border-border rounded-xl">
|
||||
<div className="w-16 h-16 bg-foreground/5 rounded-2xl flex items-center justify-center mx-auto mb-4">
|
||||
<Plus className="w-8 h-8 text-foreground-subtle" />
|
||||
</div>
|
||||
<p className="text-foreground-muted mb-2">Your portfolio is empty</p>
|
||||
<p className="text-sm text-foreground-subtle mb-4">Add your first domain to start tracking investments</p>
|
||||
<button
|
||||
onClick={() => setShowAddModal(true)}
|
||||
className="inline-flex items-center gap-2 px-4 py-2 bg-accent text-background rounded-lg font-medium"
|
||||
>
|
||||
<Plus className="w-4 h-4" />
|
||||
Add Domain
|
||||
</button>
|
||||
</div>
|
||||
) : (
|
||||
<div className="space-y-3">
|
||||
{portfolio.map((domain) => (
|
||||
<div
|
||||
key={domain.id}
|
||||
className="group p-5 bg-background-secondary/50 border border-border rounded-xl
|
||||
hover:border-foreground/20 transition-all"
|
||||
>
|
||||
<div className="flex flex-col lg:flex-row lg:items-center gap-4">
|
||||
{/* Domain Info */}
|
||||
<div className="flex-1 min-w-0">
|
||||
<h3 className="text-lg font-semibold text-foreground mb-2">{domain.domain}</h3>
|
||||
<div className="flex flex-wrap gap-4 text-sm text-foreground-muted">
|
||||
{domain.purchase_price && (
|
||||
<span className="flex items-center gap-1.5">
|
||||
<DollarSign className="w-3.5 h-3.5" />
|
||||
Bought: ${domain.purchase_price}
|
||||
</span>
|
||||
)}
|
||||
{domain.registrar && (
|
||||
<span className="flex items-center gap-1.5">
|
||||
<Building className="w-3.5 h-3.5" />
|
||||
{domain.registrar}
|
||||
</span>
|
||||
)}
|
||||
{domain.renewal_date && (
|
||||
<span className="flex items-center gap-1.5">
|
||||
<Calendar className="w-3.5 h-3.5" />
|
||||
Renews: {new Date(domain.renewal_date).toLocaleDateString()}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Valuation */}
|
||||
{domain.current_valuation && (
|
||||
<div className="text-right">
|
||||
<p className="text-xl font-semibold text-foreground">
|
||||
${domain.current_valuation.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-xs text-foreground-subtle">Est. Value</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Actions */}
|
||||
<div className="flex items-center gap-2">
|
||||
<button
|
||||
onClick={() => handleValuate(domain)}
|
||||
className="p-2 text-foreground-muted hover:text-accent hover:bg-accent/10 rounded-lg transition-colors"
|
||||
title="Get valuation"
|
||||
>
|
||||
<Sparkles className="w-4 h-4" />
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleRefresh(domain)}
|
||||
disabled={refreshingId === domain.id}
|
||||
className="p-2 text-foreground-muted hover:bg-foreground/5 rounded-lg transition-colors"
|
||||
title="Refresh valuation"
|
||||
>
|
||||
<RefreshCw className={clsx("w-4 h-4", refreshingId === domain.id && "animate-spin")} />
|
||||
</button>
|
||||
<button
|
||||
onClick={() => openEditModal(domain)}
|
||||
className="p-2 text-foreground-muted hover:bg-foreground/5 rounded-lg transition-colors"
|
||||
title="Edit"
|
||||
>
|
||||
<Edit2 className="w-4 h-4" />
|
||||
</button>
|
||||
<button
|
||||
onClick={() => openSellModal(domain)}
|
||||
className="px-3 py-2 text-sm font-medium text-accent hover:bg-accent/10 rounded-lg transition-colors"
|
||||
>
|
||||
Sell
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleDelete(domain)}
|
||||
className="p-2 text-foreground-muted hover:text-red-400 hover:bg-red-400/10 rounded-lg transition-colors"
|
||||
title="Remove"
|
||||
>
|
||||
<Trash2 className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Add Modal */}
|
||||
{showAddModal && (
|
||||
<Modal title="Add Domain to Portfolio" onClose={() => setShowAddModal(false)}>
|
||||
<form onSubmit={handleAddDomain} className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm text-foreground-muted mb-1">Domain *</label>
|
||||
<input
|
||||
type="text"
|
||||
value={addForm.domain}
|
||||
onChange={(e) => setAddForm({ ...addForm, domain: e.target.value })}
|
||||
placeholder="example.com"
|
||||
className="w-full h-10 px-3 bg-background border border-border rounded-lg text-foreground"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label className="block text-sm text-foreground-muted mb-1">Purchase Price</label>
|
||||
<input
|
||||
type="number"
|
||||
value={addForm.purchase_price}
|
||||
onChange={(e) => setAddForm({ ...addForm, purchase_price: e.target.value })}
|
||||
placeholder="100"
|
||||
className="w-full h-10 px-3 bg-background border border-border rounded-lg text-foreground"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm text-foreground-muted mb-1">Purchase Date</label>
|
||||
<input
|
||||
type="date"
|
||||
value={addForm.purchase_date}
|
||||
onChange={(e) => setAddForm({ ...addForm, purchase_date: e.target.value })}
|
||||
className="w-full h-10 px-3 bg-background border border-border rounded-lg text-foreground"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm text-foreground-muted mb-1">Registrar</label>
|
||||
<input
|
||||
type="text"
|
||||
value={addForm.registrar}
|
||||
onChange={(e) => setAddForm({ ...addForm, registrar: e.target.value })}
|
||||
placeholder="Namecheap"
|
||||
className="w-full h-10 px-3 bg-background border border-border rounded-lg text-foreground"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex justify-end gap-3">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowAddModal(false)}
|
||||
className="px-4 py-2 text-foreground-muted hover:text-foreground"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={addingDomain || !addForm.domain.trim()}
|
||||
className="flex items-center gap-2 px-4 py-2 bg-accent text-background rounded-lg font-medium
|
||||
disabled:opacity-50"
|
||||
>
|
||||
{addingDomain && <Loader2 className="w-4 h-4 animate-spin" />}
|
||||
Add Domain
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</Modal>
|
||||
)}
|
||||
|
||||
{/* Valuation Modal */}
|
||||
{showValuationModal && (
|
||||
<Modal title="Domain Valuation" onClose={() => { setShowValuationModal(false); setValuation(null); }}>
|
||||
{valuatingDomain ? (
|
||||
<div className="flex items-center justify-center py-8">
|
||||
<Loader2 className="w-6 h-6 animate-spin text-accent" />
|
||||
</div>
|
||||
) : valuation ? (
|
||||
<div className="space-y-4">
|
||||
<div className="text-center p-6 bg-accent/5 border border-accent/20 rounded-xl">
|
||||
<p className="text-4xl font-display text-accent">${valuation.estimated_value.toLocaleString()}</p>
|
||||
<p className="text-sm text-foreground-muted mt-1">Estimated Value</p>
|
||||
</div>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex justify-between">
|
||||
<span className="text-foreground-muted">Confidence</span>
|
||||
<span className="text-foreground capitalize">{valuation.confidence}</span>
|
||||
</div>
|
||||
<div className="flex justify-between">
|
||||
<span className="text-foreground-muted">Formula</span>
|
||||
<span className="text-foreground font-mono text-xs">{valuation.valuation_formula}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
) : null}
|
||||
</Modal>
|
||||
)}
|
||||
</CommandCenterLayout>
|
||||
)
|
||||
}
|
||||
|
||||
// Simple Modal Component
|
||||
function Modal({ title, children, onClose }: { title: string; children: React.ReactNode; onClose: () => void }) {
|
||||
return (
|
||||
<div
|
||||
className="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex items-center justify-center p-4"
|
||||
onClick={onClose}
|
||||
>
|
||||
<div
|
||||
className="w-full max-w-md bg-background-secondary border border-border rounded-2xl shadow-2xl"
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
<div className="flex items-center justify-between p-4 border-b border-border">
|
||||
<h3 className="text-lg font-semibold text-foreground">{title}</h3>
|
||||
<button onClick={onClose} className="text-foreground-muted hover:text-foreground">
|
||||
<X className="w-5 h-5" />
|
||||
</button>
|
||||
</div>
|
||||
<div className="p-4">
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -22,9 +22,11 @@ const tiers = [
|
||||
{ text: '5 domains to track', highlight: false, available: true },
|
||||
{ text: 'Daily availability scans', highlight: false, available: true },
|
||||
{ text: 'Email alerts', highlight: false, available: true },
|
||||
{ text: 'TLD price overview', highlight: false, available: true },
|
||||
{ text: 'Raw auction feed', highlight: false, available: true, sublabel: 'Unfiltered' },
|
||||
{ text: 'Curated auction list', highlight: false, available: false },
|
||||
{ text: 'Deal scores & valuations', highlight: false, available: false },
|
||||
],
|
||||
cta: 'Hunt Free',
|
||||
cta: 'Start Free',
|
||||
highlighted: false,
|
||||
badge: null,
|
||||
isPaid: false,
|
||||
@ -35,20 +37,19 @@ const tiers = [
|
||||
icon: TrendingUp,
|
||||
price: '9',
|
||||
period: '/mo',
|
||||
description: 'Hunt with precision. Daily intel.',
|
||||
description: 'The smart investor\'s choice.',
|
||||
features: [
|
||||
{ text: '50 domains to track', highlight: true, available: true },
|
||||
{ text: 'Hourly scans', highlight: true, available: true },
|
||||
{ text: 'Email alerts', highlight: false, available: true },
|
||||
{ text: 'Full TLD market data', highlight: false, available: true },
|
||||
{ text: 'Domain valuation', highlight: true, available: true },
|
||||
{ text: 'Portfolio (25 domains)', highlight: true, available: true },
|
||||
{ text: 'Hourly scans', highlight: true, available: true, sublabel: '24x faster' },
|
||||
{ text: 'Smart spam filter', highlight: true, available: true, sublabel: 'Curated list' },
|
||||
{ text: 'Deal scores & valuations', highlight: true, available: true },
|
||||
{ text: 'Portfolio tracking (25)', highlight: true, available: true },
|
||||
{ text: '90-day price history', highlight: false, available: true },
|
||||
{ text: 'Expiry tracking', highlight: true, available: true },
|
||||
{ text: 'Expiry date tracking', highlight: true, available: true },
|
||||
],
|
||||
cta: 'Start Trading',
|
||||
cta: 'Upgrade to Trader',
|
||||
highlighted: true,
|
||||
badge: 'Most Popular',
|
||||
badge: 'Best Value',
|
||||
isPaid: true,
|
||||
},
|
||||
{
|
||||
@ -57,14 +58,15 @@ const tiers = [
|
||||
icon: Crown,
|
||||
price: '29',
|
||||
period: '/mo',
|
||||
description: 'Dominate the market. No limits.',
|
||||
description: 'For serious domain investors.',
|
||||
features: [
|
||||
{ text: '500 domains to track', highlight: true, available: true },
|
||||
{ text: 'Real-time scans (10 min)', highlight: true, available: true },
|
||||
{ text: 'Priority email alerts', highlight: false, available: true },
|
||||
{ text: 'Real-time scans', highlight: true, available: true, sublabel: 'Every 10 min' },
|
||||
{ text: 'Priority alerts', highlight: true, available: true },
|
||||
{ text: 'Unlimited portfolio', highlight: true, available: true },
|
||||
{ text: 'Full price history', highlight: true, available: true },
|
||||
{ text: 'Advanced valuation', highlight: true, available: true },
|
||||
{ text: 'API access', highlight: true, available: true, sublabel: 'Coming soon' },
|
||||
],
|
||||
cta: 'Go Tycoon',
|
||||
highlighted: false,
|
||||
@ -76,8 +78,10 @@ const tiers = [
|
||||
const comparisonFeatures = [
|
||||
{ name: 'Watchlist Domains', scout: '5', trader: '50', tycoon: '500' },
|
||||
{ name: 'Check Frequency', scout: 'Daily', trader: 'Hourly', tycoon: '10 min' },
|
||||
{ name: 'Auction Feed', scout: 'Raw (unfiltered)', trader: 'Curated (spam-free)', tycoon: 'Curated (spam-free)' },
|
||||
{ name: 'Deal Scores', scout: '—', trader: 'check', tycoon: 'check' },
|
||||
{ name: 'Portfolio Domains', scout: '—', trader: '25', tycoon: 'Unlimited' },
|
||||
{ name: 'Domain Valuation', scout: '—', trader: 'check', tycoon: 'check' },
|
||||
{ name: 'Domain Valuation', scout: '—', trader: 'check', tycoon: 'Advanced' },
|
||||
{ name: 'Price History', scout: '—', trader: '90 days', tycoon: 'Unlimited' },
|
||||
{ name: 'Expiry Tracking', scout: '—', trader: 'check', tycoon: 'check' },
|
||||
]
|
||||
@ -230,9 +234,24 @@ export default function PricingPage() {
|
||||
<ul className="space-y-3 mb-8 flex-1">
|
||||
{tier.features.map((feature) => (
|
||||
<li key={feature.text} className="flex items-start gap-3">
|
||||
<Check className="w-4 h-4 mt-0.5 shrink-0 text-accent" strokeWidth={2.5} />
|
||||
<span className="text-body-sm text-foreground">
|
||||
{feature.available ? (
|
||||
<Check className={clsx(
|
||||
"w-4 h-4 mt-0.5 shrink-0",
|
||||
feature.highlight ? "text-accent" : "text-foreground-muted"
|
||||
)} strokeWidth={2.5} />
|
||||
) : (
|
||||
<X className="w-4 h-4 mt-0.5 shrink-0 text-foreground-subtle" strokeWidth={2} />
|
||||
)}
|
||||
<span className={clsx(
|
||||
"text-body-sm",
|
||||
feature.available ? "text-foreground" : "text-foreground-subtle line-through"
|
||||
)}>
|
||||
{feature.text}
|
||||
{feature.sublabel && (
|
||||
<span className="ml-1.5 text-xs text-accent font-medium">
|
||||
{feature.sublabel}
|
||||
</span>
|
||||
)}
|
||||
</span>
|
||||
</li>
|
||||
))}
|
||||
@ -343,7 +362,7 @@ export default function PricingPage() {
|
||||
href={isAuthenticated ? "/dashboard" : "/register"}
|
||||
className="btn-primary inline-flex items-center gap-2 px-6 py-3"
|
||||
>
|
||||
{isAuthenticated ? "Go to Dashboard" : "Get Started Free"}
|
||||
{isAuthenticated ? "Command Center" : "Join the Hunt"}
|
||||
<ArrowRight className="w-4 h-4" />
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@ -215,7 +215,7 @@ export default function ResetPasswordPage() {
|
||||
return (
|
||||
<Suspense fallback={
|
||||
<main className="min-h-screen flex items-center justify-center">
|
||||
<div className="animate-pulse text-foreground-muted">Loading...</div>
|
||||
<div className="animate-pulse text-foreground-muted">Authenticating...</div>
|
||||
</main>
|
||||
}>
|
||||
<ResetPasswordContent />
|
||||
|
||||
@ -2,8 +2,7 @@
|
||||
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import { Header } from '@/components/Header'
|
||||
import { Footer } from '@/components/Footer'
|
||||
import { CommandCenterLayout } from '@/components/CommandCenterLayout'
|
||||
import { useStore } from '@/lib/store'
|
||||
import { api, PriceAlert } from '@/lib/api'
|
||||
import {
|
||||
@ -181,34 +180,13 @@ export default function SettingsPage() {
|
||||
]
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-background relative overflow-hidden">
|
||||
{/* Background Effects - matching landing page */}
|
||||
<div className="fixed inset-0 pointer-events-none">
|
||||
<div className="absolute top-[-20%] left-1/2 -translate-x-1/2 w-[1200px] h-[800px] bg-accent/[0.03] rounded-full blur-[120px]" />
|
||||
<div className="absolute bottom-[-10%] right-[-10%] w-[600px] h-[600px] bg-accent/[0.02] rounded-full blur-[100px]" />
|
||||
<div
|
||||
className="absolute inset-0 opacity-[0.015]"
|
||||
style={{
|
||||
backgroundImage: `linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px)`,
|
||||
backgroundSize: '64px 64px',
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Header />
|
||||
<CommandCenterLayout
|
||||
title="Settings"
|
||||
subtitle="Manage your account"
|
||||
>
|
||||
|
||||
<main className="relative flex-1 pt-32 sm:pt-40 pb-20 sm:pb-28 px-4 sm:px-6 lg:px-8">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
{/* Header */}
|
||||
<div className="mb-12 sm:mb-16 animate-fade-in">
|
||||
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Settings</span>
|
||||
<h1 className="mt-4 font-display text-[2rem] sm:text-[2.75rem] md:text-[3.5rem] leading-[1.1] tracking-[-0.03em] text-foreground">
|
||||
Your account.
|
||||
</h1>
|
||||
<p className="mt-3 text-lg text-foreground-muted">
|
||||
Your rules. Configure everything in one place.
|
||||
</p>
|
||||
</div>
|
||||
<main className="max-w-5xl mx-auto">
|
||||
<div className="space-y-8">
|
||||
|
||||
{/* Messages */}
|
||||
{error && (
|
||||
@ -735,9 +713,7 @@ export default function SettingsPage() {
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<Footer />
|
||||
</div>
|
||||
</CommandCenterLayout>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -1027,7 +1027,7 @@ export default function TldDetailPage() {
|
||||
href="/register"
|
||||
className="inline-flex items-center gap-2 px-4 py-2 bg-accent text-background text-ui-sm font-medium rounded-lg hover:bg-accent-hover transition-all"
|
||||
>
|
||||
Get Started Free
|
||||
Join the Hunt
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -458,66 +458,78 @@ export default function TldPricingPage() {
|
||||
</td>
|
||||
</tr>
|
||||
) : (
|
||||
tlds.map((tld, idx) => (
|
||||
<tr
|
||||
key={tld.tld}
|
||||
className="hover:bg-background-secondary/50 transition-colors group"
|
||||
>
|
||||
<td className="px-4 sm:px-6 py-4">
|
||||
<span className="text-body-sm text-foreground-subtle">
|
||||
{pagination.offset + idx + 1}
|
||||
</span>
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4">
|
||||
<span className="font-mono text-body-sm sm:text-body font-medium text-foreground">
|
||||
.{tld.tld}
|
||||
</span>
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 hidden lg:table-cell">
|
||||
<span className={clsx(
|
||||
"text-ui-sm px-2 py-0.5 rounded-full",
|
||||
tld.type === 'generic' ? 'text-accent bg-accent-muted' :
|
||||
tld.type === 'ccTLD' ? 'text-blue-400 bg-blue-400/10' :
|
||||
'text-purple-400 bg-purple-400/10'
|
||||
)}>
|
||||
{tld.type}
|
||||
</span>
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 hidden md:table-cell">
|
||||
<MiniChart tld={tld.tld} isAuthenticated={isAuthenticated} />
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 text-right">
|
||||
{isAuthenticated ? (
|
||||
<span className="text-body-sm font-medium text-foreground">
|
||||
${tld.avg_registration_price.toFixed(2)}
|
||||
</span>
|
||||
) : (
|
||||
<span className="text-body-sm text-foreground-subtle">•••</span>
|
||||
tlds.map((tld, idx) => {
|
||||
// Show full data for authenticated users OR for the first row (idx 0 on first page)
|
||||
// This lets visitors see how good the data is for .com before signing up
|
||||
const showFullData = isAuthenticated || (pagination.offset === 0 && idx === 0)
|
||||
|
||||
return (
|
||||
<tr
|
||||
key={tld.tld}
|
||||
className={clsx(
|
||||
"hover:bg-background-secondary/50 transition-colors group",
|
||||
!isAuthenticated && idx === 0 && pagination.offset === 0 && "bg-accent/5"
|
||||
)}
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 text-right hidden sm:table-cell">
|
||||
{isAuthenticated ? (
|
||||
<span className="text-body-sm text-accent">
|
||||
${tld.min_registration_price.toFixed(2)}
|
||||
>
|
||||
<td className="px-4 sm:px-6 py-4">
|
||||
<span className="text-body-sm text-foreground-subtle">
|
||||
{pagination.offset + idx + 1}
|
||||
</span>
|
||||
) : (
|
||||
<span className="text-body-sm text-foreground-subtle">•••</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 text-center hidden sm:table-cell">
|
||||
{isAuthenticated ? getTrendIcon(tld.trend) : <Minus className="w-4 h-4 text-foreground-subtle mx-auto" />}
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4">
|
||||
<Link
|
||||
href={isAuthenticated ? `/tld-pricing/${tld.tld}` : '/register'}
|
||||
className="flex items-center gap-1 text-ui-sm text-accent hover:text-accent-hover transition-colors opacity-0 group-hover:opacity-100"
|
||||
>
|
||||
Details
|
||||
<ArrowRight className="w-3 h-3" />
|
||||
</Link>
|
||||
</td>
|
||||
</tr>
|
||||
))
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4">
|
||||
<span className="font-mono text-body-sm sm:text-body font-medium text-foreground">
|
||||
.{tld.tld}
|
||||
</span>
|
||||
{!isAuthenticated && idx === 0 && pagination.offset === 0 && (
|
||||
<span className="ml-2 text-xs text-accent">Preview</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 hidden lg:table-cell">
|
||||
<span className={clsx(
|
||||
"text-ui-sm px-2 py-0.5 rounded-full",
|
||||
tld.type === 'generic' ? 'text-accent bg-accent-muted' :
|
||||
tld.type === 'ccTLD' ? 'text-blue-400 bg-blue-400/10' :
|
||||
'text-purple-400 bg-purple-400/10'
|
||||
)}>
|
||||
{tld.type}
|
||||
</span>
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 hidden md:table-cell">
|
||||
<MiniChart tld={tld.tld} isAuthenticated={showFullData} />
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 text-right">
|
||||
{showFullData ? (
|
||||
<span className="text-body-sm font-medium text-foreground">
|
||||
${tld.avg_registration_price.toFixed(2)}
|
||||
</span>
|
||||
) : (
|
||||
<span className="text-body-sm text-foreground-subtle">•••</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 text-right hidden sm:table-cell">
|
||||
{showFullData ? (
|
||||
<span className="text-body-sm text-accent">
|
||||
${tld.min_registration_price.toFixed(2)}
|
||||
</span>
|
||||
) : (
|
||||
<span className="text-body-sm text-foreground-subtle">•••</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4 text-center hidden sm:table-cell">
|
||||
{showFullData ? getTrendIcon(tld.trend) : <Minus className="w-4 h-4 text-foreground-subtle mx-auto" />}
|
||||
</td>
|
||||
<td className="px-4 sm:px-6 py-4">
|
||||
<Link
|
||||
href={isAuthenticated ? `/tld-pricing/${tld.tld}` : `/login?redirect=/tld-pricing/${tld.tld}`}
|
||||
className="flex items-center gap-1 text-ui-sm text-accent hover:text-accent-hover transition-colors opacity-0 group-hover:opacity-100"
|
||||
>
|
||||
Details
|
||||
<ArrowRight className="w-3 h-3" />
|
||||
</Link>
|
||||
</td>
|
||||
</tr>
|
||||
)
|
||||
})
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
494
frontend/src/app/watchlist/page.tsx
Normal file
494
frontend/src/app/watchlist/page.tsx
Normal file
@ -0,0 +1,494 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useStore } from '@/lib/store'
|
||||
import { api } from '@/lib/api'
|
||||
import { CommandCenterLayout } from '@/components/CommandCenterLayout'
|
||||
import { Toast, useToast } from '@/components/Toast'
|
||||
import {
|
||||
Plus,
|
||||
Trash2,
|
||||
RefreshCw,
|
||||
Loader2,
|
||||
Bell,
|
||||
BellOff,
|
||||
History,
|
||||
ExternalLink,
|
||||
MoreVertical,
|
||||
Search,
|
||||
Filter,
|
||||
ArrowUpRight,
|
||||
} from 'lucide-react'
|
||||
import clsx from 'clsx'
|
||||
import Link from 'next/link'
|
||||
|
||||
interface DomainHistory {
|
||||
id: number
|
||||
status: string
|
||||
is_available: boolean
|
||||
checked_at: string
|
||||
}
|
||||
|
||||
// Status indicator component with traffic light system
|
||||
function StatusIndicator({ domain }: { domain: any }) {
|
||||
// Determine status based on domain data
|
||||
let status: 'available' | 'watching' | 'stable' = 'stable'
|
||||
let label = 'Stable'
|
||||
let description = 'Domain is registered and active'
|
||||
|
||||
if (domain.is_available) {
|
||||
status = 'available'
|
||||
label = 'Available'
|
||||
description = 'Domain is available for registration!'
|
||||
} else if (domain.status === 'checking' || domain.status === 'pending') {
|
||||
status = 'watching'
|
||||
label = 'Watching'
|
||||
description = 'Monitoring for changes'
|
||||
}
|
||||
|
||||
const colors = {
|
||||
available: 'bg-accent text-accent',
|
||||
watching: 'bg-amber-400 text-amber-400',
|
||||
stable: 'bg-foreground-muted text-foreground-muted',
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="relative">
|
||||
<span className={clsx(
|
||||
"block w-3 h-3 rounded-full",
|
||||
colors[status].split(' ')[0]
|
||||
)} />
|
||||
{status === 'available' && (
|
||||
<span className={clsx(
|
||||
"absolute inset-0 rounded-full animate-ping opacity-75",
|
||||
colors[status].split(' ')[0]
|
||||
)} />
|
||||
)}
|
||||
</div>
|
||||
<div>
|
||||
<p className={clsx(
|
||||
"text-sm font-medium",
|
||||
status === 'available' ? 'text-accent' :
|
||||
status === 'watching' ? 'text-amber-400' : 'text-foreground-muted'
|
||||
)}>
|
||||
{label}
|
||||
</p>
|
||||
<p className="text-xs text-foreground-subtle hidden sm:block">{description}</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function WatchlistPage() {
|
||||
const { domains, addDomain, deleteDomain, refreshDomain, subscription } = useStore()
|
||||
const { toast, showToast, hideToast } = useToast()
|
||||
|
||||
const [newDomain, setNewDomain] = useState('')
|
||||
const [adding, setAdding] = useState(false)
|
||||
const [refreshingId, setRefreshingId] = useState<number | null>(null)
|
||||
const [deletingId, setDeletingId] = useState<number | null>(null)
|
||||
const [selectedDomainId, setSelectedDomainId] = useState<number | null>(null)
|
||||
const [domainHistory, setDomainHistory] = useState<DomainHistory[] | null>(null)
|
||||
const [loadingHistory, setLoadingHistory] = useState(false)
|
||||
const [togglingNotifyId, setTogglingNotifyId] = useState<number | null>(null)
|
||||
const [filterStatus, setFilterStatus] = useState<'all' | 'available' | 'watching'>('all')
|
||||
const [searchQuery, setSearchQuery] = useState('')
|
||||
|
||||
// Filter domains
|
||||
const filteredDomains = domains?.filter(domain => {
|
||||
// Search filter
|
||||
if (searchQuery && !domain.name.toLowerCase().includes(searchQuery.toLowerCase())) {
|
||||
return false
|
||||
}
|
||||
// Status filter
|
||||
if (filterStatus === 'available' && !domain.is_available) return false
|
||||
if (filterStatus === 'watching' && domain.is_available) return false
|
||||
return true
|
||||
}) || []
|
||||
|
||||
// Stats
|
||||
const availableCount = domains?.filter(d => d.is_available).length || 0
|
||||
const watchingCount = domains?.filter(d => !d.is_available).length || 0
|
||||
|
||||
const handleAddDomain = async (e: React.FormEvent) => {
|
||||
e.preventDefault()
|
||||
if (!newDomain.trim()) return
|
||||
|
||||
setAdding(true)
|
||||
try {
|
||||
await addDomain(newDomain.trim())
|
||||
setNewDomain('')
|
||||
showToast(`Added ${newDomain.trim()} to watchlist`, 'success')
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to add domain', 'error')
|
||||
} finally {
|
||||
setAdding(false)
|
||||
}
|
||||
}
|
||||
|
||||
const handleRefresh = async (id: number) => {
|
||||
setRefreshingId(id)
|
||||
try {
|
||||
await refreshDomain(id)
|
||||
showToast('Domain status refreshed', 'success')
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to refresh', 'error')
|
||||
} finally {
|
||||
setRefreshingId(null)
|
||||
}
|
||||
}
|
||||
|
||||
const handleDelete = async (id: number, name: string) => {
|
||||
if (!confirm(`Remove ${name} from your watchlist?`)) return
|
||||
|
||||
setDeletingId(id)
|
||||
try {
|
||||
await deleteDomain(id)
|
||||
showToast(`Removed ${name} from watchlist`, 'success')
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to remove', 'error')
|
||||
} finally {
|
||||
setDeletingId(null)
|
||||
}
|
||||
}
|
||||
|
||||
const handleToggleNotify = async (id: number, currentState: boolean) => {
|
||||
setTogglingNotifyId(id)
|
||||
try {
|
||||
await api.updateDomainNotify(id, !currentState)
|
||||
showToast(
|
||||
!currentState ? 'Notifications enabled' : 'Notifications disabled',
|
||||
'success'
|
||||
)
|
||||
} catch (err: any) {
|
||||
showToast(err.message || 'Failed to update', 'error')
|
||||
} finally {
|
||||
setTogglingNotifyId(null)
|
||||
}
|
||||
}
|
||||
|
||||
const loadHistory = async (domainId: number) => {
|
||||
if (selectedDomainId === domainId) {
|
||||
setSelectedDomainId(null)
|
||||
setDomainHistory(null)
|
||||
return
|
||||
}
|
||||
|
||||
setSelectedDomainId(domainId)
|
||||
setLoadingHistory(true)
|
||||
try {
|
||||
const history = await api.getDomainHistory(domainId)
|
||||
setDomainHistory(history)
|
||||
} catch (err) {
|
||||
setDomainHistory([])
|
||||
} finally {
|
||||
setLoadingHistory(false)
|
||||
}
|
||||
}
|
||||
|
||||
const domainLimit = subscription?.domain_limit || 5
|
||||
const domainsUsed = domains?.length || 0
|
||||
const canAddMore = domainsUsed < domainLimit
|
||||
|
||||
return (
|
||||
<CommandCenterLayout
|
||||
title="Watchlist"
|
||||
subtitle={`${domainsUsed}/${domainLimit} domains tracked`}
|
||||
>
|
||||
{toast && <Toast message={toast.message} type={toast.type} onClose={hideToast} />}
|
||||
|
||||
<div className="max-w-6xl mx-auto space-y-6">
|
||||
{/* Stats Cards */}
|
||||
<div className="grid grid-cols-2 sm:grid-cols-4 gap-4">
|
||||
<div className="p-4 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Total Watched</p>
|
||||
<p className="text-2xl font-display text-foreground">{domainsUsed}</p>
|
||||
</div>
|
||||
<div className="p-4 bg-accent/5 border border-accent/20 rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Available</p>
|
||||
<p className="text-2xl font-display text-accent">{availableCount}</p>
|
||||
</div>
|
||||
<div className="p-4 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Watching</p>
|
||||
<p className="text-2xl font-display text-foreground">{watchingCount}</p>
|
||||
</div>
|
||||
<div className="p-4 bg-background-secondary/50 border border-border rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Limit</p>
|
||||
<p className="text-2xl font-display text-foreground">{domainLimit === -1 ? '∞' : domainLimit}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Add Domain Form */}
|
||||
<form onSubmit={handleAddDomain} className="flex gap-3">
|
||||
<div className="flex-1 relative">
|
||||
<input
|
||||
type="text"
|
||||
value={newDomain}
|
||||
onChange={(e) => setNewDomain(e.target.value)}
|
||||
placeholder="Enter domain to track (e.g., dream.com)"
|
||||
disabled={!canAddMore}
|
||||
className={clsx(
|
||||
"w-full h-12 px-4 bg-background-secondary border border-border rounded-xl",
|
||||
"text-foreground placeholder:text-foreground-subtle",
|
||||
"focus:outline-none focus:border-accent focus:ring-1 focus:ring-accent",
|
||||
"disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={adding || !newDomain.trim() || !canAddMore}
|
||||
className={clsx(
|
||||
"flex items-center gap-2 h-12 px-6 rounded-xl font-medium transition-all",
|
||||
"bg-accent text-background hover:bg-accent-hover",
|
||||
"disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
)}
|
||||
>
|
||||
{adding ? (
|
||||
<Loader2 className="w-4 h-4 animate-spin" />
|
||||
) : (
|
||||
<Plus className="w-4 h-4" />
|
||||
)}
|
||||
Add
|
||||
</button>
|
||||
</form>
|
||||
|
||||
{!canAddMore && (
|
||||
<div className="flex items-center justify-between p-4 bg-amber-500/10 border border-amber-500/20 rounded-xl">
|
||||
<p className="text-sm text-amber-400">
|
||||
You've reached your domain limit. Upgrade to track more.
|
||||
</p>
|
||||
<Link
|
||||
href="/pricing"
|
||||
className="text-sm font-medium text-amber-400 hover:text-amber-300 flex items-center gap-1"
|
||||
>
|
||||
Upgrade <ArrowUpRight className="w-3 h-3" />
|
||||
</Link>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Filters */}
|
||||
<div className="flex flex-col sm:flex-row gap-3 sm:items-center sm:justify-between">
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
onClick={() => setFilterStatus('all')}
|
||||
className={clsx(
|
||||
"px-4 py-2 text-sm rounded-lg transition-colors",
|
||||
filterStatus === 'all'
|
||||
? "bg-foreground/10 text-foreground"
|
||||
: "text-foreground-muted hover:bg-foreground/5"
|
||||
)}
|
||||
>
|
||||
All ({domainsUsed})
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setFilterStatus('available')}
|
||||
className={clsx(
|
||||
"px-4 py-2 text-sm rounded-lg transition-colors flex items-center gap-2",
|
||||
filterStatus === 'available'
|
||||
? "bg-accent/10 text-accent"
|
||||
: "text-foreground-muted hover:bg-foreground/5"
|
||||
)}
|
||||
>
|
||||
<span className="w-2 h-2 rounded-full bg-accent" />
|
||||
Available ({availableCount})
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setFilterStatus('watching')}
|
||||
className={clsx(
|
||||
"px-4 py-2 text-sm rounded-lg transition-colors flex items-center gap-2",
|
||||
filterStatus === 'watching'
|
||||
? "bg-foreground/10 text-foreground"
|
||||
: "text-foreground-muted hover:bg-foreground/5"
|
||||
)}
|
||||
>
|
||||
<span className="w-2 h-2 rounded-full bg-foreground-muted" />
|
||||
Watching ({watchingCount})
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="relative">
|
||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-foreground-muted" />
|
||||
<input
|
||||
type="text"
|
||||
value={searchQuery}
|
||||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
placeholder="Search domains..."
|
||||
className="w-full sm:w-64 h-10 pl-9 pr-4 bg-background-secondary border border-border rounded-lg
|
||||
text-sm text-foreground placeholder:text-foreground-subtle
|
||||
focus:outline-none focus:border-accent"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Domain List */}
|
||||
<div className="space-y-3">
|
||||
{filteredDomains.length === 0 ? (
|
||||
<div className="text-center py-16 bg-background-secondary/30 border border-border rounded-xl">
|
||||
{domainsUsed === 0 ? (
|
||||
<>
|
||||
<div className="w-16 h-16 bg-foreground/5 rounded-2xl flex items-center justify-center mx-auto mb-4">
|
||||
<Plus className="w-8 h-8 text-foreground-subtle" />
|
||||
</div>
|
||||
<p className="text-foreground-muted mb-2">Your watchlist is empty</p>
|
||||
<p className="text-sm text-foreground-subtle">Add a domain above to start tracking</p>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Filter className="w-8 h-8 text-foreground-subtle mx-auto mb-4" />
|
||||
<p className="text-foreground-muted">No domains match your filters</p>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
filteredDomains.map((domain) => (
|
||||
<div
|
||||
key={domain.id}
|
||||
className={clsx(
|
||||
"group p-4 sm:p-5 rounded-xl border transition-all duration-200",
|
||||
domain.is_available
|
||||
? "bg-accent/5 border-accent/20 hover:border-accent/40"
|
||||
: "bg-background-secondary/50 border-border hover:border-foreground/20"
|
||||
)}
|
||||
>
|
||||
<div className="flex flex-col sm:flex-row sm:items-center gap-4">
|
||||
{/* Domain Name + Status */}
|
||||
<div className="flex-1 min-w-0">
|
||||
<div className="flex items-center gap-3 mb-2">
|
||||
<h3 className="text-lg font-semibold text-foreground truncate">
|
||||
{domain.name}
|
||||
</h3>
|
||||
{domain.is_available && (
|
||||
<span className="shrink-0 px-2 py-0.5 bg-accent/20 text-accent text-xs font-semibold rounded-full">
|
||||
GRAB IT!
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
<StatusIndicator domain={domain} />
|
||||
</div>
|
||||
|
||||
{/* Actions */}
|
||||
<div className="flex items-center gap-2 shrink-0">
|
||||
{/* Notify Toggle */}
|
||||
<button
|
||||
onClick={() => handleToggleNotify(domain.id, domain.notify_on_available)}
|
||||
disabled={togglingNotifyId === domain.id}
|
||||
className={clsx(
|
||||
"p-2 rounded-lg transition-colors",
|
||||
domain.notify_on_available
|
||||
? "bg-accent/10 text-accent hover:bg-accent/20"
|
||||
: "text-foreground-muted hover:bg-foreground/5"
|
||||
)}
|
||||
title={domain.notify_on_available ? "Disable alerts" : "Enable alerts"}
|
||||
>
|
||||
{togglingNotifyId === domain.id ? (
|
||||
<Loader2 className="w-4 h-4 animate-spin" />
|
||||
) : domain.notify_on_available ? (
|
||||
<Bell className="w-4 h-4" />
|
||||
) : (
|
||||
<BellOff className="w-4 h-4" />
|
||||
)}
|
||||
</button>
|
||||
|
||||
{/* History */}
|
||||
<button
|
||||
onClick={() => loadHistory(domain.id)}
|
||||
className={clsx(
|
||||
"p-2 rounded-lg transition-colors",
|
||||
selectedDomainId === domain.id
|
||||
? "bg-foreground/10 text-foreground"
|
||||
: "text-foreground-muted hover:bg-foreground/5"
|
||||
)}
|
||||
title="View history"
|
||||
>
|
||||
<History className="w-4 h-4" />
|
||||
</button>
|
||||
|
||||
{/* Refresh */}
|
||||
<button
|
||||
onClick={() => handleRefresh(domain.id)}
|
||||
disabled={refreshingId === domain.id}
|
||||
className="p-2 rounded-lg text-foreground-muted hover:bg-foreground/5 transition-colors"
|
||||
title="Refresh status"
|
||||
>
|
||||
<RefreshCw className={clsx(
|
||||
"w-4 h-4",
|
||||
refreshingId === domain.id && "animate-spin"
|
||||
)} />
|
||||
</button>
|
||||
|
||||
{/* Delete */}
|
||||
<button
|
||||
onClick={() => handleDelete(domain.id, domain.name)}
|
||||
disabled={deletingId === domain.id}
|
||||
className="p-2 rounded-lg text-foreground-muted hover:text-red-400 hover:bg-red-400/10 transition-colors"
|
||||
title="Remove"
|
||||
>
|
||||
{deletingId === domain.id ? (
|
||||
<Loader2 className="w-4 h-4 animate-spin" />
|
||||
) : (
|
||||
<Trash2 className="w-4 h-4" />
|
||||
)}
|
||||
</button>
|
||||
|
||||
{/* External Link (if available) */}
|
||||
{domain.is_available && (
|
||||
<a
|
||||
href={`https://www.namecheap.com/domains/registration/results/?domain=${domain.name}`}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="flex items-center gap-2 px-4 py-2 bg-accent text-background rounded-lg
|
||||
font-medium text-sm hover:bg-accent-hover transition-colors"
|
||||
>
|
||||
Register
|
||||
<ExternalLink className="w-3 h-3" />
|
||||
</a>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* History Panel */}
|
||||
{selectedDomainId === domain.id && (
|
||||
<div className="mt-4 pt-4 border-t border-border/50">
|
||||
<h4 className="text-sm font-medium text-foreground-muted mb-3">Status History</h4>
|
||||
{loadingHistory ? (
|
||||
<div className="flex items-center gap-2 text-foreground-muted">
|
||||
<Loader2 className="w-4 h-4 animate-spin" />
|
||||
<span className="text-sm">Acquiring targets...</span>
|
||||
</div>
|
||||
) : domainHistory && domainHistory.length > 0 ? (
|
||||
<div className="space-y-2">
|
||||
{domainHistory.slice(0, 5).map((entry) => (
|
||||
<div
|
||||
key={entry.id}
|
||||
className="flex items-center gap-3 text-sm"
|
||||
>
|
||||
<span className={clsx(
|
||||
"w-2 h-2 rounded-full",
|
||||
entry.is_available ? "bg-accent" : "bg-foreground-muted"
|
||||
)} />
|
||||
<span className="text-foreground-muted">
|
||||
{new Date(entry.checked_at).toLocaleDateString()} at{' '}
|
||||
{new Date(entry.checked_at).toLocaleTimeString()}
|
||||
</span>
|
||||
<span className="text-foreground">
|
||||
{entry.is_available ? 'Available' : 'Registered'}
|
||||
</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="text-sm text-foreground-subtle">No history available yet</p>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</CommandCenterLayout>
|
||||
)
|
||||
}
|
||||
|
||||
273
frontend/src/components/CommandCenterLayout.tsx
Executable file
273
frontend/src/components/CommandCenterLayout.tsx
Executable file
@ -0,0 +1,273 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import { useStore } from '@/lib/store'
|
||||
import { Sidebar } from './Sidebar'
|
||||
import { Bell, Search, X } from 'lucide-react'
|
||||
import Link from 'next/link'
|
||||
import clsx from 'clsx'
|
||||
|
||||
interface CommandCenterLayoutProps {
|
||||
children: React.ReactNode
|
||||
title?: string
|
||||
subtitle?: string
|
||||
actions?: React.ReactNode
|
||||
}
|
||||
|
||||
export function CommandCenterLayout({
|
||||
children,
|
||||
title,
|
||||
subtitle,
|
||||
actions
|
||||
}: CommandCenterLayoutProps) {
|
||||
const router = useRouter()
|
||||
const { isAuthenticated, isLoading, checkAuth, domains } = useStore()
|
||||
const [sidebarCollapsed, setSidebarCollapsed] = useState(false)
|
||||
const [notificationsOpen, setNotificationsOpen] = useState(false)
|
||||
const [searchOpen, setSearchOpen] = useState(false)
|
||||
const [searchQuery, setSearchQuery] = useState('')
|
||||
const [mounted, setMounted] = useState(false)
|
||||
|
||||
// Ensure component is mounted before rendering
|
||||
useEffect(() => {
|
||||
setMounted(true)
|
||||
}, [])
|
||||
|
||||
// Load sidebar state from localStorage
|
||||
useEffect(() => {
|
||||
if (mounted) {
|
||||
const saved = localStorage.getItem('sidebar-collapsed')
|
||||
if (saved) {
|
||||
setSidebarCollapsed(saved === 'true')
|
||||
}
|
||||
}
|
||||
}, [mounted])
|
||||
|
||||
useEffect(() => {
|
||||
checkAuth()
|
||||
}, [checkAuth])
|
||||
|
||||
useEffect(() => {
|
||||
if (!isLoading && !isAuthenticated) {
|
||||
router.push('/login')
|
||||
}
|
||||
}, [isLoading, isAuthenticated, router])
|
||||
|
||||
// Available domains for notifications
|
||||
const availableDomains = domains?.filter(d => d.is_available) || []
|
||||
const hasNotifications = availableDomains.length > 0
|
||||
|
||||
// Show loading only if we're still checking auth
|
||||
if (!mounted || isLoading) {
|
||||
return (
|
||||
<div className="min-h-screen flex items-center justify-center bg-background">
|
||||
<div className="flex flex-col items-center gap-4">
|
||||
<div className="w-8 h-8 border-2 border-accent border-t-transparent rounded-full animate-spin" />
|
||||
<p className="text-sm text-foreground-muted">Loading Command Center...</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
if (!isAuthenticated) {
|
||||
return null
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-background">
|
||||
{/* Background Effects */}
|
||||
<div className="fixed inset-0 pointer-events-none">
|
||||
<div className="absolute top-[-20%] left-1/2 -translate-x-1/2 w-[1200px] h-[800px] bg-accent/[0.02] rounded-full blur-[120px]" />
|
||||
<div className="absolute bottom-[-10%] right-[-10%] w-[600px] h-[600px] bg-accent/[0.015] rounded-full blur-[100px]" />
|
||||
</div>
|
||||
|
||||
{/* Sidebar */}
|
||||
<Sidebar
|
||||
collapsed={sidebarCollapsed}
|
||||
onCollapsedChange={setSidebarCollapsed}
|
||||
/>
|
||||
|
||||
{/* Main Content Area */}
|
||||
<div
|
||||
className={clsx(
|
||||
"relative min-h-screen transition-all duration-300",
|
||||
// Desktop: adjust for sidebar
|
||||
"lg:ml-[240px]",
|
||||
sidebarCollapsed && "lg:ml-[72px]",
|
||||
// Mobile: no margin, just padding for menu button
|
||||
"ml-0 pt-16 lg:pt-0"
|
||||
)}
|
||||
>
|
||||
{/* Top Bar */}
|
||||
<header className="sticky top-0 z-30 h-16 sm:h-20 bg-background/80 backdrop-blur-xl border-b border-border/50">
|
||||
<div className="h-full px-4 sm:px-6 flex items-center justify-between">
|
||||
{/* Left: Title */}
|
||||
<div className="ml-10 lg:ml-0">
|
||||
{title && (
|
||||
<h1 className="text-lg sm:text-xl lg:text-2xl font-display text-foreground">{title}</h1>
|
||||
)}
|
||||
{subtitle && (
|
||||
<p className="text-xs sm:text-sm text-foreground-muted mt-0.5 hidden sm:block">{subtitle}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Right: Actions */}
|
||||
<div className="flex items-center gap-2 sm:gap-3">
|
||||
{/* Quick Search */}
|
||||
<button
|
||||
onClick={() => setSearchOpen(true)}
|
||||
className="hidden md:flex items-center gap-2 h-9 px-4 bg-foreground/5 hover:bg-foreground/10
|
||||
border border-border/50 rounded-lg text-sm text-foreground-muted
|
||||
hover:text-foreground transition-all duration-200"
|
||||
>
|
||||
<Search className="w-4 h-4" />
|
||||
<span>Search...</span>
|
||||
<kbd className="hidden lg:inline-flex items-center h-5 px-1.5 bg-background border border-border
|
||||
rounded text-[10px] text-foreground-subtle font-mono">⌘K</kbd>
|
||||
</button>
|
||||
|
||||
{/* Mobile Search */}
|
||||
<button
|
||||
onClick={() => setSearchOpen(true)}
|
||||
className="md:hidden flex items-center justify-center w-9 h-9 text-foreground-muted
|
||||
hover:text-foreground hover:bg-foreground/5 rounded-lg transition-colors"
|
||||
>
|
||||
<Search className="w-4.5 h-4.5" />
|
||||
</button>
|
||||
|
||||
{/* Notifications */}
|
||||
<div className="relative">
|
||||
<button
|
||||
onClick={() => setNotificationsOpen(!notificationsOpen)}
|
||||
className={clsx(
|
||||
"relative flex items-center justify-center w-9 h-9 rounded-lg transition-all duration-200",
|
||||
notificationsOpen
|
||||
? "bg-foreground/10 text-foreground"
|
||||
: "text-foreground-muted hover:text-foreground hover:bg-foreground/5"
|
||||
)}
|
||||
>
|
||||
<Bell className="w-4.5 h-4.5" />
|
||||
{hasNotifications && (
|
||||
<span className="absolute top-1.5 right-1.5 w-2 h-2 bg-accent rounded-full">
|
||||
<span className="absolute inset-0 rounded-full bg-accent animate-ping opacity-50" />
|
||||
</span>
|
||||
)}
|
||||
</button>
|
||||
|
||||
{/* Notifications Dropdown */}
|
||||
{notificationsOpen && (
|
||||
<div className="absolute right-0 top-full mt-2 w-80 bg-background-secondary border border-border
|
||||
rounded-xl shadow-2xl overflow-hidden">
|
||||
<div className="p-4 border-b border-border flex items-center justify-between">
|
||||
<h3 className="text-sm font-medium text-foreground">Notifications</h3>
|
||||
<button
|
||||
onClick={() => setNotificationsOpen(false)}
|
||||
className="text-foreground-muted hover:text-foreground"
|
||||
>
|
||||
<X className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
<div className="max-h-80 overflow-y-auto">
|
||||
{availableDomains.length > 0 ? (
|
||||
<div className="p-2">
|
||||
{availableDomains.slice(0, 5).map((domain) => (
|
||||
<Link
|
||||
key={domain.id}
|
||||
href="/watchlist"
|
||||
onClick={() => setNotificationsOpen(false)}
|
||||
className="flex items-start gap-3 p-3 hover:bg-foreground/5 rounded-lg transition-colors"
|
||||
>
|
||||
<div className="w-8 h-8 bg-accent/10 rounded-lg flex items-center justify-center shrink-0">
|
||||
<span className="w-2 h-2 bg-accent rounded-full animate-pulse" />
|
||||
</div>
|
||||
<div className="flex-1 min-w-0">
|
||||
<p className="text-sm font-medium text-foreground truncate">{domain.name}</p>
|
||||
<p className="text-xs text-accent">Available now!</p>
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<div className="p-8 text-center">
|
||||
<Bell className="w-8 h-8 text-foreground-subtle mx-auto mb-3" />
|
||||
<p className="text-sm text-foreground-muted">No notifications</p>
|
||||
<p className="text-xs text-foreground-subtle mt-1">
|
||||
We'll notify you when domains become available
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Custom Actions */}
|
||||
{actions}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{/* Page Content */}
|
||||
<main className="relative p-4 sm:p-6 lg:p-8">
|
||||
{children}
|
||||
</main>
|
||||
</div>
|
||||
|
||||
{/* Quick Search Modal */}
|
||||
{searchOpen && (
|
||||
<div
|
||||
className="fixed inset-0 z-[60] bg-background/80 backdrop-blur-sm flex items-start justify-center pt-[15vh] sm:pt-[20vh] px-4"
|
||||
onClick={() => setSearchOpen(false)}
|
||||
>
|
||||
<div
|
||||
className="w-full max-w-xl bg-background-secondary border border-border rounded-2xl shadow-2xl overflow-hidden"
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
<div className="flex items-center gap-3 p-4 border-b border-border">
|
||||
<Search className="w-5 h-5 text-foreground-muted" />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Search domains, TLDs, auctions..."
|
||||
value={searchQuery}
|
||||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
className="flex-1 bg-transparent text-foreground placeholder:text-foreground-subtle
|
||||
outline-none text-lg"
|
||||
autoFocus
|
||||
/>
|
||||
<button
|
||||
onClick={() => setSearchOpen(false)}
|
||||
className="flex items-center h-6 px-2 bg-background border border-border
|
||||
rounded text-xs text-foreground-subtle font-mono hover:text-foreground transition-colors"
|
||||
>
|
||||
ESC
|
||||
</button>
|
||||
</div>
|
||||
<div className="p-6 text-center text-foreground-muted text-sm">
|
||||
Start typing to search...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Keyboard shortcut for search */}
|
||||
<KeyboardShortcut onTrigger={() => setSearchOpen(true)} keys={['Meta', 'k']} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
// Keyboard shortcut component
|
||||
function KeyboardShortcut({ onTrigger, keys }: { onTrigger: () => void, keys: string[] }) {
|
||||
useEffect(() => {
|
||||
const handler = (e: KeyboardEvent) => {
|
||||
if (keys.includes('Meta') && e.metaKey && e.key === 'k') {
|
||||
e.preventDefault()
|
||||
onTrigger()
|
||||
}
|
||||
}
|
||||
document.addEventListener('keydown', handler)
|
||||
return () => document.removeEventListener('keydown', handler)
|
||||
}, [onTrigger, keys])
|
||||
|
||||
return null
|
||||
}
|
||||
@ -1,8 +1,7 @@
|
||||
'use client'
|
||||
|
||||
import Link from 'next/link'
|
||||
import Image from 'next/image'
|
||||
import { Github, Twitter, Mail } from 'lucide-react'
|
||||
import { Twitter, Mail, Linkedin } from 'lucide-react'
|
||||
import { useStore } from '@/lib/store'
|
||||
|
||||
export function Footer() {
|
||||
@ -16,40 +15,42 @@ export function Footer() {
|
||||
<div className="col-span-2 md:col-span-1">
|
||||
<div className="mb-4">
|
||||
<Link href="/" className="inline-block">
|
||||
<Image
|
||||
src="/pounce-logo.png"
|
||||
alt="pounce"
|
||||
width={120}
|
||||
height={60}
|
||||
className="w-28 h-auto"
|
||||
/>
|
||||
<span
|
||||
className="text-xl font-bold tracking-[0.1em] text-foreground"
|
||||
style={{ fontFamily: 'var(--font-display), Playfair Display, Georgia, serif' }}
|
||||
>
|
||||
POUNCE
|
||||
</span>
|
||||
</Link>
|
||||
</div>
|
||||
<p className="text-body-sm text-foreground-muted mb-4 max-w-xs">
|
||||
Domain intelligence for hunters. Track. Alert. Pounce.
|
||||
<p className="text-body-sm text-foreground-muted mb-2">
|
||||
Don't guess. Know.
|
||||
</p>
|
||||
<p className="text-body-xs text-foreground-subtle mb-4">
|
||||
Domain intelligence for serious investors and founders.
|
||||
</p>
|
||||
<div className="flex items-center gap-3">
|
||||
<a
|
||||
href="https://github.com"
|
||||
href="https://twitter.com/pounce_domains"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="w-9 h-9 flex items-center justify-center rounded-lg bg-background-tertiary hover:bg-background-secondary transition-colors"
|
||||
aria-label="GitHub"
|
||||
>
|
||||
<Github className="w-4 h-4 text-foreground-muted" />
|
||||
</a>
|
||||
<a
|
||||
href="https://twitter.com"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="w-9 h-9 flex items-center justify-center rounded-lg bg-background-tertiary hover:bg-background-secondary transition-colors"
|
||||
className="w-9 h-9 flex items-center justify-center rounded-lg bg-foreground/5 hover:bg-foreground/10 transition-colors"
|
||||
aria-label="Twitter"
|
||||
>
|
||||
<Twitter className="w-4 h-4 text-foreground-muted" />
|
||||
</a>
|
||||
<a
|
||||
href="mailto:support@pounce.dev"
|
||||
className="w-9 h-9 flex items-center justify-center rounded-lg bg-background-tertiary hover:bg-background-secondary transition-colors"
|
||||
href="https://linkedin.com"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="w-9 h-9 flex items-center justify-center rounded-lg bg-foreground/5 hover:bg-foreground/10 transition-colors"
|
||||
aria-label="LinkedIn"
|
||||
>
|
||||
<Linkedin className="w-4 h-4 text-foreground-muted" />
|
||||
</a>
|
||||
<a
|
||||
href="mailto:hello@pounce.ch"
|
||||
className="w-9 h-9 flex items-center justify-center rounded-lg bg-foreground/5 hover:bg-foreground/10 transition-colors"
|
||||
aria-label="Email"
|
||||
>
|
||||
<Mail className="w-4 h-4 text-foreground-muted" />
|
||||
@ -57,47 +58,53 @@ export function Footer() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Product - Matches Header nav */}
|
||||
{/* Product - Matches new navigation */}
|
||||
<div>
|
||||
<h3 className="text-ui font-medium text-foreground mb-4">Product</h3>
|
||||
<h3 className="text-ui font-semibold text-foreground mb-4">Product</h3>
|
||||
<ul className="space-y-3">
|
||||
<li>
|
||||
<Link href="/tld-pricing" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
TLD Prices
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/auctions" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
Auctions
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/tld-pricing" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
TLD Intel
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/pricing" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
Pricing
|
||||
</Link>
|
||||
</li>
|
||||
{isAuthenticated && (
|
||||
{isAuthenticated ? (
|
||||
<li>
|
||||
<Link href="/dashboard" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
<Link href="/dashboard" className="text-body-sm text-accent hover:text-accent-hover transition-colors">
|
||||
Command Center
|
||||
</Link>
|
||||
</li>
|
||||
) : (
|
||||
<li>
|
||||
<Link href="/register" className="text-body-sm text-accent hover:text-accent-hover transition-colors">
|
||||
Get Started Free
|
||||
</Link>
|
||||
</li>
|
||||
)}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Resources */}
|
||||
<div>
|
||||
<h3 className="text-ui font-medium text-foreground mb-4">Resources</h3>
|
||||
<h3 className="text-ui font-semibold text-foreground mb-4">Resources</h3>
|
||||
<ul className="space-y-3">
|
||||
<li>
|
||||
<Link href="/blog" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
Blog
|
||||
Briefings
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/about" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
About
|
||||
About Us
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
@ -110,7 +117,7 @@ export function Footer() {
|
||||
|
||||
{/* Legal */}
|
||||
<div>
|
||||
<h3 className="text-ui font-medium text-foreground mb-4">Legal</h3>
|
||||
<h3 className="text-ui font-semibold text-foreground mb-4">Legal</h3>
|
||||
<ul className="space-y-3">
|
||||
<li>
|
||||
<Link href="/privacy" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
@ -122,11 +129,6 @@ export function Footer() {
|
||||
Terms of Service
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/cookies" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
Cookie Policy
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/imprint" className="text-body-sm text-foreground-muted hover:text-foreground transition-colors">
|
||||
Imprint
|
||||
@ -139,7 +141,7 @@ export function Footer() {
|
||||
{/* Bottom */}
|
||||
<div className="pt-8 border-t border-border flex flex-col sm:flex-row justify-between items-center gap-4">
|
||||
<p className="text-ui-sm text-foreground-subtle">
|
||||
© {new Date().getFullYear()} pounce. All rights reserved.
|
||||
© {new Date().getFullYear()} pounce.ch — All rights reserved.
|
||||
</p>
|
||||
<div className="flex items-center gap-6">
|
||||
<Link href="/privacy" className="text-ui-sm text-foreground-subtle hover:text-foreground transition-colors">
|
||||
@ -148,9 +150,6 @@ export function Footer() {
|
||||
<Link href="/terms" className="text-ui-sm text-foreground-subtle hover:text-foreground transition-colors">
|
||||
Terms
|
||||
</Link>
|
||||
<Link href="/contact" className="text-ui-sm text-foreground-subtle hover:text-foreground transition-colors">
|
||||
Contact
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,61 +4,42 @@ import Link from 'next/link'
|
||||
import { usePathname } from 'next/navigation'
|
||||
import { useStore } from '@/lib/store'
|
||||
import {
|
||||
LogOut,
|
||||
LayoutDashboard,
|
||||
Menu,
|
||||
X,
|
||||
Settings,
|
||||
Bell,
|
||||
User,
|
||||
ChevronDown,
|
||||
TrendingUp,
|
||||
Gavel,
|
||||
CreditCard,
|
||||
Search,
|
||||
Shield,
|
||||
LayoutDashboard,
|
||||
} from 'lucide-react'
|
||||
import { useState, useRef, useEffect } from 'react'
|
||||
import { useState, useEffect } from 'react'
|
||||
import clsx from 'clsx'
|
||||
|
||||
/**
|
||||
* Public Header Component
|
||||
*
|
||||
* Used for:
|
||||
* - Landing page (/)
|
||||
* - Public pages (pricing, about, contact, blog, etc.)
|
||||
* - Auth pages (login, register)
|
||||
*
|
||||
* For logged-in users in the Command Center, use CommandCenterLayout instead.
|
||||
*/
|
||||
export function Header() {
|
||||
const pathname = usePathname()
|
||||
const { isAuthenticated, user, logout, domains, subscription } = useStore()
|
||||
const { isAuthenticated, user, logout, subscription } = useStore()
|
||||
const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
|
||||
const [userMenuOpen, setUserMenuOpen] = useState(false)
|
||||
const [notificationsOpen, setNotificationsOpen] = useState(false)
|
||||
const userMenuRef = useRef<HTMLDivElement>(null)
|
||||
const notificationsRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
// Close dropdowns when clicking outside
|
||||
useEffect(() => {
|
||||
function handleClickOutside(event: MouseEvent) {
|
||||
if (userMenuRef.current && !userMenuRef.current.contains(event.target as Node)) {
|
||||
setUserMenuOpen(false)
|
||||
}
|
||||
if (notificationsRef.current && !notificationsRef.current.contains(event.target as Node)) {
|
||||
setNotificationsOpen(false)
|
||||
}
|
||||
}
|
||||
document.addEventListener('mousedown', handleClickOutside)
|
||||
return () => document.removeEventListener('mousedown', handleClickOutside)
|
||||
}, [])
|
||||
|
||||
// Close mobile menu on route change
|
||||
useEffect(() => {
|
||||
setMobileMenuOpen(false)
|
||||
}, [pathname])
|
||||
|
||||
// Count notifications (available domains, etc.)
|
||||
const availableDomains = domains?.filter(d => d.is_available) || []
|
||||
const hasNotifications = availableDomains.length > 0
|
||||
|
||||
const tierName = subscription?.tier_name || subscription?.tier || 'Scout'
|
||||
|
||||
// Navigation items - consistent for logged in/out
|
||||
const navItems = [
|
||||
{ href: '/tld-pricing', label: 'TLD Prices', icon: TrendingUp },
|
||||
// Public navigation - same for all visitors
|
||||
const publicNavItems = [
|
||||
{ href: '/auctions', label: 'Auctions', icon: Gavel },
|
||||
{ href: '/tld-pricing', label: 'TLD Intel', icon: TrendingUp },
|
||||
{ href: '/pricing', label: 'Pricing', icon: CreditCard },
|
||||
]
|
||||
|
||||
@ -67,6 +48,16 @@ export function Header() {
|
||||
return pathname.startsWith(href)
|
||||
}
|
||||
|
||||
// Check if we're on a Command Center page (should use Sidebar instead)
|
||||
const isCommandCenterPage = ['/dashboard', '/watchlist', '/portfolio', '/market', '/intelligence', '/settings', '/admin'].some(
|
||||
path => pathname.startsWith(path)
|
||||
)
|
||||
|
||||
// If logged in and on Command Center page, don't render this header
|
||||
if (isAuthenticated && isCommandCenterPage) {
|
||||
return null
|
||||
}
|
||||
|
||||
return (
|
||||
<header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-xl border-b border-border-subtle">
|
||||
<div className="w-full px-4 sm:px-6 lg:px-8 h-16 sm:h-20 flex items-center justify-between">
|
||||
@ -87,7 +78,7 @@ export function Header() {
|
||||
|
||||
{/* Main Nav Links (Desktop) */}
|
||||
<nav className="hidden md:flex items-center h-full gap-1">
|
||||
{navItems.map((item) => (
|
||||
{publicNavItems.map((item) => (
|
||||
<Link
|
||||
key={item.href}
|
||||
href={item.href}
|
||||
@ -108,158 +99,15 @@ export function Header() {
|
||||
<nav className="hidden sm:flex items-center h-full gap-2">
|
||||
{isAuthenticated ? (
|
||||
<>
|
||||
{/* Command Center Link - Primary CTA when logged in */}
|
||||
{/* Go to Command Center */}
|
||||
<Link
|
||||
href="/dashboard"
|
||||
className={clsx(
|
||||
"flex items-center gap-2 h-9 px-4 text-[0.8125rem] font-medium rounded-lg transition-all duration-200",
|
||||
isActive('/dashboard')
|
||||
? "bg-foreground text-background"
|
||||
: "text-foreground bg-foreground/5 hover:bg-foreground/10"
|
||||
)}
|
||||
className="flex items-center gap-2 h-9 px-4 text-[0.8125rem] bg-accent text-background
|
||||
rounded-lg font-medium hover:bg-accent-hover transition-all duration-200"
|
||||
>
|
||||
<LayoutDashboard className="w-4 h-4" />
|
||||
<span>Command Center</span>
|
||||
Command Center
|
||||
</Link>
|
||||
|
||||
{/* Notifications */}
|
||||
<div ref={notificationsRef} className="relative">
|
||||
<button
|
||||
onClick={() => setNotificationsOpen(!notificationsOpen)}
|
||||
className={clsx(
|
||||
"relative flex items-center justify-center w-9 h-9 rounded-lg transition-all duration-200",
|
||||
notificationsOpen
|
||||
? "bg-foreground/10 text-foreground"
|
||||
: "text-foreground-muted hover:text-foreground hover:bg-foreground/5"
|
||||
)}
|
||||
>
|
||||
<Bell className="w-4 h-4" />
|
||||
{hasNotifications && (
|
||||
<span className="absolute top-1.5 right-1.5 w-2 h-2 bg-accent rounded-full">
|
||||
<span className="absolute inset-0 rounded-full bg-accent animate-ping opacity-50" />
|
||||
</span>
|
||||
)}
|
||||
</button>
|
||||
|
||||
{/* Notifications Dropdown */}
|
||||
{notificationsOpen && (
|
||||
<div className="absolute right-0 top-full mt-2 w-80 bg-background-secondary border border-border rounded-xl shadow-2xl overflow-hidden">
|
||||
<div className="p-4 border-b border-border">
|
||||
<h3 className="text-body-sm font-medium text-foreground">Notifications</h3>
|
||||
</div>
|
||||
<div className="max-h-80 overflow-y-auto">
|
||||
{availableDomains.length > 0 ? (
|
||||
<div className="p-2">
|
||||
{availableDomains.slice(0, 5).map((domain) => (
|
||||
<Link
|
||||
key={domain.id}
|
||||
href="/dashboard"
|
||||
onClick={() => setNotificationsOpen(false)}
|
||||
className="flex items-start gap-3 p-3 hover:bg-foreground/5 rounded-lg transition-colors"
|
||||
>
|
||||
<div className="w-8 h-8 bg-accent/10 rounded-lg flex items-center justify-center shrink-0">
|
||||
<Search className="w-4 h-4 text-accent" />
|
||||
</div>
|
||||
<div className="flex-1 min-w-0">
|
||||
<p className="text-body-sm font-medium text-foreground truncate">{domain.name}</p>
|
||||
<p className="text-body-xs text-accent">Available now!</p>
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
{availableDomains.length > 5 && (
|
||||
<p className="px-3 py-2 text-body-xs text-foreground-muted">
|
||||
+{availableDomains.length - 5} more available
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className="p-8 text-center">
|
||||
<Bell className="w-8 h-8 text-foreground-subtle mx-auto mb-3" />
|
||||
<p className="text-body-sm text-foreground-muted">No notifications</p>
|
||||
<p className="text-body-xs text-foreground-subtle mt-1">We'll notify you when domains become available</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<Link
|
||||
href="/settings"
|
||||
onClick={() => setNotificationsOpen(false)}
|
||||
className="block p-3 text-center text-body-xs text-foreground-muted hover:text-foreground hover:bg-foreground/5 border-t border-border transition-colors"
|
||||
>
|
||||
Notification settings
|
||||
</Link>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* User Menu */}
|
||||
<div ref={userMenuRef} className="relative">
|
||||
<button
|
||||
onClick={() => setUserMenuOpen(!userMenuOpen)}
|
||||
className={clsx(
|
||||
"flex items-center gap-2 h-9 pl-3 pr-2 rounded-lg transition-all duration-200",
|
||||
userMenuOpen ? "bg-foreground/10" : "hover:bg-foreground/5"
|
||||
)}
|
||||
>
|
||||
<div className="w-6 h-6 bg-accent/10 rounded-full flex items-center justify-center">
|
||||
<User className="w-3.5 h-3.5 text-accent" />
|
||||
</div>
|
||||
<ChevronDown className={clsx(
|
||||
"w-3.5 h-3.5 text-foreground-muted transition-transform duration-200",
|
||||
userMenuOpen && "rotate-180"
|
||||
)} />
|
||||
</button>
|
||||
|
||||
{/* User Dropdown */}
|
||||
{userMenuOpen && (
|
||||
<div className="absolute right-0 top-full mt-2 w-64 bg-background-secondary border border-border rounded-xl shadow-2xl overflow-hidden">
|
||||
{/* User Info */}
|
||||
<div className="p-4 border-b border-border">
|
||||
<p className="text-body-sm font-medium text-foreground truncate">{user?.name || user?.email}</p>
|
||||
<p className="text-body-xs text-foreground-muted truncate">{user?.email}</p>
|
||||
<div className="flex items-center gap-2 mt-2">
|
||||
<span className="text-ui-xs px-2 py-0.5 bg-accent/10 text-accent rounded-full font-medium">{tierName}</span>
|
||||
<span className="text-ui-xs text-foreground-subtle">{subscription?.domains_used || 0}/{subscription?.domain_limit || 5} domains</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Items */}
|
||||
<div className="p-2">
|
||||
{user?.is_admin && (
|
||||
<Link
|
||||
href="/admin"
|
||||
onClick={() => setUserMenuOpen(false)}
|
||||
className="flex items-center gap-3 px-3 py-2.5 text-body-sm text-accent hover:bg-accent/10 rounded-lg transition-colors"
|
||||
>
|
||||
<Shield className="w-4 h-4" />
|
||||
Admin Panel
|
||||
</Link>
|
||||
)}
|
||||
<Link
|
||||
href="/settings"
|
||||
onClick={() => setUserMenuOpen(false)}
|
||||
className="flex items-center gap-3 px-3 py-2.5 text-body-sm text-foreground-muted hover:text-foreground hover:bg-foreground/5 rounded-lg transition-colors"
|
||||
>
|
||||
<Settings className="w-4 h-4" />
|
||||
Settings
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
{/* Logout */}
|
||||
<div className="p-2 border-t border-border">
|
||||
<button
|
||||
onClick={() => {
|
||||
logout()
|
||||
setUserMenuOpen(false)
|
||||
}}
|
||||
className="flex items-center gap-3 w-full px-3 py-2.5 text-body-sm text-foreground-muted hover:text-foreground hover:bg-foreground/5 rounded-lg transition-colors"
|
||||
>
|
||||
<LogOut className="w-4 h-4" />
|
||||
Sign out
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
@ -294,37 +142,8 @@ export function Header() {
|
||||
{mobileMenuOpen && (
|
||||
<div className="sm:hidden border-t border-border bg-background/95 backdrop-blur-xl">
|
||||
<nav className="px-4 py-4 space-y-1">
|
||||
{isAuthenticated && (
|
||||
<>
|
||||
{/* User Info on Mobile */}
|
||||
<div className="px-4 py-3 mb-3 bg-foreground/5 rounded-xl">
|
||||
<p className="text-body-sm font-medium text-foreground truncate">{user?.name || user?.email}</p>
|
||||
<div className="flex items-center gap-2 mt-1">
|
||||
<span className="text-ui-xs px-2 py-0.5 bg-accent/10 text-accent rounded-full font-medium">{tierName}</span>
|
||||
<span className="text-ui-xs text-foreground-subtle">{subscription?.domains_used || 0}/{subscription?.domain_limit || 5} domains</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Link
|
||||
href="/dashboard"
|
||||
className={clsx(
|
||||
"flex items-center gap-3 px-4 py-3 text-body-sm rounded-xl transition-all duration-200",
|
||||
isActive('/dashboard')
|
||||
? "bg-foreground text-background font-medium"
|
||||
: "text-foreground-muted hover:text-foreground hover:bg-foreground/5"
|
||||
)}
|
||||
>
|
||||
<LayoutDashboard className="w-5 h-5" />
|
||||
<span>Command Center</span>
|
||||
{hasNotifications && (
|
||||
<span className="ml-auto w-2 h-2 bg-accent rounded-full" />
|
||||
)}
|
||||
</Link>
|
||||
</>
|
||||
)}
|
||||
|
||||
{/* Main Nav */}
|
||||
{navItems.map((item) => (
|
||||
{publicNavItems.map((item) => (
|
||||
<Link
|
||||
key={item.href}
|
||||
href={item.href}
|
||||
@ -340,43 +159,21 @@ export function Header() {
|
||||
</Link>
|
||||
))}
|
||||
|
||||
<div className="my-3 border-t border-border" />
|
||||
|
||||
{isAuthenticated ? (
|
||||
<>
|
||||
<div className="my-3 border-t border-border" />
|
||||
{user?.is_admin && (
|
||||
<Link
|
||||
href="/admin"
|
||||
onClick={() => setMobileMenuOpen(false)}
|
||||
className="flex items-center gap-3 px-4 py-3 text-body-sm text-accent
|
||||
hover:bg-accent/10 rounded-xl transition-all duration-200"
|
||||
>
|
||||
<Shield className="w-5 h-5" />
|
||||
<span>Admin Panel</span>
|
||||
</Link>
|
||||
)}
|
||||
<Link
|
||||
href="/settings"
|
||||
className="flex items-center gap-3 px-4 py-3 text-body-sm text-foreground-muted
|
||||
hover:text-foreground hover:bg-foreground/5 rounded-xl transition-all duration-200"
|
||||
href="/dashboard"
|
||||
className="flex items-center gap-3 px-4 py-3 text-body-sm text-center bg-accent text-background
|
||||
rounded-xl font-medium hover:bg-accent-hover transition-all duration-200"
|
||||
>
|
||||
<Settings className="w-5 h-5" />
|
||||
<span>Settings</span>
|
||||
<LayoutDashboard className="w-5 h-5" />
|
||||
<span>Command Center</span>
|
||||
</Link>
|
||||
<button
|
||||
onClick={() => {
|
||||
logout()
|
||||
setMobileMenuOpen(false)
|
||||
}}
|
||||
className="flex items-center gap-3 w-full px-4 py-3 text-body-sm text-foreground-muted
|
||||
hover:text-foreground hover:bg-foreground/5 rounded-xl transition-all duration-200"
|
||||
>
|
||||
<LogOut className="w-5 h-5" />
|
||||
<span>Sign Out</span>
|
||||
</button>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<div className="my-3 border-t border-border" />
|
||||
<Link
|
||||
href="/login"
|
||||
className="block px-4 py-3 text-body-sm text-foreground-muted
|
||||
|
||||
343
frontend/src/components/Sidebar.tsx
Normal file
343
frontend/src/components/Sidebar.tsx
Normal file
@ -0,0 +1,343 @@
|
||||
'use client'
|
||||
|
||||
import Link from 'next/link'
|
||||
import { usePathname } from 'next/navigation'
|
||||
import { useStore } from '@/lib/store'
|
||||
import {
|
||||
LayoutDashboard,
|
||||
Eye,
|
||||
Briefcase,
|
||||
Gavel,
|
||||
TrendingUp,
|
||||
Settings,
|
||||
ChevronLeft,
|
||||
ChevronRight,
|
||||
LogOut,
|
||||
Crown,
|
||||
Zap,
|
||||
Shield,
|
||||
CreditCard,
|
||||
Menu,
|
||||
X,
|
||||
} from 'lucide-react'
|
||||
import { useState, useEffect } from 'react'
|
||||
import clsx from 'clsx'
|
||||
|
||||
interface SidebarProps {
|
||||
collapsed?: boolean
|
||||
onCollapsedChange?: (collapsed: boolean) => void
|
||||
}
|
||||
|
||||
export function Sidebar({ collapsed: controlledCollapsed, onCollapsedChange }: SidebarProps) {
|
||||
const pathname = usePathname()
|
||||
const { user, logout, subscription, domains } = useStore()
|
||||
|
||||
// Internal state for uncontrolled mode
|
||||
const [internalCollapsed, setInternalCollapsed] = useState(false)
|
||||
const [mobileOpen, setMobileOpen] = useState(false)
|
||||
|
||||
// Use controlled or uncontrolled state
|
||||
const collapsed = controlledCollapsed ?? internalCollapsed
|
||||
const setCollapsed = onCollapsedChange ?? setInternalCollapsed
|
||||
|
||||
// Load collapsed state from localStorage
|
||||
useEffect(() => {
|
||||
const saved = localStorage.getItem('sidebar-collapsed')
|
||||
if (saved) {
|
||||
setCollapsed(saved === 'true')
|
||||
}
|
||||
}, [])
|
||||
|
||||
// Close mobile menu on route change
|
||||
useEffect(() => {
|
||||
setMobileOpen(false)
|
||||
}, [pathname])
|
||||
|
||||
// Save collapsed state
|
||||
const toggleCollapsed = () => {
|
||||
const newState = !collapsed
|
||||
setCollapsed(newState)
|
||||
localStorage.setItem('sidebar-collapsed', String(newState))
|
||||
}
|
||||
|
||||
const tierName = subscription?.tier_name || subscription?.tier || 'Scout'
|
||||
const tierIcon = tierName === 'Tycoon' ? Crown : tierName === 'Trader' ? TrendingUp : Zap
|
||||
const TierIcon = tierIcon
|
||||
|
||||
// Count available domains for notification badge
|
||||
const availableCount = domains?.filter(d => d.is_available).length || 0
|
||||
|
||||
// Navigation items - renamed "Market" to "Auctions" per review
|
||||
const navItems = [
|
||||
{
|
||||
href: '/dashboard',
|
||||
label: 'Dashboard',
|
||||
icon: LayoutDashboard,
|
||||
badge: null,
|
||||
},
|
||||
{
|
||||
href: '/watchlist',
|
||||
label: 'Watchlist',
|
||||
icon: Eye,
|
||||
badge: availableCount || null,
|
||||
},
|
||||
{
|
||||
href: '/portfolio',
|
||||
label: 'Portfolio',
|
||||
icon: Briefcase,
|
||||
badge: null,
|
||||
},
|
||||
{
|
||||
href: '/auctions',
|
||||
label: 'Auctions',
|
||||
icon: Gavel,
|
||||
badge: null,
|
||||
},
|
||||
{
|
||||
href: '/intelligence',
|
||||
label: 'Intelligence',
|
||||
icon: TrendingUp,
|
||||
badge: null,
|
||||
},
|
||||
]
|
||||
|
||||
const bottomItems = [
|
||||
{ href: '/settings', label: 'Settings', icon: Settings },
|
||||
]
|
||||
|
||||
const isActive = (href: string) => {
|
||||
if (href === '/dashboard') return pathname === '/dashboard'
|
||||
return pathname.startsWith(href)
|
||||
}
|
||||
|
||||
const SidebarContent = () => (
|
||||
<>
|
||||
{/* Logo */}
|
||||
<div className={clsx(
|
||||
"h-16 sm:h-20 flex items-center border-b border-border/50",
|
||||
collapsed ? "justify-center px-2" : "px-5"
|
||||
)}>
|
||||
<Link href="/" className="flex items-center gap-3 group">
|
||||
<div className="w-9 h-9 bg-accent/10 rounded-xl flex items-center justify-center border border-accent/20
|
||||
group-hover:bg-accent/20 transition-colors">
|
||||
<span className="font-display text-accent text-lg font-bold">P</span>
|
||||
</div>
|
||||
{!collapsed && (
|
||||
<span
|
||||
className="text-lg font-bold tracking-[0.1em] text-foreground"
|
||||
style={{ fontFamily: 'var(--font-display), Playfair Display, Georgia, serif' }}
|
||||
>
|
||||
POUNCE
|
||||
</span>
|
||||
)}
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
{/* Main Navigation */}
|
||||
<nav className="flex-1 py-4 px-3 space-y-1 overflow-y-auto">
|
||||
{navItems.map((item) => (
|
||||
<Link
|
||||
key={item.href}
|
||||
href={item.href}
|
||||
onClick={() => setMobileOpen(false)}
|
||||
className={clsx(
|
||||
"group flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all duration-200",
|
||||
isActive(item.href)
|
||||
? "bg-accent/10 text-foreground"
|
||||
: "text-foreground-muted hover:text-foreground hover:bg-foreground/5"
|
||||
)}
|
||||
title={collapsed ? item.label : undefined}
|
||||
>
|
||||
<div className="relative">
|
||||
<item.icon className={clsx(
|
||||
"w-5 h-5 transition-colors",
|
||||
isActive(item.href) ? "text-accent" : "group-hover:text-foreground"
|
||||
)} />
|
||||
{/* Badge for notifications */}
|
||||
{item.badge && (
|
||||
<span className="absolute -top-1.5 -right-1.5 w-4 h-4 bg-accent text-background
|
||||
text-[10px] font-bold rounded-full flex items-center justify-center">
|
||||
{item.badge > 9 ? '9+' : item.badge}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
{!collapsed && (
|
||||
<span className={clsx(
|
||||
"text-sm font-medium transition-colors",
|
||||
isActive(item.href) && "text-foreground"
|
||||
)}>
|
||||
{item.label}
|
||||
</span>
|
||||
)}
|
||||
</Link>
|
||||
))}
|
||||
</nav>
|
||||
|
||||
{/* Bottom Section */}
|
||||
<div className="border-t border-border/50 py-4 px-3 space-y-1">
|
||||
{/* Admin Link */}
|
||||
{user?.is_admin && (
|
||||
<Link
|
||||
href="/admin"
|
||||
onClick={() => setMobileOpen(false)}
|
||||
className={clsx(
|
||||
"group flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all duration-200",
|
||||
pathname.startsWith('/admin')
|
||||
? "bg-accent/10 text-accent"
|
||||
: "text-accent/70 hover:text-accent hover:bg-accent/5"
|
||||
)}
|
||||
title={collapsed ? "Admin Panel" : undefined}
|
||||
>
|
||||
<Shield className="w-5 h-5" />
|
||||
{!collapsed && <span className="text-sm font-medium">Admin Panel</span>}
|
||||
</Link>
|
||||
)}
|
||||
|
||||
{/* Settings */}
|
||||
{bottomItems.map((item) => (
|
||||
<Link
|
||||
key={item.href}
|
||||
href={item.href}
|
||||
onClick={() => setMobileOpen(false)}
|
||||
className={clsx(
|
||||
"group flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all duration-200",
|
||||
isActive(item.href)
|
||||
? "bg-foreground/10 text-foreground"
|
||||
: "text-foreground-muted hover:text-foreground hover:bg-foreground/5"
|
||||
)}
|
||||
title={collapsed ? item.label : undefined}
|
||||
>
|
||||
<item.icon className="w-5 h-5" />
|
||||
{!collapsed && <span className="text-sm font-medium">{item.label}</span>}
|
||||
</Link>
|
||||
))}
|
||||
|
||||
{/* User Info */}
|
||||
<div className={clsx(
|
||||
"mt-4 p-3 bg-foreground/5 rounded-xl",
|
||||
collapsed && "p-2"
|
||||
)}>
|
||||
{collapsed ? (
|
||||
<div className="flex justify-center">
|
||||
<div className="w-8 h-8 bg-accent/10 rounded-lg flex items-center justify-center">
|
||||
<TierIcon className="w-4 h-4 text-accent" />
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
<div className="w-9 h-9 bg-accent/10 rounded-lg flex items-center justify-center">
|
||||
<TierIcon className="w-4 h-4 text-accent" />
|
||||
</div>
|
||||
<div className="flex-1 min-w-0">
|
||||
<p className="text-sm font-medium text-foreground truncate">
|
||||
{user?.name || user?.email?.split('@')[0]}
|
||||
</p>
|
||||
<p className="text-xs text-foreground-muted">{tierName}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center justify-between text-xs text-foreground-subtle">
|
||||
<span>{subscription?.domains_used || 0}/{subscription?.domain_limit || 5} domains</span>
|
||||
{tierName === 'Scout' && (
|
||||
<Link
|
||||
href="/pricing"
|
||||
className="text-accent hover:underline flex items-center gap-1"
|
||||
>
|
||||
<CreditCard className="w-3 h-3" />
|
||||
Upgrade
|
||||
</Link>
|
||||
)}
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Logout */}
|
||||
<button
|
||||
onClick={() => {
|
||||
logout()
|
||||
setMobileOpen(false)
|
||||
}}
|
||||
className={clsx(
|
||||
"w-full flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all duration-200",
|
||||
"text-foreground-muted hover:text-foreground hover:bg-foreground/5"
|
||||
)}
|
||||
title={collapsed ? "Sign out" : undefined}
|
||||
>
|
||||
<LogOut className="w-5 h-5" />
|
||||
{!collapsed && <span className="text-sm font-medium">Sign out</span>}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Collapse Toggle - Desktop only */}
|
||||
<button
|
||||
onClick={toggleCollapsed}
|
||||
className={clsx(
|
||||
"hidden lg:flex absolute -right-3 top-24 w-6 h-6 bg-background-secondary border border-border rounded-full",
|
||||
"items-center justify-center text-foreground-muted hover:text-foreground",
|
||||
"hover:bg-foreground/5 transition-all duration-200 shadow-sm"
|
||||
)}
|
||||
>
|
||||
{collapsed ? (
|
||||
<ChevronRight className="w-3.5 h-3.5" />
|
||||
) : (
|
||||
<ChevronLeft className="w-3.5 h-3.5" />
|
||||
)}
|
||||
</button>
|
||||
</>
|
||||
)
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* Mobile Menu Button */}
|
||||
<button
|
||||
onClick={() => setMobileOpen(true)}
|
||||
className="lg:hidden fixed top-4 left-4 z-50 w-10 h-10 bg-background-secondary border border-border
|
||||
rounded-xl flex items-center justify-center text-foreground-muted hover:text-foreground
|
||||
transition-colors shadow-lg"
|
||||
>
|
||||
<Menu className="w-5 h-5" />
|
||||
</button>
|
||||
|
||||
{/* Mobile Overlay */}
|
||||
{mobileOpen && (
|
||||
<div
|
||||
className="lg:hidden fixed inset-0 z-40 bg-background/80 backdrop-blur-sm"
|
||||
onClick={() => setMobileOpen(false)}
|
||||
/>
|
||||
)}
|
||||
|
||||
{/* Mobile Sidebar */}
|
||||
<aside
|
||||
className={clsx(
|
||||
"lg:hidden fixed left-0 top-0 bottom-0 z-50 w-[280px] flex flex-col",
|
||||
"bg-background-secondary border-r border-border",
|
||||
"transition-transform duration-300 ease-in-out",
|
||||
mobileOpen ? "translate-x-0" : "-translate-x-full"
|
||||
)}
|
||||
>
|
||||
{/* Close button */}
|
||||
<button
|
||||
onClick={() => setMobileOpen(false)}
|
||||
className="absolute top-4 right-4 w-8 h-8 flex items-center justify-center
|
||||
text-foreground-muted hover:text-foreground transition-colors"
|
||||
>
|
||||
<X className="w-5 h-5" />
|
||||
</button>
|
||||
<SidebarContent />
|
||||
</aside>
|
||||
|
||||
{/* Desktop Sidebar */}
|
||||
<aside
|
||||
className={clsx(
|
||||
"hidden lg:flex fixed left-0 top-0 bottom-0 z-40 flex-col",
|
||||
"bg-background-secondary/50 backdrop-blur-xl border-r border-border",
|
||||
"transition-all duration-300 ease-in-out",
|
||||
collapsed ? "w-[72px]" : "w-[240px]"
|
||||
)}
|
||||
>
|
||||
<SidebarContent />
|
||||
</aside>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -46,6 +46,10 @@ interface ApiError {
|
||||
|
||||
class ApiClient {
|
||||
private token: string | null = null
|
||||
|
||||
get baseUrl(): string {
|
||||
return getApiBaseUrl().replace('/api/v1', '')
|
||||
}
|
||||
|
||||
setToken(token: string | null) {
|
||||
this.token = token
|
||||
@ -185,12 +189,12 @@ class ApiClient {
|
||||
|
||||
getGoogleLoginUrl(redirect?: string) {
|
||||
const params = redirect ? `?redirect=${encodeURIComponent(redirect)}` : ''
|
||||
return `${this.baseUrl}/oauth/google/login${params}`
|
||||
return `${getApiBaseUrl()}/oauth/google/login${params}`
|
||||
}
|
||||
|
||||
getGitHubLoginUrl(redirect?: string) {
|
||||
const params = redirect ? `?redirect=${encodeURIComponent(redirect)}` : ''
|
||||
return `${this.baseUrl}/oauth/github/login${params}`
|
||||
return `${getApiBaseUrl()}/oauth/github/login${params}`
|
||||
}
|
||||
|
||||
// Contact Form
|
||||
|
||||
52
report.md
Normal file
52
report.md
Normal file
@ -0,0 +1,52 @@
|
||||
Das sieht jetzt absolut **marktreif** aus. 🔥
|
||||
|
||||
Du hast die Balance zwischen "coolem Tool" und "seriösem Business" gefunden. Besonders die **Auctions-Seite** ist jetzt sicher (kein Spam mehr im Sichtfeld), und die **Pricing-Seite** verkauft das Upgrade extrem logisch über den Schmerzpunkt "Zeit & Qualität".
|
||||
|
||||
Hier ist mein finaler Review und ein paar kleine Details für die technische Umsetzung:
|
||||
|
||||
---
|
||||
|
||||
### 1. Landing Page (Der "Hook")
|
||||
**Bewertung: ⭐⭐⭐⭐⭐**
|
||||
* **Top:** Der Ticker mit den echten Domains (`blockvest.co` etc.) ist der beste Beweis für die Qualität deines Tools. Das baut sofort Vertrauen auf.
|
||||
* **Wording:** *"Don't guess. Know."* ist ein Slogan, den man sich auf ein T-Shirt drucken würde. Sehr stark.
|
||||
* **Detail-Check:**
|
||||
* Bei **Pricing Teaser** (unten auf der Landing Page) steht beim Scout *"TLD price explorer"*. Das klingt etwas technisch. Vielleicht besser: *"Market Overview"* oder *"Basic Trends"*.
|
||||
* **Mobile:** Achte darauf, dass der Ticker auf dem Handy nicht zu viel Platz wegnimmt (evtl. nur eine Zeile statt zwei).
|
||||
|
||||
### 2. Auctions Page (Der "Marktplatz")
|
||||
**Bewertung: ⭐⭐⭐⭐½**
|
||||
* **Top:** Die Liste ist jetzt sauber. `fintech.io` für $5,500 neben `nova.xyz` für $145 zeigt die Bandbreite. Das wirkt wie ein kuratierter Feed für Profis.
|
||||
* **Korrektur-Vorschlag:**
|
||||
* Oben steht **"14+ Live Auctions"**. Das wirkt etwas mickrig, wenn du von einem "Global Market" sprichst. Selbst wenn du gerade nur 14 Domains anzeigst, schreibe lieber **"Live Feed"** oder **"Curated Opportunities"** statt einer zu kleinen Zahl. Oder fake die Zahl im Text auf "100+ Opportunities available".
|
||||
|
||||
### 3. TLD Pricing Page (Der "Magnet")
|
||||
**Bewertung: ⭐⭐⭐⭐**
|
||||
* **Top:** Die "Moving Now" Karten (.ai +35%) sind der perfekte Einstieg.
|
||||
* **Conversion-Tipp:**
|
||||
* Aktuell sind in der Tabelle **alle** Details (1-25) ausgeblendet ("Sign in").
|
||||
* **Psychologie-Trick:** Lass die **erste Zeile (.com)** komplett offen (ohne Blur/Sign-In). Zeige dort die Charts und Daten. Warum? Der User muss *sehen*, wie geil die Daten sind, damit er sich für den Rest anmelden will. Wenn er nur Schlösser sieht, weiß er nicht, was er verpasst.
|
||||
|
||||
### 4. Pricing Page (Der "Closer")
|
||||
**Bewertung: ⭐⭐⭐⭐⭐**
|
||||
* **Top:** Die Unterscheidung in der Tabelle unten ist jetzt glasklar.
|
||||
* *Scout:* **"Raw auction feed (Unfiltered)"** -> Das ist genial. Du sagst: "Viel Spaß beim Wühlen im Müll."
|
||||
* *Trader:* **"Curated auction list (Spam-free)"** -> Das ist das Killer-Argument für die $9.
|
||||
* **Tycoon:** "API Access (Coming Soon)" ist ein guter Platzhalter, um Professionalität zu zeigen.
|
||||
|
||||
---
|
||||
|
||||
### Letzter Check: Navigation & User Flow
|
||||
|
||||
Die Navigation `Auctions | TLD Intel | Pricing` funktioniert gut.
|
||||
|
||||
**Ein Gedanke zum "Sign In":**
|
||||
Wenn ich auf der Auctions-Seite auf "Sign In to unlock" klicke, leite mich nach dem Login **bitte unbedingt direkt wieder zurück zur Auctions-Seite** (nicht ins Dashboard). Nichts ist nerviger, als eine Domain zu sehen, sich anzumelden und dann auf einer leeren Startseite zu landen und die Domain suchen zu müssen.
|
||||
|
||||
**Zusammenfassung:**
|
||||
Du hast jetzt:
|
||||
1. Einen **Lead-Magneten** (TLD Data).
|
||||
2. Einen **Qualitäts-Beweis** (Clean Auctions).
|
||||
3. Einen **No-Brainer Preis** ($9 für Spam-Filter & Alerts).
|
||||
|
||||
Das Konzept steht. **Ready to build.** 🚀
|
||||
256
start.sh
256
start.sh
@ -1,65 +1,213 @@
|
||||
#!/bin/bash
|
||||
#
|
||||
# POUNCE Quick Start Script
|
||||
# Starts both backend and frontend for development
|
||||
#
|
||||
|
||||
set -e
|
||||
|
||||
echo "🐆 Starting POUNCE..."
|
||||
echo ""
|
||||
# Pounce Start Script
|
||||
# Startet Backend und Frontend sauber
|
||||
|
||||
# Check if backend venv exists
|
||||
if [ ! -d "backend/venv" ]; then
|
||||
echo "❌ Backend not set up. Run ./deploy.sh first!"
|
||||
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||
BACKEND_DIR="$SCRIPT_DIR/backend"
|
||||
FRONTEND_DIR="$SCRIPT_DIR/frontend"
|
||||
|
||||
echo "=========================================="
|
||||
echo "🚀 Pounce Start Script"
|
||||
echo "=========================================="
|
||||
|
||||
# Farben für Output
|
||||
GREEN='\033[0;32m'
|
||||
RED='\033[0;31m'
|
||||
YELLOW='\033[1;33m'
|
||||
NC='\033[0m' # No Color
|
||||
|
||||
# Funktion zum Beenden von Prozessen
|
||||
stop_services() {
|
||||
echo ""
|
||||
echo -e "${YELLOW}🛑 Beende laufende Prozesse...${NC}"
|
||||
|
||||
# Backend (uvicorn) - mehrere Versuche
|
||||
pkill -9 -f "uvicorn app.main:app" 2>/dev/null || true
|
||||
pkill -9 -f "uvicorn" 2>/dev/null || true
|
||||
|
||||
# Frontend (next) - mehrere Versuche
|
||||
pkill -9 -f "next start" 2>/dev/null || true
|
||||
pkill -9 -f "node.*next" 2>/dev/null || true
|
||||
pkill -9 -f "npm start" 2>/dev/null || true
|
||||
|
||||
# Port 3000 freigeben (alle Prozesse auf Port 3000)
|
||||
lsof -ti:3000 2>/dev/null | xargs kill -9 2>/dev/null || true
|
||||
|
||||
# Port 8000 freigeben
|
||||
lsof -ti:8000 2>/dev/null | xargs kill -9 2>/dev/null || true
|
||||
|
||||
sleep 3
|
||||
|
||||
# Prüfen ob Ports frei sind
|
||||
if lsof -i:8000 >/dev/null 2>&1; then
|
||||
echo -e "${RED}✗ Port 8000 ist noch belegt!${NC}"
|
||||
lsof -i:8000
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if lsof -i:3000 >/dev/null 2>&1; then
|
||||
echo -e "${RED}✗ Port 3000 ist noch belegt!${NC}"
|
||||
lsof -i:3000
|
||||
exit 1
|
||||
fi
|
||||
|
||||
echo -e "${GREEN}✓ Alle Prozesse beendet, Ports frei${NC}"
|
||||
}
|
||||
|
||||
# Funktion zum Starten des Backends
|
||||
start_backend() {
|
||||
echo ""
|
||||
echo -e "${YELLOW}🔧 Starte Backend...${NC}"
|
||||
|
||||
cd "$BACKEND_DIR"
|
||||
|
||||
# Aktiviere Virtual Environment
|
||||
if [ ! -d "venv" ]; then
|
||||
echo -e "${RED}✗ venv nicht gefunden!${NC}"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
source venv/bin/activate
|
||||
|
||||
# Lösche altes Log
|
||||
> backend.log
|
||||
|
||||
# Starte uvicorn im Hintergrund
|
||||
nohup uvicorn app.main:app --host 0.0.0.0 --port 8000 > backend.log 2>&1 &
|
||||
BACKEND_PID=$!
|
||||
|
||||
echo "Backend PID: $BACKEND_PID"
|
||||
|
||||
# Warte und prüfe mehrmals
|
||||
for i in {1..10}; do
|
||||
sleep 1
|
||||
if curl -s http://127.0.0.1:8000/health > /dev/null 2>&1; then
|
||||
echo -e "${GREEN}✓ Backend läuft auf Port 8000${NC}"
|
||||
return 0
|
||||
fi
|
||||
echo -n "."
|
||||
done
|
||||
|
||||
echo ""
|
||||
echo -e "${RED}✗ Backend konnte nicht gestartet werden${NC}"
|
||||
echo "Letzte 30 Zeilen vom Log:"
|
||||
tail -30 backend.log
|
||||
exit 1
|
||||
fi
|
||||
}
|
||||
|
||||
# Kill any existing processes on our ports
|
||||
echo "🔧 Cleaning up old processes..."
|
||||
lsof -ti:8000 | xargs kill -9 2>/dev/null || true
|
||||
lsof -ti:3000 | xargs kill -9 2>/dev/null || true
|
||||
sleep 1
|
||||
|
||||
# Start Backend
|
||||
echo "🚀 Starting Backend on port 8000..."
|
||||
cd backend
|
||||
source venv/bin/activate
|
||||
uvicorn app.main:app --reload --host 0.0.0.0 --port 8000 &
|
||||
BACKEND_PID=$!
|
||||
cd ..
|
||||
|
||||
# Wait for backend to start
|
||||
sleep 3
|
||||
|
||||
# Check if backend is running
|
||||
if curl -s http://localhost:8000/health > /dev/null 2>&1; then
|
||||
echo "✅ Backend running!"
|
||||
else
|
||||
echo "❌ Backend failed to start. Check logs."
|
||||
# Funktion zum Starten des Frontends
|
||||
start_frontend() {
|
||||
echo ""
|
||||
echo -e "${YELLOW}🎨 Starte Frontend...${NC}"
|
||||
|
||||
cd "$FRONTEND_DIR"
|
||||
|
||||
# Prüfe ob .next existiert
|
||||
if [ ! -d ".next" ]; then
|
||||
echo -e "${RED}✗ .next nicht gefunden! Bitte erst 'npm run build' ausführen.${NC}"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# Lösche altes Log
|
||||
> frontend.log
|
||||
|
||||
# Starte Frontend im Hintergrund
|
||||
PORT=3000 nohup npm start > frontend.log 2>&1 &
|
||||
FRONTEND_PID=$!
|
||||
|
||||
echo "Frontend PID: $FRONTEND_PID"
|
||||
|
||||
# Warte und prüfe mehrmals
|
||||
for i in {1..15}; do
|
||||
sleep 1
|
||||
|
||||
# Prüfe ob Prozess noch läuft
|
||||
if ! kill -0 $FRONTEND_PID 2>/dev/null; then
|
||||
echo ""
|
||||
echo -e "${RED}✗ Frontend-Prozess wurde beendet${NC}"
|
||||
echo "Letzte 30 Zeilen vom Log:"
|
||||
tail -30 frontend.log
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# Prüfe ob Port offen ist
|
||||
if curl -s http://127.0.0.1:3000 > /dev/null 2>&1; then
|
||||
echo -e "${GREEN}✓ Frontend läuft auf Port 3000${NC}"
|
||||
return 0
|
||||
fi
|
||||
echo -n "."
|
||||
done
|
||||
|
||||
echo ""
|
||||
echo -e "${RED}✗ Frontend konnte nicht gestartet werden${NC}"
|
||||
echo "Letzte 30 Zeilen vom Log:"
|
||||
tail -30 frontend.log
|
||||
exit 1
|
||||
fi
|
||||
}
|
||||
|
||||
# Start Frontend
|
||||
echo "🚀 Starting Frontend on port 3000..."
|
||||
cd frontend
|
||||
npm run dev &
|
||||
FRONTEND_PID=$!
|
||||
cd ..
|
||||
# Funktion für Status-Anzeige
|
||||
show_status() {
|
||||
echo ""
|
||||
echo "=========================================="
|
||||
echo -e "${GREEN}✓ Pounce erfolgreich gestartet!${NC}"
|
||||
echo "=========================================="
|
||||
echo ""
|
||||
echo "URLs:"
|
||||
echo " Backend: http://127.0.0.1:8000"
|
||||
echo " Frontend: http://127.0.0.1:3000"
|
||||
echo " Health: http://127.0.0.1:8000/health"
|
||||
echo ""
|
||||
echo "Logs:"
|
||||
echo " Backend: tail -f $BACKEND_DIR/backend.log"
|
||||
echo " Frontend: tail -f $FRONTEND_DIR/frontend.log"
|
||||
echo ""
|
||||
echo "Laufende Prozesse:"
|
||||
ps aux | grep -E "(uvicorn|next start)" | grep -v grep | awk '{print " PID " $2 ": " $11 " " $12 " " $13}'
|
||||
echo ""
|
||||
echo "Ports:"
|
||||
lsof -i:8000 -i:3000 2>/dev/null | grep LISTEN || echo " Keine Port-Info verfügbar"
|
||||
echo ""
|
||||
}
|
||||
|
||||
echo ""
|
||||
echo "================================================"
|
||||
echo " POUNCE is starting..."
|
||||
echo "================================================"
|
||||
echo ""
|
||||
echo " Backend: http://localhost:8000"
|
||||
echo " Frontend: http://localhost:3000"
|
||||
echo " API Docs: http://localhost:8000/docs"
|
||||
echo ""
|
||||
echo " Press Ctrl+C to stop all services"
|
||||
echo ""
|
||||
# Funktion zum Testen der Services
|
||||
test_services() {
|
||||
echo ""
|
||||
echo -e "${YELLOW}🧪 Teste Services...${NC}"
|
||||
|
||||
# Test Backend Health
|
||||
HEALTH=$(curl -s http://127.0.0.1:8000/health | grep -o '"status":"healthy"' || echo "")
|
||||
if [ -n "$HEALTH" ]; then
|
||||
echo -e "${GREEN}✓ Backend Health Check OK${NC}"
|
||||
else
|
||||
echo -e "${RED}✗ Backend Health Check FAILED${NC}"
|
||||
fi
|
||||
|
||||
# Test Frontend
|
||||
HTTP_CODE=$(curl -s -o /dev/null -w "%{http_code}" http://127.0.0.1:3000)
|
||||
if [ "$HTTP_CODE" = "200" ]; then
|
||||
echo -e "${GREEN}✓ Frontend HTTP 200 OK${NC}"
|
||||
else
|
||||
echo -e "${RED}✗ Frontend HTTP $HTTP_CODE${NC}"
|
||||
fi
|
||||
|
||||
# Test OAuth Providers
|
||||
OAUTH=$(curl -s http://127.0.0.1:8000/api/v1/oauth/providers | grep -o '"google_enabled":true' || echo "")
|
||||
if [ -n "$OAUTH" ]; then
|
||||
echo -e "${GREEN}✓ OAuth Providers OK${NC}"
|
||||
else
|
||||
echo -e "${YELLOW}⚠ OAuth Check konnte nicht durchgeführt werden${NC}"
|
||||
fi
|
||||
}
|
||||
|
||||
# Wait for both processes
|
||||
trap "kill $BACKEND_PID $FRONTEND_PID 2>/dev/null" EXIT
|
||||
wait
|
||||
# Main
|
||||
stop_services
|
||||
start_backend
|
||||
start_frontend
|
||||
test_services
|
||||
show_status
|
||||
|
||||
echo -e "${GREEN}🎉 Alles läuft!${NC}"
|
||||
echo ""
|
||||
echo "Zum Stoppen: pkill -f 'uvicorn' && pkill -f 'next start'"
|
||||
|
||||
Reference in New Issue
Block a user