@involvex/youtube-music-cli 0.0.6 → 0.0.8

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [0.0.8](https://github.com/involvex/youtube-music-cli/compare/v0.0.7...v0.0.8) (2026-02-18)
+
+### Features
+
+- **ui:** add keyboard blocker to search bar ([ee533fe](https://github.com/involvex/youtube-music-cli/commit/ee533fe716a203d432170e36149389f5bd48d687))
+
+## [0.0.7](https://github.com/involvex/youtube-music-cli/compare/v0.0.6...v0.0.7) (2026-02-18)
+
+### Features
+
+- **ui:** add plugins and enhance playlist management ([83a043c](https://github.com/involvex/youtube-music-cli/commit/83a043c0956da7023ea198468db8bbc2ce3acb0d))
+
+### BREAKING CHANGES
+
+- **ui:** The keybinding for playlists has changed from 'p' to
+  'shift+p' to accommodate the new plugins feature.
+
 ## [0.0.6](https://github.com/involvex/youtube-music-cli/compare/v0.0.5...v0.0.6) (2026-02-18)
 
 ### Features

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

@@ -6,5 +6,5 @@ import { useNavigation } from "../../hooks/useNavigation.js";
 export default function Help() {
     const { theme } = useTheme();
     const { dispatch: _dispatch } = useNavigation();
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, padding: 1, children: [_jsx(Box, { borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Keyboard Shortcuts" }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Global" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "q / Esc" }), " - Quit", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "?" }), " - Help", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "/" }), " - Search", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "p" }), " - Playlists", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "g" }), " - Suggestions", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "," }), " - Settings"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Player" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Space" }), " - Play/Pause", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "n" }), " - Next", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "b" }), " - Previous", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "=" }), " - Volume Up", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "-" }), " - Volume Down", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "s" }), " - Toggle Shuffle", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "r" }), " - Toggle Repeat"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Navigation" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Up" }), " /", _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: "k" }), " - Move Up", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Down" }), " /", _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: "j" }), " - Move Down", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Enter" }), " - Select", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " - Go Back"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Search" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Tab" }), " - Switch Search Type", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " - Clear Search", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "[ / ]" }), " - Results Limit"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Playlist" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "a" }), " - Add to Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "d" }), " - Remove from Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "c" }), " - Create Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "D" }), " - Delete Playlist"] }) }), _jsxs(Text, { color: theme.colors.dim, children: ["Press ", _jsx(Text, { color: theme.colors.text, children: "Esc" }), " or", ' ', _jsx(Text, { color: theme.colors.text, children: "?" }), " to close"] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, padding: 1, children: [_jsx(Box, { borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Keyboard Shortcuts" }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Global" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "q / Esc" }), " - Quit", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "?" }), " - Help", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "/" }), " - Search", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Shift+P" }), " - Playlists", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "p" }), " - Plugins", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "g" }), " - Suggestions", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "," }), " - Settings"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Player" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Space" }), " - Play/Pause", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "n" }), " - Next", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "b" }), " - Previous", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "=" }), " - Volume Up", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "-" }), " - Volume Down", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "s" }), " - Toggle Shuffle", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "r" }), " - Toggle Repeat"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Navigation" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Up" }), " /", _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: "k" }), " - Move Up", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Down" }), " /", _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: "j" }), " - Move Down", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Enter" }), " - Select", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " - Go Back"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Search" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Tab" }), " - Switch Search Type", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " - Clear Search", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "[ / ]" }), " - Results Limit"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Playlist" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "a" }), " - Add to Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "d" }), " - Remove from Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "c" }), " - Create Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "D" }), " - Delete Playlist"] }) }), _jsxs(Text, { color: theme.colors.dim, children: ["Press ", _jsx(Text, { color: theme.colors.text, children: "Esc" }), " or", ' ', _jsx(Text, { color: theme.colors.text, children: "?" }), " to close"] })] })] }));
 }

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

