Complete rebuild of 22-year-old PHP CMS as modern SaaS: Database (15 migrations, 42+ tables): - Foundation: account_settings, audit_log, GDPR register, cms_files - Module Engine: modules, fields, records, permissions, relations + RPC - Members: 45+ field member profiles, departments, roles, honors, SEPA mandates - Courses: courses, sessions, categories, instructors, locations, attendance - Bookings: rooms, guests, bookings with availability - Events: events, registrations, holiday passes - Finance: SEPA batches/items (pain.008/001 XML), invoices - Newsletter: campaigns, templates, recipients, subscriptions - Site Builder: site_pages (Puck JSON), site_settings, cms_posts - Portal Auth: member_portal_invitations, user linking Feature Packages (9): - @kit/module-builder — dynamic low-code CRUD engine - @kit/member-management — 31 API methods, 21 actions, 8 components - @kit/course-management, @kit/booking-management, @kit/event-management - @kit/finance — SEPA XML generator + IBAN validator - @kit/newsletter — campaigns + dispatch - @kit/document-generator — PDF/Excel/Word - @kit/site-builder — Puck visual editor, 15 blocks, public rendering Pages (60+): - Dashboard with real stats from all APIs - Full CRUD for all 8 domains with react-hook-form + Zod - Recharts statistics - German i18n throughout - Member portal with auth + invitation system - Public club websites via Puck at /club/[slug] Infrastructure: - Dockerfile (multi-stage, standalone output) - docker-compose.yml (Supabase self-hosted + Next.js) - Kong API gateway config - .env.production.example
122 lines
4.0 KiB
TypeScript
122 lines
4.0 KiB
TypeScript
import {
|
|
CreditCard, LayoutDashboard, Settings, Users, Database,
|
|
UserCheck, GraduationCap, Hotel, Calendar, Wallet,
|
|
FileText, Mail, Globe,
|
|
} from 'lucide-react';
|
|
|
|
import { NavigationConfigSchema } from '@kit/ui/navigation-schema';
|
|
|
|
import featureFlagsConfig from '~/config/feature-flags.config';
|
|
import pathsConfig from '~/config/paths.config';
|
|
|
|
const iconClasses = 'w-4';
|
|
|
|
const getRoutes = (account: string) => [
|
|
{
|
|
label: 'common.routes.application',
|
|
children: [
|
|
{
|
|
label: 'common.routes.dashboard',
|
|
path: pathsConfig.app.accountHome.replace('[account]', account),
|
|
Icon: <LayoutDashboard className={iconClasses} />,
|
|
highlightMatch: `${pathsConfig.app.home}$`,
|
|
},
|
|
featureFlagsConfig.enableModuleBuilder
|
|
? {
|
|
label: 'common.routes.modules',
|
|
path: createPath(pathsConfig.app.accountModules, account),
|
|
Icon: <Database className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
featureFlagsConfig.enableMemberManagement
|
|
? {
|
|
label: 'common.routes.cmsMembers',
|
|
path: createPath(pathsConfig.app.accountCmsMembers, account),
|
|
Icon: <UserCheck className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
featureFlagsConfig.enableCourseManagement
|
|
? {
|
|
label: 'common.routes.courses',
|
|
path: createPath(pathsConfig.app.accountCourses, account),
|
|
Icon: <GraduationCap className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
featureFlagsConfig.enableBookingManagement
|
|
? {
|
|
label: 'common.routes.bookings',
|
|
path: createPath(pathsConfig.app.accountBookings, account),
|
|
Icon: <Hotel className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
{
|
|
label: 'common.routes.events',
|
|
path: createPath(`/home/[account]/events`, account),
|
|
Icon: <Calendar className={iconClasses} />,
|
|
},
|
|
featureFlagsConfig.enableSepaPayments
|
|
? {
|
|
label: 'common.routes.finance',
|
|
path: createPath(pathsConfig.app.accountFinance, account),
|
|
Icon: <Wallet className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
featureFlagsConfig.enableDocumentGeneration
|
|
? {
|
|
label: 'common.routes.documents',
|
|
path: createPath(pathsConfig.app.accountDocuments, account),
|
|
Icon: <FileText className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
featureFlagsConfig.enableNewsletter
|
|
? {
|
|
label: 'common.routes.newsletter',
|
|
path: createPath(pathsConfig.app.accountNewsletter, account),
|
|
Icon: <Mail className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
{
|
|
label: 'common.routes.siteBuilder',
|
|
path: createPath(`/home/[account]/site-builder`, account),
|
|
Icon: <Globe className={iconClasses} />,
|
|
},
|
|
].filter(Boolean),
|
|
},
|
|
{
|
|
label: 'common.routes.settings',
|
|
collapsible: false,
|
|
children: [
|
|
{
|
|
label: 'common.routes.settings',
|
|
path: createPath(pathsConfig.app.accountSettings, account),
|
|
Icon: <Settings className={iconClasses} />,
|
|
},
|
|
{
|
|
label: 'common.routes.members',
|
|
path: createPath(pathsConfig.app.accountMembers, account),
|
|
Icon: <Users className={iconClasses} />,
|
|
},
|
|
featureFlagsConfig.enableTeamAccountBilling
|
|
? {
|
|
label: 'common.routes.billing',
|
|
path: createPath(pathsConfig.app.accountBilling, account),
|
|
Icon: <CreditCard className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
].filter(Boolean),
|
|
},
|
|
];
|
|
|
|
export function getTeamAccountSidebarConfig(account: string) {
|
|
return NavigationConfigSchema.parse({
|
|
routes: getRoutes(account),
|
|
style: process.env.NEXT_PUBLIC_TEAM_NAVIGATION_STYLE,
|
|
sidebarCollapsed: process.env.NEXT_PUBLIC_TEAM_SIDEBAR_COLLAPSED,
|
|
sidebarCollapsedStyle: process.env.NEXT_PUBLIC_SIDEBAR_COLLAPSIBLE_STYLE,
|
|
});
|
|
}
|
|
|
|
function createPath(path: string, account: string) {
|
|
return path.replace('[account]', account);
|
|
}
|