@involvex/youtube-music-cli 0.0.46 → 0.0.48

package/dist/source/components/config/ConfigLayout.js

@@ -1,84 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Config screen layout
-import { Box, Text } from 'ink';
-import { useState, useCallback } from 'react';
-import { useTheme } from "../../hooks/useTheme.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { KEYBINDINGS } from "../../utils/constants.js";
-import { getConfigService } from "../../services/config/config.service.js";
-export default function ConfigLayout() {
-    const { theme, setTheme } = useTheme();
-    const { dispatch } = useNavigation();
-    const [selectedSection, setSelectedSection] = useState('theme');
-    const config = getConfigService();
-    // Navigate sections
-    const goUp = useCallback(() => {
-        const sections = ['theme', 'quality', 'volumeStep'];
-        const currentIndex = sections.indexOf(selectedSection);
-        if (currentIndex > 0) {
-            setSelectedSection(sections[currentIndex - 1]);
-        }
-    }, [selectedSection]);
-    const goDown = useCallback(() => {
-        const sections = ['theme', 'quality', 'volumeStep'];
-        const currentIndex = sections.indexOf(selectedSection);
-        if (currentIndex < sections.length - 1) {
-            setSelectedSection(sections[currentIndex + 1]);
-        }
-    }, [selectedSection]);
-    // Handle Enter key based on selected section
-    const handleSelect = useCallback(() => {
-        if (selectedSection === 'theme') {
-            const themes = ['dark', 'light', 'midnight', 'matrix'];
-            const currentTheme = theme.name;
-            const currentIndex = themes.indexOf(currentTheme);
-            const nextIndex = (currentIndex + 1) % themes.length;
-            const nextTheme = themes[nextIndex];
-            setTheme(nextTheme);
-            config.set('theme', nextTheme);
-        }
-        else if (selectedSection === 'quality') {
-            const qualities = ['low', 'medium', 'high'];
-            const currentQuality = config.get('streamQuality');
-            const currentIndex = qualities.indexOf(currentQuality);
-            const nextIndex = (currentIndex + 1) % qualities.length;
-            config.set('streamQuality', qualities[nextIndex]);
-        }
-    }, [selectedSection, config, theme, setTheme]);
-    // Change volume step
-    const increaseVolumeStep = useCallback(() => {
-        if (selectedSection === 'volumeStep') {
-            const current = config.get('volume');
-            if (current < 100) {
-                config.set('volume', Math.min(100, current + 10));
-            }
-        }
-    }, [selectedSection, config]);
-    const decreaseVolumeStep = useCallback(() => {
-        if (selectedSection === 'volumeStep') {
-            const current = config.get('volume');
-            if (current > 0) {
-                config.set('volume', Math.max(0, current - 10));
-            }
-        }
-    }, [selectedSection, config]);
-    // Go back
-    const goBack = useCallback(() => {
-        dispatch({ category: 'GO_BACK' });
-    }, [dispatch]);
-    useKeyBinding(KEYBINDINGS.UP, goUp);
-    useKeyBinding(KEYBINDINGS.DOWN, goDown);
-    useKeyBinding(KEYBINDINGS.SELECT, handleSelect);
-    useKeyBinding(KEYBINDINGS.VOLUME_UP, increaseVolumeStep);
-    useKeyBinding(KEYBINDINGS.VOLUME_DOWN, decreaseVolumeStep);
-    useKeyBinding(KEYBINDINGS.BACK, goBack);
-    const currentTheme = theme.name;
-    const currentQuality = config.get('streamQuality') || 'high';
-    const currentVolume = config.get('volume') || 70;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Settings" }) }), _jsxs(Box, { paddingX: 1, borderStyle: "single", borderColor: selectedSection === 'theme' ? theme.colors.primary : theme.colors.dim, children: [_jsxs(Text, { color: theme.colors.text, children: ["Theme: ", _jsx(Text, { color: theme.colors.primary, children: currentTheme })] }), selectedSection === 'theme' && (_jsx(Text, { color: theme.colors.dim, children: " (Press Enter to cycle)" }))] }), _jsxs(Box, { paddingX: 1, borderStyle: "single", borderColor: selectedSection === 'quality'
-                    ? theme.colors.primary
-                    : theme.colors.dim, children: [_jsxs(Text, { color: theme.colors.text, children: ["Stream Quality:", ' ', _jsx(Text, { color: theme.colors.primary, children: currentQuality })] }), selectedSection === 'quality' && (_jsx(Text, { color: theme.colors.dim, children: " (Press Enter to cycle)" }))] }), _jsxs(Box, { paddingX: 1, borderStyle: "single", borderColor: selectedSection === 'volumeStep'
-                    ? theme.colors.primary
-                    : theme.colors.dim, children: [_jsxs(Text, { color: theme.colors.text, children: ["Default Volume:", ' ', _jsxs(Text, { color: theme.colors.primary, children: [currentVolume, "%"] })] }), selectedSection === 'volumeStep' && (_jsx(Text, { color: theme.colors.dim, children: " (Press =/- to adjust)" }))] })] }));
-}

