[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_350":351,"_352":353},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_259":-5,"_20":260,"_22":261,"_262":263,"_264":265,"_26":266,"_24":267,"_268":-5,"_269":-5,"_270":59,"_271":272,"_273":50,"_274":-5,"_275":-5,"_276":277},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","maxmillion","name","paper-radio","branchName","main","version","path","frontend","project",{"_38":204,"_13":14,"_51":205,"_206":-5,"_207":59,"_208":209,"_210":209,"_211":212,"_213":-5,"_214":215,"_216":98,"_217":50,"_218":-5,"_219":-5,"_220":53,"_221":222,"_223":-5,"_224":-5,"_225":-5,"_226":-5,"_227":228,"_229":228,"_230":231,"_232":231,"_233":231,"_234":228,"_235":228,"_236":237,"_238":239,"_240":241,"_242":59},"tree",[93,94,95],"file",{"_38":90,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":65,"_49":50,"_51":91,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_18":92},"contents",[33,34,35,36,37],"upstream","pull","ahead","behind","envVars",{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":88,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_18":89},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":81,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_18":83},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":73,"_17":74,"_54":55,"_56":75,"_58":59,"_60":-5,"_18":76},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":66,"_17":53,"_54":24,"_56":67,"_58":59,"_60":-5,"_18":68},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":61},"id","f6794528-4314-11f1-9bed-42b51c65c3df","index.tsx","fileId","f67945d2-4314-11f1-9bed-42b51c65c3df","parentId","cc822499-07ef-4562-ad6b-1154a24a27f1","branchId","e69b8b70-4314-11f1-8408-42b51c65c3df","branchVersion",3,"latest",true,"createdAt",["D",1777389273841],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./App.tsx\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\")!);\nroot.render();\n","deleted",false,"label",[19,40],"f34d6848-4314-11f1-965f-42b51c65c3df","index.html","f34d68f2-4314-11f1-965f-42b51c65c3df",2,["D",1777389268538],"\n\n\n \n \n 📻 Paper Radio — HAM Notebook\n 📻\">\n \n \n \n \n

\n \n\n\n\n",[19,63],"a06daada-4322-11f1-83f1-42b51c65c3df","App.tsx","40386234-4315-11f1-be73-42b51c65c3df",13,["D",1777395142438],1,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { motion, AnimatePresence } from \"https://esm.sh/framer-motion@11.0.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Station, Filters } from \"../shared/types.ts\";\nimport { useAudioVisualizer } from \"./hooks/useAudioVisualizer.ts\";\nimport { useFavorites } from \"./hooks/useFavorites.ts\";\nimport { useStations } from \"./hooks/useStations.ts\";\nimport FilterPanel from \"./components/FilterPanel.tsx\";\nimport StationRow from \"./components/StationRow.tsx\";\nimport NowPlaying from \"./components/NowPlaying.tsx\";\nimport Visualizer from \"./components/Visualizer.tsx\";\n\ntype Tab = \"browse\" | \"favorites\";\n\nexport default function App() {\n const [tab, setTab] = useState(\"browse\");\n const [filters, setFilters] = useState({ country: \"\", language: \"\", tag: \"\", name: \"\" });\n const [currentStation, setCurrentStation] = useState(null);\n const { freqData, isPlaying, currentUrl, togglePlay, stop } = useAudioVisualizer();\n const { favorites, toggleFavorite, isFavorite } = useFavorites();\n const { stations, loading, hasMore, search, loadMore } = useStations();\n const scrollRef = useRef(null);\n const sentinelRef = useRef(null);\n\n // Initial load\n useEffect(() => {\n search(filters);\n }, []);\n\n // Filter changes trigger new search\n useEffect(() => {\n search(filters);\n }, [filters, search]);\n\n // Infinite scroll with IntersectionObserver\n useEffect(() => {\n if (tab !== \"browse\" || !sentinelRef.current) return;\n const observer = new IntersectionObserver(\n entries => {\n if (entries[0].isIntersecting && hasMore && !loading) {\n loadMore();\n }\n },\n { root: scrollRef.current, threshold: 0.1 }\n );\n observer.observe(sentinelRef.current);\n return () => observer.disconnect();\n }, [tab, hasMore, loading, loadMore]);\n\n const handlePlay = useCallback(async (station: Station) => {\n setCurrentStation(station);\n await togglePlay(station.url_resolved || station.url);\n }, [togglePlay]);\n\n const handleStop = useCallback(() => {\n stop();\n setCurrentStation(null);\n }, [stop]);\n\n const displayStations = tab === \"favorites\" ? favorites : stations;\n\n return (\n

