260 lines
8.3 KiB
Markdown
260 lines
8.3 KiB
Markdown
# SuperAdmin & Admin + Code Access System — Implementation Plan
|
||
|
||
## Overview
|
||
|
||
Implement SuperAdmin/admin role management and code-gated memorial creation as outlined in `admin.md`.
|
||
|
||
- SuperAdmin: hardcoded username `super`, password `admin`
|
||
- SuperAdmin creates admin accounts
|
||
- Admins generate access codes
|
||
- Users must enter a valid code during onboarding to create memories
|
||
|
||
---
|
||
|
||
## Phase 1 — Database & Dependencies
|
||
|
||
### New Prisma Models (`prisma/schema.prisma`)
|
||
|
||
```prisma
|
||
enum Role {
|
||
SUPER_ADMIN
|
||
ADMIN
|
||
}
|
||
|
||
model AdminUser {
|
||
id String @id @default(cuid())
|
||
username String @unique
|
||
passwordHash String
|
||
role Role @default(ADMIN)
|
||
createdAt DateTime @default(now())
|
||
createdCodes Code[]
|
||
}
|
||
|
||
model Code {
|
||
id String @id @default(cuid())
|
||
code String @unique
|
||
createdById String
|
||
createdBy AdminUser @relation(fields: [createdById], references: [id])
|
||
usedByUserId String? // User.clerkId
|
||
usedAt DateTime?
|
||
createdAt DateTime @default(now())
|
||
expiresAt DateTime?
|
||
|
||
@@index([code])
|
||
@@index([usedByUserId])
|
||
}
|
||
```
|
||
|
||
### New Dependencies
|
||
|
||
- `bcryptjs` + `@types/bcryptjs` — hash admin passwords
|
||
|
||
### Seed SuperAdmin
|
||
|
||
Seed script or migration that creates the SuperAdmin `AdminUser` record with hashed password. However, the login itself checks hardcoded `super`/`admin` first (and also queries DB by role for token auth), so the seed is optional — used mainly for listing in the admin panel.
|
||
|
||
### Migration
|
||
|
||
`npx prisma migrate dev --name add_admin_and_code`
|
||
|
||
---
|
||
|
||
## Phase 2 — Admin Auth
|
||
|
||
Admin auth is separate from Clerk. Uses a signed HMAC cookie.
|
||
|
||
### `src/lib/admin-session.ts` (new)
|
||
|
||
Helpers:
|
||
|
||
- `createAdminSession(username: string, role: Role): string` — sign a cookie value with HMAC-SHA256 using `ADMIN_SESSION_SECRET` env var
|
||
- `verifyAdminSession(token: string): { username: string; role: Role } | null` — verify and decode
|
||
- `getAdminSession(): { username: string; role: Role } | null` — read from `request.cookies` or `cookies()`
|
||
- Cookie name: `admin_session`
|
||
|
||
Payload: `{ username, role, iat }` serialized + HMAC signature.
|
||
|
||
### `src/app/api/admin/login/route.ts` (new)
|
||
|
||
- POST: accept `{ username, password }`
|
||
- If `username === "super"` and `password === "admin"` → set session with role `SUPER_ADMIN`
|
||
- Else query `AdminUser` where `username === username`, compare with `bcrypt.compare`
|
||
- Return `{ success: true }` and set `admin_session` cookie (httpOnly, secure, sameSite=lax, path=/admin)
|
||
- On failure: `401`
|
||
|
||
### `src/app/api/admin/logout/route.ts` (new)
|
||
|
||
- POST: clear `admin_session` cookie
|
||
|
||
### `src/app/api/admin/change-password/route.ts` (new)
|
||
|
||
- POST: accept `{ currentPassword, newPassword }`
|
||
- Verify admin session, then verify current password against DB
|
||
- Hash new password, update `AdminUser` record
|
||
|
||
### `src/app/admin/login/page.tsx` (new)
|
||
|
||
- Macedonian UI: username/password form
|
||
- On submit → `POST /api/admin/login`
|
||
- On success → redirect to `/admin/dashboard`
|
||
- Show error on failure
|
||
|
||
### `src/middleware.ts` (modify)
|
||
|
||
- Add `/admin(.*)` and `/api/admin(.*)` to the Clerk exclude list
|
||
- Before Clerk middleware runs: if path starts with `/admin`, check admin session cookie
|
||
- No/invalid cookie → redirect to `/admin/login`
|
||
- Valid → allow
|
||
- If path starts with `/api/admin`, check admin session cookie
|
||
- No/invalid cookie → return `401`
|
||
|
||
---
|
||
|
||
## Phase 3 — Admin Panel
|
||
|
||
All UI in Macedonian. Layout with sidebar navigation.
|
||
|
||
### `src/app/admin/layout.tsx` (new)
|
||
|
||
- Checks admin session (server component)
|
||
- Redirects to `/admin/login` if not authenticated
|
||
- Provides sidebar with links: Dashboard, Users (SuperAdmin only), Codes
|
||
- Logout button
|
||
|
||
### `src/app/admin/dashboard/page.tsx` (new)
|
||
|
||
- Stats cards:
|
||
- Total AdminUsers count
|
||
- Total Codes generated
|
||
- Codes used vs unused
|
||
- Simple overview
|
||
|
||
### `src/app/admin/users/page.tsx` (new)
|
||
|
||
- Accessible only to `SUPER_ADMIN`
|
||
- Table of admin users (username, role, created at)
|
||
- Button to create new admin (modal/page with username + password fields)
|
||
- Button to delete admin (with confirmation)
|
||
- Inline password reset option
|
||
|
||
### `src/app/admin/users/create/page.tsx` or modal (new)
|
||
|
||
- Form: username, password (with confirmation)
|
||
- POST to `/api/admin/users/`
|
||
|
||
### `src/app/admin/codes/page.tsx` (new)
|
||
|
||
- "Generate Code" button → POST `/api/admin/codes` → returns new code string, displays it
|
||
- Table of all codes: code value, who created it, status (used/unused), used by, used at
|
||
- Admin can see their own codes. SuperAdmin sees all.
|
||
- Delete code button
|
||
|
||
### `src/app/api/admin/users/route.ts` (new)
|
||
|
||
- GET: list all `AdminUser` (SuperAdmin only)
|
||
- POST: create `AdminUser` with hashed password (SuperAdmin only)
|
||
|
||
### `src/app/api/admin/users/[id]/route.ts` (new)
|
||
|
||
- DELETE: remove `AdminUser` (SuperAdmin only)
|
||
- PUT: reset password (SuperAdmin only)
|
||
|
||
### `src/app/api/admin/codes/route.ts` (new)
|
||
|
||
- GET: list codes (Admins see their own, SuperAdmin sees all)
|
||
- POST: generate a new code (`crypto.randomBytes(6).toString('hex').toUpperCase()` → 12 chars), store with `createdById` from session
|
||
|
||
### `src/app/api/admin/codes/[id]/route.ts` (new)
|
||
|
||
- DELETE: remove unused code
|
||
|
||
---
|
||
|
||
## Phase 4 — Code Gating
|
||
|
||
### `src/app/api/validate-code/route.ts` (new)
|
||
|
||
- Requires Clerk auth (`auth()` from `@clerk/nextjs/server`)
|
||
- POST: `{ code: string }`
|
||
- Look up `Code` where `code === code` and `usedByUserId === null`
|
||
- If not found → `{ valid: false, error: "Невалиден или веќе искористен код" }`
|
||
- If found → update `usedByUserId = userId`, `usedAt = now()`
|
||
- Return `{ valid: true }`
|
||
|
||
### `src/app/onboarding/page.tsx` (modify)
|
||
|
||
- Add `"Код"` as step 0 (before "Податоци")
|
||
- STEPS becomes: `["Код", "Податоци", "Датуми", "Фотографии", "Поддомен", "Шаблон"]`
|
||
- Step 0: single input for code + "Потврди" button
|
||
- Calls `POST /api/validate-code`
|
||
- On success → shows green checkmark, enables "Продолжи"
|
||
- On failure → shows error, blocks progression
|
||
- Once validated, user can proceed to step 1
|
||
- `canProceed()` for step 0 returns true only if code validated successfully
|
||
|
||
### `src/app/api/publish/route.ts` (modify)
|
||
|
||
- After Clerk auth check, query: `prisma.code.findFirst({ where: { usedByUserId: userId } })`
|
||
- If no code found → return `403` with `"Потребен е валиден код за креирање спомен страница"`
|
||
|
||
---
|
||
|
||
## Phase 5 — Environment & Build
|
||
|
||
### New Env Variable
|
||
|
||
```
|
||
ADMIN_SESSION_SECRET=<random-64-char-string>
|
||
```
|
||
|
||
Add to `.env.example` and `docker-compose` files.
|
||
|
||
### Build & Verify
|
||
|
||
```bash
|
||
npm install bcryptjs
|
||
npm install -D @types/bcryptjs
|
||
npx prisma migrate dev --name add_admin_and_code
|
||
npm run build
|
||
```
|
||
|
||
Verify:
|
||
- [ ] Admin login at `/admin/login` with `super`/`admin`
|
||
- [ ] Create admin user from admin panel
|
||
- [ ] Login as created admin
|
||
- [ ] Generate code from admin panel
|
||
- [ ] Sign up as new user via Clerk
|
||
- [ ] Enter code in onboarding step 0
|
||
- [ ] Proceed through onboarding and publish
|
||
- [ ] Verify publish fails without valid code
|
||
|
||
---
|
||
|
||
## File Change Summary
|
||
|
||
### New Files
|
||
| Path | Purpose |
|
||
|------|---------|
|
||
| `src/lib/admin-session.ts` | HMAC cookie helpers |
|
||
| `src/app/admin/login/page.tsx` | Admin login form |
|
||
| `src/app/admin/layout.tsx` | Admin layout with sidebar |
|
||
| `src/app/admin/dashboard/page.tsx` | Dashboard stats |
|
||
| `src/app/admin/users/page.tsx` | Admin user management |
|
||
| `src/app/admin/codes/page.tsx` | Code generation & listing |
|
||
| `src/app/api/admin/login/route.ts` | Admin login API |
|
||
| `src/app/api/admin/logout/route.ts` | Admin logout API |
|
||
| `src/app/api/admin/change-password/route.ts` | Self-service password change |
|
||
| `src/app/api/admin/users/route.ts` | List/create admin users |
|
||
| `src/app/api/admin/users/[id]/route.ts` | Delete/reset-password admin user |
|
||
| `src/app/api/admin/codes/route.ts` | List/create codes |
|
||
| `src/app/api/admin/codes/[id]/route.ts` | Delete code |
|
||
| `src/app/api/validate-code/route.ts` | Public code validation |
|
||
|
||
### Modified Files
|
||
| Path | Change |
|
||
|------|--------|
|
||
| `prisma/schema.prisma` | Add `AdminUser` and `Code` models |
|
||
| `src/middleware.ts` | Exclude `/admin/*` from Clerk, add admin session check |
|
||
| `src/app/onboarding/page.tsx` | Add code step (step 0) |
|
||
| `src/app/api/publish/route.ts` | Add code usage check before publish |
|