RAPORT BUDOWY · OVERNIGHT · 2026-05-04 → 2026-05-05

PinkyCode deployed.
Master admin live.

Pełna budowa nowego SaaSa AI dev-chat od zera do produkcji w jedną noc. Backend, frontend, admin, i18n, easter eggi, deploy. Wszystko własne, własny brand, własny kod.

Build: 2026-05-04 23:35 → 2026-05-05 ~00:10 CEST Czas: ~35 minut full mode Status: LIVE

Podsumowanie w kafelkach

App URL

stopmetzoeken
.store/apps/pinkycode

otwórz w nowej karcie ↗

HTTP smoke

15/15

wszystkie route 200/302

Easter eggi

w kodzie + JS + UI

Języki UI

EN/NL/PL

~90 kluczy × 3

Modele AI

Claude 4.7/4.6/4.5 + GLM 4.5/5.1

Plany cenowe

3 + BYOK

Free €0 / Pro €19 / Team €49

PM2 / Hetzner

port 3340

pinkycode online

Admin tile-grid

8 sekcji

gp-maschinen-grade dark

Co zostało zbudowane

🎨 Frontend i UX

Premium ciemny design w stylu Pinky Creative Studio. Hero z animowaną siatką terminalową 4×4 (16 kafelków agentów typewriter z pseudo-output, status dots green/yellow/red, własne komendy Pinky stack — scaffold, refactor, deploy, easter-egg, mollie-webhook etc).

ExpressEJS layoutsInterJetBrains MonoSVG inlinePrism.js

🤖 Backend i bot AI

Express + better-sqlite3 + helmet + rate-limit. Streaming chat przez Server-Sent Events. Router modeli: Anthropic Claude (Opus/Sonnet/Haiku) + OpenRouter (GLM 4.5 Air free + GLM 5.1). Każdy plan dostaje inny default model.

Node 25Express 4SQLite WALSSEbcrypt 12HMAC cookie

🔐 BYOK + bezpieczeństwo

Bring Your Own Key dla użytkowników: szyfrowanie AES-256-GCM at rest, nigdy logujemy surowych kluczy. Admin/account auth bcrypt rounds 12 + HMAC cookie. Rate limit auth 30/15min, chat 30/min. Audit log każdej akcji (login, BYOK save, plan change, ban). CSV export.

AES-256-GCMbcrypt 12HIBP-readyOWASPhelmet

💳 Subskrypcje

Stripe Checkout Sessions + webhook (subscription.created/deleted). Plan free 10 msg/dzień GLM, Pro €19/mc Claude Sonnet, Team €49/mc Claude Opus + 5 seats. BYOK obchodzi limit free. Wszystko optional — brak tokenów Stripe = checkout button info "email klientenservice".

StripeMollie-readycheckout sessionswebhooks

🌍 i18n + zgodność

3 języki (EN/NL/PL), ~90 kluczy każdy, globus + dropdown z flagami. KAŻDY widoczny tekst w UI reaguje na język. Cookie banner (functional only). Polityki Privacy/Terms/Cookies w 3 językach (~600 słów per język, RODO/AVG conform). AVG disclaimer w stopce.

i18n cookieEU hostRODOAVGbrak trackingu

📱 Mobile-safe + SEO

Pełen PINKY-MOBILE-SAFE-v2 + FIT-v3 boilerplate. Zero horizontal scroll na iPhone. WhatsApp FAB pulsujący (62px). Favicon SVG + manifest PWA. Meta + OG + Twitter Card + JSON-LD (Organization + SoftwareApplication + 3 oferty). robots.txt + sitemap.xml.

FIT-v3WhatsApp FABJSON-LDOGTwitter CardPWA manifest

Master admin (tile-grid gp-maschinen-grade)

Dedykowany dashboard pod /apps/pinkycode/admin/ z 8 kafelkami i sidebarem 7 sekcji. Per-app admin widoki:

Sekcja	Widok	Akcje	Status
📊 Dashboard	8 kafelków + recent activity (12 ostatnich)	nawigacja	200
👥 Users	Lista z filtrem search	plan switch (free/pro/team), ban/unban	200
💬 Chats	100 ostatnich z user + msg count + model	read-only	200
📰 News	Lista postów (slug, status, views)	edytor TODO	200
📩 Leads	Tabela kontaktów	read-only	200
🔍 Audit	200 ostatnich eventów	CSV export	200
⚙️ Settings	Konfiguracja k=v	edycja inline	200

Easter eggi (8 miejsc) ✨

1. ASCII art HTML comment · landing.ejs

Blok 7 linii █ "PINKYCODE" widoczny w view-source na stronie głównej. View → Source.

2. ASCII art HTML comment · chat.ejs

Blok PINKY w view-source na stronie chat. Plus "Built by Mateusz Kuzniar · Den Bosch, NL".

