@involvex/youtube-music-cli 0.0.46 → 0.0.48

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

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Now playing component
-import { Box, Text } from 'ink';
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { useTheme } from "../../hooks/useTheme.js";
-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();
-    const { columns } = useTerminalSize();
-    const sleepTimer = getSleepTimerService();
-    const [sleepRemaining, setSleepRemaining] = useState(null);
-    // Poll sleep timer remaining every second
-    useEffect(() => {
-        if (!sleepTimer.isActive()) {
-            return;
-        }
-        const interval = setInterval(() => {
-            const remaining = sleepTimer.getRemainingSeconds();
-            setSleepRemaining(remaining);
-            if (remaining === null || remaining === 0) {
-                clearInterval(interval);
-            }
-        }, 1000);
-        return () => {
-            clearInterval(interval);
-        };
-    }, [sleepTimer]);
-    if (!playerState.currentTrack) {
-        return (_jsx(Box, { borderStyle: "round", borderColor: theme.colors.dim, paddingX: 1, children: _jsx(Text, { color: theme.colors.dim, children: "No track playing" }) }));
-    }
-    const track = playerState.currentTrack;
-    const artists = track.artists?.map(a => a.name).join(', ') || 'Unknown Artist';
-    // Clamp progress to valid range
-    const progress = Math.max(0, Math.min(playerState.progress, playerState.duration || 0));
-    const duration = playerState.duration || 0;
-    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 && (_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

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Player controls component
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { KEYBINDINGS } from "../../utils/constants.js";
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { useTheme } from "../../hooks/useTheme.js";
-import { Box, Text } from 'ink';
-import { useEffect, useState } from 'react';
-import { logger } from "../../services/logger/logger.service.js";
-import { ICONS } from "../../utils/icons.js";
-import { getConfigService } from "../../services/config/config.service.js";
-let mountCount = 0;
-const CROSSFADE_PRESETS = [0, 1, 2, 3, 5];
-const EQUALIZER_PRESETS = [
-    'flat',
-    'bass_boost',
-    'vocal',
-    'bright',
-    'warm',
-];
-const formatEqualizerLabel = (preset) => preset
-    .split('_')
-    .map(segment => `${segment.charAt(0).toUpperCase()}${segment.slice(1)}`)
-    .join(' ');
-export default function PlayerControls() {
-    const instanceId = ++mountCount;
-    useEffect(() => {
-        logger.debug('PlayerControls', 'Component mounted', { instanceId });
-        return () => {
-            logger.debug('PlayerControls', 'Component unmounted', { instanceId });
-        };
-    }, [instanceId]);
-    const { theme } = useTheme();
-    const { state: playerState, pause, resume, next, previous, volumeUp, volumeDown, speedUp, speedDown, toggleShuffle, } = usePlayer();
-    const config = getConfigService();
-    const [gaplessPlayback, setGaplessPlayback] = useState(config.get('gaplessPlayback') ?? true);
-    const [crossfadeDuration, setCrossfadeDuration] = useState(config.get('crossfadeDuration') ?? 0);
-    const [equalizerPreset, setEqualizerPreset] = useState(config.get('equalizerPreset') ?? 'flat');
-    // DEBUG: Log when callbacks change (detect instability)
-    useEffect(() => {
-        // Temporarily output to stderr to debug without triggering Ink re-render
-        process.stderr.write(`[PlayerControls] volumeUp callback: ${typeof volumeUp}\n`);
-    }, [volumeUp, instanceId]);
-    const handlePlayPause = () => {
-        if (playerState.isPlaying) {
-            pause();
-        }
-        else {
-            resume();
-        }
-    };
-    const toggleGaplessPlayback = () => {
-        const next = !gaplessPlayback;
-        setGaplessPlayback(next);
-        config.set('gaplessPlayback', next);
-    };
-    const cycleCrossfadeDuration = () => {
-        const currentIndex = CROSSFADE_PRESETS.indexOf(crossfadeDuration);
-        const nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % CROSSFADE_PRESETS.length;
-        const next = CROSSFADE_PRESETS[nextIndex] ?? 0;
-        setCrossfadeDuration(next);
-        config.set('crossfadeDuration', next);
-    };
-    const cycleEqualizerPreset = () => {
-        const currentIndex = EQUALIZER_PRESETS.indexOf(equalizerPreset);
-        const next = EQUALIZER_PRESETS[(currentIndex + 1) % EQUALIZER_PRESETS.length];
-        setEqualizerPreset(next);
-        config.set('equalizerPreset', next);
-    };
-    // Keyboard bindings
-    useKeyBinding(KEYBINDINGS.PLAY_PAUSE, handlePlayPause);
-    useKeyBinding(KEYBINDINGS.NEXT, next);
-    useKeyBinding(KEYBINDINGS.PREVIOUS, previous);
-    useKeyBinding(KEYBINDINGS.VOLUME_UP, volumeUp);
-    useKeyBinding(KEYBINDINGS.VOLUME_DOWN, volumeDown);
-    useKeyBinding(KEYBINDINGS.SPEED_UP, speedUp);
-    useKeyBinding(KEYBINDINGS.SPEED_DOWN, speedDown);
-    useKeyBinding(KEYBINDINGS.SHUFFLE, toggleShuffle);
-    useKeyBinding(KEYBINDINGS.GAPLESS_TOGGLE, toggleGaplessPlayback);
-    useKeyBinding(KEYBINDINGS.CROSSFADE_CYCLE, cycleCrossfadeDuration);
-    useKeyBinding(KEYBINDINGS.EQUALIZER_CYCLE, cycleEqualizerPreset);
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_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"] }))] }), _jsxs(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 2, gap: 2, children: [_jsxs(Text, { color: gaplessPlayback ? theme.colors.primary : theme.colors.dim, children: ["Gapless: ", gaplessPlayback ? 'ON' : 'OFF'] }), _jsxs(Text, { color: theme.colors.text, children: ["Crossfade: ", crossfadeDuration === 0 ? 'Off' : `${crossfadeDuration}s`] }), _jsxs(Text, { color: theme.colors.text, children: ["Equalizer: ", formatEqualizerLabel(equalizerPreset)] })] })] }));
-}

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

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Progress bar component
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { formatTime } from "../../utils/format.js";
-export default function ProgressBar() {
-    const { theme } = useTheme();
-    const { state: playerState } = usePlayer();
-    if (!playerState.currentTrack || !playerState.duration) {
-        return null;
-    }
-    // Clamp values to valid range
-    const progress = Math.max(0, Math.min(playerState.progress, playerState.duration));
-    const duration = playerState.duration;
-    const percentage = duration > 0 ? Math.min(100, Math.floor((progress / duration) * 100)) : 0;
-    const barWidth = Math.min(20, Math.floor(percentage / 5));
-    return (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.text, children: formatTime(progress) }), _jsx(Text, { color: theme.colors.dim, children: "/" }), _jsx(Text, { color: theme.colors.text, children: formatTime(duration) }), _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.primary, children: '█'.repeat(barWidth) }), _jsx(Text, { color: theme.colors.dim, children: '░'.repeat(20 - barWidth) }), _jsxs(Text, { color: theme.colors.dim, children: [" ", percentage, "%"] })] }));
-}

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

