Repository Structure
Top-Level Structure
Section titled “Top-Level Structure”studio/├── src/│ ├── routes/ # SvelteKit pages and API endpoints│ ├── lib/ # Shared library code│ ├── app.css # Global styles (Tailwind)│ ├── app.d.ts # Global type declarations│ └── app.html # HTML shell template├── static/ # Static assets (logos, images)├── svelte.config.js # SvelteKit configuration├── vite.config.ts # Vite build configuration├── tsconfig.json # TypeScript configuration├── package.json # Dependencies and scripts├── components.json # shadcn-svelte configuration└── .env # Environment variablesRoutes Directory
Section titled “Routes Directory”src/routes/├── +layout.svelte # Root layout (FirebaseApp, Toaster, ModeWatcher)├── +layout.ts # Root layout server├── (auth)/ # Public auth pages│ ├── +layout.svelte # Auth layout (centered card, bg image)│ ├── sign-in/+page.svelte│ ├── sign-up/+page.svelte│ └── forgot-password/+page.svelte├── (onboarding)/│ ├── +layout.svelte│ └── onboarding/+page.svelte├── (goals)/│ ├── +layout.svelte│ └── goals/+page.svelte├── (app)/ # Authenticated app routes│ ├── +layout.svelte # App shell layout│ ├── +page.svelte # Home/redirect│ ├── dashboard/│ ├── hubs/ # Hub builder│ │ ├── +page.svelte # Hub list│ │ ├── new/ # Create hub wizard│ │ └── [hubId]/ # Hub management (deep nesting)│ ├── hyvflow/ # Project management│ │ ├── +page.svelte # Workspace list│ │ └── [id]/[...path]/ # Deep workspace navigation│ ├── connect/ # Messaging│ │ ├── +page.svelte # Chat inbox│ │ └── [id]/ # Individual chat│ ├── marketplace/ # Service marketplace│ ├── orders/ # Order management│ ├── blog/ # Blog editor│ ├── docs/ # Document editor│ ├── profile/ # User profile editor│ ├── account/ # Account settings│ ├── billing/ # Billing management│ ├── upgrade/ # Plan upgrade│ ├── refer-and-earn/ # Referral program│ ├── notifications/ # Notification center│ ├── my-tasks/ # Personal task view│ └── waiting-for-approve/ # Approval gate├── (public)/│ └── public-profile/[id]/ # Public user profiles└── api/ ├── blogs/+server.ts # WordPress blog proxy └── stripe/ # Stripe Connect endpointsLibrary Directory
Section titled “Library Directory”src/lib/├── modules/ # Feature modules│ ├── auth/ # Authentication│ ├── onboarding/ # User onboarding│ ├── account/ # Account management│ ├── dashboard/ # Dashboard widgets│ ├── hubs/ # Hub/site builder (LARGEST module)│ ├── hyvflow/ # Project management (SECOND LARGEST)│ ├── marketplace/ # Service marketplace│ ├── orders/ # Order & dispute management│ ├── blogs/ # Blog system│ ├── docs/ # Document system│ ├── connect/ # Chat/messaging│ ├── profile/ # User profiles│ └── refer-and-earn/ # Referral system├── components/│ ├── ui/ # 44+ shadcn-svelte components│ ├── shared/ # Cross-module shared components│ ├── dashboard/ # Dashboard-specific components│ ├── nav/ # Navigation components│ ├── sidebars/ # Sidebar components per module│ ├── onboarding/ # Onboarding components│ ├── ongoals/ # Goal selection components│ ├── upgrade/ # Pricing/upgrade components│ └── examples/ # Example/demo components├── services/ # Shared services│ ├── user.service.ts│ ├── email.service.ts│ ├── storage-user.service.ts│ ├── user-registry-service.ts│ └── checkout.service.ts├── stores/ # Shared state managers│ ├── user-store.svelte.ts│ ├── user-manager.svelte.ts│ ├── subscription-manager.svelte.ts│ ├── storage-user-manager.svelte.ts│ ├── sidebar-manager.svelte.ts│ ├── plans-manager.svelte.ts│ └── user-registry-manager.svelte.ts├── types/ # Shared type definitions│ ├── base.ts # Base types (UUID, BaseEntity, roles)│ ├── user.ts # User interface│ ├── nav.ts # Navigation types│ ├── notifications.ts # Notification types│ ├── storage.ts # Storage types│ ├── checkout.ts # Checkout/Stripe types│ ├── user-registry.ts # User registry config│ └── editor.d.ts # EditorJS type declarations├── schemas/ # Shared validation schemas│ └── wizard.ts # Hub creation wizard schemas├── hooks/│ └── is-mobile.svelte.ts # Mobile detection hook├── utils/│ ├── guards/ # Route guards│ └── ...├── utils.ts # Shared utility functions├── data/ # Reference data│ ├── countries.ts # 249+ countries│ ├── languages.ts # 100+ languages│ ├── timezones.ts # 150+ timezones│ ├── pricing.ts # Plan pricing│ ├── billing.ts # Billing data│ ├── service-categories.ts│ └── navbar-categories.ts├── config.ts # Site config and navigation├── index.ts # Library entry point└── assets/ # Static assetsModule Size Ranking
Section titled “Module Size Ranking”The largest modules by file count and complexity:
- hubs/ - ~150+ files (visual editor, blocks, content, media, team, analytics, theme)
- hyvflow/ - ~140+ files (tasks, Gantt, Kanban, workspaces, portfolios, sprints)
- profile/ - ~80+ files (profile sections, marketplace services, follows)
- connect/ - ~50+ files (chat, messages, filters, spam, blocking)
- orders/ - ~30+ files (order management, disputes, emails)
- blogs/ - ~25+ files (EditorJS editor, preview renderers, slug utils)
- dashboard/ - ~20+ files (widget system, templates, registry)
- refer-and-earn/ - ~20+ files (referral codes, tracking, Stripe Connect)
- docs/ - ~20+ files (document editor, folders, grid views)
- account/ - ~20+ files (settings, sessions, password, billing)
- auth/ - ~10+ files (sign-in/up forms, schemas)
- onboarding/ - ~5 files (schemas, validation)