@involvex/youtube-music-cli 0.0.28 → 0.0.30

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [0.0.30](https://github.com/involvex/youtube-music-cli/compare/v0.0.29...v0.0.30) (2026-02-22)
+
+## [0.0.29](https://github.com/involvex/youtube-music-cli/compare/v0.0.28...v0.0.29) (2026-02-22)
+
+### Bug Fixes
+
+- prevent import navigation when in settings view ([d805b5a](https://github.com/involvex/youtube-music-cli/commit/d805b5a182a2241ab5494565dcf6645da82da954))
+
 ## [0.0.28](https://github.com/involvex/youtube-music-cli/compare/v0.0.27...v0.0.28) (2026-02-22)
 
 ### Bug Fixes

package/dist/source/components/common/ShortcutsBar.js

@@ -1,10 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 // Shortcuts bar component
 import { Box, Text } from 'ink';
 import { usePlayer } from "../../hooks/usePlayer.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { useKeyBinding } from "../../hooks/useKeyboard.js";
 import { KEYBINDINGS } from "../../utils/constants.js";
+import { ICONS } from "../../utils/icons.js";
 export default function ShortcutsBar() {
     const { theme } = useTheme();
     const { state: playerState, pause, resume, next, previous, volumeUp, volumeDown, volumeFineUp, volumeFineDown, toggleShuffle, toggleRepeat, } = usePlayer();
@@ -27,7 +28,7 @@ export default function ShortcutsBar() {
     useKeyBinding(KEYBINDINGS.SHUFFLE, toggleShuffle);
     useKeyBinding(KEYBINDINGS.REPEAT, toggleRepeat);
     // Note: SETTINGS keybinding handled by MainLayout to avoid double-dispatch
-    return (_jsxs(Box, { borderStyle: "single", borderColor: theme.colors.dim, paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { color: theme.colors.dim, children: [_jsx(Text, { color: theme.colors.text, children: "\u23EF [Space]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u23EE [B/\u2190]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u23ED [N/\u2192]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\uD83D\uDD00 [Shift+S]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\uD83D\uDD01 [R]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\uD83D\uDCDA [Shift+P]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u2B07 [Shift+D]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\uD83D\uDD0E [/]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u2753 [?]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\uD83D\uDEF0 [Shift+Q]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\uD83D\uDD0C [Shift+R]" }), " |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u23FB [Q]" })] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: playerState.shuffle ? theme.colors.primary : theme.colors.dim, children: "\uD83D\uDD00" }), ' ', _jsx(Text, { color: playerState.repeat === 'off'
+    return (_jsxs(Box, { borderStyle: "single", borderColor: theme.colors.dim, paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { color: theme.colors.dim, children: [_jsxs(Text, { color: theme.colors.text, children: [ICONS.PLAY_PAUSE_ON, "/", ICONS.PAUSE, " [Space]"] }), ' ', "| ", _jsxs(Text, { color: theme.colors.text, children: [ICONS.PREV, " [B/\u2190]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.NEXT, " [N/\u2192]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.SHUFFLE, " [Shift+S]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.REPEAT_ALL, " [R]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.PLAYLIST, " [Shift+P]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.DOWNLOAD, " [Shift+D]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.SEARCH, " [/]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.HELP, " [?]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.BG_PLAY, " [Shift+Q]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.RESUME, " [Shift+R]"] }), " |", ' ', _jsxs(Text, { color: theme.colors.text, children: [ICONS.QUIT, " [Q]"] })] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: playerState.shuffle ? theme.colors.primary : theme.colors.dim, children: ICONS.SHUFFLE }), ' ', _jsx(Text, { color: playerState.repeat === 'off'
                             ? theme.colors.dim
-                            : theme.colors.secondary, children: playerState.repeat === 'one' ? '🔂' : '🔄' }), ' ', _jsx(Text, { color: theme.colors.dim, children: "\uD83D\uDD0A [=/-]" }), ' ', _jsxs(Text, { color: theme.colors.primary, children: [playerState.volume, "%"] })] })] }));
+                            : theme.colors.secondary, children: playerState.repeat === 'one' ? ICONS.REPEAT_ONE : ICONS.REPEAT_ALL }), ' ', _jsxs(Text, { color: theme.colors.dim, children: [ICONS.VOLUME, " [=/-]"] }), ' ', _jsxs(Text, { color: theme.colors.primary, children: [playerState.volume, "%"] })] })] }));
 }