@@ -1,36 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-// Queue management component
-import { useState } from 'react';
-import React from 'react';
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { truncate } from "../../utils/format.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-function QueueList() {
-    const { theme } = useTheme();
-    const { state: playerState } = usePlayer();
-    const { columns } = useTerminalSize();
-    const [selectedIndex, _setSelectedIndex] = useState(0);
-    // Calculate responsive truncation
-    const getTruncateLength = (baseLength) => {
-        const scale = Math.min(1, columns / 100);
-        return Math.max(20, Math.floor(baseLength * scale));
-    };
-    if (playerState.queue.length === 0) {
-        return null;
-    }
-    // Show only next 5 tracks
-    const visibleQueue = playerState.queue.slice(playerState.queuePosition + 1, playerState.queuePosition + 6);
-    if (visibleQueue.length === 0) {
-        return null;
-    }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.dim, children: ["Up next (", playerState.queue.length - playerState.queuePosition - 1, ' ', "tracks)"] }), visibleQueue.map((track, idx) => {
-                const index = playerState.queuePosition + 1 + idx;
-                const isSelected = index === selectedIndex;
-                const artists = track.artists?.map(a => a.name).join(', ') || 'Unknown';
-                const title = truncate(track.title, getTruncateLength(40));
-                return (_jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.dim, children: [index + 1, ". "] }), _jsx(Text, { color: isSelected ? theme.colors.primary : theme.colors.text, children: title }), _jsxs(Text, { color: theme.colors.dim, children: [" \u2022 ", artists] })] }, track.videoId));
-            })] }));
-}
-export default React.memo(QueueList);

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Suggestions component
-import { useEffect, useState, useCallback } from 'react';
-import { Box, Text } from 'ink';
-import { useYouTubeMusic } from "../../hooks/useYouTubeMusic.js";
-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 { truncate } from "../../utils/format.js";
-export default function Suggestions() {
-    const { theme } = useTheme();
-    const { state: playerState, play } = usePlayer();
-    const { getSuggestions, isLoading } = useYouTubeMusic();
-    const [suggestions, setSuggestions] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    useEffect(() => {
-        if (playerState.currentTrack?.videoId) {
-            getSuggestions(playerState.currentTrack.videoId).then(tracks => {
-                setSuggestions(tracks);
-                setSelectedIndex(0);
-            });
-        }
-    }, [playerState.currentTrack?.videoId, getSuggestions]);
-    const navigateUp = useCallback(() => {
-        setSelectedIndex(prev => Math.max(0, prev - 1));
-    }, []);
-    const navigateDown = useCallback(() => {
-        setSelectedIndex(prev => Math.min(suggestions.length - 1, prev + 1));
-    }, [suggestions.length]);
-    const playSelected = useCallback(() => {
-        const track = suggestions[selectedIndex];
-        if (track) {
-            play(track);
-        }
-    }, [selectedIndex, suggestions, play]);
-    useKeyBinding(KEYBINDINGS.UP, navigateUp);
-    useKeyBinding(KEYBINDINGS.DOWN, navigateDown);
-    useKeyBinding(KEYBINDINGS.SELECT, playSelected);
-    if (isLoading) {
-        return _jsx(Text, { color: theme.colors.accent, children: "Loading suggestions..." });
-    }
-    if (suggestions.length === 0) {
-        return _jsx(Text, { color: theme.colors.dim, children: "No suggestions available" });
-    }
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Text, { bold: true, color: theme.colors.primary, children: ["Suggestions based on: ", playerState.currentTrack?.title] }), suggestions.map((track, index) => {
-                const isSelected = index === selectedIndex;
-                return (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { backgroundColor: isSelected ? theme.colors.primary : undefined, color: isSelected ? theme.colors.background : theme.colors.text, bold: isSelected, children: [index + 1, ". ", truncate(track.title, 40), " -", ' ', track.artists?.map(a => a.name).join(', ')] }) }, track.videoId));
-            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.dim, children: "Arrows to navigate, Enter to play, Esc to go back" }) })] }));
-}

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