@@ -31,5 +31,5 @@ export default function ShortcutsBar() {
     useKeyBinding(KEYBINDINGS.VOLUME_FINE_UP, volumeFineUp);
     useKeyBinding(KEYBINDINGS.VOLUME_FINE_DOWN, volumeFineDown);
     useKeyBinding(KEYBINDINGS.SETTINGS, goConfig);
-    return (_jsxs(Box, { borderStyle: "single", borderColor: theme.colors.dim, paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { color: theme.colors.dim, children: ["Shortcuts: ", _jsx(Text, { color: theme.colors.text, children: "Space" }), " Play/Pause |", ' ', _jsx(Text, { color: theme.colors.text, children: "n" }), " Next |", ' ', _jsx(Text, { color: theme.colors.text, children: "p" }), " Previous |", ' ', _jsx(Text, { color: theme.colors.text, children: "/" }), " Search |", ' ', _jsx(Text, { color: theme.colors.text, children: "," }), " Settings |", ' ', _jsx(Text, { color: theme.colors.text, children: "?" }), " Help |", ' ', _jsx(Text, { color: theme.colors.text, children: "q" }), " Quit"] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.dim, children: "[=/" }), "-", _jsx(Text, { color: theme.colors.dim, children: "]" }), " Vol:", ' ', _jsxs(Text, { color: theme.colors.primary, children: [playerState.volume, "%"] })] })] }));
+    return (_jsxs(Box, { borderStyle: "single", borderColor: theme.colors.dim, paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { color: theme.colors.dim, children: ["Shortcuts: ", _jsx(Text, { color: theme.colors.text, children: "Space" }), " Play/Pause |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u2192" }), " Next |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u2190" }), " Previous |", ' ', _jsx(Text, { color: theme.colors.text, children: "Shift+P" }), " Playlists |", ' ', _jsx(Text, { color: theme.colors.text, children: "p" }), " Plugins |", ' ', _jsx(Text, { color: theme.colors.text, children: "/" }), " Search |", ' ', _jsx(Text, { color: theme.colors.text, children: "," }), " Settings |", ' ', _jsx(Text, { color: theme.colors.text, children: "?" }), " Help |", ' ', _jsx(Text, { color: theme.colors.text, children: "q" }), " Quit"] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.dim, children: "[=/" }), "-", _jsx(Text, { color: theme.colors.dim, children: "]" }), " Vol:", ' ', _jsxs(Text, { color: theme.colors.primary, children: [playerState.volume, "%"] })] })] }));
 }

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

