Moheeb Zara
30bba045f8
A new member who joins via invite code now walks through an admin-defined onboarding sequence before reaching the app. Schema (migration 022, folded into schema.sql Section 14): - space_onboarding_steps: step_key, step_type (welcome|code_of_conduct|profile|payment|content), title, body, config jsonb, is_enabled, is_required, is_system, sort_order, unique per (space, step_key). Full RLS: members read, admin/board write, admin delete non-system. - space_members.onboarding_completed_at + onboarding_progress jsonb. - Trigger seeds four default steps per space (welcome, code of conduct [required], profile, dues). Backfill seeds existing spaces and marks all existing members complete so the new gate never traps them. Flow: - /onboarding (top-level route, outside the (app) group so no redirect loop). Progress bar, step counter, back/continue, per-type rendering. Profile step calls updateMyProfile; payment step is a non-blocking nudge with optional link and "Remind me later". - (app)/layout.tsx redirects to /onboarding while onboarding_completed_at is null. - createSpace marks the founder complete: founders configure the space, they do not run the member flow (matches admin-vs-end-user persona research). - finishOnboarding re-checks required steps server-side so a tampered client cannot skip a required code-of-conduct acknowledgement. skipOnboarding only works when nothing is required. Admin config: - Settings -> Onboarding tab: reorder, edit title/body/payment link, toggle enabled/required, add custom content steps, delete non-system steps. Safety: - components/safe-markdown.tsx renders admin-authored markdown and a sanitized subset of HTML (rehype-raw + rehype-sanitize). Added those two deps. Also: - bio added to updateMyProfileSchema (members can self-set it; not blocked by the migration-015 trigger). - docs/UX_AND_PERSONAS.md: 4 personas and prioritized UX audit findings. Onboarding was finding #1; 2-6 deferred and tracked. 266/266 unit tests pass. Production build clean, /onboarding in the route table. Migration 022 applies idempotently on the next deploy.
90 lines
2.7 KiB
JSON
90 lines
2.7 KiB
JSON
{
|
|
"name": "my-project",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "next dev",
|
|
"build": "next build",
|
|
"start": "next start",
|
|
"lint": "eslint .",
|
|
"test": "vitest",
|
|
"test:ui": "vitest --ui",
|
|
"test:e2e": "playwright test",
|
|
"test:e2e:ui": "playwright test --ui"
|
|
},
|
|
"dependencies": {
|
|
"@hookform/resolvers": "^3.9.1",
|
|
"@radix-ui/react-accordion": "1.2.12",
|
|
"@radix-ui/react-alert-dialog": "1.1.15",
|
|
"@radix-ui/react-aspect-ratio": "1.1.8",
|
|
"@radix-ui/react-avatar": "1.1.11",
|
|
"@radix-ui/react-checkbox": "1.3.3",
|
|
"@radix-ui/react-collapsible": "1.1.12",
|
|
"@radix-ui/react-context-menu": "2.2.16",
|
|
"@radix-ui/react-dialog": "1.1.15",
|
|
"@radix-ui/react-dropdown-menu": "2.1.16",
|
|
"@radix-ui/react-hover-card": "1.1.15",
|
|
"@radix-ui/react-label": "2.1.8",
|
|
"@radix-ui/react-menubar": "1.1.16",
|
|
"@radix-ui/react-navigation-menu": "1.2.14",
|
|
"@radix-ui/react-popover": "1.1.15",
|
|
"@radix-ui/react-progress": "1.1.8",
|
|
"@radix-ui/react-radio-group": "1.3.8",
|
|
"@radix-ui/react-scroll-area": "1.2.10",
|
|
"@radix-ui/react-select": "2.2.6",
|
|
"@radix-ui/react-separator": "1.1.8",
|
|
"@radix-ui/react-slider": "1.3.6",
|
|
"@radix-ui/react-slot": "1.2.4",
|
|
"@radix-ui/react-switch": "1.2.6",
|
|
"@radix-ui/react-tabs": "1.1.13",
|
|
"@radix-ui/react-toast": "1.2.15",
|
|
"@radix-ui/react-toggle": "1.1.10",
|
|
"@radix-ui/react-toggle-group": "1.1.11",
|
|
"@radix-ui/react-tooltip": "1.2.8",
|
|
"@supabase/ssr": "^0.6.1",
|
|
"@supabase/supabase-js": "^2.49.4",
|
|
"autoprefixer": "^10.4.20",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"cmdk": "1.1.1",
|
|
"date-fns": "4.1.0",
|
|
"embla-carousel-react": "8.6.0",
|
|
"input-otp": "1.4.2",
|
|
"lucide-react": "^0.564.0",
|
|
"next": "16.1.6",
|
|
"next-themes": "^0.4.6",
|
|
"react": "19.2.4",
|
|
"react-day-picker": "9.13.2",
|
|
"react-dom": "19.2.4",
|
|
"react-hook-form": "^7.54.1",
|
|
"react-markdown": "^10.1.0",
|
|
"react-resizable-panels": "^2.1.7",
|
|
"recharts": "2.15.0",
|
|
"rehype-raw": "^7.0.0",
|
|
"rehype-sanitize": "^6.0.0",
|
|
"remark-gfm": "^4.0.1",
|
|
"sonner": "^1.7.1",
|
|
"tailwind-merge": "^3.3.1",
|
|
"vaul": "^1.1.2",
|
|
"zod": "^3.24.1"
|
|
},
|
|
"devDependencies": {
|
|
"@playwright/test": "^1.40.0",
|
|
"@tailwindcss/postcss": "^4.2.0",
|
|
"@testing-library/jest-dom": "^6.1.5",
|
|
"@testing-library/react": "^14.1.2",
|
|
"@types/node": "^22",
|
|
"@types/react": "19.2.14",
|
|
"@types/react-dom": "19.2.3",
|
|
"@vitejs/plugin-react": "^4.2.1",
|
|
"@vitest/ui": "^1.0.4",
|
|
"jsdom": "^23.0.1",
|
|
"postcss": "^8.5",
|
|
"shadcn": "^4.0.0",
|
|
"tailwindcss": "^4.2.0",
|
|
"tw-animate-css": "1.3.3",
|
|
"typescript": "5.7.3",
|
|
"vitest": "^1.0.4"
|
|
}
|
|
}
|