Date: Thu, 21 May 2026 05:13:17 +0000
Subject: [PATCH 34/42] Remove playlist transitions panel
Agent-Logs-Url: https://github.com/samsta/KeyBpmMap/sessions/b935ceee-0146-452b-8d98-995d4a464519
Co-authored-by: samsta <3915450+samsta@users.noreply.github.com>
---
src/App.tsx | 45 +--------------------------------------------
1 file changed, 1 insertion(+), 44 deletions(-)
diff --git a/src/App.tsx b/src/App.tsx
index 5e15fa4..8f38c9b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,7 +11,6 @@ import {
MAX_BPM_BAND_SIZE,
MIN_BPM_BAND_SIZE,
summarizeTracks,
- summarizeTransitions,
} from './lib/analysis'
import { CAMELOT_KEYS } from './lib/camelot'
import { loadEngineDjLibrary } from './lib/engineDj'
@@ -99,27 +98,6 @@ function App() {
})
}, [filters, library.tracks, playlistLookup])
- const filteredTrackIds = useMemo(
- () => new Set(filteredTracks.map((track) => track.id)),
- [filteredTracks],
- )
-
- const filteredTransitions = useMemo(() => {
- return library.transitions.filter((transition) => {
- if (
- filters.playlistId !== 'all' &&
- transition.playlistId !== filters.playlistId
- ) {
- return false
- }
-
- return (
- filteredTrackIds.has(transition.fromTrackId) &&
- filteredTrackIds.has(transition.toTrackId)
- )
- })
- }, [filteredTrackIds, filters.playlistId, library.transitions])
-
const bpmBands = useMemo(
() => createBpmBands(filteredTracks, bpmBandSize),
[bpmBandSize, filteredTracks],
@@ -146,10 +124,6 @@ function App() {
)
const summary = useMemo(() => summarizeTracks(filteredTracks), [filteredTracks])
const sparseCells = useMemo(() => findSparseCells(densityCells, bpmBands), [bpmBands, densityCells])
- const topTransitions = useMemo(
- () => summarizeTransitions(filteredTransitions),
- [filteredTransitions],
- )
const handleLoadMockData = () => {
setLibrary(createMockLibrary())
@@ -254,7 +228,7 @@ function App() {
See where your key and BPM density actually lives.
Load a local Engine DJ SQLite database in the browser, inspect harmonic and
- tempo hotspots, and drill into sparse areas or playlist transitions without
+ tempo hotspots, and drill into sparse areas without
uploading your library anywhere. Engine DJ usually stores it at
{' '}
@@ -598,23 +572,6 @@ function App() {
)}
-
- Top playlist transitions
-
-
)
From fe33036cd1677293c408ebbf8436c8786a180038 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 21 May 2026 05:35:59 +0000
Subject: [PATCH 35/42] Add track title spacing
Agent-Logs-Url: https://github.com/samsta/KeyBpmMap/sessions/3bbe7cd3-239e-4cc7-86f3-c9ce760a9282
Co-authored-by: samsta <3915450+samsta@users.noreply.github.com>
---
src/App.css | 6 ++++++
src/App.tsx | 2 +-
2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/App.css b/src/App.css
index f1a5ee0..57e6fa2 100644
--- a/src/App.css
+++ b/src/App.css
@@ -262,6 +262,12 @@ select {
gap: 8px;
}
+.track-title {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.35em;
+}
+
.track-list strong,
.simple-list strong,
.source-panel strong {
diff --git a/src/App.tsx b/src/App.tsx
index 8f38c9b..a7e8791 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -514,7 +514,7 @@ function App() {
{selectedCell.tracks.length > 0 ? (
selectedCell.tracks.map((track) => (
-
+
{track.artist}
{track.title}
From 2fad768aa68d8a4cac91e2e07f811a658c300baa Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 21 May 2026 05:42:50 +0000
Subject: [PATCH 36/42] Add visible app version
Agent-Logs-Url: https://github.com/samsta/KeyBpmMap/sessions/c8e26471-412f-4aac-ba26-e4f809f916b7
Co-authored-by: samsta <3915450+samsta@users.noreply.github.com>
---
package.json | 2 +-
src/App.tsx | 6 ++++++
src/globals.d.ts | 1 +
vite.config.ts | 3 +++
4 files changed, 11 insertions(+), 1 deletion(-)
create mode 100644 src/globals.d.ts
diff --git a/package.json b/package.json
index 2e447ee..e44f68c 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "keybpmmap",
"private": true,
- "version": "0.0.0",
+ "version": "0.1.0",
"type": "module",
"scripts": {
"dev": "vite",
diff --git a/src/App.tsx b/src/App.tsx
index a7e8791..a136152 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -42,6 +42,7 @@ interface OpenFilePickerConfig {
type PolarKeyMode = 'both' | 'A' | 'B'
const POLAR_KEY_MODES = ['both', 'A', 'B'] as const
+const APP_VERSION = __APP_VERSION__
function App() {
const [library, setLibrary] = useState
(() => createMockLibrary())
@@ -290,6 +291,11 @@ function App() {
Browser only
No upload path, no remote API, no backend.
+
Version
+
v{APP_VERSION}
+
Manually bumped in package.json for each PR.
+
Version
v{APP_VERSION}
-
Manually bumped in package.json for each PR.