\n {/* Paper texture background */}\n \n\n {/* Red margin line */}\n \n\n

\n {/* Header */}\n \n

\n 📻 Paper Radio\n

\n Ham Radio Engineer's Log — Internet Edition\n

\n\n {/* Visualizer in header when playing */}\n \n {isPlaying && (\n \n \n \n )}\n \n\n {/* Decorative line */}\n

\n ~~~~~\n

\n \n\n {/* Tabs */}\n

\n {([\n { key: \"browse\" as Tab, label: \"📡 Browse Stations\", count: null },\n { key: \"favorites\" as Tab, label: \"★ Favourites\", count: favorites.length },\n ]).map(t => (\n setTab(t.key)}\n className={`\n relative px-4 py-2 font-handwritten text-base transition-colors\n ${tab === t.key ? \"text-ink-blue\" : \"text-ink-light hover:text-ink\"}\n `}\n whileTap={{ scale: 0.97 }}\n >\n {t.label}\n {t.count !== null && t.count > 0 && (\n \n {t.count}\n \n )}\n {tab === t.key && (\n \n )}\n \n ))}\n

\n\n {/* Filters (only in browse tab) */}\n \n {tab === \"browse\" && (\n \n \n \n )}\n \n\n {/* Station list */}\n

\n \n \n {displayStations.length === 0 && !loading && (\n

\n {tab === \"favorites\" ? \"No favourites yet\" : \"No stations found\"}\n

\n {tab === \"favorites\"\n ? \"Click the ☆ star next to a station to save it here\"\n : \"Try adjusting your tuning parameters above\"\n }\n

\n {tab === \"favorites\" && (\n

📝

\n )}\n

\n )}\n\n {displayStations.map((station, i) => (\n handlePlay(station)}\n onFavorite={() => toggleFavorite(station)}\n />\n ))}\n \n \n\n {/* Infinite scroll sentinel */}\n {tab === \"browse\" && (\n

\n {loading && (\n \n \n 📡\n \n {\" \"}Scanning frequencies...\n \n )}\n {!hasMore && stations.length > 0 && (\n

\n ── end of log ──\n

\n )}\n

\n\n {/* Footer */}\n

\n Data from Radio Browser API · Built on Val Town\n

\n \n view source\n \n

\n\n {/* Now Playing bar */}\n \n

\n );\n}\n",[19,70],"0121b6b8-4315-11f1-bb84-42b51c65c3df","hooks","696e4d09-acee-4d1f-a766-197d62de15ac",5,["D",1777389291731],"directory",[19,78],"0dfd1ab2-4315-11f1-9bed-42b51c65c3df","components","d55debdb-8652-4a81-b22f-5061b2113902",8,["D",1777389313308],[19,85],"f34d8d00-4314-11f1-965f-42b51c65c3df",["D",1777389268538],[19],{"_38":90,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":65,"_49":50,"_51":120,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_102":121,"_18":122},{"_38":105,"_13":106,"_41":107,"_43":-5,"_45":46,"_47":108,"_49":50,"_51":109,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_102":110,"_18":111},{"_38":96,"_13":97,"_41":98,"_43":-5,"_45":46,"_47":74,"_49":50,"_51":99,"_17":53,"_54":100,"_56":101,"_58":59,"_60":-5,"_102":103,"_18":104},"ee229afa-4314-11f1-9bed-42b51c65c3df","main.ts","ee229bcc-4314-11f1-9bed-42b51c65c3df",["D",1777389259844],"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// API proxy for radio-browser to avoid CORS issues\napp.get(\"/api/countries\", async (c) => {\n const res = await fetch(\"https://de1.api.radio-browser.info/json/countries?hidebroken=true&order=stationcount&reverse=true&limit=100\");\n return c.json(await res.json());\n});\n\napp.get(\"/api/languages\", async (c) => {\n const res = await fetch(\"https://de1.api.radio-browser.info/json/languages?hidebroken=true&order=stationcount&reverse=true&limit=100\");\n return c.json(await res.json());\n});\n\napp.get(\"/api/tags\", async (c) => {\n const res = await fetch(\"https://de1.api.radio-browser.info/json/tags?hidebroken=true&order=stationcount&reverse=true&limit=100\");\n return c.json(await res.json());\n});\n\napp.get(\"/api/stations\", async (c) => {\n const params = new URLSearchParams();\n const q = c.req.query();\n \n if (q.country) params.set(\"country\", q.country);\n if (q.language) params.set(\"language\", q.language);\n if (q.tag) params.set(\"tag\", q.tag);\n if (q.name) params.set(\"name\", q.name);\n \n params.set(\"hidebroken\", \"true\");\n params.set(\"order\", \"clickcount\");\n params.set(\"reverse\", \"true\");\n params.set(\"limit\", q.limit || \"30\");\n params.set(\"offset\", q.offset || \"0\");\n\n const res = await fetch(`https://de1.api.radio-browser.info/json/stations/search?${params}`);\n return c.json(await res.json());\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve frontend files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\n\n// Serve index\napp.get(\"/*\", (c) => serveFile(\"/frontend/index.html\"));\n\nexport default app.fetch;\n","children",[],[97],"f9fa156a-4314-11f1-8c72-42b51c65c3df","shared","b0d8bc40-9f49-43f1-afab-0a2f0c35f4dc",4,["D",1777389279735],[112],[106],{"_38":113,"_13":114,"_41":115,"_43":107,"_45":46,"_47":108,"_49":50,"_51":116,"_17":53,"_54":55,"_56":117,"_58":59,"_60":-5,"_102":118,"_18":119},"f9f9f76a-4314-11f1-8c72-42b51c65c3df","types.ts","f9f9f80a-4314-11f1-8c72-42b51c65c3df",["D",1777389279735],"export interface Station {\n stationuuid: string;\n name: string;\n url: string;\n url_resolved: string;\n homepage: string;\n favicon: string;\n tags: string;\n country: string;\n countrycode: string;\n language: string;\n codec: string;\n bitrate: number;\n clickcount: number;\n votes: number;\n}\n\nexport interface FilterOption {\n name: string;\n stationcount: number;\n}\n\nexport type FilterType = \"country\" | \"language\" | \"tag\";\n\nexport interface Filters {\n country: string;\n language: string;\n tag: string;\n name: string;\n}\n",[],[106,114],["D",1777389268538],[123,124,125,126,127],[19],{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":166,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_102":167,"_18":168},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":137,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_102":138,"_18":139},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":134,"_17":74,"_54":55,"_56":75,"_58":59,"_60":-5,"_102":135,"_18":136},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":131,"_17":53,"_54":24,"_56":67,"_58":59,"_60":-5,"_102":132,"_18":133},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":128,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_102":129,"_18":130},["D",1777389273841],[],[19,40],["D",1777389268538],[],[19,63],["D",1777395142438],[],[19,70],["D",1777389291731],[140,141,142],[19,78],{"_38":159,"_13":160,"_41":161,"_43":79,"_45":46,"_47":80,"_49":50,"_51":162,"_17":53,"_54":55,"_56":163,"_58":59,"_60":-5,"_102":164,"_18":165},{"_38":151,"_13":152,"_41":153,"_43":79,"_45":46,"_47":154,"_49":50,"_51":155,"_17":53,"_54":55,"_56":156,"_58":59,"_60":-5,"_102":157,"_18":158},{"_38":143,"_13":144,"_41":145,"_43":79,"_45":46,"_47":146,"_49":50,"_51":147,"_17":53,"_54":55,"_56":148,"_58":59,"_60":-5,"_102":149,"_18":150},"09a14a9c-4315-11f1-8c72-42b51c65c3df","useStations.ts","09a14ba0-4315-11f1-8c72-42b51c65c3df",7,["D",1777389305999],"import { useState, useCallback, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { Station, Filters } from \"../../shared/types.ts\";\n\nexport function useStations() {\n const [stations, setStations] = useState([]);\n const [loading, setLoading] = useState(false);\n const [hasMore, setHasMore] = useState(true);\n const offsetRef = useRef(0);\n const filtersRef = useRef({ country: \"\", language: \"\", tag: \"\", name: \"\" });\n const PAGE_SIZE = 30;\n\n const buildQuery = (filters: Filters, offset: number) => {\n const params = new URLSearchParams();\n if (filters.country) params.set(\"country\", filters.country);\n if (filters.language) params.set(\"language\", filters.language);\n if (filters.tag) params.set(\"tag\", filters.tag);\n if (filters.name) params.set(\"name\", filters.name);\n params.set(\"limit\", String(PAGE_SIZE));\n params.set(\"offset\", String(offset));\n return params.toString();\n };\n\n const search = useCallback(async (filters: Filters) => {\n filtersRef.current = filters;\n offsetRef.current = 0;\n setLoading(true);\n setHasMore(true);\n try {\n const res = await fetch(`/api/stations?${buildQuery(filters, 0)}`);\n const data: Station[] = await res.json();\n setStations(data);\n setHasMore(data.length >= PAGE_SIZE);\n offsetRef.current = data.length;\n } catch (e) {\n console.error(\"Search failed:\", e);\n } finally {\n setLoading(false);\n }\n }, []);\n\n const loadMore = useCallback(async () => {\n if (loading || !hasMore) return;\n setLoading(true);\n try {\n const res = await fetch(`/api/stations?${buildQuery(filtersRef.current, offsetRef.current)}`);\n const data: Station[] = await res.json();\n setStations(prev => [...prev, ...data]);\n setHasMore(data.length >= PAGE_SIZE);\n offsetRef.current += data.length;\n } catch (e) {\n console.error(\"Load more failed:\", e);\n } finally {\n setLoading(false);\n }\n }, [loading, hasMore]);\n\n return { stations, loading, hasMore, search, loadMore };\n}\n",[],[19,78,144],"04706e72-4315-11f1-8aae-42b51c65c3df","useFavorites.ts","04706f1c-4315-11f1-8aae-42b51c65c3df",6,["D",1777389297293],"import { useState, useCallback, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Station } from \"../../shared/types.ts\";\n\nconst STORAGE_KEY = \"paper-radio-favorites\";\n\nexport function useFavorites() {\n const [favorites, setFavorites] = useState(() => {\n try {\n const stored = localStorage.getItem(STORAGE_KEY);\n return stored ? JSON.parse(stored) : [];\n } catch {\n return [];\n }\n });\n\n useEffect(() => {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(favorites));\n }, [favorites]);\n\n const toggleFavorite = useCallback((station: Station) => {\n setFavorites(prev => {\n const exists = prev.find(s => s.stationuuid === station.stationuuid);\n if (exists) return prev.filter(s => s.stationuuid !== station.stationuuid);\n return [...prev, station];\n });\n }, []);\n\n const isFavorite = useCallback((uuid: string) => {\n return favorites.some(s => s.stationuuid === uuid);\n }, [favorites]);\n\n return { favorites, toggleFavorite, isFavorite };\n}\n",[],[19,78,152],"01219ac0-4315-11f1-bb84-42b51c65c3df","useAudioVisualizer.ts","01219d4a-4315-11f1-bb84-42b51c65c3df",["D",1777389291731],"import { useState, useRef, useCallback, useEffect } from \"https://esm.sh/react@18.2.0\";\n\nexport function useAudioVisualizer() {\n const audioRef = useRef(null);\n const analyserRef = useRef(null);\n const contextRef = useRef(null);\n const sourceRef = useRef(null);\n const [freqData, setFreqData] = useState(new Array(32).fill(0));\n const rafRef = useRef(0);\n const [isPlaying, setIsPlaying] = useState(false);\n const [currentUrl, setCurrentUrl] = useState(\"\");\n\n const initAudio = useCallback(() => {\n if (!contextRef.current) {\n contextRef.current = new AudioContext();\n }\n if (!audioRef.current) {\n audioRef.current = new Audio();\n audioRef.current.crossOrigin = \"anonymous\";\n }\n if (!analyserRef.current && contextRef.current) {\n analyserRef.current = contextRef.current.createAnalyser();\n analyserRef.current.fftSize = 64;\n analyserRef.current.smoothingTimeConstant = 0.8;\n }\n if (!sourceRef.current && audioRef.current && contextRef.current && analyserRef.current) {\n sourceRef.current = contextRef.current.createMediaElementSource(audioRef.current);\n sourceRef.current.connect(analyserRef.current);\n analyserRef.current.connect(contextRef.current.destination);\n }\n }, []);\n\n const tick = useCallback(() => {\n if (!analyserRef.current) return;\n const arr = new Uint8Array(analyserRef.current.frequencyBinCount);\n analyserRef.current.getByteFrequencyData(arr);\n setFreqData(Array.from(arr).slice(0, 32));\n rafRef.current = requestAnimationFrame(tick);\n }, []);\n\n const play = useCallback(async (url: string) => {\n initAudio();\n if (!audioRef.current) return;\n \n if (contextRef.current?.state === \"suspended\") {\n await contextRef.current.resume();\n }\n\n audioRef.current.src = url;\n setCurrentUrl(url);\n \n try {\n await audioRef.current.play();\n setIsPlaying(true);\n cancelAnimationFrame(rafRef.current);\n tick();\n } catch (e) {\n console.error(\"Playback failed:\", e);\n setIsPlaying(false);\n }\n }, [initAudio, tick]);\n\n const stop = useCallback(() => {\n if (audioRef.current) {\n audioRef.current.pause();\n audioRef.current.src = \"\";\n }\n cancelAnimationFrame(rafRef.current);\n setIsPlaying(false);\n setCurrentUrl(\"\");\n setFreqData(new Array(32).fill(0));\n }, []);\n\n const togglePlay = useCallback(async (url: string) => {\n if (isPlaying && currentUrl === url) {\n stop();\n } else {\n await play(url);\n }\n }, [isPlaying, currentUrl, play, stop]);\n\n useEffect(() => {\n return () => {\n cancelAnimationFrame(rafRef.current);\n if (audioRef.current) {\n audioRef.current.pause();\n audioRef.current.src = \"\";\n }\n };\n }, []);\n\n return { freqData, isPlaying, currentUrl, togglePlay, stop };\n}\n",[],[19,78,160],["D",1777389313308],[169,170,171,172],[19,85],{"_38":196,"_13":197,"_41":198,"_43":86,"_45":46,"_47":199,"_49":50,"_51":200,"_17":53,"_54":55,"_56":201,"_58":59,"_60":-5,"_102":202,"_18":203},{"_38":188,"_13":189,"_41":190,"_43":86,"_45":46,"_47":191,"_49":50,"_51":192,"_17":53,"_54":55,"_56":193,"_58":59,"_60":-5,"_102":194,"_18":195},{"_38":180,"_13":181,"_41":182,"_43":86,"_45":46,"_47":183,"_49":50,"_51":184,"_17":53,"_54":55,"_56":185,"_58":59,"_60":-5,"_102":186,"_18":187},{"_38":173,"_13":174,"_41":175,"_43":86,"_45":46,"_47":87,"_49":50,"_51":176,"_17":53,"_54":55,"_56":177,"_58":59,"_60":-5,"_102":178,"_18":179},"0dfd0928-4315-11f1-9bed-42b51c65c3df","Visualizer.tsx","0dfd09fa-4315-11f1-9bed-42b51c65c3df",["D",1777389313308],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { motion } from \"https://esm.sh/framer-motion@11.0.3?deps=react@18.2.0,react-dom@18.2.0\";\n\ninterface Props {\n freqData: number[];\n isPlaying: boolean;\n}\n\nexport default function Visualizer({ freqData, isPlaying }: Props) {\n const bars = useMemo(() => freqData.slice(0, 24), [freqData]);\n\n return (\n

\n {bars.map((val, i) => {\n const height = isPlaying ? Math.max(2, (val / 255) * 60) : 2;\n return (\n \n );\n })}\n

\n );\n}\n",[],[19,85,174],"233f5778-4315-11f1-965f-42b51c65c3df","StationRow.tsx","233f585e-4315-11f1-965f-42b51c65c3df",10,["D",1777389348976],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { motion } from \"https://esm.sh/framer-motion@11.0.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Station } from \"../../shared/types.ts\";\n\ninterface Props {\n station: Station;\n isPlaying: boolean;\n isFavorite: boolean;\n onPlay: () => void;\n onFavorite: () => void;\n index: number;\n}\n\nexport default function StationRow({ station, isPlaying, isFavorite, onPlay, onFavorite, index }: Props) {\n const tags = station.tags ? station.tags.split(\",\").slice(0, 3) : [];\n\n return (\n \n {/* Play indicator */}\n