@@ -1,138 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Playlist list component
-import { Box, Text } from 'ink';
-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 { getDownloadService } from "../../services/download/download.service.js";
-export default function PlaylistList() {
-    const { theme } = useTheme();
-    const { play, setQueue } = usePlayer();
-    const { dispatch } = useNavigation();
-    const downloadService = getDownloadService();
-    const { playlists, createPlaylist, renamePlaylist, deletePlaylist } = usePlaylist();
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [lastCreated, setLastCreated] = useState(null);
-    const [renamingPlaylistId, setRenamingPlaylistId] = useState(null);
-    const [renameValue, setRenameValue] = useState('');
-    const [downloadStatus, setDownloadStatus] = useState(null);
-    const [isDownloading, setIsDownloading] = useState(false);
-    useKeyboardBlocker(renamingPlaylistId !== null);
-    const handleCreate = useCallback(() => {
-        const name = `Playlist ${playlists.length + 1}`;
-        const playlist = createPlaylist(name);
-        setLastCreated(playlist.name);
-        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]);
-    const handleDelete = useCallback(() => {
-        if (renamingPlaylistId)
-            return;
-        const playlist = playlists[selectedIndex];
-        if (!playlist)
-            return;
-        deletePlaylist(playlist.playlistId);
-        setSelectedIndex(prev => Math.max(0, prev - 1));
-    }, [deletePlaylist, playlists, renamingPlaylistId, selectedIndex]);
-    const handleDownload = useCallback(async () => {
-        if (renamingPlaylistId)
-            return;
-        if (isDownloading) {
-            setDownloadStatus('Download already in progress. Please wait.');
-            return;
-        }
-        const playlist = playlists[selectedIndex];
-        if (!playlist)
-            return;
-        const config = downloadService.getConfig();
-        if (!config.enabled) {
-            setDownloadStatus('Downloads are disabled. Enable Download Feature in Settings.');
-            return;
-        }
-        const target = downloadService.resolvePlaylistTarget(playlist);
-        if (target.tracks.length === 0) {
-            setDownloadStatus(`No tracks to download in "${playlist.name}".`);
-            return;
-        }
-        setDownloadStatus(`Downloading ${target.tracks.length} track(s) from "${playlist.name}"... this can take a few minutes.`);
-        try {
-            setIsDownloading(true);
-            const summary = await downloadService.downloadTracks(target.tracks);
-            setDownloadStatus(`Downloaded ${summary.downloaded}, skipped ${summary.skipped}, failed ${summary.failed}.`);
-        }
-        catch (error) {
-            setDownloadStatus(error instanceof Error ? error.message : 'Failed to download playlist.');
-        }
-        finally {
-            setIsDownloading(false);
-        }
-    }, [
-        downloadService,
-        isDownloading,
-        playlists,
-        renamingPlaylistId,
-        selectedIndex,
-    ]);
-    useKeyBinding(KEYBINDINGS.UP, navigateUp);
-    useKeyBinding(KEYBINDINGS.DOWN, navigateDown);
-    useKeyBinding(KEYBINDINGS.SELECT, startPlaylist);
-    useKeyBinding(['r'], handleRename);
-    useKeyBinding(KEYBINDINGS.CREATE_PLAYLIST, handleCreate);
-    useKeyBinding(KEYBINDINGS.DELETE_PLAYLIST, handleDelete);
-    useKeyBinding(KEYBINDINGS.BACK, handleBack);
-    useKeyBinding(KEYBINDINGS.DOWNLOAD, () => {
-        void handleDownload();
-    });
-    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 |", ' ', _jsx(Text, { color: theme.colors.text, children: "r" }), " rename |", ' ', _jsx(Text, { color: theme.colors.text, children: "c" }), " create |", ' ', _jsx(Text, { color: theme.colors.text, children: "Shift+D" }), " download |", ' ', _jsx(Text, { color: theme.colors.text, children: "D" }), " delete |", ' ', _jsx(Text, { color: theme.colors.text, children: "Esc" }), " back"] }), lastCreated && (_jsxs(Text, { color: theme.colors.accent, children: [" Created ", lastCreated] })), downloadStatus && (_jsx(Text, { color: theme.colors.accent, children: downloadStatus }))] })] }));
-}