package/dist/source/components/layouts/MainLayout.js

@@ -80,7 +80,9 @@ function MainLayout() {
     }, [dispatch, navState.currentView]);
     const goToImport = useCallback(() => {
         // Don't navigate to import if we're in plugins view (i key is used for plugin install there)
-        if (navState.currentView !== VIEW.PLUGINS) {
+        // Don't navigate to import if we're in settings view (user navigates settings items with Enter)
+        if (navState.currentView !== VIEW.PLUGINS &&
+            navState.currentView !== VIEW.SETTINGS) {
             dispatch({ category: 'NAVIGATE', view: VIEW.IMPORT });
         }
     }, [dispatch, navState.currentView]);

package/dist/source/components/layouts/MiniPlayerLayout.js

@@ -4,6 +4,7 @@ import { Box, Text } from 'ink';
 import { usePlayer } from "../../hooks/usePlayer.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { formatTime } from "../../utils/format.js";
+import { ICONS } from "../../utils/icons.js";
 export default function MiniPlayerLayout() {
     const { theme } = useTheme();
     const { state } = usePlayer();
@@ -12,7 +13,7 @@ export default function MiniPlayerLayout() {
     const title = track?.title ?? 'No track playing';
     const progress = formatTime(state.progress);
     const duration = formatTime(state.duration);
-    const playIcon = state.isPlaying ? '▶' : '⏸';
+    const playIcon = state.isPlaying ? ICONS.PLAY : ICONS.PAUSE;
     const vol = `${state.volume}%`;
     const speed = (state.speed ?? 1.0) !== 1.0 ? ` ${(state.speed ?? 1.0).toFixed(2)}x` : '';
     return (_jsxs(Box, { flexDirection: "row", paddingX: 1, gap: 1, children: [_jsx(Text, { color: state.isPlaying ? theme.colors.success : theme.colors.dim, children: playIcon }), _jsx(Text, { bold: true, color: theme.colors.primary, children: title }), _jsx(Text, { color: theme.colors.dim, children: "\u2014" }), _jsx(Text, { color: theme.colors.secondary, children: artist }), _jsx(Text, { color: theme.colors.dim, children: "|" }), _jsxs(Text, { color: theme.colors.text, children: [progress, "/", duration] }), _jsx(Text, { color: theme.colors.dim, children: "|" }), _jsxs(Text, { color: theme.colors.text, children: ["vol:", vol] }), speed && _jsx(Text, { color: theme.colors.accent, children: speed }), state.isLoading && _jsx(Text, { color: theme.colors.accent, children: "Loading..." })] }));

package/dist/source/components/layouts/SearchLayout.js

@@ -11,6 +11,7 @@ import { useKeyBinding } from "../../hooks/useKeyboard.js";
 import { KEYBINDINGS, VIEW } from "../../utils/constants.js";
 import { Box, Text } from 'ink';
 import { usePlayer } from "../../hooks/usePlayer.js";
+import { ICONS } from "../../utils/icons.js";
 function SearchLayout() {
     const { theme } = useTheme();
     const { state: navState, dispatch } = useNavigation();
@@ -118,7 +119,7 @@ function SearchLayout() {
             lastAutoSearchedQueryRef.current = null;
         };
     }, [dispatch]);
-    return (_jsxs(Box, { flexDirection: "column", children: [playerState.currentTrack && (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.dim, children: playerState.isPlaying ? '▶ ' : '⏸ ' }), _jsx(Text, { color: theme.colors.primary, bold: true, children: playerState.currentTrack.title }), playerState.currentTrack.artists &&
+    return (_jsxs(Box, { flexDirection: "column", children: [playerState.currentTrack && (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.dim, children: playerState.isPlaying ? `${ICONS.PLAY} ` : `${ICONS.PAUSE} ` }), _jsx(Text, { color: theme.colors.primary, bold: true, children: playerState.currentTrack.title }), playerState.currentTrack.artists &&
                         playerState.currentTrack.artists.length > 0 && (_jsxs(Text, { color: theme.colors.secondary, children: [' • ', playerState.currentTrack.artists.map(a => a.name).join(', ')] }))] })), _jsxs(Text, { color: theme.colors.dim, children: ["Limit: ", navState.searchLimit, " (Use [ or ] to adjust)"] }), _jsx(SearchBar, { isActive: isTyping && !isSearching, onInput: input => {
                     void performSearch(input);
                 } }), (isLoading || isSearching) && (_jsx(Text, { color: theme.colors.accent, children: "Searching..." })), error && _jsx(Text, { color: theme.colors.error, children: error }), !isLoading && navState.hasSearched && (_jsx(SearchResults, { results: results, selectedIndex: navState.selectedResult, isActive: !isTyping, onMixCreated: handleMixCreated, onDownloadStatus: handleDownloadStatus })), !isLoading && navState.hasSearched && results.length === 0 && !error && (_jsx(Text, { color: theme.colors.dim, children: "No results found" })), actionMessage && (_jsx(Text, { color: theme.colors.accent, children: actionMessage })), _jsx(Text, { color: theme.colors.dim, children: isTyping

package/dist/source/components/player/NowPlaying.js

@@ -7,6 +7,7 @@ import { formatTime } from "../../utils/format.js";
 import { useTerminalSize } from "../../hooks/useTerminalSize.js";
 import { getSleepTimerService } from "../../services/sleep-timer/sleep-timer.service.js";
 import { useState, useEffect } from 'react';
+import { ICONS } from "../../utils/icons.js";
 export default function NowPlaying() {
     const { theme } = useTheme();
     const { state: playerState } = usePlayer();
@@ -40,5 +41,5 @@ export default function NowPlaying() {
     const percentage = duration > 0 ? Math.min(100, Math.floor((progress / duration) * 100)) : 0;
     const barWidth = Math.max(10, columns - 8);
     const filledWidth = duration > 0 ? Math.floor((progress / duration) * barWidth) : 0;
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.primary, paddingX: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: track.title }), _jsx(Text, { color: theme.colors.dim, children: " \u2022 " }), _jsx(Text, { color: theme.colors.secondary, children: artists })] }), track.album && _jsx(Text, { color: theme.colors.dim, children: track.album.name }), _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.primary, children: '█'.repeat(Math.min(filledWidth, barWidth)) }), _jsx(Text, { color: theme.colors.dim, children: '░'.repeat(Math.max(0, barWidth - filledWidth)) })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.text, children: formatTime(progress) }), _jsxs(Text, { color: theme.colors.dim, children: [" / ", formatTime(duration), " "] }), _jsxs(Text, { color: theme.colors.dim, children: ["[", percentage, "%]"] }), playerState.isLoading && (_jsx(Text, { color: theme.colors.accent, children: " Loading..." })), !playerState.isPlaying && progress > 0 && (_jsx(Text, { color: theme.colors.dim, children: " \u23F8" })), playerState.shuffle && _jsx(Text, { color: theme.colors.primary, children: " \uD83D\uDD00" }), sleepRemaining !== null && (_jsxs(Text, { color: theme.colors.warning, children: [' ', "\u23FE ", formatTime(sleepRemaining)] }))] }), playerState.error && (_jsx(Text, { color: theme.colors.error, children: playerState.error }))] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.primary, paddingX: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: track.title }), _jsx(Text, { color: theme.colors.dim, children: " \u2022 " }), _jsx(Text, { color: theme.colors.secondary, children: artists })] }), track.album && _jsx(Text, { color: theme.colors.dim, children: track.album.name }), _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.primary, children: '█'.repeat(Math.min(filledWidth, barWidth)) }), _jsx(Text, { color: theme.colors.dim, children: '░'.repeat(Math.max(0, barWidth - filledWidth)) })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.text, children: formatTime(progress) }), _jsxs(Text, { color: theme.colors.dim, children: [" / ", formatTime(duration), " "] }), _jsxs(Text, { color: theme.colors.dim, children: ["[", percentage, "%]"] }), playerState.isLoading && (_jsx(Text, { color: theme.colors.accent, children: " Loading..." })), !playerState.isPlaying && progress > 0 && (_jsxs(Text, { color: theme.colors.dim, children: [" ", ICONS.PAUSE] })), playerState.shuffle && (_jsxs(Text, { color: theme.colors.primary, children: [" ", ICONS.SHUFFLE] })), sleepRemaining !== null && (_jsxs(Text, { color: theme.colors.warning, children: [' ', "\u23FE ", formatTime(sleepRemaining)] }))] }), playerState.error && (_jsx(Text, { color: theme.colors.error, children: playerState.error }))] }));
 }

