Skip to content

Slice 14b — Wire beat grid detection into editor shell#44

Merged
cbaucom merged 1 commit into
mainfrom
feat/beat-grid-wire
Jun 22, 2026
Merged

Slice 14b — Wire beat grid detection into editor shell#44
cbaucom merged 1 commit into
mainfrom
feat/beat-grid-wire

Conversation

@cbaucom

@cbaucom cbaucom commented Jun 22, 2026

Copy link
Copy Markdown
Owner

Summary

  • Auto-detect BPM from the selected soundtrack via decodeMono + detectBeatGrid
  • Pass effective beat grid (manualBeatGrid ?? beatGridCache) into plan() so image slide durations snap to beats
  • Persist beatGridCache and manualBeatGrid in slideshow.json
  • Settings panel: Beat sync toggle + Energy (calm/medium/punchy)
  • Soundtrack panel: BPM status line, tap tempo, manual BPM/offset entry

Closes #34

Acceptance criteria

  • Soundtrack loaded → BPM detection runs and grid passed to plan()
  • beatSync: true (default) snaps slide boundaries; off uses exact durations
  • Energy + Beat sync controls in GlobalSettingsPanel
  • Manual BPM (tap + numeric) stored as manualBeatGrid, survives reopen
  • Loaded manualBeatGrid wins over re-detection

Test plan

  • pnpm test, pnpm lint, pnpm build
  • Open project with soundtrack → see "Analyzing…" then "NNN BPM · detected · syncing to beat"
  • Toggle Beat sync off → status updates; slide durations match image duration setting
  • Tap along (8 taps) or Apply manual BPM → "manual" in status; reopen project → persists
  • Switch energy calm/punchy → total runtime shifts

Made with Cursor

Decode soundtrack on selection, pass effective beat grid to plan(), persist cache/manual overrides in slideshow.json, and expose beat sync controls plus BPM status in the sidebar.

Co-authored-by: Cursor <cursoragent@cursor.com>
@netlify

netlify Bot commented Jun 22, 2026

Copy link
Copy Markdown

Deploy Preview for foldershow ready!

Name Link
🔨 Latest commit e8d56c7
🔍 Latest deploy log https://app.netlify.com/projects/foldershow/deploys/6a393a068f468d00080faa56
😎 Deploy Preview https://deploy-preview-44--foldershow.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@cbaucom
cbaucom merged commit 2b860cf into main Jun 22, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Slice 14b — Wire beat grid detection into editor shell

1 participant