Zum Hauptinhalt springen

Zurück zum Devlog

Montag, 16. Februar 2026

Feature

35 Commits

12 min Lesezeit

LightWrite Launch, PWA für alle Apps & Stripe SEPA

LightWrite Beat/Lyrics Editor als neue App, PWA Dependencies für alle 18 Web-Apps, Stripe SEPA Direct Debit, vereinfachtes Credit-System und Matrix Widget Support.

T

Till Schneider

Autor

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

LayerTechnologieDetails
BackendNestJSREST API, Audio Processing
WebSvelteKitSvelte 5 Runes, Tailwind
LandingAstroMarketing Page
InfraDockerDockerfile, 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

AppPWA 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

MethodeRegionStatus
KreditkarteGlobal✅ Bestehend
SEPA LastschriftEU/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

AspektVorherNachher
Free Credits50/MonatEntfernt
B2B CreditsEigene VerwaltungEntfernt
LogikKomplexEinfach
Code-Pfade62

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

BereichCommitsHighlights
LightWrite10Full-Stack App Launch
PWA518 Web-Apps mit PWA Support
Stripe/SEPA4SEPA Direct Debit Integration
Subscriptions4Unified Plans
Credits3Vereinfachung
Organizations3Auth Endpoints
Matrix3Widgets & Room Settings
Calendar1ViewsBar Komponente
Onboarding2App-spezifisches Mini-Onboarding

Nächste Schritte

  1. LightWrite - Audio-Export und Sharing-Features
  2. PWA - Offline-Support und Push Notifications
  3. Subscriptions - Upgrade/Downgrade Flow im UI
  4. Matrix Widgets - Weitere Widget-Typen

Tags

#lightwrite #pwa #stripe #sepa #subscriptions #credits #matrix #calendar #onboarding