package/dist/source/components/config/KeybindingsLayout.js

@@ -1,107 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Custom keybindings editor — shows all actions and their bound keys
-import { Box, Text, useInput } from 'ink';
-import { useState } from 'react';
-import { useTheme } from "../../hooks/useTheme.js";
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { getConfigService } from "../../services/config/config.service.js";
-import { KEYBINDINGS } from "../../utils/constants.js";
-function buildEntries() {
-    const config = getConfigService();
-    return Object.entries(KEYBINDINGS).map(([action, defaultKeys]) => {
-        const custom = config.getKeybinding(action);
-        return {
-            action,
-            label: action
-                .toLowerCase()
-                .replace(/_/g, ' ')
-                .replace(/\b\w/g, c => c.toUpperCase()),
-            keys: custom ?? [...defaultKeys],
-        };
-    });
-}
-export default function KeybindingsLayout() {
-    const { theme } = useTheme();
-    const { dispatch } = useNavigation();
-    const [entries, setEntries] = useState(buildEntries);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [isCapturing, setIsCapturing] = useState(false);
-    const [statusMessage, setStatusMessage] = useState('');
-    useInput((input, key) => {
-        if (isCapturing) {
-            // Build key string from the pressed key
-            const parts = [];
-            if (key.ctrl)
-                parts.push('ctrl');
-            if (key.meta)
-                parts.push('meta');
-            if (key.shift)
-                parts.push('shift');
-            let keyName = input;
-            if (key.upArrow)
-                keyName = 'up';
-            else if (key.downArrow)
-                keyName = 'down';
-            else if (key.leftArrow)
-                keyName = 'left';
-            else if (key.rightArrow)
-                keyName = 'right';
-            else if (key.return)
-                keyName = 'enter';
-            else if (key.tab)
-                keyName = 'tab';
-            else if (key.backspace || key.delete)
-                keyName = 'backspace';
-            else if (key.escape) {
-                setIsCapturing(false);
-                setStatusMessage('Cancelled');
-                return;
-            }
-            if (!keyName || keyName.length === 0)
-                return;
-            parts.push(keyName);
-            const newKey = parts.join('+');
-            // Persist new binding
-            const entry = entries[selectedIndex];
-            if (!entry)
-                return;
-            getConfigService().setKeybinding(entry.action, [newKey]);
-            setEntries(buildEntries());
-            setIsCapturing(false);
-            setStatusMessage(`Bound ${entry.action} to "${newKey}"`);
-            return;
-        }
-        if (key.escape) {
-            dispatch({ category: 'GO_BACK' });
-            return;
-        }
-        if (key.upArrow || input === 'k') {
-            setSelectedIndex(i => Math.max(0, i - 1));
-        }
-        else if (key.downArrow || input === 'j') {
-            setSelectedIndex(i => Math.min(entries.length - 1, i + 1));
-        }
-        else if (key.return) {
-            setIsCapturing(true);
-            setStatusMessage('Press any key to bind...');
-        }
-        else if (input === 'r') {
-            // Reset selected binding to default
-            const entry = entries[selectedIndex];
-            if (!entry)
-                return;
-            const defaultKeys = KEYBINDINGS[entry.action];
-            if (defaultKeys) {
-                getConfigService().setKeybinding(entry.action, [
-                    ...defaultKeys,
-                ]);
-                setEntries(buildEntries());
-                setStatusMessage(`Reset ${entry.action} to default`);
-            }
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.colors.primary, bold: true, children: "Custom Keybindings" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.colors.dim, children: "\u2191/\u2193 Navigate | Enter Edit | r Reset | Esc Back" }) }), statusMessage ? (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.colors.secondary, children: statusMessage }) })) : null, entries.map((entry, index) => {
-                const isSelected = index === selectedIndex;
-                return (_jsxs(Box, { marginBottom: 0, children: [_jsx(Text, { color: isSelected ? theme.colors.primary : theme.colors.text, bold: isSelected, children: isSelected ? '▶ ' : '  ' }), _jsx(Text, { color: isSelected ? theme.colors.primary : theme.colors.text, bold: isSelected, children: entry.label.padEnd(25) }), _jsx(Text, { color: theme.colors.secondary, children: entry.keys.join(', ') })] }, entry.action));
-            }), isCapturing ? (_jsxs(Box, { marginTop: 1, borderStyle: "single", borderColor: theme.colors.secondary, padding: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: ["Press any key combination...", ' '] }), _jsx(Text, { color: theme.colors.dim, children: "(Esc to cancel)" })] })) : null] }));
-}

