Manalink SDK 55 Upgrade & Fixes

Bugfix-Tag mit 5 Commits – Expo SDK Upgrade und kritische Fixes:

• SDK 55 - Manalink auf Expo SDK 55 aktualisiert
• Metro Fix - matrix-sdk-crypto-wasm Blocking behoben
• Reanimated - Worklets für 4.2 Kompatibilität
• Chat Input - Eingabeleiste nicht mehr hinter PillNavigation

Expo SDK 55 Upgrade

Manalink von Expo SDK 52 auf SDK 55 aktualisiert.

Aktualisierte Dependencies

Breaking Changes

• Expo Router 5: Neue Layout-API
• Reanimated 4: Worklet-System überarbeitet
• Metro: Strengere Module-Resolution

Metro Resolver Fix: matrix-sdk-crypto-wasm

matrix-sdk-crypto-wasm blockierte den Metro Resolver beim Bundling.

Problem

error: Unable to resolve module matrix-sdk-crypto-wasm
  from node_modules/matrix-js-sdk/lib/crypto/...

Metro bundler hung indefinitely when encountering WASM modules

Ursache

Metro kann keine .wasm Module auflösen. Das matrix-sdk-crypto-wasm Package enthält WebAssembly-Binaries, die Metro blockieren.

Lösung

// metro.config.js
const { getDefaultConfig } = require('expo/metro-config');

const config = getDefaultConfig(__dirname);

// Block matrix-sdk-crypto-wasm from being resolved
config.resolver.resolveRequest = (context, moduleName, platform) => {
	if (moduleName === 'matrix-sdk-crypto-wasm') {
		return {
			type: 'empty',
		};
	}
	return context.resolveRequest(context, moduleName, platform);
};

module.exports = config;

react-native-worklets für Reanimated 4.2

Reanimated 4.2 benötigt react-native-worklets als separates Package.

Problem

Error: Reanimated 4.2 requires react-native-worklets-core

Lösung

pnpm add react-native-worklets-core --filter @manalink/mobile

// babel.config.js
module.exports = function (api) {
	api.cache(true);
	return {
		presets: ['babel-preset-expo'],
		plugins: [
			'react-native-worklets-core/plugin',
			'react-native-reanimated/plugin', // Muss letztes Plugin sein
		],
	};
};

react-native-css-interop Dependency

Neue Dependency für NativeWind v4 Kompatibilität mit SDK 55.

pnpm add react-native-css-interop --filter @manalink/mobile

Chat Input Bar Fix

Die Chat-Eingabeleiste wurde auf Web von der PillNavigation verdeckt.

Problem

┌─────────────────────────────────────┐
│                                      │
│  Chat Messages                       │
│  ...                                 │
│  ...                                 │
│                                      │
├─────────────────────────────────────┤
│  [Chat Input Bar]  ← Verdeckt!      │
├─────────────────────────────────────┤
│  ██  ██  ██  ██  ██  PillNav       │
└─────────────────────────────────────┘

Lösung

/* Chat Container mit Bottom-Padding für PillNavigation */
.chat-container {
	padding-bottom: calc(env(safe-area-inset-bottom) + 64px);
}

Nachher

┌─────────────────────────────────────┐
│                                      │
│  Chat Messages                       │
│  ...                                 │
│                                      │
├─────────────────────────────────────┤
│  [Chat Input Bar]  ← Sichtbar!     │
│                                      │
├─────────────────────────────────────┤
│  ██  ██  ██  ██  ██  PillNav       │
└─────────────────────────────────────┘

Zusammenfassung

Nächste Schritte

1. Performance - Bundle Size Optimierung
2. E2EE - Native Crypto-Module statt WASM
3. Notifications - Push via APNs/FCM
4. CI/CD - Automatische Builds bei PR