package/dist/source/components/plugins/PluginInstallDialog.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Plugin install dialog - prompts for plugin name or URL
-import { useState, useCallback } from 'react';
-import { Box, Text } from 'ink';
-import TextInput from 'ink-text-input';
-import { useTheme } from "../../hooks/useTheme.js";
-import { usePlugins } from "../../stores/plugins.store.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { KEYBINDINGS } from "../../utils/constants.js";
-export default function PluginInstallDialog({ onClose, }) {
-    const { theme } = useTheme();
-    const { installPlugin, state } = usePlugins();
-    const [input, setInput] = useState('');
-    const [installing, setInstalling] = useState(false);
-    const [result, setResult] = useState(null);
-    const handleSubmit = useCallback(async () => {
-        if (!input.trim() || installing)
-            return;
-        setInstalling(true);
-        setResult(null);
-        const installResult = await installPlugin(input.trim());
-        setInstalling(false);
-        setResult({
-            success: installResult.success,
-            message: installResult.success
-                ? `Successfully installed ${installResult.pluginId}`
-                : installResult.error || 'Installation failed',
-        });
-        if (installResult.success) {
-            // Close after a brief delay on success
-            setTimeout(onClose, 1500);
-        }
-    }, [input, installing, installPlugin, onClose]);
-    const handleClose = useCallback(() => {
-        if (!installing) {
-            onClose();
-        }
-    }, [installing, onClose]);
-    useKeyBinding(KEYBINDINGS.BACK, handleClose);
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Install Plugin" }) }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.dim, children: "Enter a plugin name (from default repo) or GitHub URL:" }) }), _jsxs(Box, { paddingX: 1, children: [_jsx(Text, { color: theme.colors.text, children: '> ' }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: handleSubmit, placeholder: "e.g., adblock or https://github.com/user/plugin" })] }), installing && (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.warning, children: "Installing..." }) })), result && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: result.success ? theme.colors.success : theme.colors.error, children: [result.success ? '✓' : '✗', " ", result.message] }) })), state.error && !result && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: theme.colors.error, children: ["Error: ", state.error] }) })), _jsx(Box, { marginTop: 1, paddingX: 1, children: _jsxs(Text, { color: theme.colors.dim, children: ["Press ", _jsx(Text, { color: theme.colors.text, children: "Enter" }), " to install,", ' ', _jsx(Text, { color: theme.colors.text, children: "Esc" }), " to cancel"] }) })] }));
-}