@@ -39,6 +39,9 @@ function MainLayout() {
     const goToSuggestions = useCallback(() => {
         dispatch({ category: 'NAVIGATE', view: VIEW.SUGGESTIONS });
     }, [dispatch]);
+    const goToPlugins = useCallback(() => {
+        dispatch({ category: 'NAVIGATE', view: VIEW.PLUGINS });
+    }, [dispatch]);
     const goToSettings = useCallback(() => {
         dispatch({ category: 'NAVIGATE', view: VIEW.SETTINGS });
     }, [dispatch]);
@@ -69,6 +72,7 @@ function MainLayout() {
     useKeyBinding(KEYBINDINGS.QUIT, handleQuit);
     useKeyBinding(KEYBINDINGS.SEARCH, goToSearch);
     useKeyBinding(KEYBINDINGS.PLAYLISTS, goToPlaylists);
+    useKeyBinding(KEYBINDINGS.PLUGINS, goToPlugins);
     useKeyBinding(KEYBINDINGS.SUGGESTIONS, goToSuggestions);
     useKeyBinding(KEYBINDINGS.SETTINGS, goToSettings);
     useKeyBinding(KEYBINDINGS.HELP, goToHelp);

package/dist/source/components/playlist/PlaylistList.js

@@ -1,20 +1,82 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Playlist list component
 import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { usePlaylist } from "../../hooks/usePlaylist.js";
+import TextInput from 'ink-text-input';
+import { useCallback, useState } from 'react';
+import { useNavigation } from "../../hooks/useNavigation.js";
 import { useKeyBinding } from "../../hooks/useKeyboard.js";
+import { usePlayer } from "../../hooks/usePlayer.js";
+import { usePlaylist } from "../../hooks/usePlaylist.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { useKeyboardBlocker } from "../../hooks/useKeyboardBlocker.js";
 import { KEYBINDINGS } from "../../utils/constants.js";
-import { useState, useCallback } from 'react';
 export default function PlaylistList() {
     const { theme } = useTheme();
-    const { playlists, createPlaylist } = usePlaylist();
+    const { play, setQueue } = usePlayer();
+    const { dispatch } = useNavigation();
+    const { playlists, createPlaylist, renamePlaylist } = usePlaylist();
+    const [selectedIndex, setSelectedIndex] = useState(0);
     const [lastCreated, setLastCreated] = useState(null);
+    const [renamingPlaylistId, setRenamingPlaylistId] = useState(null);
+    const [renameValue, setRenameValue] = useState('');
+    useKeyboardBlocker(renamingPlaylistId !== null);
     const handleCreate = useCallback(() => {
         const name = `Playlist ${playlists.length + 1}`;
         createPlaylist(name);
         setLastCreated(name);
-    }, [playlists.length, createPlaylist]);
+        setSelectedIndex(playlists.length);
+    }, [createPlaylist, playlists.length]);
+    const navigateUp = useCallback(() => {
+        setSelectedIndex(prev => Math.max(0, prev - 1));
+    }, []);
+    const navigateDown = useCallback(() => {
+        setSelectedIndex(prev => Math.min(playlists.length === 0 ? 0 : playlists.length - 1, prev + 1));
+    }, [playlists.length]);
+    const startPlaylist = useCallback(() => {
+        if (renamingPlaylistId)
+            return;
+        const playlist = playlists[selectedIndex];
+        if (!playlist || playlist.tracks.length === 0)
+            return;
+        setQueue([...playlist.tracks]);
+        const firstTrack = playlist.tracks[0];
+        if (!firstTrack)
+            return;
+        play(firstTrack);
+    }, [play, playlists, selectedIndex, renamingPlaylistId, setQueue]);
+    const handleRename = useCallback(() => {
+        const playlist = playlists[selectedIndex];
+        if (!playlist)
+            return;
+        setRenamingPlaylistId(playlist.playlistId);
+        setRenameValue(playlist.name);
+    }, [playlists, selectedIndex]);
+    const handleRenameSubmit = useCallback((value) => {
+        if (!renamingPlaylistId)
+            return;
+        const trimmedValue = value.trim() || `Playlist ${selectedIndex + 1}`;
+        renamePlaylist(renamingPlaylistId, trimmedValue);
+        setRenamingPlaylistId(null);
+        setRenameValue('');
+    }, [renamePlaylist, renamingPlaylistId, selectedIndex]);
+    const handleBack = useCallback(() => {
+        if (renamingPlaylistId) {
+            setRenamingPlaylistId(null);
+            setRenameValue('');
+            return;
+        }
+        dispatch({ category: 'GO_BACK' });
+    }, [dispatch, renamingPlaylistId]);
+    useKeyBinding(KEYBINDINGS.UP, navigateUp);
+    useKeyBinding(KEYBINDINGS.DOWN, navigateDown);
+    useKeyBinding(KEYBINDINGS.SELECT, startPlaylist);
+    useKeyBinding(['r'], handleRename);
     useKeyBinding(KEYBINDINGS.CREATE_PLAYLIST, handleCreate);
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Playlists" }) }), playlists.length === 0 ? (_jsx(Text, { color: theme.colors.dim, children: "No playlists yet" })) : (playlists.map((playlist, index) => (_jsxs(Box, { paddingX: 1, children: [_jsxs(Text, { color: theme.colors.primary, children: [index + 1, "."] }), _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: playlist.name }), _jsxs(Text, { color: theme.colors.dim, children: [_jsx(Text, { children: " " }), "(", playlist.tracks?.length || 0, " tracks)"] })] }, playlist.playlistId || index)))), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.colors.dim, children: ["Press ", _jsx(Text, { color: theme.colors.text, children: "c" }), " to create playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " to go back"] }), lastCreated && (_jsxs(Text, { color: theme.colors.accent, children: [" Created ", lastCreated] }))] })] }));
+    useKeyBinding(KEYBINDINGS.BACK, handleBack);
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Playlists" }) }), playlists.length === 0 ? (_jsx(Text, { color: theme.colors.dim, children: "No playlists yet" })) : (playlists.map((playlist, index) => {
+                const isSelected = index === selectedIndex;
+                const isRenaming = renamingPlaylistId === playlist.playlistId && isSelected;
+                const rowBackground = isSelected ? theme.colors.secondary : undefined;
+                return (_jsxs(Box, { paddingX: 1, backgroundColor: rowBackground, children: [_jsxs(Text, { color: isSelected ? theme.colors.background : theme.colors.primary, bold: isSelected, children: [index + 1, "."] }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "column", children: [isRenaming ? (_jsx(TextInput, { value: renameValue, onChange: setRenameValue, onSubmit: handleRenameSubmit, placeholder: "Playlist name", focus: true })) : (_jsx(Text, { color: isSelected ? theme.colors.background : theme.colors.text, bold: isSelected, children: playlist.name })), _jsx(Text, { color: theme.colors.dim, children: ` (${playlist.tracks.length} tracks)` })] })] }, playlist.playlistId));
+            })), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.colors.dim, children: [_jsx(Text, { color: theme.colors.text, children: "Enter" }), " to play playlist |", ' ', _jsx(Text, { color: theme.colors.text, children: "r" }), " to rename |", ' ', _jsx(Text, { color: theme.colors.text, children: "c" }), " to create |", ' ', _jsx(Text, { color: theme.colors.text, children: "Esc" }), " to go back"] }), lastCreated && (_jsxs(Text, { color: theme.colors.accent, children: [" Created ", lastCreated] }))] })] }));
 }

