Massiver Tag mit 35 Commits – neuer App-Launch, Monetarisierung und PWA-Rollout:
- LightWrite - Beat/Lyrics Editor als Full-Stack App gelauncht
- PWA - Progressive Web App Dependencies für alle 18 Web-Apps
- Stripe SEPA - Direct Debit als Zahlungsoption
- Subscriptions - Unified ManaCore Subscription Plans
- Credits - System vereinfacht (Free Credits & B2B entfernt)
- Matrix - Widget Support und Room Settings Styling
LightWrite Beat/Lyrics Editor
Komplett neue App für Musikproduktion – Beat-Making und Lyrics-Editing in einem Tool.
Stack
| Layer | Technologie | Details |
|---|---|---|
| Backend | NestJS | REST API, Audio Processing |
| Web | SvelteKit | Svelte 5 Runes, Tailwind |
| Landing | Astro | Marketing Page |
| Infra | Docker | Dockerfile, Subdomains |
Features
- Beat Editor mit Timeline und Track-Layering
- Lyrics Editor mit Synchronisation
- STT Lyrics Transcription Integration
- CORS-Konfiguration für Cross-Origin Audio
Infrastructure
# docker-compose - LightWrite Services
lightwrite-backend:
build: ./apps/lightwrite/apps/backend
ports:
- '3012:3012'
lightwrite-web:
build: ./apps/lightwrite/apps/web
ports:
- '5190:5190'
Subdomain Setup
# lightwrite.mana.how → Web App
# api.lightwrite.mana.how → Backend API
PWA für alle 18 Web-Apps
Progressive Web App Dependencies wurden zu allen SvelteKit Web-Apps hinzugefügt.
Betroffene Apps
| App | PWA Status |
|---|---|
| ManaCore | ✅ Aktiviert |
| Chat | ✅ Aktiviert |
| Picture | ✅ Aktiviert |
| Zitare | ✅ Aktiviert |
| Calendar | ✅ Aktiviert |
| Contacts | ✅ Aktiviert |
| Todo | ✅ Aktiviert |
| Clock | ✅ Aktiviert |
| LightWrite | ✅ Aktiviert |
| ManaDeck | ✅ Aktiviert |
| Photos | ✅ Aktiviert |
| NutriPhi | ✅ Aktiviert |
| Mukke | ✅ Aktiviert |
| Reader | ✅ Aktiviert |
| Inventory | ✅ Aktiviert |
| Storage | ✅ Aktiviert |
| Traces | ✅ Aktiviert |
| Context | ✅ Aktiviert |
Installation
# PWA Dependencies für SvelteKit
pnpm add @vite-pwa/sveltekit workbox-window -D
Stripe SEPA Direct Debit
Neue Zahlungsoption für europäische Kunden.
Payment Methods
| Methode | Region | Status |
|---|---|---|
| Kreditkarte | Global | ✅ Bestehend |
| SEPA Lastschrift | EU/EWR | ✅ Neu |
Implementation
// services/mana-core-auth/src/stripe/stripe.service.ts
async createSEPASubscription(customerId: string, planId: string) {
return this.stripe.subscriptions.create({
customer: customerId,
items: [{ price: planId }],
payment_settings: {
payment_method_types: ['sepa_debit', 'card'],
},
});
}
Unified Subscription Plans
ManaCore Subscription Plans als zentrale Verwaltung für alle Apps.
Plan-Struktur
┌─────────────────────────────────────────────────┐
│ ManaCore Subscription Plans │
├─────────────────────────────────────────────────┤
│ │
│ Free ████ Basis-Features, keine Credits │
│ Starter ████ 100 Credits/Monat │
│ Pro ████ 500 Credits/Monat │
│ Business ████ 2000 Credits/Monat │
│ │
└─────────────────────────────────────────────────┘
Credit-System Vereinfachung
Das Credit-System wurde gestrafft – Free Credits und B2B-Logik entfernt.
Vorher vs. Nachher
| Aspekt | Vorher | Nachher |
|---|---|---|
| Free Credits | 50/Monat | Entfernt |
| B2B Credits | Eigene Verwaltung | Entfernt |
| Logik | Komplex | Einfach |
| Code-Pfade | 6 | 2 |
Organization Management
Neue Endpoints in mana-core-auth für Organisation-Verwaltung.
Endpoints
POST /api/v1/organizations # Erstellen
GET /api/v1/organizations # Alle auflisten
GET /api/v1/organizations/:id # Details
PUT /api/v1/organizations/:id # Aktualisieren
DELETE /api/v1/organizations/:id # Löschen
POST /api/v1/organizations/:id/members # Mitglied hinzufügen
Matrix Widget Support
Matrix Room Settings mit Widget-Verwaltung und verbessertem Styling.
Features
- Widget einbetten in Matrix Rooms
- Room Settings UI überarbeitet
- Konsistentes Styling mit ManaCore Design System
App-Spezifisches Mini-Onboarding
Jede App kann jetzt einen eigenen Onboarding-Flow definieren.
Konzept
// Onboarding Config pro App
const onboardingSteps = {
lightwrite: [
{ title: 'Beats erstellen', component: BeatIntro },
{ title: 'Lyrics schreiben', component: LyricsIntro },
],
calendar: [{ title: 'Kalender verbinden', component: CalendarSync }],
};
Zusammenfassung
| Bereich | Commits | Highlights |
|---|---|---|
| LightWrite | 10 | Full-Stack App Launch |
| PWA | 5 | 18 Web-Apps mit PWA Support |
| Stripe/SEPA | 4 | SEPA Direct Debit Integration |
| Subscriptions | 4 | Unified Plans |
| Credits | 3 | Vereinfachung |
| Organizations | 3 | Auth Endpoints |
| Matrix | 3 | Widgets & Room Settings |
| Calendar | 1 | ViewsBar Komponente |
| Onboarding | 2 | App-spezifisches Mini-Onboarding |
Nächste Schritte
- LightWrite - Audio-Export und Sharing-Features
- PWA - Offline-Support und Push Notifications
- Subscriptions - Upgrade/Downgrade Flow im UI
- Matrix Widgets - Weitere Widget-Typen