Mobile: redesign, onboarding, QR codes, logo, Spotify setup

- Redesign matching the web: album-art backdrops, Reanimated equalizer,
  spinning live ring, drifting ambient background, gradient buttons with
  spring press feedback and haptics, Space Grotesk headings, animated feed
  (enter + layout transitions); fix invisible tab labels
- Four-step onboarding for new accounts: which app you listen with (sets
  where songs open), the matching share setup, find friends (search,
  scan, invite), and a featured song. Skippable; stored server-side
- QR codes: My code (share link) and an in-app scanner (camera only, no
  microphone permission)
- Spotify setup via Last.fm or ListenBrainz with guided linking; Android
  shares Spotify automatically through the phone reader
- New logo as app icon, adaptive/monochrome icon and splash
- app.config.ts allows cleartext only for local http:// test builds

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MzFywujuH9TiuXbr9vjoX8
This commit is contained in:
2026-10-05 19:16:40 -04:00
co-authored by Claude Opus 5.5
parent 17ae36064c
commit 3568b71e90
44 changed files with 1481 additions and 358 deletions
+12 -4
View File
@@ -8,7 +8,7 @@
"scheme": "musicshare",
"userInterfaceStyle": "dark",
"ios": {
"icon": "./assets/expo.icon",
"icon": "./assets/images/icon.png",
"bundleIdentifier": "tech.chrisedwards.musicshare",
"infoPlist": {
"NSAppleMusicUsageDescription": "musicshare shows your friends what you play in Apple Music, and opens their songs for you."
@@ -16,7 +16,7 @@
},
"android": {
"adaptiveIcon": {
"backgroundColor": "#0e0f13",
"backgroundColor": "#1a0a4a",
"foregroundImage": "./assets/images/android-icon-foreground.png",
"backgroundImage": "./assets/images/android-icon-background.png",
"monochromeImage": "./assets/images/android-icon-monochrome.png"
@@ -30,9 +30,17 @@
[
"expo-splash-screen",
{
"backgroundColor": "#0e0f13",
"backgroundColor": "#0b0820",
"image": "./assets/images/splash-icon.png",
"imageWidth": 76
"imageWidth": 150
}
],
[
"expo-camera",
{
"cameraPermission": "musicshare uses the camera to scan friends' QR codes.",
"microphonePermission": false,
"recordAudioAndroid": false
}
]
],