package/dist/source/components/search/SearchBar.js

@@ -6,6 +6,7 @@ import React from 'react';
 import { SEARCH_TYPE } from "../../utils/constants.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { useKeyBinding } from "../../hooks/useKeyboard.js";
+import { useKeyboardBlocker } from "../../hooks/useKeyboardBlocker.js";
 import { Box, Text } from 'ink';
 import TextInput from 'ink-text-input';
 import { getConfigService } from "../../services/config/config.service.js";
@@ -46,6 +47,7 @@ function SearchBar({ onInput, isActive = true }) {
     }, [isActive, onInput]);
     useKeyBinding(['tab'], cycleType);
     useKeyBinding(['escape'], clearSearch);
+    useKeyboardBlocker(isActive);
     return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.secondary, padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: theme.colors.dim, children: "Type: " }), searchTypes.map((type, index) => (_jsxs(Text, { color: navState.searchType === type
                             ? theme.colors.primary
                             : theme.colors.dim, bold: navState.searchType === type, children: [type, index < searchTypes.length - 1 && ' '] }, type))), _jsx(Text, { color: theme.colors.dim, children: " (Tab to switch)" })] }), isActive && (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.primary, children: "Search: " }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: handleSubmit, placeholder: "Type to search...", focus: isActive })] })), !isActive && (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.primary, children: "Search: " }), _jsx(Text, { color: theme.colors.dim, children: input || 'Type to search...' })] })), _jsx(Text, { color: theme.colors.dim, children: "Type to search, Enter to search, Tab to change type, Esc to clear" })] }));

package/dist/source/hooks/useKeyboard.js

@@ -2,6 +2,7 @@
 import { useCallback, useEffect } from 'react';
 import { useInput } from 'ink';
 import { logger } from "../services/logger/logger.service.js";
