Commit Graph

107 Commits

Author SHA1 Message Date
b1rdmania aa5eaa4453 Update share description copy 2025-12-29 13:28:39 +00:00
b1rdmania 3af9eec13f Show just song title in share preview 2025-12-29 13:26:03 +00:00
b1rdmania 1041be46f3 Add short links with song title in OG preview
- Re-enable /api/share for short links (/s/abc123)
- Title shows as "Song Name - WARIO SYNTH"
- Description: "I made this in WARIO SYNTH"
- Falls back to long URL if short link fails

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:25:27 +00:00
b1rdmania 853e274a9d Tighten share copy
- Title: "WARIO SYNTH" or "Song Name - WARIO SYNTH"
- Description: "Tap to play this Gameboy tune"
- Switch to summary card (smaller image)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:22:19 +00:00
b1rdmania 7a8f6d6517 Include song title in share URL 2025-12-29 13:21:07 +00:00
b1rdmania 3728887ba5 Use Wario sprite for social share image
Update og:image and twitter:image to wario-sprite.png
for WhatsApp, Telegram, Twitter previews

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:18:48 +00:00
b1rdmania cbb808b968 Remove unused clipboard functions 2025-12-29 13:10:47 +00:00
b1rdmania a2b03c447f Trigger redeploy 2025-12-29 13:08:29 +00:00
b1rdmania d1cf013850 Increase font sizes on mobile for readability
Press Start 2P needs larger sizes to be legible on mobile:
- Body: 10px → 11px
- Buttons: 8px → 10px
- Table cells: 8px → 9px with more padding
- Status/helper text: 9px

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:02:46 +00:00
b1rdmania 31310a6ea3 Replace copy button with text box for sharing
Simple solution: show the link in a selectable text box
Works everywhere without clipboard API issues

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:59:34 +00:00
b1rdmania eb615b37f4 Fix Wario sprite blending with mix-blend-mode 2025-12-29 12:57:31 +00:00
b1rdmania 56e280fe33 Simplify share: use native share sheet on mobile
- Remove async fetch before share (was breaking iOS gesture chain)
- Use navigator.share() on mobile for native share sheet
- Simple clipboard.writeText() on desktop
- No complicated fallbacks

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:56:55 +00:00
b1rdmania f1357325be Add Wario sprite image
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:55:15 +00:00
b1rdmania 1eef11acbe Fix iOS clipboard with contentEditable approach
- Try modern clipboard API first
- For iOS: use contentEditable + special range selection
- Set font-size 16px to prevent zoom on iOS
- Properly throw error on failure for user feedback

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:53:55 +00:00
b1rdmania 46d78f42e3 Add Wario sprite to footer with Game Boy green tint
Sprite image needs to be saved as /public/wario-sprite.png

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:52:37 +00:00
b1rdmania aac5d9d95b Fix iOS clipboard, update FAQ style, rename button text
- Fix iOS Safari clipboard by using textarea with proper selection
- Add visible "Link copied!" confirmation next to Copy link button
- Update FAQ modal styling to match Game Boy light palette
- Change "Use this →" to "Use" in search results

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:48:51 +00:00
b1rdmania 86192f94b9 Simplify footer text
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:44:05 +00:00
b1rdmania 71762c07f8 Switch to light Game Boy palette and fix search/results UX
- Flip from dark to light authentic Game Boy LCD palette
- Update both main app (index.html) and share page (play.html)
- Light background (#C8D8B0) with dark text (#1D2A1D)
- Keep results interactive after selecting a song
- Remove search locking so users can always search or pick different results

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:38:37 +00:00
b1rdmania b582446269 Remove volume slider and description text from player
Cleaner UI - metadata already tells the story.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:13:31 +00:00
b1rdmania 6a49aa4ceb Revert to BitMidi only
Restore original BitMidiAdapter (was working for weeks).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:07:59 +00:00
b1rdmania 448ed48ebf Replace Dongrays with FreeMidi adapter
- BitMidi is blocked by Cloudflare on Vercel (403)
- Dongrays domain is dead (ENOTFOUND)
- Add FreeMidi adapter as primary search source
- FreeMidi returns real MIDI files without blocking

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 11:15:04 +00:00
b1rdmania 622199e27c Add debug logging to BitMidi search + better headers
- Log fetch URL, response status, and HTML size
- Use realistic Chrome User-Agent headers
- Helps diagnose Cloudflare blocking on Vercel

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 11:05:22 +00:00
b1rdmania 9d38a9a83a Fix pause/play audio muting + tidy share page UX
- Fix SynthesisEngine to not cleanup layers on stop, preventing
  audio from going silent after pause/resume
- Remove "Reimagined as classic game-console music" line
- Remove procedural playback meta block
- Move "Generate your own" CTA inside player card
- Update footer with Birdmania credit and Twitter link

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 11:00:27 +00:00
b1rdmania 028310ec28 Update share page (play.html) with Game Boy aesthetic
Match the main page redesign with LCD green palette,
Press Start 2P font, scanline overlay, and pixel-style
buttons and progress bar.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 10:55:27 +00:00
b1rdmania 6e61aef35a Redesign UI with Game Boy retro aesthetic
- Add classic LCD green color palette (#9BBC0F, #8BAC0F, #306230, #0F380F)
- Switch to Press Start 2P pixel font
- Add scanline overlay effect for CRT feel
- Style buttons with chunky 4px borders and inset shadows
- Remove all border-radius for pixel-perfect look
- Update hero, controls, results table, and player sections

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 10:49:04 +00:00
b1rdmania 679afbfa65 Rebrand to WARIO SYNTH
- Update site title, h1, taglines across all pages
- OpenGraph/Twitter meta tags now use wario.png
- FAQ updated to "What is WARIO SYNTH?"
- All references to "Motif engine" → "Wario Synthesis Engine"
- Share links now branded as WARIO SYNTH

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 10:34:31 +00:00
b1rdmania b48fb4b7de Add MP3 download to UX test page.
Installs lamejs and adds an MP3 downloader that records the Motif synth output in real time via an output tap, then encodes and downloads as .mp3.
2025-12-29 09:59:56 +00:00
b1rdmania 134867cf93 Allow scrolling back to search after generation.
Keeps the search UI visible in generated mode (so you can scroll up), but locks it to prevent changing choices until tapping New search.
2025-12-26 21:29:17 +00:00
b1rdmania 9c6a47ab4e Add New search reset after generation.
Keeps the generated artifact view intact but provides a footer New search button that stops audio, resets state, scrolls to top, and focuses the search input.
2025-12-26 21:26:23 +00:00
b1rdmania 7cbf582fa1 Enable Copy link after generation and style it.
Refresh generated state after successful playback starts so Copy link becomes clickable, and boost its visual prominence without competing with Play.
2025-12-26 21:20:21 +00:00
b1rdmania 63618ec4fa Split selected vs generated UI on main page.
After generation starts, hide preview/source-changing/search affordances and switch to an artifact view: title, Wario transformation line, Play/Pause, timeline, volume, and Copy link.
2025-12-26 21:14:30 +00:00
b1rdmania fd422aa084 Make results a chooser and move preview to selected card.
Removes preview controls from search results, adds a 'Choosing a MIDI source' helper block, introduces selected/generated states, and keeps Preview original MIDI as a secondary action inside the selected source card.
2025-12-26 20:38:15 +00:00
b1rdmania 839d40447f Restore FAQ button at top-right.
Adds a top-right FAQ button in the hero while keeping a footer FAQ button, both opening the same modal.
2025-12-26 20:28:23 +00:00
b1rdmania b0c1b49d2a Remove volume controls and play at 100%.
Eliminates volume sliders on main and share pages and hard-sets preview + Motif playback volume to 1.0 across the app.
2025-12-26 20:25:38 +00:00
b1rdmania d5434025c8 Polish share page hierarchy and styling.
Align /play colors with main (green accents), simplify copy and metadata, reduce timestamp prominence, and improve title cleaning to avoid filename-like artifacts with optional artist subline.
2025-12-26 20:21:14 +00:00
b1rdmania 9ad1b00b4e Scroll to synthesis controls after selecting a source.
After clicking 'Use this' and loading the MIDI, auto-scrolls to the selected source card so Generate is immediately visible.
2025-12-26 19:34:47 +00:00
b1rdmania 5e90b9e5d5 Fix share page progress bar updates.
Track playback position locally so the /play progress slider and time display advance reliably, including pause/resume, scrubbing, and end-of-track behavior.
2025-12-26 19:32:55 +00:00
b1rdmania 7deb7bd4d9 Move MIDI preview controls into results table.
Adds per-row Play/Stop preview toggles, moves preview volume to the results header, and removes preview controls from the selected source card.
2025-12-26 19:27:16 +00:00
b1rdmania 9fc636a558 Refocus main page around search → select → generate.
Cleans result titles, adds a 'Use this' action, promotes a selected source card with Preview/Generate, collapses results after selection, and hides debug-ish metadata behind Details.
2025-12-26 19:21:28 +00:00
b1rdmania 834a170a58 Rewrite share player page UX.
Makes /play a narrative artifact page with a clean song title, one-line transformation hook, single Play/Pause control, progress bar, minimal metadata, and a single CTA.
2025-12-26 19:00:56 +00:00
b1rdmania 0e0b64d6a2 Remove redundant preview controls bar.
Moves preview volume into the results header and relies on per-row Play/Stop controls.
2025-12-26 18:53:55 +00:00
b1rdmania d501f3565d Customize social previews for short share links.
Serve OG/Twitter meta tags from /s/:code and update /play meta copy so Telegram/X previews show a Gameboy-tune message and image.
2025-12-26 18:47:00 +00:00
b1rdmania f437bba281 Move MIDI preview playback into results table.
Adds per-row Play/Stop buttons and replaces the standalone preview box with compact preview volume/stop controls.
2025-12-26 18:42:31 +00:00
b1rdmania ba34f66c91 Add progress slider to share player.
Updates /play with a seekable progress bar, time display, 70% default volume, and Wario engine copy.
2025-12-26 18:36:40 +00:00
b1rdmania 88891afd8e Move Copy link to Generate & Play and align /play output.
Shows Copy link beside the synth engine controls and makes /play run procedural generation to match the main page.
2025-12-26 18:26:49 +00:00
b1rdmania 8160c87258 Add share link copy button and standardize volume.
Adds a Copy link action on the main page using /api/share shortlinks and sets default volumes to 70%.
2025-12-26 17:31:34 +00:00
b1rdmania 778f2a1aaa Match /play landing UX to main page.
Updates layout and styling to reuse main MOTIF hierarchy and components.
2025-12-26 17:15:49 +00:00
b1rdmania 2e50022066 Add social preview meta tags to /play.
Ensures shared shortlinks render the MOTIF image card on X.
2025-12-26 15:51:42 +00:00
b1rdmania a23e348d5e Use REDIS_URL for share shortlinks.
Stores /s/:code mappings in the connected Redis database and falls back to Vercel KV REST when available.
2025-12-26 15:36:00 +00:00
b1rdmania d9861f8bbf Fail loudly when Vercel KV is missing.
Prevents shortlinks from silently breaking due to ephemeral in-memory fallback in production.
2025-12-26 15:06:25 +00:00