package/dist/source/components/plugins/PluginsAvailable.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Available plugins component - displays plugins from the default repo
-import { useMemo } from 'react';
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { usePlugins } from "../../stores/plugins.store.js";
-// Mock available plugins (in production, these would be fetched from the repo)
-const AVAILABLE_PLUGINS = [
-    {
-        id: 'adblock',
-        name: 'Adblock',
-        version: '1.0.0',
-        description: 'Blocks ads by filtering known ad video IDs',
-        author: 'involvex',
-        repository: 'https://github.com/involvex/youtube-music-cli-plugins',
-        installUrl: 'adblock',
-        tags: ['audio', 'filter'],
-    },
-    {
-        id: 'now-playing',
-        name: 'Now Playing',
-        version: '1.0.0',
-        description: 'Shows system notifications when track changes',
-        author: 'involvex',
-        repository: 'https://github.com/involvex/youtube-music-cli-plugins',
-        installUrl: 'now-playing',
-        tags: ['notifications'],
-    },
-    {
-        id: 'lyrics',
-        name: 'Lyrics',
-        version: '1.0.0',
-        description: 'Displays lyrics for the current track',
-        author: 'involvex',
-        repository: 'https://github.com/involvex/youtube-music-cli-plugins',
-        installUrl: 'lyrics',
-        tags: ['ui', 'lyrics'],
-    },
-];
-export default function PluginsAvailable({ selectedIndex, }) {
-    const { theme } = useTheme();
-    const { state } = usePlugins();
-    // Use useMemo instead of useEffect to avoid setState in effect
-    const plugins = useMemo(() => {
-        const installedIds = new Set(state.installedPlugins.map(p => p.manifest.id));
-        return AVAILABLE_PLUGINS.filter(p => !installedIds.has(p.id));
-    }, [state.installedPlugins]);
-    if (plugins.length === 0) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.dim, children: "All available plugins are already installed." }) }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { paddingX: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Available Plugins" }) }), plugins.map((plugin, index) => {
-                const isSelected = index === selectedIndex;
-                return (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { backgroundColor: isSelected ? theme.colors.primary : undefined, color: isSelected ? theme.colors.background : theme.colors.text, bold: isSelected, children: [plugin.name, _jsxs(Text, { color: isSelected ? undefined : theme.colors.dim, children: [' ', "v", plugin.version, " - ", plugin.description] })] }) }, plugin.id));
-            })] }));
-}