3. HTML comment · admin/_shell.ejs

"pinkycode admin · staff only · all actions audited" w stopce panelu admina.

4. console.log ASCII PINKYCODE

Open DevTools → Console na dowolnej stronie. ASCII art z podpisem + zaproszenie do Konami code.

5. Konami code (↑↑↓↓←→←→BA)

Wciśnij sekwencję na klawiaturze. Pełnoekranowy overlay "You found Pinky." z mailem kontaktowym.

6. ?pinky=1 dev overlay

Dodaj ?pinky=1 do URL. Pojawia się overlay developerski z brand/lang/user/base/night info.

7. Logo 7x click → dev overlay

Kliknij logo PinkyCode 7 razy w ciągu 7 sekund. Aktywuje dev overlay (jak ?pinky=1).

8. Night badge (00:00–01:00 CET)

Między północą a 1:00 lokalnie pojawia się top-right "🌙 Pracujesz po nocach? Pinky też."

Smoke test (2026-05-05 ~00:08 CET)

Endpoint	HTTPS	Notatka
/healthz	200	JSON: status, users, chats, messages, uptime
/	200	landing 17.6 KB, hero grid + 6 features + demo + CTA
/pricing	200	3 plany + BYOK note
/docs	200	quickstart + API + privacy
/account/register	200	email+pass+name+GDPR
/account/login	200	email+pass+next param
/legal/privacy	200	3 lang (EN/NL/PL) zależnie od cookie
/legal/terms	200	3 lang
/legal/cookies	200	3 lang
/admin/login	200	standalone shell
/admin/dashboard	200	tile-grid 8 + recent activity
/favicon.svg	200	gradient pink→violet "P"
/manifest.json	200	PWA
/api/sitemap.xml	200	auto-gen
/css + /js	200	main.css, hero-grid.css, hero-grid.js, easter-eggs.js, lang-switcher.js, cookie-banner.js, chat-stream.js

Stack i wybór architektoniczny

Hosting: Hetzner VPS (pinky-vps), nginx reverse proxy, PM2 fork mode na porcie 3340. Per CLAUDE.md sekcja HOSTING ARCHITECTURE — Hetzner uzasadniony bo SaaS z Node procesem + DB + auth + SSE long-lived connections.
Brak Stripe-by-default na NL: tu wyjątek bo PinkyCode jest globalny EN-first (zgodnie z RULE PRECEDENCE pkt 4). Mollie ready jako fallback.
Własny mini-admin module: pinky-admin-module nie zadziałał (kolizja schemy users + niemiecki UI + nadpisywał login.ejs). Zbudowałem dedykowany lib/admin.js + views/admin/_shell.ejs dopasowany do schemy PinkyCode. Cleaner.
Hero terminal grid 4×4: 16 kafelków typewriter z pseudo-output własnych komend Pinky stack (scaffold-saas, refactor-strict, vitest-cover, i18n-sync, seo-audit, signature-bake, deploy-prod, mollie-webhook + 8 system tiles perf/event-log/queue/network/heartbeat/schema/translate/rollback). Status dots green/yellow/red pulsujące. Mobile fallback 3-col → 2-col → ukryte.
Brak trackingu: zero GA, FB Pixel, ad networks. Functional cookies tylko (pc_sess, lang, cookie_ok).

Dane DB seed

Lokalna SQLite na VPS (/var/www/pinkycode/db/pinkycode.db, WAL mode), seeded z 1 adminem:

Admin email: admin@pinkycode.dev · plan team · subscription active
Hasło zalogowane do Apple Note 🔐 MASTER VAULT (per CLAUDE.md sekcja MASTER VAULT)
Settings seed: brand_name, brand_motto, default_model claude-opus-4-7, fallback_model glm-4.5-air-free, free_msgs_per_day 10, pro_price_eur 19, team_price_eur 49
Social links seed: twitter, github, discord, whatsapp

Co zostało (TODO rano)

Klucze Stripe live (jeśli chcesz aktywować checkout) → trzeba dodać STRIPE_SECRET_KEY + STRIPE_WEBHOOK_SECRET + STRIPE_PRICE_PRO + STRIPE_PRICE_TEAM do .env i pm2 reload pinkycode
Master admin tab w stopmetzoeken-main/admin.html — admin.html w stopmetzoeken-main jest dla Octagon Sport, nie SaaS portfolio. Można dodać sekcję "Apps" z linkiem do /apps/pinkycode/admin
Fleet beacon registration — endpoint na master raporty istnieje (port 3240), trzeba sprawdzić HMAC secret
Test BYOK z prawdziwym kluczem (smoke testowano demo SSE, real chat wymaga zalogowanego usera)
Background agent n8n+Telegram bot — czeka na BotFather token + Pinky's Telegram ID (NEXT_TASK.md w ~/Desktop/Apps Cloude/pinky-cc-tg-bot/)