\n {isPlaying ? (\n \n {[0, 1, 2].map(i => (\n \n ))}\n \n ) : (\n ▶\n )}\n

\n\n {/* Station info */}\n

\n {station.name || \"Unknown Station\"}\n

\n {station.country && (\n {station.country}\n )}\n {station.bitrate > 0 && (\n {station.bitrate}kbps\n )}\n {tags.map(tag => (\n \n {tag.trim()}\n \n ))}\n

\n\n {/* Favorite button */}\n { e.stopPropagation(); onFavorite(); }}\n className=\"flex-shrink-0 text-lg hover:scale-125 transition-transform\"\n whileTap={{ scale: 0.8 }}\n animate={isFavorite ? { rotate: [0, -15, 15, 0] } : {}}\n transition={{ duration: 0.4 }}\n >\n {isFavorite ? \"★\" : \"☆\"}\n \n \n );\n}\n",[],[19,85,181],"2bbb936c-4315-11f1-8af4-42b51c65c3df","NowPlaying.tsx","2bbb940c-4315-11f1-8af4-42b51c65c3df",11,["D",1777389363215],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { motion, AnimatePresence } from \"https://esm.sh/framer-motion@11.0.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Station } from \"../../shared/types.ts\";\nimport Visualizer from \"./Visualizer.tsx\";\n\ninterface Props {\n station: Station | null;\n isPlaying: boolean;\n freqData: number[];\n onStop: () => void;\n}\n\nexport default function NowPlaying({ station, isPlaying, freqData, onStop }: Props) {\n return (\n \n {station && isPlaying && (\n \n

