Something went wrong. Try again.
A decentralized music tracking and discovery platform built on AT Protocol 🎵 rocksky.app
spotify atproto lastfm musicbrainz scrobbling listenbrainz
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113import { Box, Text, useInput } from "ink";import { useAtom } from "jotai";import React from "react";import { BLUE, TEAL, VIOLET } from "./theme";import { helpOpenAtom } from "./store";
const GROUPS: { title: string; keys: [string, string][] }[] = [ { title: "Navigation", keys: [ ["Tab / 1 2 3", "switch tabs"], ["↑ ↓", "move selection"], ["Enter", "open / play"], ["Esc", "back / close"], ["q", "quit"], ], }, { title: "My Music", keys: [ ["← →", "tracks/albums/artists/favorites/playlists"], ["Enter", "play (queue from here)"], ["P", "play only this track"], ["S", "play list shuffled"], ["a", "play album"], ["N / L", "play next / last"], ["i", "insert-mode menu"], ["f", "like / unlike"], [";", "add to playlist"], ["d", "delete track / album"], ["T", "write album (or, on Favorites, your favorites) to an NFC tag"], ["C", "same, onto an SLE or ACOS smart card"], ], }, { title: "Playlists (My Music tab)", keys: [ ["Enter", "open / play"], ["c", "create playlist"], ["d", "delete / remove track"], ["T", "write playlist to an NFC tag"], ["C", "write playlist to an SLE or ACOS smart card"], ["Q → s", "save queue as playlist"], ], }, { title: "Profile", keys: [ ["b", "open Bluesky profile"], ["d", "open PDSLS repo"], ], }, { title: "Playback", keys: [ ["Space", "play / pause"], ["n / p", "next / previous"], ["+ / −", "volume"], ["s", "shuffle"], ["r / o / 0", "repeat all / one / off"], ], }, { title: "Panels", keys: [ ["/", "search (Tab toggles corpus)"], ["Q", "current queue"], ["e", "equalizer & sound"], ["C", "track cache"], ["A", "sign in / sign out"], ["R", "refresh scrobbles"], ["?", "this help"], ], },];
export function HelpView() { const [, setOpen] = useAtom(helpOpenAtom);
useInput((input, key) => { if (key.escape || input === "?" || input === "q") setOpen(false); });
return ( <Box flexDirection="column" flexGrow={1}> <Text bold color={BLUE}> {" Keyboard Shortcuts "} </Text> <Box marginTop={1} flexDirection="row" flexWrap="wrap"> {GROUPS.map((group) => ( <Box key={group.title} flexDirection="column" width="50%" marginBottom={1} > <Text bold color={TEAL}> {group.title} </Text> {group.keys.map(([k, desc]) => ( <Text key={k}> <Text color={VIOLET}>{k.padEnd(14)}</Text> <Text dimColor>{desc}</Text> </Text> ))} </Box> ))} </Box> <Text dimColor>Esc or ? to close</Text> </Box> );}