package/dist/source/components/export/ExportLayout.js

@@ -1,111 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Export layout component for playlist export
-import { useState, useCallback, useMemo } from 'react';
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { KEYBINDINGS } from "../../utils/constants.js";
-import { getExportService, } from "../../services/export/export.service.js";
-import { getConfigService } from "../../services/config/config.service.js";
-const FORMATS = [
-    { key: 'json', label: 'JSON' },
-    { key: 'm3u8', label: 'M3U8' },
-    { key: 'both', label: 'Both (JSON + M3U8)' },
-];
-export default function ExportLayout() {
-    const { theme } = useTheme();
-    const { dispatch } = useNavigation();
-    const config = getConfigService();
-    const exportService = getExportService();
-    const [step, setStep] = useState('format');
-    const [selectedFormat, setSelectedFormat] = useState(2); // Default to 'both'
-    const [selectedPlaylist, setSelectedPlaylist] = useState(-1); // -1 means "Export All"
-    const [results, setResults] = useState([]);
-    const playlists = useMemo(() => config.get('playlists') || [], [config]);
-    const goBack = useCallback(() => {
-        if (step === 'format') {
-            dispatch({ category: 'GO_BACK' });
-        }
-        else if (step === 'playlist') {
-            setStep('format');
-        }
-        else if (step === 'result') {
-            setStep('format');
-            setResults([]);
-        }
-    }, [step, dispatch]);
-    const selectFormat = useCallback(() => {
-        setStep('playlist');
-    }, []);
-    const startExport = useCallback(async () => {
-        setStep('exporting');
-        const format = FORMATS[selectedFormat].key;
-        try {
-            if (selectedPlaylist === -1) {
-                // Export all playlists
-                const exportResults = await exportService.exportAllPlaylists(playlists, {
-                    format,
-                });
-                setResults(exportResults);
-            }
-            else {
-                // Export single playlist
-                const result = await exportService.exportPlaylist(playlists[selectedPlaylist], {
-                    format,
-                });
-                setResults([result]);
-            }
-        }
-        catch (error) {
-            setResults([
-                {
-                    playlistName: 'Error',
-                    success: false,
-                    files: [],
-                    error: error instanceof Error ? error.message : String(error),
-                },
-            ]);
-        }
-        finally {
-            setStep('result');
-        }
-    }, [selectedFormat, selectedPlaylist, playlists, exportService]);
-    // Keyboard bindings
-    useKeyBinding(KEYBINDINGS.UP, () => {
-        if (step === 'format') {
-            setSelectedFormat(prev => Math.max(0, prev - 1));
-        }
-        else if (step === 'playlist') {
-            setSelectedPlaylist(prev => Math.max(-1, prev - 1));
-        }
-    });
-    useKeyBinding(KEYBINDINGS.DOWN, () => {
-        if (step === 'format') {
-            setSelectedFormat(prev => Math.min(FORMATS.length - 1, prev + 1));
-        }
-        else if (step === 'playlist') {
-            setSelectedPlaylist(prev => Math.min(playlists.length - 1, prev === -1 && playlists.length > 0 ? 0 : prev + 1));
-        }
-    });
-    useKeyBinding(KEYBINDINGS.SELECT, () => {
-        if (step === 'format')
-            selectFormat();
-        else if (step === 'playlist')
-            startExport();
-        else if (step === 'result')
-            goBack();
-    });
-    useKeyBinding(KEYBINDINGS.BACK, goBack);
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Export Playlists" }) }), step === 'format' && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { color: theme.colors.dim, children: "Select export format:" }), FORMATS.map((format, index) => (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { backgroundColor: index === selectedFormat ? theme.colors.primary : undefined, color: index === selectedFormat
-                                ? theme.colors.background
-                                : theme.colors.text, bold: index === selectedFormat, children: [index === selectedFormat ? '► ' : '  ', format.label] }) }, format.key))), playlists.length === 0 && (_jsx(Box, { marginTop: 1, paddingX: 1, children: _jsx(Text, { color: theme.colors.error, children: "No playlists found. Create or import playlists first." }) }))] })), step === 'playlist' && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { color: theme.colors.dim, children: "Select playlist to export:" }), _jsx(Box, { paddingX: 1, children: _jsxs(Text, { backgroundColor: selectedPlaylist === -1 ? theme.colors.primary : undefined, color: selectedPlaylist === -1
-                                ? theme.colors.background
-                                : theme.colors.text, bold: selectedPlaylist === -1, children: [selectedPlaylist === -1 ? '► ' : '  ', "Export All (", playlists.length, " playlists)"] }) }), playlists.map((playlist, index) => (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { backgroundColor: index === selectedPlaylist ? theme.colors.primary : undefined, color: index === selectedPlaylist
-                                ? theme.colors.background
-                                : theme.colors.text, bold: index === selectedPlaylist, children: [index === selectedPlaylist ? '► ' : '  ', playlist.name, " (", playlist.tracks.length, " tracks)"] }) }, playlist.playlistId)))] })), step === 'exporting' && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { color: theme.colors.primary, children: "Exporting..." }), _jsx(Text, { color: theme.colors.dim, children: selectedPlaylist === -1
-                            ? `Exporting ${playlists.length} playlists...`
-                            : `Exporting ${playlists[selectedPlaylist]?.name || 'playlist'}...` })] })), step === 'result' && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.success, bold: true, children: "Export completed!" }) }), results.map((result, index) => (_jsx(Box, { flexDirection: "column", gap: 1, paddingX: 1, children: result.success ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: theme.colors.success, children: ["\u2713 ", result.playlistName] }), result.files.length > 0 && (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [_jsx(Text, { color: theme.colors.dim, children: "Exported to:" }), result.files.map(file => (_jsxs(Text, { color: theme.colors.primary, children: ["\u2022 ", file] }, file)))] }))] })) : (_jsxs(Text, { color: theme.colors.error, children: ["\u2717 ", result.playlistName, ": ", result.error] })) }, index))), _jsx(Box, { marginTop: 1, paddingX: 1, children: _jsx(Text, { color: theme.colors.dim, children: "Press Enter to continue" }) })] })), step !== 'exporting' && step !== 'result' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.dim, children: step === 'format'
-                        ? '↑↓ to select, Enter to continue, Esc/q to go back'
-                        : '↑↓ to select, Enter to export, Esc to go back' }) }))] }));
-}

