@ciphore/radiocli 0.1.3 → 0.1.4

package/dist/ui/screens/AirPlaySettingsScreen.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { airPlayAvailability, airPlayDeviceDetail, selectedAirPlayDevice } from '../airplay-settings.js';
+import { audioOutputLabel } from '../audio-output.js';
+import { Menu, Pointer } from '../components/Menu.js';
+import { ScreenHeader } from '../components/ScreenHeader.js';
+import { truncate } from '../format.js';
+import { textDim, themeAccent } from '../theme.js';
+export function AirPlaySettingsScreen({ selected, settings, backends, devices, theme, width }) {
+    const accent = themeAccent(theme);
+    const availability = airPlayAvailability(backends, devices);
+    const selectedDevice = selectedAirPlayDevice(settings, devices);
+    const selectedMissing = Boolean(settings.preferredAirPlayDevice && !selectedDevice);
+    const canEnterCode = availability.ready && selectedDevice?.requiresPassword && !selectedDevice.local;
+    const lineWidth = Math.max(24, width - 4);
+    const preferredOutput = audioOutputLabel(settings.preferredBackend);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "AirPlay", subtitle: "Choose where AirPlay playback should go", right: availability.label, width: width, theme: theme }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: "gray", children: ["Audio output: ", _jsx(Text, { color: accent, children: preferredOutput }), " \u00B7 Streaming:", ' ', _jsx(Text, { color: availability.ready ? accent : 'yellow', children: availability.ready ? 'ready' : 'unavailable' }), " \u00B7 Receivers:", ' ', _jsx(Text, { color: accent, children: devices.length })] }), _jsx(Text, { color: availability.ready ? 'gray' : 'yellow', children: truncate(availability.detail, lineWidth) }), _jsxs(Text, { color: "gray", children: ["Selected: ", _jsx(Text, { color: selectedDevice ? accent : textDim, children: truncate(selectedDevice?.name ?? 'none', Math.max(4, lineWidth - 10)) })] }), availability.ready && selectedDevice?.requiresPassword && !selectedDevice.local ? (_jsxs(Text, { color: "gray", children: ["Code: ", _jsx(Text, { color: accent, children: "if the receiver shows a code while tuning, RadioCLI will ask for it" })] })) : null, selectedMissing ? (_jsxs(Text, { color: "yellow", children: ["Saved receiver is not visible: ", truncate(settings.preferredAirPlayDevice ?? '', Math.max(8, lineWidth - 31))] })) : null] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", bold: true, children: "Receivers" }), devices.length > 0 ? (_jsx(Menu, { items: devices, selected: selected, keyFor: device => device.id, render: (device, _index, active) => {
+                            const isSelected = device.id === settings.preferredAirPlayDevice;
+                            const name = truncate(device.name, Math.max(8, Math.floor(lineWidth * 0.35)));
+                            const selectedLabel = isSelected ? ' selected' : '';
+                            const detail = truncate(airPlayDeviceDetail(device), Math.max(12, lineWidth - name.length - selectedLabel.length - 5));
+                            return (_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? accent : undefined, bold: active, children: name }), isSelected ? _jsx(Text, { color: accent, children: selectedLabel }) : null, _jsxs(Text, { color: "gray", children: [" \u00B7 ", detail] })] }));
+                        } })) : (_jsx(Text, { color: "gray", children: "No receivers discovered." })), _jsx(Text, { color: textDim, children: canEnterCode ? 'Enter selects · c opens code entry · r refreshes receivers' : 'Enter selects · r refreshes receivers' })] })] }));
+}

package/dist/ui/screens/SettingsScreen.js

@@ -5,7 +5,9 @@ import { ScreenHeader } from '../components/ScreenHeader.js';
 import { truncate } from '../format.js';
 import { settingsItems } from '../screen-items.js';
 import { themeAccent } from '../theme.js';
