);
}
function ComposeScreen({ app }) {
const T = app.theme;
const [mode, setMode] = useState(app.sharedUrl ? 'link' : 'search');
const [q, setQ] = useState(''); const [results, setResults] = useState([]); const [searching, setSearching] = useState(false);
const [picked, setPicked] = useState(null); const [text, setText] = useState('');
const [url, setUrl] = useState(app.sharedUrl || ''); const [resolved, setResolved] = useState(null); const [resolving, setResolving] = useState(false); const [rerr, setRerr] = useState('');
// debounced song search (iTunes Search API via /api/search)
React.useEffect(() => {
if (mode !== 'search') return;
const v = q.trim(); if (!v) { setResults([]); return; }
setSearching(true);
const id = setTimeout(async () => { try { const r = await app.searchSongs(v); setResults(r.results || []); } catch { setResults([]); } finally { setSearching(false); } }, 350);
return () => clearTimeout(id);
}, [q, mode]);
const resolve = async (u) => {
const v = (u || url).trim(); if (!v) return; setRerr(''); setResolving(true); setResolved(null);
try { const r = await app.resolveLink(v); setResolved(r); } catch (e) { setRerr(e.message === 'unsupported_host' ? '対応サービス(Spotify/Apple/YouTube/Amazon)のリンクを貼ってください' : 'リンクを読めませんでした'); } finally { setResolving(false); }
};
React.useEffect(() => { if (app.sharedUrl) resolve(app.sharedUrl); }, []);
const [posting, setPosting] = useState(false);
const canPost = (mode === 'search' ? !!picked : !!resolved) && !posting;
const post = async () => {
if (!canPost) return;
setPosting(true);
try {
const link = mode === 'search'
? { url: picked.url, title: picked.title, artist: picked.artist, image: picked.artwork, service: picked.service || 'apple' }
: resolved;
await app.addPostLink(link, text.trim());
app.closeCompose(); app.setTab('home');
} finally { setPosting(false); }
};
const closeC = () => { if ((text.trim() || picked || resolved || url.trim()) && !confirm('入力中の内容を破棄しますか？')) return; app.closeCompose(); };
const tab = (k, l) =>