package/dist/source/components/plugins/PluginsList.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Plugins list component - displays installed plugins
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-export default function PluginsList({ plugins, selectedIndex, }) {
-    const { theme } = useTheme();
-    if (plugins.length === 0) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.dim, children: "No plugins installed. Press 'i' to install a plugin." }) }));
-    }
-    return (_jsx(Box, { flexDirection: "column", children: plugins.map((plugin, index) => {
-            const isSelected = index === selectedIndex;
-            const statusIcon = plugin.enabled ? '●' : '○';
-            const statusColor = plugin.enabled
-                ? theme.colors.success
-                : theme.colors.dim;
-            return (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { backgroundColor: isSelected ? theme.colors.primary : undefined, color: isSelected ? theme.colors.background : theme.colors.text, bold: isSelected, children: [_jsx(Text, { color: isSelected ? undefined : statusColor, children: statusIcon }), ' ', plugin.manifest.name, _jsxs(Text, { color: isSelected ? undefined : theme.colors.dim, children: [' ', "v", plugin.manifest.version] })] }) }, plugin.manifest.id));
-        }) }));
-}

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

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Search bar component
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { useState, useCallback } from 'react';
-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";
-function SearchBar({ onInput, isActive = true }) {
-    const { theme } = useTheme();
-    const { state: navState, dispatch } = useNavigation();
-    const [input, setInput] = useState('');
-    const config = getConfigService();
-    const searchTypes = Object.values(SEARCH_TYPE);
-    // Handle type switching
-    const cycleType = useCallback(() => {
-        if (!isActive)
-            return;
-        const currentIndex = searchTypes.indexOf(navState.searchType);
-        const nextIndex = (currentIndex + 1) % searchTypes.length;
-        const nextType = searchTypes[nextIndex];
-        if (nextType) {
-            dispatch({
-                category: 'SET_SEARCH_CATEGORY',
-                searchType: nextType,
-            });
-        }
-    }, [navState.searchType, searchTypes, dispatch, isActive]);
-    // Handle submit via ink-text-input's onSubmit
-    const handleSubmit = useCallback((value) => {
-        if (value && isActive) {
-            config.addToSearchHistory(value);
-            dispatch({ category: 'SET_SEARCH_QUERY', query: value });
-            onInput(value);
-        }
-    }, [dispatch, onInput, isActive, config]);
-    // Handle clearing search
-    const clearSearch = useCallback(() => {
-        if (isActive) {
-            setInput('');
-            onInput('');
-        }
-    }, [isActive, onInput]);
-    useKeyBinding(['tab'], cycleType);
-    useKeyBinding(['escape'], clearSearch, { bypassBlock: true });
-    useKeyboardBlocker(isActive);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, children: [_jsxs(Box, { 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...' })] }))] }));
-}
-export default React.memo(SearchBar);

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

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Search history component
-import { useState, useCallback } from 'react';
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { getConfigService } from "../../services/config/config.service.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { KEYBINDINGS, VIEW } from "../../utils/constants.js";
-export default function SearchHistory({ onSelect }) {
-    const { theme } = useTheme();
-    const { dispatch } = useNavigation();
-    const config = getConfigService();
-    const history = config.getSearchHistory();
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const navigateUp = useCallback(() => {
-        setSelectedIndex(prev => Math.max(0, prev - 1));
-    }, []);
-    const navigateDown = useCallback(() => {
-        setSelectedIndex(prev => Math.min(history.length - 1, prev + 1));
-    }, [history.length]);
-    const handleSelect = useCallback(() => {
-        const query = history[selectedIndex];
-        if (query) {
-            dispatch({ category: 'NAVIGATE', view: VIEW.SEARCH });
-            onSelect(query);
-        }
-    }, [history, selectedIndex, dispatch, onSelect]);
-    useKeyBinding(KEYBINDINGS.UP, navigateUp);
-    useKeyBinding(KEYBINDINGS.DOWN, navigateDown);
-    useKeyBinding(KEYBINDINGS.SELECT, handleSelect);
-    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: "Search History" }) }), history.length === 0 ? (_jsx(Text, { color: theme.colors.dim, children: "No search history yet" })) : (history.map((query, index) => (_jsx(Box, { paddingX: 1, children: _jsx(Text, { backgroundColor: selectedIndex === index ? theme.colors.primary : undefined, color: selectedIndex === index
-                        ? theme.colors.background
-                        : theme.colors.text, children: query }) }, index)))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.dim, children: "\u2191\u2193 to navigate \u2022 Enter to search \u2022 Esc to go back" }) })] }));
-}