-import { playbackBackendCapabilities, playbackBackendLabel } from '../../player/backend-install.js';
+import { playbackBackendCapabilities } from '../../player/backend-install.js';
+import { airPlayReceiverSettingValue } from '../airplay-settings.js';
+import { audioOutputLabel, audioOutputSettingValue } from '../audio-output.js';
 export function SettingsScreen({ selected, settings, storePath, playback, backends, airPlayDevices, providerHealth, theme, diagnostics, width }) {
     const accent = themeAccent(theme);
     const lineWidth = Math.max(32, width - 4);
@@ -13,7 +15,7 @@ export function SettingsScreen({ selected, settings, storePath, playback, backen
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Settings", subtitle: "Enter changes the highlighted setting \u00B7 shortcuts in the footer", width: width, theme: theme }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Menu, { items: settingsItems, selected: selected, keyFor: item => item, render: (item, _index, active) => {
                         const value = settingValue(item, settings, diagnostics, backends, airPlayDevices);
                         return (_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? accent : undefined, bold: active, children: item }), value ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: " \u00B7 " }), _jsx(Text, { color: accent, children: value })] })) : null] }));
-                    } }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", bold: true, children: "Status" }), _jsxs(Text, { color: "gray", children: ["Player: ", _jsx(Text, { color: accent, children: playbackBackendLabel(playback.backend) }), " / ", playback.state, " \u00B7", ' ', diagnostics.muted ? 'muted' : `vol ${diagnostics.volume}`, " \u00B7 tune timeout ", settings.tuneTimeoutSeconds, "s"] }), _jsxs(Text, { color: "gray", children: ["Provider health: ", health.length ? health.map(([provider, status]) => `${provider} ${status}`).join(' · ') : 'not checked yet'] }), _jsxs(Text, { color: "gray", children: ["Active stream: ", truncate(diagnostics.streamUrl ?? 'none', lineWidth - 15)] }), _jsxs(Text, { color: "gray", children: ["Library: ", truncate(storePath, lineWidth - 9)] })] })] }));
+                    } }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", bold: true, children: "Status" }), _jsxs(Text, { color: "gray", children: ["Output: ", _jsx(Text, { color: accent, children: audioOutputLabel(playback.backend) }), " / ", playback.state, " \u00B7", ' ', "Selected: ", _jsx(Text, { color: accent, children: audioOutputLabel(settings.preferredBackend) }), " \u00B7", ' ', diagnostics.muted ? 'muted' : `vol ${diagnostics.volume}`, " \u00B7 tune timeout ", settings.tuneTimeoutSeconds, "s"] }), _jsxs(Text, { color: "gray", children: ["Provider health: ", health.length ? health.map(([provider, status]) => `${provider} ${status}`).join(' · ') : 'not checked yet'] }), _jsxs(Text, { color: "gray", children: ["Active stream: ", truncate(diagnostics.streamUrl ?? 'none', lineWidth - 15)] }), _jsxs(Text, { color: "gray", children: ["Library: ", truncate(storePath, lineWidth - 9)] })] })] }));
 }
 function settingValue(item, settings, diagnostics, backends, airPlayDevices) {
     switch (item) {
@@ -25,12 +27,10 @@ function settingValue(item, settings, diagnostics, backends, airPlayDevices) {
             return settings.enableRadioGarden ? 'on' : 'off';
         case 'Toggle nearby location lookup':
             return settings.enableNearbyLocation ? 'on' : 'off';
-        case 'Cycle playback backend':
-            return `${settings.preferredBackend} · available ${backends.length ? backends.map(playbackBackendLabel).join(', ') : 'none'}`;
-        case 'Cycle AirPlay target': {
-            const device = airPlayDevices.find(candidate => candidate.id === settings.preferredAirPlayDevice);
-            return `${device?.name ?? settings.preferredAirPlayDevice ?? 'auto'} · ${airPlayDevices.length || 'no'} found`;
-        }
+        case 'Audio output':
+            return audioOutputSettingValue(settings, diagnostics, backends);
+        case 'AirPlay receiver':
+            return airPlayReceiverSettingValue(settings, airPlayDevices, backends);
         case 'Mute or unmute':
             if (diagnostics.backend === 'ffplay' && !playbackBackendCapabilities(diagnostics.backend).supportsMute) {
                 return 'requires mpv';

package/dist/ui/use-app-input.js

@@ -3,7 +3,7 @@ import { useInput } from 'ink';
 import { homeItems, settingsItems } from './screen-items.js';
 import { applyTextInput, clamp, favoriteTarget, isEditableInput, isPlainPrintableInput, mediaTransportActionForInput, shouldHandleKeyboardEvent } from './app-state.js';
 import { parseSgrMouseEvents, primaryMousePress } from './terminal-mouse.js';
-export function useAppInput({ adjustVolume, beginLearningTransportKey, capturingTransportAction, commandMode, commandText, currentItemCount, cycleAirPlayTarget, cycleDisplayColor, cyclePlaybackBackend, cycleReceiverStyle, cycleSleepTimer, editingCountryFilter, editingSearch, executeCommand, filteredCountries, go, lastRawTransportAtRef, lastSubmittedSearchRef, loadCountry, openAdjacentTab, openScreen, playAdjacent, playStation, player, playingStation, moveExploreCursor, moveExploreCursorToCell, refreshProviderHealth, resetLearnedTransportKeys, runSearch, saveLearnedTransportKey, screen, searchQuery, selected, selectedStation, setCapturingTransportAction, setCommandMode, setCommandText, setCountryFilter, setEditingCountryFilter, setEditingSearch, setMessage, setSearchQuery, setSelected, setShowDiagnostics, settingsRef, shutdown, stdin, toggleFavorite, toggleMute, togglePause, toggleNearbyLocation, toggleRadioGarden, toggleSkipBrokenStreams }) {
+export function useAppInput({ adjustVolume, airPlayCode, canEnterAirPlayCode, beginLearningTransportKey, capturingTransportAction, commandMode, commandText, currentItemCount, cycleDisplayColor, cycleAudioOutput, cycleReceiverStyle, cycleSleepTimer, editingCountryFilter, editingSearch, executeCommand, filteredCountries, go, lastRawTransportAtRef, lastSubmittedSearchRef, loadCountry, openAdjacentTab, openAirPlayCode, openAirPlaySettings, openScreen, playAdjacent, playStation, player, playingStation, moveExploreCursor, moveExploreCursorToCell, refreshAirPlayTargets, refreshProviderHealth, resetLearnedTransportKeys, runSearch, saveLearnedTransportKey, screen, searchQuery, selected, selectedStation, selectAirPlayDeviceAt, setCapturingTransportAction, setAirPlayCode, setCommandMode, setCommandText, setCountryFilter, setEditingCountryFilter, setEditingSearch, setMessage, setSearchQuery, setSelected, setShowDiagnostics, submitAirPlayCode, settingsRef, shutdown, stdin, toggleFavorite, toggleMute, togglePause, toggleNearbyLocation, toggleRadioGarden, toggleSkipBrokenStreams }) {
     useEffect(() => {
         const onData = (data) => {
             const rawInput = String(data);
@@ -149,6 +149,21 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
             }
             return;
         }
+        if (screen === 'airplay-code') {
+            if (key.return) {
+                submitAirPlayCode(airPlayCode);
+                return;
+            }
+            if (key.escape) {
+                setAirPlayCode('');
+                go('airplay-settings');
+                return;
+            }
+            if (isEditableInput(input, key)) {
+                setAirPlayCode(value => applyTextInput(value, input, key).slice(0, 64));
+            }
+            return;
+        }
         if (screen === 'explore') {
             const exploreMove = exploreMoveForInput(input);
             if (exploreMove) {
@@ -200,11 +215,15 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
             return;
         }
         if (input === 'o') {
-            cyclePlaybackBackend();
+            cycleAudioOutput();
             return;
         }
         if (input === 'a' && screen === 'settings') {
-            cycleAirPlayTarget();
+            openAirPlaySettings();
+            return;
+        }
+        if (input === 'c' && screen === 'airplay-settings' && canEnterAirPlayCode) {
+            openAirPlayCode();
             return;
         }
         if (input === 'g') {
@@ -219,6 +238,10 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
             toggleSkipBrokenStreams();
             return;
         }
+        if (input === 'r' && screen === 'airplay-settings') {
+            refreshAirPlayTargets();
+            return;
+        }
         if (input === 'r') {
             refreshProviderHealth();
             setMessage('Provider health refreshed.');
@@ -249,6 +272,10 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
             }
             return;
         }
+        if ((input === 'b' || key.escape) && screen === 'airplay-settings') {
+            go('settings');
+            return;
+        }
         if (input === 'b' || key.escape) {
             go('home');
             return;
@@ -331,11 +358,11 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
                 else if (item === 'Toggle nearby location lookup') {
                     toggleNearbyLocation();
                 }
-                else if (item === 'Cycle playback backend') {
-                    cyclePlaybackBackend();
+                else if (item === 'Audio output') {
+                    cycleAudioOutput();
                 }
-                else if (item === 'Cycle AirPlay target') {
-                    cycleAirPlayTarget();
+                else if (item === 'AirPlay receiver') {
+                    openAirPlaySettings();
                 }
                 else if (item === 'Volume up') {
                     adjustVolume(5);
@@ -367,6 +394,10 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
                 }
                 return;
             }
+            if (screen === 'airplay-settings') {
+                selectAirPlayDeviceAt(selected);
+                return;
+            }
             if (screen === 'map') {
                 const country = filteredCountries[selected];
                 if (country) {

package/dist/ui/use-command-executor.js

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { favoriteTarget, normalizeMediaKeyBindings, parseMediaActionName } from './app-state.js';
-export function useCommandExecutor({ beginLearningTransportKey, countries, go, loadCountry, openLibrary, player, playingStation, providers, resetLearnedTransportKeys, runSearch, screen, selectedStation, setCountries, setFilters, setLibrary, setMessage, setSearchQuery, setSleepUntil, setVolume, settingsRef, store, toggleFavorite, toggleMute, updateSettings }) {
+export function useCommandExecutor({ beginLearningTransportKey, countries, go, loadCountry, openAirPlaySettings, openLibrary, player, playingStation, providers, resetLearnedTransportKeys, runSearch, screen, selectedStation, setCountries, setFilters, setLibrary, setMessage, setSearchQuery, setSleepUntil, setVolume, settingsRef, store, toggleFavorite, toggleMute, updateSettings }) {
     return useCallback(async (rawCommand) => {
         const trimmed = rawCommand.trim();
         if (!trimmed) {
@@ -98,10 +98,17 @@ export function useCommandExecutor({ beginLearningTransportKey, countries, go, l
         }
         if (name === 'airplay-code' || name === 'airplay-passcode') {
             if (!value.trim()) {
-                setMessage('Usage: :airplay-code <code>');
+                go('airplay-code');
                 return;
             }
-            player.submitAirPlayPasscode(value.trim());
+            const result = player.submitAirPlayPasscode(value.trim());
+            if (result.message) {
+                setMessage(result.message);
+            }
+            return;
+        }
+        if (name === 'airplay' || name === 'airplay-settings') {
+            openAirPlaySettings();
             return;
         }
         if (name === 'sleep') {
@@ -140,6 +147,7 @@ export function useCommandExecutor({ beginLearningTransportKey, countries, go, l
         countries,
         go,
         loadCountry,
+        openAirPlaySettings,
         openLibrary,
         player,
         playingStation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ciphore/radiocli",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "A terminal-first world radio receiver built with Ink, mpv, and resilient public-radio providers.",
   "type": "module",
   "license": "MIT",
@@ -66,9 +66,13 @@
   },
   "dependencies": {
     "ink": "^7.0.5",
+    "node-airtunes2": "2.5.0",
     "react": "^19.2.6",
     "zod": "^4.4.3"
   },
+  "overrides": {
+    "protobufjs": "^7.5.8"
+  },
   "devDependencies": {
     "@types/node": "^25.9.1",
     "@types/react": "^19.2.15",