package/dist/source/components/player/PlayerControls.js

@@ -7,6 +7,7 @@ import { useTheme } from "../../hooks/useTheme.js";
 import { Box, Text } from 'ink';
 import { useEffect } from 'react';
 import { logger } from "../../services/logger/logger.service.js";
+import { ICONS } from "../../utils/icons.js";
 let mountCount = 0;
 export default function PlayerControls() {
     const instanceId = ++mountCount;
@@ -40,5 +41,5 @@ export default function PlayerControls() {
     useKeyBinding(KEYBINDINGS.SPEED_UP, speedUp);
     useKeyBinding(KEYBINDINGS.SPEED_DOWN, speedDown);
     useKeyBinding(KEYBINDINGS.SHUFFLE, toggleShuffle);
-    return (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 2, borderStyle: "classic", borderColor: theme.colors.dim, children: [_jsxs(Text, { color: theme.colors.text, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "\u2190 / b" }), "] Prev"] }), _jsx(Text, { color: theme.colors.primary, children: playerState.isPlaying ? (_jsxs(Text, { children: ["[", _jsx(Text, { color: theme.colors.dim, children: "Space" }), "] Pause"] })) : (_jsxs(Text, { children: ["[", _jsx(Text, { color: theme.colors.dim, children: "Space" }), "] Play"] })) }), _jsxs(Text, { color: theme.colors.text, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "\u2192 / n" }), "] Next"] }), _jsxs(Text, { color: theme.colors.text, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "+/-" }), "] Vol: ", playerState.volume, "%"] }), _jsxs(Text, { color: playerState.shuffle ? theme.colors.primary : theme.colors.dim, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "Shift+S" }), "]", ' ', playerState.shuffle ? '🔀 ON' : '🔀 OFF'] }), (playerState.speed ?? 1.0) !== 1.0 && (_jsxs(Text, { color: theme.colors.accent, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "<>" }), "]", ' ', (playerState.speed ?? 1.0).toFixed(2), "x"] }))] }));
+    return (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 2, borderStyle: "classic", borderColor: theme.colors.dim, children: [_jsxs(Text, { color: theme.colors.text, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "\u2190 / b" }), "] Prev"] }), _jsx(Text, { color: theme.colors.primary, children: playerState.isPlaying ? (_jsxs(Text, { children: ["[", _jsx(Text, { color: theme.colors.dim, children: "Space" }), "] Pause"] })) : (_jsxs(Text, { children: ["[", _jsx(Text, { color: theme.colors.dim, children: "Space" }), "] Play"] })) }), _jsxs(Text, { color: theme.colors.text, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "\u2192 / n" }), "] Next"] }), _jsxs(Text, { color: theme.colors.text, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "+/-" }), "] Vol: ", playerState.volume, "%"] }), _jsxs(Text, { color: playerState.shuffle ? theme.colors.primary : theme.colors.dim, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "Shift+S" }), "]", ' ', playerState.shuffle ? `${ICONS.SHUFFLE} ON` : `${ICONS.SHUFFLE} OFF`] }), (playerState.speed ?? 1.0) !== 1.0 && (_jsxs(Text, { color: theme.colors.accent, children: ["[", _jsx(Text, { color: theme.colors.dim, children: "<>" }), "]", ' ', (playerState.speed ?? 1.0).toFixed(2), "x"] }))] }));
 }

