@involvex/youtube-music-cli 0.0.0 → 0.0.2

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

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePlayer } from "../../hooks/usePlayer.js";
 import NowPlaying from "../player/NowPlaying.js";
-import ProgressBar from "../player/ProgressBar.js";
 import QueueList from "../player/QueueList.js";
 import { Box } from 'ink';
 export default function PlayerLayout() {
     const { state: playerState } = usePlayer();
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(NowPlaying, {}), _jsx(ProgressBar, {}), playerState.queue.length > 0 && _jsx(QueueList, {})] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(NowPlaying, {}), playerState.queue.length > 0 && _jsx(QueueList, {})] }));
 }

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

@@ -10,12 +10,15 @@ export default function NowPlaying() {
     const { state: playerState } = usePlayer();
     const { columns } = useTerminalSize();
     if (!playerState.currentTrack) {
-        return (_jsx(Box, { borderStyle: "round", borderColor: theme.colors.dim, padding: 1, marginY: 1, children: _jsx(Text, { color: theme.colors.dim, children: "No track playing" }) }));
+        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';
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.primary, padding: 1, marginY: 1, children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: track.title }), _jsx(Text, { color: theme.colors.secondary, children: artists }), track.album && _jsx(Text, { color: theme.colors.dim, children: track.album.name }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.text, children: formatTime(playerState.progress) }), _jsx(Text, { children: " " }), _jsxs(Text, { color: theme.colors.dim, children: ["[", Math.round((playerState.progress / (playerState.duration || 1)) * 100), "%]"] }), _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: formatTime(playerState.duration) })] }), playerState.duration > 0 && (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.primary, children: '■'.repeat(Math.floor((playerState.progress / playerState.duration) * (columns - 10))) }), _jsx(Text, { color: theme.colors.dim, children: '-'.repeat(Math.max(0, columns -
-                            10 -
-                            Math.floor((playerState.progress / playerState.duration) *
-                                (columns - 10)))) })] })), playerState.isLoading && (_jsx(Text, { color: theme.colors.accent, children: "Loading..." })), playerState.error && (_jsx(Text, { color: theme.colors.error, children: playerState.error }))] }));
+    // 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 && (_jsx(Text, { color: theme.colors.dim, children: " \u23F8" }))] }), playerState.error && (_jsx(Text, { color: theme.colors.error, children: playerState.error }))] }));
 }

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

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+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";
@@ -10,9 +10,10 @@ export default function ProgressBar() {
     if (!playerState.currentTrack || !playerState.duration) {
         return null;
     }
-    const progress = playerState.progress;
+    // 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.floor((progress / duration) * 100) : 0;
-    const barWidth = Math.max(0, Math.min(20, Math.floor(percentage / 5))); // 20 chars max, bounds checked
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.text, children: [formatTime(progress), " / ", formatTime(duration)] }), _jsxs(Text, { color: theme.colors.dim, children: [" ", percentage, "%"] })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.primary, children: '■'.repeat(barWidth) }), _jsx(Text, { color: theme.colors.dim, children: '-'.repeat(20 - barWidth) })] })] }));
+    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.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare function QueueList(): import("react/jsx-runtime").JSX.Element;
+declare function QueueList(): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof QueueList>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 // Queue management component
 import { useState } from 'react';
 import React from 'react';
@@ -18,13 +18,19 @@ function QueueList() {
         return Math.max(20, Math.floor(baseLength * scale));
     };
     if (playerState.queue.length === 0) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.dim, children: "Queue is empty" }) }));
+        return null;
     }
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 1, children: _jsxs(Text, { bold: true, color: theme.colors.primary, children: ["Queue (", playerState.queue.length, " tracks)"] }) }), playerState.queue.map((track, index) => {
+    // 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(50));
-                return (_jsxs(Box, { paddingX: 1, borderStyle: isSelected ? 'double' : undefined, borderColor: isSelected ? theme.colors.primary : undefined, children: [_jsxs(Text, { color: theme.colors.dim, children: [index + 1, "."] }), _jsx(Text, { color: isSelected ? theme.colors.primary : theme.colors.text, bold: isSelected, children: title }), _jsxs(Text, { color: theme.colors.dim, children: [' - ', artists] })] }, track.videoId));
+                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/services/plugin/plugin-installer.service.js

@@ -111,7 +111,8 @@ class PluginInstallerService {
                     windowsHide: true,
                 });
             }
-            const pluginSourceDir = join(tempDir, 'plugins', pluginName);
+            // Plugin is at root of repo (e.g., adblock/, lyrics/, etc.)
+            const pluginSourceDir = join(tempDir, pluginName);
             if (!existsSync(pluginSourceDir)) {
                 rmSync(tempDir, { recursive: true, force: true });
                 return {

package/dist/source/stores/player.store.js

@@ -141,12 +141,19 @@ function playerReducer(state, action) {
             }
             return state;
         case 'UPDATE_PROGRESS':
-            return { ...state, progress: action.progress };
+            // Clamp progress to valid range
+            const clampedProgress = Math.max(0, Math.min(action.progress, state.duration || action.progress));
+            return { ...state, progress: clampedProgress };
         case 'SET_DURATION':
             return { ...state, duration: action.duration };
         case 'TICK':
-            if (state.isPlaying) {
-                return { ...state, progress: state.progress + 1 };
+            if (state.isPlaying && state.duration > 0) {
+                const newProgress = state.progress + 1;
+                // Don't exceed duration
+                if (newProgress >= state.duration) {
+                    return { ...state, progress: state.duration, isPlaying: false };
+                }
+                return { ...state, progress: newProgress };
             }
             return state;
         case 'SET_LOADING':

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@involvex/youtube-music-cli",
-	"version": "0.0.0",
+	"version": "0.0.2",
 	"description": "- A Commandline music player for youtube-music",
 	"repository": {
 		"type": "git",