package/dist/source/components/import/ImportLayout.js

@@ -1,119 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Import layout component for playlist import
-import { useState, useCallback, useEffect } from 'react';
-import { Box, Text } from 'ink';
-import TextInput from 'ink-text-input';
-import { useTheme } from "../../hooks/useTheme.js";
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { KEYBINDINGS } from "../../utils/constants.js";
-import { getImportService } from "../../services/import/import.service.js";
-import ImportProgressComponent from "./ImportProgress.js";
-const SOURCES = [
-    { key: 'spotify', label: 'Spotify' },
-    { key: 'youtube', label: 'YouTube' },
-];
-export default function ImportLayout() {
-    const { theme } = useTheme();
-    const { dispatch } = useNavigation();
-    const importService = getImportService();
-    const [step, setStep] = useState('source');
-    const [selectedSource, setSelectedSource] = useState(0);
-    const [url, setUrl] = useState('');
-    const [customName, setCustomName] = useState('');
-    const [progress, setProgress] = useState(null);
-    const [result, setResult] = useState(null);
-    const [error, setError] = useState(null);
-    const goBack = useCallback(() => {
-        if (step === 'source') {
-            dispatch({ category: 'GO_BACK' });
-        }
-        else if (step === 'url') {
-            setStep('source');
-        }
-        else if (step === 'name') {
-            setStep('url');
-        }
-        else if (step === 'result') {
-            setStep('source');
-            setResult(null);
-        }
-    }, [step, dispatch]);
-    const selectSource = useCallback(() => {
-        setStep('url');
-    }, []);
-    const submitUrl = useCallback(() => {
-        if (url.trim()) {
-            setStep('name');
-        }
-    }, [url]);
-    const startImport = useCallback(async () => {
-        setStep('importing');
-        setError(null);
-        try {
-            const unsubscribe = importService.onProgress(prog => {
-                setProgress(prog);
-            });
-            const source = SOURCES[selectedSource].key;
-            const importResult = await importService.importPlaylist(source, url, customName || undefined);
-            unsubscribe();
-            setResult({
-                playlistName: importResult.playlistName,
-                matched: importResult.matched,
-                total: importResult.total,
-                errors: importResult.errors,
-            });
-            setStep('result');
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : String(err));
-            setStep('source');
-        }
-    }, [selectedSource, url, customName, importService]);
-    const submitName = useCallback(() => {
-        startImport();
-    }, [startImport]);
-    // Keyboard bindings
-    useKeyBinding(KEYBINDINGS.UP, () => {
-        if (step === 'source') {
-            setSelectedSource(prev => Math.max(0, prev - 1));
-        }
-    });
-    useKeyBinding(KEYBINDINGS.DOWN, () => {
-        if (step === 'source') {
-            setSelectedSource(prev => Math.min(SOURCES.length - 1, prev + 1));
-        }
-    });
-    useKeyBinding(KEYBINDINGS.SELECT, () => {
-        if (step === 'source')
-            selectSource();
-        else if (step === 'url')
-            submitUrl();
-        else if (step === 'name')
-            submitName();
-        else if (step === 'result')
-            goBack();
-    });
-    useKeyBinding(KEYBINDINGS.BACK, goBack);
-    // Escape key for skip name
-    useEffect(() => {
-        if (step === 'name') {
-            const handleEscape = () => {
-                startImport();
-            };
-            const stdin = process.stdin;
-            stdin.on('keypress', handleEscape);
-            return () => {
-                stdin.off('keypress', handleEscape);
-            };
-        }
-        return undefined;
-    }, [step, startImport]);
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Import Playlist" }) }), error && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: theme.colors.error, children: ["Error: ", error] }) })), step === 'source' && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { color: theme.colors.dim, children: "Select playlist source:" }), SOURCES.map((source, index) => (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { backgroundColor: index === selectedSource ? theme.colors.primary : undefined, color: index === selectedSource
-                                ? theme.colors.background
-                                : theme.colors.text, bold: index === selectedSource, children: [index === selectedSource ? '► ' : '  ', source.label] }) }, source.key)))] })), step === 'url' && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Text, { color: theme.colors.dim, children: ["Enter ", SOURCES[selectedSource].label, " playlist URL or ID:"] }), _jsx(Box, { paddingX: 1, children: _jsx(TextInput, { value: url, onChange: setUrl, onSubmit: submitUrl, placeholder: "Paste URL or ID here...", focus: true }) }), _jsxs(Text, { color: theme.colors.dim, children: ["Examples:", ' ', SOURCES[selectedSource].key === 'spotify'
-                                ? 'https://open.spotify.com/playlist/...'
-                                : 'https://www.youtube.com/playlist?list=...'] })] })), step === 'name' && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { color: theme.colors.dim, children: "Custom playlist name (optional, Esc to skip):" }), _jsx(Box, { paddingX: 1, children: _jsx(TextInput, { value: customName, onChange: setCustomName, onSubmit: submitName, placeholder: "Leave empty to use original name", focus: true }) }), _jsx(Text, { color: theme.colors.dim, children: "Press Enter to import or Esc to skip" })] })), step === 'importing' && progress && (_jsx(ImportProgressComponent, { progress: progress })), step === 'result' && result && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.success, bold: true, children: "\u2713 Import completed!" }) }), _jsx(Box, { paddingX: 1, children: _jsxs(Text, { children: ["Playlist: ", result.playlistName] }) }), _jsx(Box, { paddingX: 1, children: _jsxs(Text, { children: ["Matched:", ' ', _jsx(Text, { color: theme.colors.primary, children: result.matched }), "/", result.total, " tracks"] }) }), result.errors.length > 0 && (_jsxs(Box, { flexDirection: "column", gap: 1, marginTop: 1, children: [_jsxs(Text, { color: theme.colors.dim, bold: true, children: ["Errors (", result.errors.length, "):"] }), result.errors.slice(0, 5).map((err, i) => (_jsx(Box, { paddingX: 2, children: _jsxs(Text, { color: theme.colors.error, children: ["\u2022 ", err] }) }, i))), result.errors.length > 5 && (_jsx(Box, { paddingX: 2, children: _jsxs(Text, { color: theme.colors.dim, children: ["... and ", result.errors.length - 5, " more"] }) }))] })), _jsx(Box, { marginTop: 1, paddingX: 1, children: _jsx(Text, { color: theme.colors.dim, children: "Press Enter to continue" }) })] })), step !== 'importing' && step !== 'result' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.dim, children: step === 'source'
-                        ? '↑↓ to select, Enter to continue, Esc/q to go back'
-                        : 'Enter to continue, Esc to go back' }) }))] }));
-}

