Add drag-and-drop song reordering in the GUI #19

New Issue

shahondin1624 · 2026-03-17T14:08:53+01:00

shahondin1624 commented

2026-03-17 14:08:53 +01:00

Description

Currently, song order is determined either alphabetically or by file-system order (configured via songs.order in songbook.yaml). Users have no way to manually rearrange songs within the GUI before building.

Add the ability to reorder songs via drag-and-drop in the songs list. When using manual order, this lets users arrange the songbook exactly as they want. The reordered list should be used for the next build.

Acceptance Criteria

Songs in the songs list can be reordered via drag-and-drop
The reordered song list is used when building the songbook (overriding the config file order)
A visual indicator shows where a dragged song will be placed (drop target highlight)
The song order can be reset to the original order (from config) via a button
Reordering is only enabled when songs.order is "manual" (or a new mode like "custom")
When songs.order is "alphabetical", the list shows alphabetical order and drag-and-drop is disabled (with a hint explaining why)
The GUI remains responsive during drag operations

Implementation Hints

Compose Desktop supports drag-and-drop via Modifier.pointerInput and reorder detection
Consider using a library like org.burnoutcrew.composereorderable or implementing basic list reordering with detectDragGestures
The reordered list can be passed to SongbookPipeline by reordering the parsed List<Song> before the measurement step
Store the custom order in memory (no need to persist to disk — the build uses whatever order is in the list at build time)

## Description Currently, song order is determined either alphabetically or by file-system order (configured via `songs.order` in `songbook.yaml`). Users have no way to manually rearrange songs within the GUI before building. Add the ability to reorder songs via drag-and-drop in the songs list. When using manual order, this lets users arrange the songbook exactly as they want. The reordered list should be used for the next build. ## Acceptance Criteria - [ ] Songs in the songs list can be reordered via drag-and-drop - [ ] The reordered song list is used when building the songbook (overriding the config file order) - [ ] A visual indicator shows where a dragged song will be placed (drop target highlight) - [ ] The song order can be reset to the original order (from config) via a button - [ ] Reordering is only enabled when `songs.order` is `"manual"` (or a new mode like `"custom"`) - [ ] When `songs.order` is `"alphabetical"`, the list shows alphabetical order and drag-and-drop is disabled (with a hint explaining why) - [ ] The GUI remains responsive during drag operations ## Implementation Hints - Compose Desktop supports drag-and-drop via `Modifier.pointerInput` and reorder detection - Consider using a library like `org.burnoutcrew.composereorderable` or implementing basic list reordering with `detectDragGestures` - The reordered list can be passed to `SongbookPipeline` by reordering the parsed `List<Song>` before the measurement step - Store the custom order in memory (no need to persist to disk — the build uses whatever order is in the list at build time)

shahondin1624 referenced this issue from a commit

2026-03-17 14:29:47 +01:00

feat: add drag-and-drop song reordering in the GUI (Closes #19)

shahondin1624 referenced a pull request that will close this issue

2026-03-17 14:30:00 +01:00

feat: add drag-and-drop song reordering in the GUI (Closes #19) #22

shahondin1624 closed this issue

2026-03-17 14:30:08 +01:00

shahondin1624 referenced this issue from a commit

2026-03-17 14:30:10 +01:00

feat: add drag-and-drop song reordering in the GUI (Closes #19) (#22)

Sign in to join this conversation.