\n \n {/* Decorative tape strips */}\n

\n\n

\n \n ■\n \n\n

\n \n 📻 {station.name}\n \n

\n {station.country}{station.language ? ` · ${station.language}` : \"\"}{station.bitrate ? ` · ${station.bitrate}kbps` : \"\"}\n

\n\n

\n \n

\n \n )}\n \n );\n}\n",[],[19,85,189],"19c8a0e6-4315-11f1-8c72-42b51c65c3df","FilterPanel.tsx","19c8a1c2-4315-11f1-8c72-42b51c65c3df",9,["D",1777389333086],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { motion, AnimatePresence } from \"https://esm.sh/framer-motion@11.0.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { FilterOption, Filters } from \"../../shared/types.ts\";\n\ninterface Props {\n filters: Filters;\n onFilterChange: (filters: Filters) => void;\n}\n\nfunction FilterSelect({ label, value, options, onChange, icon }: {\n label: string; value: string; options: FilterOption[]; onChange: (v: string) => void; icon: string;\n}) {\n return (\n

\n \n {icon} {label}\n \n onChange(e.target.value)}\n className=\"bg-transparent border-b-2 border-dashed border-ink-light/30 font-typewriter text-ink text-sm py-1 px-0 focus:outline-none focus:border-ink-blue appearance-none cursor-pointer\"\n >\n \n {options.map(o => (\n \n ))}\n \n