package/dist/source/components/import/ImportProgress.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Import progress display component
-import { useEffect, useState } from 'react';
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-const PROGRESS_BLOCKS = 20;
-export default function ImportProgress({ progress }) {
-    const { theme } = useTheme();
-    const [animatedBlocks, setAnimatedBlocks] = useState(0);
-    // Animate progress blocks
-    useEffect(() => {
-        if (progress.total > 0) {
-            const targetBlocks = Math.floor((progress.current / progress.total) * PROGRESS_BLOCKS);
-            const delay = Math.max(50, 500 / PROGRESS_BLOCKS); // Max 500ms total animation
-            const interval = setInterval(() => {
-                setAnimatedBlocks(prev => {
-                    if (prev >= targetBlocks) {
-                        clearInterval(interval);
-                        return prev;
-                    }
-                    return prev + 1;
-                });
-            }, delay);
-            return () => clearInterval(interval);
-        }
-        return undefined;
-    }, [progress]);
-    // Calculate completed blocks
-    const completedBlocks = Math.min(animatedBlocks, PROGRESS_BLOCKS);
-    const progressPercent = progress.total > 0
-        ? Math.round((progress.current / progress.total) * 100)
-        : 0;
-    // Get status color
-    const getStatusColor = () => {
-        switch (progress.status) {
-            case 'fetching':
-                return theme.colors.accent;
-            case 'matching':
-                return theme.colors.primary;
-            case 'creating':
-                return theme.colors.success;
-            case 'completed':
-                return theme.colors.success;
-            case 'failed':
-            case 'cancelled':
-                return theme.colors.error;
-            default:
-                return theme.colors.dim;
-        }
-    };
-    // Get status label
-    const getStatusLabel = () => {
-        switch (progress.status) {
-            case 'fetching':
-                return 'Fetching playlist...';
-            case 'matching':
-                return 'Matching tracks...';
-            case 'creating':
-                return 'Creating playlist...';
-            case 'completed':
-                return 'Completed!';
-            case 'failed':
-                return 'Failed';
-            case 'cancelled':
-                return 'Cancelled';
-            default:
-                return 'Starting...';
-        }
-    };
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { paddingX: 1, children: _jsx(Text, { bold: true, color: getStatusColor(), children: getStatusLabel() }) }), progress.total > 0 && (_jsx(Box, { paddingX: 1, children: _jsxs(Box, { children: [Array.from({ length: completedBlocks }).map((_, i) => (_jsx(Text, { backgroundColor: theme.colors.primary, children: ' ' }, i))), Array.from({ length: PROGRESS_BLOCKS - completedBlocks }).map((_, i) => (_jsx(Text, { backgroundColor: theme.colors.dim, dimColor: true, children: ' ' }, i + completedBlocks)))] }) })), _jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: theme.colors.dim, children: [progress.total > 0 ? `${progressPercent}%` : '...', " -", ' ', progress.current, "/", progress.total || '?', ' ', progress.total === 1 ? 'track' : 'tracks'] }) }), progress.currentTrack && progress.status === 'matching' && (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.text, dimColor: true, children: progress.currentTrack.length > 50
-                        ? `...${progress.currentTrack.slice(-47)}`
-                        : progress.currentTrack }) })), progress.message && (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.dim, children: progress.message }) }))] }));
-}

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

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Explore / Genre browsing view — shows curated sections from YouTube Music
-import { Box, Text, useInput } from 'ink';
-import { useState, useEffect } from 'react';
-import { useTheme } from "../../hooks/useTheme.js";
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { getMusicService } from "../../services/youtube-music/api.js";
-export default function ExploreLayout() {
-    const { theme } = useTheme();
-    const { dispatch } = useNavigation();
-    const { play } = usePlayer();
-    const [sections, setSections] = useState([]);
-    const [sectionIndex, setSectionIndex] = useState(0);
-    const [trackIndex, setTrackIndex] = useState(0);
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        let cancelled = false;
-        getMusicService()
-            .getExploreSections()
-            .then(results => {
-            if (!cancelled) {
-                setSections(results);
-                setIsLoading(false);
-            }
-        })
-            .catch((err) => {
-            if (!cancelled) {
-                setError(err instanceof Error ? err.message : 'Failed to load explore');
-                setIsLoading(false);
-            }
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, []);
-    const currentSection = sections[sectionIndex];
-    const tracks = currentSection?.tracks ?? [];
-    useInput((input, key) => {
-        if (key.escape) {
-            dispatch({ category: 'GO_BACK' });
-            return;
-        }
-        if (key.leftArrow || input === 'h') {
-            setSectionIndex(i => Math.max(0, i - 1));
-            setTrackIndex(0);
-        }
-        else if (key.rightArrow || input === 'l') {
-            setSectionIndex(i => Math.min(sections.length - 1, i + 1));
-            setTrackIndex(0);
-        }
-        else if (key.upArrow || input === 'k') {
-            setTrackIndex(i => Math.max(0, i - 1));
-        }
-        else if (key.downArrow || input === 'j') {
-            setTrackIndex(i => Math.min(tracks.length - 1, i + 1));
-        }
-        else if (key.return) {
-            const track = tracks[trackIndex];
-            if (track)
-                play(track);
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.colors.primary, bold: true, children: "\uD83C\uDFB5 Explore" }) }), isLoading ? (_jsx(Text, { color: theme.colors.dim, children: "Loading explore sections..." })) : error ? (_jsx(Text, { color: theme.colors.error, children: error })) : sections.length === 0 ? (_jsx(Text, { color: theme.colors.dim, children: "No sections found" })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginBottom: 1, gap: 2, children: sections.map((section, index) => (_jsx(Text, { color: index === sectionIndex
-                                ? theme.colors.primary
-                                : theme.colors.dim, bold: index === sectionIndex, underline: index === sectionIndex, children: section.title }, section.title))) }), tracks.map((track, index) => {
-                        const isSelected = index === trackIndex;
-                        const artist = track.artists?.[0]?.name ?? 'Unknown';
-                        return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? theme.colors.primary : theme.colors.dim, children: isSelected ? '▶ ' : `${String(index + 1).padStart(2)}. ` }), _jsx(Text, { color: isSelected ? theme.colors.primary : theme.colors.text, bold: isSelected, children: track.title }), _jsxs(Text, { color: theme.colors.dim, children: [" \u2014 ", artist] })] }, track.videoId));
-                    })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.dim, children: "\u2190/\u2192 Sections | \u2191/\u2193 Tracks | Enter Play | Esc Back" }) })] }));
-}

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

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { useHistory } from "../../stores/history.store.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-import { truncate } from "../../utils/format.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { KEYBINDINGS } from "../../utils/constants.js";
-import { useNavigation } from "../../hooks/useNavigation.js";
-const DATE_FORMATTER = new Intl.DateTimeFormat(undefined, {
-    dateStyle: 'medium',
-    timeStyle: 'short',
-});
-function formatTimestamp(iso) {
-    const date = new Date(iso);
-    if (Number.isNaN(date.getTime())) {
-        return iso;
-    }
-    return DATE_FORMATTER.format(date);
-}
-export default function HistoryLayout() {
-    const { theme } = useTheme();
-    const { history } = useHistory();
-    const { columns } = useTerminalSize();
-    const { dispatch } = useNavigation();
-    useKeyBinding(KEYBINDINGS.BACK, () => {
-        dispatch({ category: 'GO_BACK' });
-    });
-    const maxTitleLength = Math.max(30, columns - 20);
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, gap: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.colors.primary, bold: true, children: "Recently Played" }) }), history.length === 0 ? (_jsx(Text, { color: theme.colors.dim, children: "No listening history yet." })) : (history.map(entry => {
-                const artists = entry.track.artists
-                    ?.map(artist => artist.name)
-                    .join(', ')
-                    .trim();
-                return (_jsxs(Box, { flexDirection: "column", paddingY: 1, borderStyle: "round", borderColor: theme.colors.dim, children: [_jsx(Text, { color: theme.colors.secondary, children: formatTimestamp(entry.playedAt) }), _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.text, bold: true, children: truncate(entry.track.title, maxTitleLength) }), _jsx(Text, { color: theme.colors.dim, children: artists ? ` • ${artists}` : '' })] }), entry.track.album?.name && (_jsxs(Text, { color: theme.colors.dim, children: ["Album: ", entry.track.album.name] }))] }, `${entry.playedAt}-${entry.track.videoId}`));
-            })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.dim, children: "Esc to go back \u2022 Shift+H to reopen history" }) })] }));
-}