Mike/PodTui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working playback

Browse Source
This commit is contained in:
Michael Freno
2026-02-05 21:18:44 -05:00
parent e0fa76fb32
commit 6b00871c32
10 changed files with 331 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/DiscoverPage.tsx
View File

@@ -37,7 +37,7 @@ export function DiscoverPage(props: DiscoverPageProps) {
return
}
if (key.name === "enter" && area === "categories") {
if ((key.name === "return" || key.name === "enter") && area === "categories") {
setFocusArea("shows")
return
}
@@ -60,7 +60,7 @@ export function DiscoverPage(props: DiscoverPageProps) {
setShowIndex(0)
return
}
if (key.name === "enter") {
if (key.name === "return" || key.name === "enter") {
// Select category and move to shows
setFocusArea("shows")
return
@@ -92,7 +92,7 @@ export function DiscoverPage(props: DiscoverPageProps) {
}
return
}
if (key.name === "enter") {
if (key.name === "return" || key.name === "enter") {
// Subscribe/unsubscribe
const podcast = shows[showIndex()]
if (podcast) {
@@ -105,6 +105,7 @@ export function DiscoverPage(props: DiscoverPageProps) {
if (key.name === "escape") {
if (area === "shows") {
setFocusArea("categories")
key.stopPropagation()
} else {
props.onExit?.()
}

1
src/components/MyShowsPage.tsx
View File

@@ -136,6 +136,7 @@ export function MyShowsPage(props: MyShowsPageProps) {
handleRefresh()
} else if (key.name === "escape") {
setFocusPane("shows")
key.stopPropagation()
}
}
})

2
src/components/PreferencesPanel.tsx
View File

@@ -40,7 +40,7 @@ export function PreferencesPanel() {
if (key.name === "right" || key.name === "l") {
stepValue(1)
}
if (key.name === "space" || key.name === "enter") {
if (key.name === "space" || key.name === "return" || key.name === "enter") {
toggleValue()
}
}

32
src/components/SearchPage.tsx
View File

@@ -2,7 +2,7 @@
* SearchPage component - Main search interface for PodTUI
*/
import { createSignal, Show } from "solid-js"
import { createSignal, createEffect, Show } from "solid-js"
import { useKeyboard } from "@opentui/solid"
import { useSearchStore } from "../stores/search"
import { SearchResults } from "./SearchResults"
@@ -25,6 +25,12 @@ export function SearchPage(props: SearchPageProps) {
const [resultIndex, setResultIndex] = createSignal(0)
const [historyIndex, setHistoryIndex] = createSignal(0)
// Keep parent informed about input focus state
createEffect(() => {
const isInputFocused = props.focused && focusArea() === "input"
props.onInputFocusChange?.(isInputFocused)
})
const handleSearch = async () => {
const query = inputValue().trim()
if (query) {
@@ -32,12 +38,8 @@ export function SearchPage(props: SearchPageProps) {
if (searchStore.results().length > 0) {
setFocusArea("results")
setResultIndex(0)
props.onInputFocusChange?.(false)
}
}
if (props.focused && focusArea() === "input") {
props.onInputFocusChange?.(true)
}
}
const handleHistorySelect = async (query: string) => {
@@ -61,7 +63,7 @@ export function SearchPage(props: SearchPageProps) {
const area = focusArea()
// Enter to search from input
if (key.name === "enter" && area === "input") {
if ((key.name === "return" || key.name === "enter") && area === "input") {
handleSearch()
return
}
@@ -71,21 +73,17 @@ export function SearchPage(props: SearchPageProps) {
if (area === "input") {
if (searchStore.results().length > 0) {
setFocusArea("results")
props.onInputFocusChange?.(false)
} else if (searchStore.history().length > 0) {
setFocusArea("history")
props.onInputFocusChange?.(false)
}
} else if (area === "results") {
if (searchStore.history().length > 0) {
setFocusArea("history")
} else {
setFocusArea("input")
props.onInputFocusChange?.(true)
}
} else {
setFocusArea("input")
props.onInputFocusChange?.(true)
}
return
}
@@ -94,21 +92,17 @@ export function SearchPage(props: SearchPageProps) {
if (area === "input") {
if (searchStore.history().length > 0) {
setFocusArea("history")
props.onInputFocusChange?.(false)
} else if (searchStore.results().length > 0) {
setFocusArea("results")
props.onInputFocusChange?.(false)
}
} else if (area === "history") {
if (searchStore.results().length > 0) {
setFocusArea("results")
} else {
setFocusArea("input")
props.onInputFocusChange?.(true)
}
} else {
setFocusArea("input")
props.onInputFocusChange?.(true)
}
return
}
@@ -124,7 +118,7 @@ export function SearchPage(props: SearchPageProps) {
setResultIndex((i) => Math.max(i - 1, 0))
return
}
if (key.name === "enter") {
if (key.name === "return" || key.name === "enter") {
const result = results[resultIndex()]
if (result) handleResultSelect(result)
return
@@ -141,7 +135,7 @@ export function SearchPage(props: SearchPageProps) {
setHistoryIndex((i) => Math.max(i - 1, 0))
return
}
if (key.name === "enter") {
if (key.name === "return" || key.name === "enter") {
const query = history[historyIndex()]
if (query) handleHistorySelect(query)
return
@@ -154,7 +148,7 @@ export function SearchPage(props: SearchPageProps) {
props.onExit?.()
} else {
setFocusArea("input")
props.onInputFocusChange?.(true)
key.stopPropagation()
}
return
}
@@ -162,7 +156,6 @@ export function SearchPage(props: SearchPageProps) {
// "/" focuses search input
if (key.name === "/" && area !== "input") {
setFocusArea("input")
props.onInputFocusChange?.(true)
return
}
})
@@ -182,9 +175,6 @@ export function SearchPage(props: SearchPageProps) {
value={inputValue()}
onInput={(value) => {
setInputValue(value)
if (props.focused && focusArea() === "input") {
props.onInputFocusChange?.(true)
}
}}
placeholder="Enter podcast name, topic, or author..."
focused={props.focused && focusArea() === "input"}