package/dist/source/utils/icons.d.ts

@@ -0,0 +1,19 @@
+export declare const ICONS: {
+    readonly PLAY: "▶";
+    readonly PAUSE: "‖";
+    readonly PLAY_PAUSE_ON: "▶";
+    readonly PLAY_PAUSE_OFF: "‖";
+    readonly NEXT: "▶|";
+    readonly PREV: "|◀";
+    readonly SHUFFLE: "⇄";
+    readonly REPEAT_ALL: "↻";
+    readonly REPEAT_ONE: "↺";
+    readonly PLAYLIST: "☰";
+    readonly SEARCH: "/";
+    readonly HELP: "?";
+    readonly DOWNLOAD: "↓";
+    readonly QUIT: "×";
+    readonly RESUME: "⟳";
+    readonly BG_PLAY: "○";
+    readonly VOLUME: "♪";
+};

package/dist/source/utils/icons.js

@@ -0,0 +1,26 @@
+// Universal icon constants using widely-supported Unicode BMP characters.
+// No emoji, no Nerd Font codepoints — renders correctly on any terminal font.
+export const ICONS = {
+    // Playback controls
+    PLAY: '▶', // U+25B6
+    PAUSE: '‖', // U+2016
+    PLAY_PAUSE_ON: '▶', // when playing
+    PLAY_PAUSE_OFF: '‖', // when paused
+    NEXT: '▶|', // next track
+    PREV: '|◀', // previous track
+    // Playback modes
+    SHUFFLE: '⇄', // U+21C4
+    REPEAT_ALL: '↻', // U+21BB
+    REPEAT_ONE: '↺', // U+21BA
+    // Navigation / views
+    PLAYLIST: '☰', // U+2630
+    SEARCH: '/', // ASCII
+    HELP: '?', // ASCII
+    // Actions
+    DOWNLOAD: '↓', // U+2193
+    QUIT: '×', // U+00D7
+    RESUME: '⟳', // U+27F3
+    BG_PLAY: '○', // U+25CB
+    // Status
+    VOLUME: '♪', // U+266A
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@involvex/youtube-music-cli",
-	"version": "0.0.28",
+	"version": "0.0.30",
 	"description": "- A Commandline music player for youtube-music",
 	"repository": {
 		"type": "git",
@@ -65,11 +65,11 @@
 	"dependencies": {
 		"@distube/ytdl-core": "^4.16.12",
 		"ansi-escapes": "^7.3.0",
-		"ink": "^6.7.0",
+		"ink": "^6.8.0",
 		"ink-table": "^3.1.0",
 		"ink-text-input": "^6.0.0",
 		"jiti": "^2.6.1",
-		"meow": "^14.0.0",
+		"meow": "^14.1.0",
 		"node-notifier": "^10.0.1",
 		"discord-rpc": "^4.0.1",
 		"node-youtube-music": "^0.10.3",
@@ -77,20 +77,20 @@
 		"react": "^19.2.4",
 		"youtube-ext": "^1.1.25",
 		"youtubei.js": "^16.0.1",
-		"ws": "^8.18.0"
+		"ws": "^8.19.0"
 	},
 	"devDependencies": {
 		"@eslint/js": "^10.0.1",
 		"@sindresorhus/tsconfig": "^8.1.0",
-		"@types/node": "^25.2.3",
+		"@types/node": "^25.3.0",
 		"@types/node-notifier": "^8.0.5",
 		"@types/react": "^19.2.14",
-		"@types/ws": "^8.5.13",
+		"@types/ws": "^8.18.1",
 		"@vdemedes/prettier-config": "^2.0.1",
 		"ava": "^6.4.1",
 		"chalk": "^5.6.2",
 		"conventional-changelog-cli": "^5.0.0",
-		"eslint": "^10.0.0",
+		"eslint": "^10.0.1",
 		"eslint-plugin-react": "^7.37.5",
 		"eslint-plugin-react-hooks": "^7.0.1",
 		"globals": "^17.3.0",