+import { useKeyboardBlockContext } from "./useKeyboardBlocker.js";
 // Global registry for key handlers
 const registry = new Set();
 /**
@@ -23,7 +24,13 @@ export function useKeyBinding(keys, handler) {
  * This should be rendered once at the root of the app.
  */
 export function KeyboardManager() {
+    const { blockCount } = useKeyboardBlockContext();
     useInput((input, key) => {
+        if (blockCount > 0) {
+            // When keyboard input is blocked (e.g., within a focused text input),
+            // we deliberately skip executing global shortcuts.
+            return;
+        }
         // Debug logging for key presses (helps diagnose binding issues)
         if (input || key.ctrl || key.meta || key.shift) {
             logger.debug('KeyboardManager', 'Key pressed', {
@@ -74,6 +81,8 @@ export function KeyboardManager() {
                             return false;
                         if (hasShift && !key.shift)
                             return false;
+                        if (!hasShift && key.shift)
+                            return false;
                         // Check the actual key
                         if (mainKey === 'up' && key.upArrow)
                             return true;

package/dist/source/hooks/useKeyboardBlocker.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+type KeyboardBlockContextValue = {
+    blockCount: number;
+    increment: () => void;
+    decrement: () => void;
+};
+export declare function KeyboardBlockProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useKeyboardBlockContext(): KeyboardBlockContextValue;
+export declare function useKeyboardBlocker(shouldBlock: boolean): void;
+export declare function useIsKeyboardBlocked(): boolean;
+export {};

package/dist/source/hooks/useKeyboardBlocker.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+const KeyboardBlockContext = createContext(null);
+export function KeyboardBlockProvider({ children }) {
+    const [blockCount, setBlockCount] = useState(0);
+    const increment = useCallback(() => {
+        setBlockCount(prev => prev + 1);
+    }, []);
+    const decrement = useCallback(() => {
+        setBlockCount(prev => Math.max(0, prev - 1));
+    }, []);
+    const value = useMemo(() => ({ blockCount, increment, decrement }), [blockCount, increment, decrement]);
+    return (_jsx(KeyboardBlockContext.Provider, { value: value, children: children }));
+}
+export function useKeyboardBlockContext() {
+    const context = useContext(KeyboardBlockContext);
+    if (!context) {
+        throw new Error('useKeyboardBlockContext must be used within KeyboardBlockProvider');
+    }
+    return context;
+}
+export function useKeyboardBlocker(shouldBlock) {
+    const { increment, decrement } = useKeyboardBlockContext();
+    const blockedRef = useRef(false);
+    useEffect(() => {
+        if (shouldBlock && !blockedRef.current) {
+            increment();
+            blockedRef.current = true;
+        }
+        else if (!shouldBlock && blockedRef.current) {
+            decrement();
+            blockedRef.current = false;
+        }
+        return () => {
+            if (blockedRef.current) {
+                decrement();
+                blockedRef.current = false;
+            }
+        };
+    }, [shouldBlock, increment, decrement]);
+}
+export function useIsKeyboardBlocked() {
+    const { blockCount } = useKeyboardBlockContext();
+    return blockCount > 0;
+}

package/dist/source/hooks/usePlaylist.d.ts

@@ -4,6 +4,7 @@ export declare function usePlaylist(): {
     playlists: Playlist[];
     createPlaylist: (name: string) => void;
     deletePlaylist: (playlistId: string) => void;
+    renamePlaylist: (playlistId: string, newName: string) => void;
     addTrackToPlaylist: (playlistId: string, track: Track, force?: boolean) => AddTrackResult;
     removeTrackFromPlaylist: (playlistId: string, trackIndex: number) => void;
 };

package/dist/source/hooks/usePlaylist.js

@@ -37,6 +37,13 @@ export function usePlaylist() {
         configService.set('playlists', updatedPlaylists);
         return 'added';
     }, [playlists, configService]);
+    const renamePlaylist = useCallback((playlistId, newName) => {
+        const updatedPlaylists = playlists.map(playlist => playlist.playlistId === playlistId
+            ? { ...playlist, name: newName }
+            : playlist);
+        setPlaylists(updatedPlaylists);
+        configService.set('playlists', updatedPlaylists);
+    }, [playlists, configService]);
     const removeTrackFromPlaylist = useCallback((playlistId, trackIndex) => {
         const playlistIndex = playlists.findIndex(p => p.playlistId === playlistId);
         if (playlistIndex === -1)
@@ -50,6 +57,7 @@ export function usePlaylist() {
         playlists,
         createPlaylist,
         deletePlaylist,
+        renamePlaylist,
         addTrackToPlaylist,
         removeTrackFromPlaylist,
     };

package/dist/source/main.js

@@ -7,6 +7,7 @@ import { ThemeProvider } from "./contexts/theme.context.js";
 import { PlayerProvider } from "./stores/player.store.js";
 import { ErrorBoundary } from "./components/common/ErrorBoundary.js";
 import { KeyboardManager } from "./hooks/useKeyboard.js";
+import { KeyboardBlockProvider } from "./hooks/useKeyboardBlocker.js";
 import { Box, Text } from 'ink';
 import { useEffect } from 'react';
 import { useNavigation } from "./hooks/useNavigation.js";
@@ -65,5 +66,5 @@ function HeadlessLayout({ flags }) {
     return (_jsx(Box, { padding: 1, children: _jsx(Text, { color: "green", children: "Headless mode active." }) }));
 }
 export default function Main({ flags }) {
-    return (_jsx(ErrorBoundary, { children: _jsx(ThemeProvider, { children: _jsx(PlayerProvider, { children: _jsx(NavigationProvider, { children: _jsx(PluginsProvider, { children: _jsxs(Box, { flexDirection: "column", children: [_jsx(KeyboardManager, {}), flags?.headless ? (_jsx(HeadlessLayout, { flags: flags })) : (_jsxs(_Fragment, { children: [_jsx(Initializer, { flags: flags }), _jsx(MainLayout, {})] }))] }) }) }) }) }) }));
+    return (_jsx(ErrorBoundary, { children: _jsx(ThemeProvider, { children: _jsx(PlayerProvider, { children: _jsx(NavigationProvider, { children: _jsx(PluginsProvider, { children: _jsx(KeyboardBlockProvider, { children: _jsxs(Box, { flexDirection: "column", children: [_jsx(KeyboardManager, {}), flags?.headless ? (_jsx(HeadlessLayout, { flags: flags })) : (_jsxs(_Fragment, { children: [_jsx(Initializer, { flags: flags }), _jsx(MainLayout, {})] }))] }) }) }) }) }) }) }));
 }

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

@@ -30,9 +30,10 @@ export declare const KEYBINDINGS: {
     readonly QUIT: readonly ["q", "escape"];
     readonly HELP: readonly ["?"];
     readonly SEARCH: readonly ["/"];
-    readonly PLAYLISTS: readonly ["p"];
+    readonly PLAYLISTS: readonly ["shift+p"];
     readonly SUGGESTIONS: readonly ["g"];
     readonly SETTINGS: readonly [","];
+    readonly PLUGINS: readonly ["p"];
     readonly PLAY_PAUSE: readonly [" "];
     readonly NEXT: readonly ["n", "right"];
     readonly PREVIOUS: readonly ["b", "left"];

package/dist/source/utils/constants.js

@@ -38,9 +38,10 @@ export const KEYBINDINGS = {
     QUIT: ['q', 'escape'],
     HELP: ['?'],
     SEARCH: ['/'],
-    PLAYLISTS: ['p'],
+    PLAYLISTS: ['shift+p'],
     SUGGESTIONS: ['g'],
     SETTINGS: [','],
+    PLUGINS: ['p'],
     // Player
     PLAY_PAUSE: [' '],
     NEXT: ['n', 'right'],

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@involvex/youtube-music-cli",
-	"version": "0.0.6",
+	"version": "0.0.8",
 	"description": "- A Commandline music player for youtube-music",
 	"repository": {
 		"type": "git",
@@ -62,6 +62,7 @@
 		"jiti": "^2.6.1",
 		"meow": "^14.0.0",
 		"node-notifier": "^10.0.1",
+		"discord-rpc": "^4.0.1",
 		"node-youtube-music": "^0.10.3",
 		"play-sound": "^1.1.6",
 		"react": "^19.2.4",