{track.bpm === null ? 'No BPM' : `${track.bpm.toFixed(1)} BPM`}
@@ -1387,8 +1474,44 @@ function formatKeyRepresentationLabel(representation: KeyRepresentation): string
}
}
-function formatTrackLabel(track: TrackRecord): string {
- return `${track.artist} — ${track.title}`
+function TrackTitleLink({ track }: { track: TrackRecord }) {
+ const externalTrackUrl = getExternalTrackUrl(track.path)
+ if (!externalTrackUrl) {
+ return <>{track.title}
+ }
+
+ return (
+
+ {track.title}
+
+ )
+}
+
+function TrackLabelWithLinkedTitle({ track }: { track: TrackRecord }) {
+ return (
+ <>
+ {track.artist} —
+
+ )
+}
+
+function getExternalTrackUrl(path: string): string | null {
+ try {
+ const parsed = new URL(path)
+ if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') {
+ return null
+ }
+ return parsed.toString()
+ } catch {
+ return null
+ }
}
function formatTrackSearchLabel(track: TrackRecord, keyRepresentation: KeyRepresentation): string {
diff --git a/src/index.css b/src/index.css
index 572a291..cdfe2dd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,7 +7,8 @@
color: #e2e8f0;
background:
radial-gradient(circle at top, rgba(37, 99, 235, 0.16), transparent 30%),
- linear-gradient(180deg, #020617, #0f172a 35%, #020617 100%);
+ linear-gradient(180deg, rgba(2, 6, 23, 0.5), rgba(15, 23, 42, 0.5) 35%, rgba(2, 6, 23, 0.5) 100%),
+ url('/bg.png') center / cover no-repeat fixed;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
diff --git a/src/lib/mockData.ts b/src/lib/mockData.ts
index fa4fc4c..9375e24 100644
--- a/src/lib/mockData.ts
+++ b/src/lib/mockData.ts
@@ -3,180 +3,310 @@ import type { LibraryData, PlaylistInfo, TrackRecord, TransitionRecord } from '.
const tracks: TrackRecord[] = [
{
id: 't-001',
- title: 'Blue Twilight',
- artist: 'Nori Lane',
- bpm: 122,
- rating: 4,
- camelotKey: '8A',
+ title: 'Night Notes',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: 3,
+ camelotKey: '4A',
rawKey: null,
- path: '/mock/blue-twilight.wav',
- playlists: ['p-1', 'p-2'],
+ path: 'https://skonoks.bandcamp.com/track/night-notes',
+ playlists: ['p-1'],
},
{
id: 't-002',
- title: 'Lift Off',
- artist: 'Signal Motel',
- bpm: 124,
- rating: 5,
- camelotKey: '8B',
+ title: 'Another Round (Jay Strata rmx)',
+ artist: 'Skonoks',
+ bpm: 129,
+ rating: 3,
+ camelotKey: '4A',
rawKey: null,
- path: '/mock/lift-off.wav',
+ path: 'https://skonoks.bandcamp.com/track/another-round-jay-strata-rmx',
playlists: ['p-1'],
},
{
id: 't-003',
- title: 'Warehouse Bloom',
- artist: 'Tess Vector',
- bpm: 127,
- rating: 4,
- camelotKey: '9A',
+ title: 'Til I Get You (Skonoks Remix)',
+ artist: 'CLVPS',
+ bpm: 126,
+ rating: 3,
+ camelotKey: '4A',
rawKey: null,
- path: '/mock/warehouse-bloom.wav',
+ path: 'https://soundcloud.com/skonoks/til-i-get-you-skonoks-remix',
playlists: ['p-1', 'p-3'],
},
{
id: 't-004',
- title: 'Glass Steps',
- artist: 'Ion Harbour',
- bpm: 128,
+ title: 'Carnian Pluvial Episode (DX-9 under water rmx)',
+ artist: 'Skonoks',
+ bpm: 127,
rating: 3,
- camelotKey: '9B',
+ camelotKey: '5A',
rawKey: null,
- path: '/mock/glass-steps.wav',
- playlists: ['p-1', 'p-3'],
+ path: 'https://skonoks.bandcamp.com/track/carnian-pluvial-episode-dx-9-underwater-rmx',
+ playlists: ['p-1'],
},
{
id: 't-005',
- title: 'Afterlight',
- artist: 'Mika Current',
- bpm: 130,
- rating: 5,
- camelotKey: '10A',
+ title: 'Another Round (Skonoks 4:4 Mix)',
+ artist: 'Skonoks',
+ bpm: 126,
+ rating: 3,
+ camelotKey: '5A',
rawKey: null,
- path: '/mock/afterlight.wav',
+ path: 'https://skonoks.bandcamp.com/track/another-round-skonoks-4-4-mix',
playlists: ['p-1'],
},
{
id: 't-006',
- title: 'Velvet Relay',
- artist: 'Ossia Drive',
- bpm: 135,
- rating: 4,
- camelotKey: '10B',
+ title: 'Warm Embrace',
+ artist: 'Skonoks',
+ bpm: 126,
+ rating: 3,
+ camelotKey: '6A',
rawKey: null,
- path: '/mock/velvet-relay.wav',
- playlists: ['p-2'],
+ path: 'https://skonoks.bandcamp.com/track/warm-embrace',
+ playlists: ['p-1'],
},
{
id: 't-007',
- title: 'Neon Tides',
- artist: 'Helix Bloom',
- bpm: 138,
- rating: 2,
- camelotKey: '11A',
+ title: 'Crystals',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: 3,
+ camelotKey: '6A',
rawKey: null,
- path: '/mock/neon-tides.wav',
- playlists: ['p-2'],
+ path: 'https://skonoks.bandcamp.com/track/crystals',
+ playlists: ['p-1'],
},
{
id: 't-008',
- title: 'Shadowline',
- artist: 'Rae Pacific',
- bpm: 140,
- rating: 4,
- camelotKey: '11B',
+ title: 'Scatter Plot',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: 3,
+ camelotKey: '7B',
rawKey: null,
- path: '/mock/shadowline.wav',
- playlists: ['p-2'],
+ path: 'https://skonoks.bandcamp.com/track/scatter-plot',
+ playlists: ['p-1'],
},
{
id: 't-009',
- title: 'Circuit Prayer',
- artist: 'Lumen Phase',
- bpm: 110,
- rating: 5,
- camelotKey: '6A',
+ title: 'Oh hey',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: 3,
+ camelotKey: '8A',
rawKey: null,
- path: '/mock/circuit-prayer.wav',
- playlists: ['p-3'],
+ path: 'https://soundcloud.com/skonoks/oh-hey-original-mix',
+ playlists: ['p-1', 'p-3'],
},
{
id: 't-010',
- title: 'Sunrise Draft',
- artist: 'Adi Quartz',
- bpm: 116,
- rating: 3,
- camelotKey: '7A',
+ title: 'Fours',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: null,
+ camelotKey: '12A',
rawKey: null,
- path: '/mock/sunrise-draft.wav',
- playlists: ['p-3'],
+ path: 'https://skonoks.bandcamp.com/track/fours',
+ playlists: ['p-1', 'p-4'],
},
{
id: 't-011',
- title: 'Arc Signal',
- artist: 'Mara Tone',
- bpm: 121,
- rating: 4,
- camelotKey: '8A',
+ title: 'Threes',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: null,
+ camelotKey: '12A',
rawKey: null,
- path: '/mock/arc-signal.wav',
- playlists: ['p-4'],
+ path: 'https://skonoks.bandcamp.com/track/threes',
+ playlists: ['p-1', 'p-4'],
},
{
id: 't-012',
- title: 'Delta Lift',
- artist: 'Mara Tone',
- bpm: 122,
- rating: 4,
- camelotKey: '9A',
+ title: 'Out There',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: null,
+ camelotKey: '6A',
rawKey: null,
- path: '/mock/delta-lift.wav',
- playlists: ['p-4'],
+ path: 'https://skonoks.bandcamp.com/track/out-there',
+ playlists: ['p-1'],
},
{
id: 't-013',
- title: 'Mirror Rail',
- artist: 'Mara Tone',
- bpm: 123,
- rating: 4,
- camelotKey: '9B',
+ title: 'Pocket Riot',
+ artist: 'Skonoks',
+ bpm: 126,
+ rating: null,
+ camelotKey: '3A',
rawKey: null,
- path: '/mock/mirror-rail.wav',
- playlists: ['p-4'],
+ path: 'https://skonoks.bandcamp.com/track/pocket-riot',
+ playlists: ['p-1'],
},
{
id: 't-014',
- title: 'Copper Dawn',
- artist: 'Mara Tone',
+ title: 'Crossing The Valley',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: null,
+ camelotKey: '7A',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/crossing-the-valley',
+ playlists: ['p-1'],
+ },
+ {
+ id: 't-015',
+ title: 'Baseline Test',
+ artist: 'Skonoks',
+ bpm: 126,
+ rating: 3,
+ camelotKey: '12A',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/baseline-test',
+ playlists: ['p-2'],
+ },
+ {
+ id: 't-016',
+ title: 'Supercritical',
+ artist: 'Skonoks',
+ bpm: 126,
+ rating: 3,
+ camelotKey: '5A',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/supercritical',
+ playlists: ['p-2'],
+ },
+ {
+ id: 't-017',
+ title: "That Dot, That's Us!",
+ artist: 'Skonoks',
+ bpm: 124,
+ rating: 3,
+ camelotKey: '6A',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/that-dot-thats-us',
+ playlists: ['p-2'],
+ },
+ {
+ id: 't-018',
+ title: 'See What Comes',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: 3,
+ camelotKey: '9A',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/see-what-comes',
+ playlists: ['p-2', 'p-5'],
+ },
+ {
+ id: 't-019',
+ title: 'Ascending Glow',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: 3,
+ camelotKey: '10A',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/ascending-glow',
+ playlists: ['p-2'],
+ },
+ {
+ id: 't-020',
+ title: 'Try Me',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: 3,
+ camelotKey: '3B',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/try-me',
+ playlists: ['p-2'],
+ },
+ {
+ id: 't-021',
+ title: 'Tapa Ono',
+ artist: 'Skonoks',
bpm: 124,
- rating: 4,
- camelotKey: '10B',
+ rating: 3,
+ camelotKey: '8B',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/tapa-ono',
+ playlists: ['p-2'],
+ },
+ {
+ id: 't-022',
+ title: 'Resonating Fabric',
+ artist: 'Skonoks',
+ bpm: 126,
+ rating: 3,
+ camelotKey: '5A',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/resonating-fabric',
+ playlists: ['p-2'],
+ },
+ {
+ id: 't-023',
+ title: 'Flyswatter 2025',
+ artist: 'Skonoks',
+ bpm: 127,
+ rating: 3,
+ camelotKey: '5A',
+ rawKey: null,
+ path: 'https://skonoks.bandcamp.com/track/flyswatter-2025',
+ playlists: ['p-2'],
+ },
+ {
+ id: 't-024',
+ title: 'Machine Without Purpose',
+ artist: 'Skonoks',
+ bpm: 125,
+ rating: 3,
+ camelotKey: '6A',
rawKey: null,
- path: '/mock/copper-dawn.wav',
- playlists: ['p-4'],
+ path: 'https://skonoks.bandcamp.com/track/machine-without-purpose',
+ playlists: ['p-2'],
},
]
const playlists: PlaylistInfo[] = [
{
id: 'p-1',
- name: 'Peak-time ladders',
- trackIds: ['t-001', 't-002', 't-003', 't-004', 't-005'],
+ name: 'Skonoks — 2024 selections',
+ trackIds: [
+ 't-001',
+ 't-002',
+ 't-003',
+ 't-004',
+ 't-005',
+ 't-006',
+ 't-007',
+ 't-008',
+ 't-009',
+ 't-010',
+ 't-011',
+ 't-012',
+ 't-013',
+ 't-014',
+ ],
},
{
id: 'p-2',
- name: 'Late-night pressure',
- trackIds: ['t-001', 't-006', 't-007', 't-008'],
+ name: 'Skonoks — 2025 releases',
+ trackIds: ['t-015', 't-016', 't-017', 't-018', 't-019', 't-020', 't-021', 't-022', 't-023', 't-024'],
},
{
id: 'p-3',
- name: 'Warm-up bridge',
- trackIds: ['t-009', 't-010', 't-003', 't-004'],
+ name: 'North-South Connection EP',
+ trackIds: ['t-003', 't-009'],
},
{
id: 'p-4',
- name: 'Path finder lane',
- trackIds: ['t-001', 't-011', 't-012', 't-013', 't-014'],
+ name: 'Threes or Fours',
+ trackIds: ['t-010', 't-011'],
+ },
+ {
+ id: 'p-5',
+ name: 'See What Comes',
+ trackIds: ['t-018'],
},
]
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+