Mobile support #31

Merged
sillyangel merged 33 commits from mobile-support into dev 2025-08-01 13:30:29 -05:00
sillyangel commented 2025-07-24 17:30:40 -05:00 (Migrated from github.com)

This pull request introduces several enhancements and fixes, focusing on mobile responsiveness, debugging configurations, and improved user experience in the audio player and album page. The changes include adding debugging configurations, implementing mobile-specific behavior in the audio player, and refining album and artist page layouts for mobile devices.

Debugging and Development Enhancements:

  • .vscode/launch.json: Added configurations for debugging Next.js in development and production environments, including environment variables and runtime arguments.
  • .vscode/tasks.json: Added tasks for starting the development server, building and starting production, and debugging with additional options like telemetry disabling and background execution.

Mobile Responsiveness and Audio Player Improvements:

  • app/components/AudioPlayer.tsx: Introduced swipe gesture support for track navigation, mobile-specific audio initialization, enhanced Media Session API integration, and improved error handling for mobile playback. [1] [2] [3] [4] [5]

Album and Artist Page Enhancements:

Minor Changes:

  • .env.local: Updated the NEXT_PUBLIC_COMMIT_SHA environment variable to reflect the latest commit.
This pull request introduces several enhancements and fixes, focusing on mobile responsiveness, debugging configurations, and improved user experience in the audio player and album page. The changes include adding debugging configurations, implementing mobile-specific behavior in the audio player, and refining album and artist page layouts for mobile devices. ### Debugging and Development Enhancements: * [`.vscode/launch.json`](diffhunk://#diff-bd5430ee7c51dc892a67b3f2829d1f5b6d223f0fd48b82322cfd45baf9f5e945R1-R38): Added configurations for debugging Next.js in development and production environments, including environment variables and runtime arguments. * [`.vscode/tasks.json`](diffhunk://#diff-7d76d7533653c23b753fc7ce638cf64bdb5e419927d276af836d3a03fdf1745aR1-R114): Added tasks for starting the development server, building and starting production, and debugging with additional options like telemetry disabling and background execution. ### Mobile Responsiveness and Audio Player Improvements: * [`app/components/AudioPlayer.tsx`](diffhunk://#diff-6d9561a4e3ab5d6a48393ff11ec1e880c8430f0ddd6600cea7a49b5ff83085dfR13-R25): Introduced swipe gesture support for track navigation, mobile-specific audio initialization, enhanced Media Session API integration, and improved error handling for mobile playback. [[1]](diffhunk://#diff-6d9561a4e3ab5d6a48393ff11ec1e880c8430f0ddd6600cea7a49b5ff83085dfR13-R25) [[2]](diffhunk://#diff-6d9561a4e3ab5d6a48393ff11ec1e880c8430f0ddd6600cea7a49b5ff83085dfR35-R64) [[3]](diffhunk://#diff-6d9561a4e3ab5d6a48393ff11ec1e880c8430f0ddd6600cea7a49b5ff83085dfR130-R165) [[4]](diffhunk://#diff-6d9561a4e3ab5d6a48393ff11ec1e880c8430f0ddd6600cea7a49b5ff83085dfL248-R359) [[5]](diffhunk://#diff-6d9561a4e3ab5d6a48393ff11ec1e880c8430f0ddd6600cea7a49b5ff83085dfL322-R530) ### Album and Artist Page Enhancements: * `app/album/[id]/page.tsx`: Added mobile-specific layout for album pages, including dynamic cover art URLs and responsive album info and controls. Removed unused `ScrollArea` component and adjusted tracklist spacing. ([app/album/[id]/page.tsxL13-R15](diffhunk://#diff-900ed457337e02b29385628992cadea86fbe03fa2c56662807791e29eb8d9e00L13-R15), [app/album/[id]/page.tsxR27](diffhunk://#diff-900ed457337e02b29385628992cadea86fbe03fa2c56662807791e29eb8d9e00R27), [app/album/[id]/page.tsxL122-R191](diffhunk://#diff-900ed457337e02b29385628992cadea86fbe03fa2c56662807791e29eb8d9e00L122-R191), [app/album/[id]/page.tsxL155-R225](diffhunk://#diff-900ed457337e02b29385628992cadea86fbe03fa2c56662807791e29eb8d9e00L155-R225), [app/album/[id]/page.tsxL225](diffhunk://#diff-900ed457337e02b29385628992cadea86fbe03fa2c56662807791e29eb8d9e00L225)) * `app/artist/[artist]/page.tsx`: Updated artist image URL to use higher resolution for better display quality. ([app/artist/[artist]/page.tsxL106-R106](diffhunk://#diff-1ab7d0d35bfe88876a2c3bf695d4fbb272cf2c9d0d43a1df524a0eccf8e2a922L106-R106)) ### Minor Changes: * [`.env.local`](diffhunk://#diff-74dd9d08974aed4457940214a64b43ce175d062d74e72309b003f02c24f98b30L1-R1): Updated the `NEXT_PUBLIC_COMMIT_SHA` environment variable to reflect the latest commit.
vercel[bot] commented 2025-07-24 17:30:45 -05:00 (Migrated from github.com)

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
mice Ready (Inspect) Visit Preview 💬 Add feedback Aug 1, 2025 6:28pm
[vc]: #pyI4ggmpzciPWGRfk/YdiCOEPsyaMOFCr3l+G5bGKzE=:eyJpc01vbm9yZXBvIjp0cnVlLCJ0eXBlIjoiZ2l0aHViIiwicHJvamVjdHMiOlt7Im5hbWUiOiJtaWNlIiwibGl2ZUZlZWRiYWNrIjp7InJlc29sdmVkIjowLCJ1bnJlc29sdmVkIjowLCJ0b3RhbCI6MCwibGluayI6Im1pY2UtZ2l0LW1vYmlsZS1zdXBwb3J0LWJhbmFuYW5hbmFzLXByb2plY3RzLnZlcmNlbC5hcHAifSwiaW5zcGVjdG9yVXJsIjoiaHR0cHM6Ly92ZXJjZWwuY29tL2JhbmFuYW5hbmFzLXByb2plY3RzL21pY2UvRFZDYmZndHVtcnBKMms4SGRYY3duempMeDhtaSIsInByZXZpZXdVcmwiOiJtaWNlLWdpdC1tb2JpbGUtc3VwcG9ydC1iYW5hbmFuYW5hcy1wcm9qZWN0cy52ZXJjZWwuYXBwIiwibmV4dENvbW1pdFN0YXR1cyI6IkRFUExPWUVEIiwicm9vdERpcmVjdG9yeSI6bnVsbH1dfQ== **The latest updates on your projects**. Learn more about [Vercel for Git ↗︎](https://vercel.link/github-learn-more) | Name | Status | Preview | Comments | Updated (UTC) | | :--- | :----- | :------ | :------- | :------ | | **mice** | ✅ Ready ([Inspect](https://vercel.com/bananananas-projects/mice/DVCbfgtumrpJ2k8HdXcwnzjLx8mi)) | [Visit Preview](https://mice-git-mobile-support-bananananas-projects.vercel.app) | 💬 [**Add feedback**](https://vercel.live/open-feedback/mice-git-mobile-support-bananananas-projects.vercel.app?via=pr-comment-feedback-link) | Aug 1, 2025 6:28pm |
Sign in to join this conversation.