\n );\n}\n\nexport default function FilterPanel({ filters, onFilterChange }: Props) {\n const [countries, setCountries] = useState([]);\n const [languages, setLanguages] = useState([]);\n const [tags, setTags] = useState([]);\n const [searchText, setSearchText] = useState(filters.name);\n const [isOpen, setIsOpen] = useState(true);\n\n useEffect(() => {\n Promise.all([\n fetch(\"/api/countries\").then(r => r.json()),\n fetch(\"/api/languages\").then(r => r.json()),\n fetch(\"/api/tags\").then(r => r.json()),\n ]).then(([c, l, t]) => {\n setCountries(c);\n setLanguages(l);\n setTags(t);\n });\n }, []);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n if (searchText !== filters.name) {\n onFilterChange({ ...filters, name: searchText });\n }\n }, 500);\n return () => clearTimeout(timer);\n }, [searchText]);\n\n return (\n \n setIsOpen(!isOpen)}\n className=\"w-full px-4 py-2 flex items-center justify-between font-handwritten text-lg text-ink hover:text-ink-blue transition-colors\"\n >\n ⚙ Tuning Parameters\n \n ▾\n \n \n\n \n {isOpen && (\n \n

\n {/* Search */}\n

\n 🔍 Station Name\n setSearchText(e.target.value)}\n placeholder=\"type to search...\"\n className=\"bg-transparent border-b-2 border-dashed border-ink-light/30 font-typewriter text-ink text-sm py-1 px-0 focus:outline-none focus:border-ink-blue placeholder:text-pencil/50\"\n />\n

\n\n

\n onFilterChange({ ...filters, country: v })}\n />\n onFilterChange({ ...filters, language: v })}\n />\n onFilterChange({ ...filters, tag: v })}\n />\n

\n\n {(filters.country || filters.language || filters.tag || filters.name) && (\n {\n setSearchText(\"\");\n onFilterChange({ country: \"\", language: \"\", tag: \"\", name: \"\" });\n }}\n className=\"font-handwritten text-ink-red text-sm underline decoration-wavy hover:text-ink-red/70 transition-colors\"\n >\n ✕ Clear all filters\n \n )}\n

\n \n )}\n \n \n );\n}\n",[],[19,85,197],"e69af57a-4314-11f1-8408-42b51c65c3df",["D",1777389247247],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Internet radio with paper HAM notebook UI and filters","imageUrl","userId","3c8dcd51-6315-4beb-9371-6de4c965b9c8","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019dd4a5-eadf-7547-8f4f-cc84801d2dfd","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_258":254},"org",{"_11":12,"_251":252,"_253":254,"_214":215,"_255":256,"_257":59},"branch",{"_17":72,"_13":16,"_38":46,"_243":204,"_244":-5,"_245":-5,"_246":-5,"_247":-5,"_248":-5,"_249":14,"_250":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Max Million","avatar","https://lh3.googleusercontent.com/a/ACg8ocLxYdwNzMBGCBsNA2zlokr-wTVxE4vTMGCv3ocUVXGaG-Qoug=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_38":204,"_13":14,"_51":346,"_206":-5,"_207":59,"_208":209,"_210":209,"_211":212,"_213":-5,"_214":215,"_216":98,"_217":50,"_218":-5,"_219":-5,"_220":53,"_221":222,"_223":-5,"_224":-5,"_225":-5,"_226":-5,"_227":228,"_229":228,"_230":231,"_232":231,"_233":231,"_234":228,"_235":228,"_236":347,"_238":348,"_240":349,"_242":59},[298,311,313],"files",[298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313],"counts",{"_289":53,"_290":74,"_291":53,"_32":292,"_293":294},[279,280,281,282,283],{"_38":90,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":65,"_49":50,"_51":91,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_18":278},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":88,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_18":288},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":81,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_18":287},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":73,"_17":74,"_54":55,"_56":75,"_58":59,"_60":-5,"_18":286},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":66,"_17":53,"_54":24,"_56":67,"_58":59,"_60":-5,"_18":285},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":284},[19,40],[19,63],[19,70],[19,78],[19,85],"pulls","branches","forks",{"_295":53,"_297":53},"connections",{"_295":53,"_296":53},"count","unfilledCount","emptyCount",{"_38":90,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":65,"_49":50,"_51":120,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_102":344,"_18":345},{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":166,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_102":342,"_18":343},{"_38":196,"_13":197,"_41":198,"_43":86,"_45":46,"_47":199,"_49":50,"_51":200,"_17":53,"_54":55,"_56":201,"_58":59,"_60":-5,"_102":340,"_18":341},{"_38":188,"_13":189,"_41":190,"_43":86,"_45":46,"_47":191,"_49":50,"_51":192,"_17":53,"_54":55,"_56":193,"_58":59,"_60":-5,"_102":338,"_18":339},{"_38":180,"_13":181,"_41":182,"_43":86,"_45":46,"_47":183,"_49":50,"_51":184,"_17":53,"_54":55,"_56":185,"_58":59,"_60":-5,"_102":336,"_18":337},{"_38":173,"_13":174,"_41":175,"_43":86,"_45":46,"_47":87,"_49":50,"_51":176,"_17":53,"_54":55,"_56":177,"_58":59,"_60":-5,"_102":334,"_18":335},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":137,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_102":332,"_18":333},{"_38":159,"_13":160,"_41":161,"_43":79,"_45":46,"_47":80,"_49":50,"_51":162,"_17":53,"_54":55,"_56":163,"_58":59,"_60":-5,"_102":330,"_18":331},{"_38":151,"_13":152,"_41":153,"_43":79,"_45":46,"_47":154,"_49":50,"_51":155,"_17":53,"_54":55,"_56":156,"_58":59,"_60":-5,"_102":328,"_18":329},{"_38":143,"_13":144,"_41":145,"_43":79,"_45":46,"_47":146,"_49":50,"_51":147,"_17":53,"_54":55,"_56":148,"_58":59,"_60":-5,"_102":326,"_18":327},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":134,"_17":74,"_54":55,"_56":75,"_58":59,"_60":-5,"_102":324,"_18":325},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":131,"_17":53,"_54":24,"_56":67,"_58":59,"_60":-5,"_102":322,"_18":323},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":128,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_102":320,"_18":321},{"_38":105,"_13":106,"_41":107,"_43":-5,"_45":46,"_47":108,"_49":50,"_51":109,"_17":53,"_54":82,"_56":-5,"_58":59,"_60":-5,"_102":318,"_18":319},{"_38":113,"_13":114,"_41":115,"_43":107,"_45":46,"_47":108,"_49":50,"_51":116,"_17":53,"_54":55,"_56":117,"_58":59,"_60":-5,"_102":316,"_18":317},{"_38":96,"_13":97,"_41":98,"_43":-5,"_45":46,"_47":74,"_49":50,"_51":99,"_17":53,"_54":100,"_56":101,"_58":59,"_60":-5,"_102":314,"_18":315},[],[97],[],[106,114],[312],[106],[],[19,40],[],[19,63],[],[19,70],[],[19,78,144],[],[19,78,152],[],[19,78,160],[305,306,307],[19,78],[],[19,85,174],[],[19,85,181],[],[19,85,189],[],[19,85,197],[300,301,302,303],[19,85],[299,304,308,309,310],[19],["D",1777389247247],{"_11":12,"_258":254},{"_11":12,"_251":252,"_253":254,"_214":215,"_255":256,"_257":59},{"_17":72,"_13":16,"_38":46,"_243":204,"_244":-5,"_245":-5,"_246":-5,"_247":-5,"_248":-5,"_249":14,"_250":12},"ctx",{"_236":-5,"_275":383,"_384":385,"_386":387,"_388":59,"_389":59,"_390":59,"_391":50,"_392":-5,"_393":-7,"_394":-7,"_395":53,"_396":59,"_397":59,"_398":-5,"_399":59,"_400":59,"_401":59,"_402":-5},"ENV",{"_354":355,"_356":357,"_358":16,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]