// screens.jsx — Home, PostDetail, Compose, Profile, Welcome (function () { const { useState, useRef, useEffect } = React; const { Icon, Avatar, NameLine, PostCard, ReplyCard, TrackCard, Cover, Header, Wordmark } = window; // ── HOME ───────────────────────────────────────────────────── function HomeScreen({ app }) { const T = app.theme; return ( <>
} left={} right={} />
{app.posts.map(p => ( app.go('detail', { id: p.id })} /> ))}
ここが、ぱぱFMの全部。
いい曲はリプで盛り上げよう。
); } // ── POST DETAIL ────────────────────────────────────────────── function DetailScreen({ app, postId }) { const T = app.theme; const post = app.posts.find(p => p.id === postId); if (!post) return
投稿が見つかりません。
; const track = app.trackById[post.track_id]; const liked = app.isLiked(post.id); return ( <>
app.back()} style={iconBtn}>} />
{/* main post */}
{post.time}
{post.text &&
{post.text}
} {track && }
{app.likeCount(post)} いいね {(post.replies || []).length} リプ
{/* replies */}
リプライ（だれでも参加OK）
{(post.replies || []).length === 0 && (
まだリプがありません。最初のひとことを。
)} {(post.replies || []).map(r => )}
); } // root-level reply bar (pinned to device bottom) function ReplyBar({ app, postId }) { const T = app.theme; const [text, setText] = useState(''); const send = () => { const v = text.trim(); if (!v) return; app.addReply(postId, v); setText(''); }; return (
setText(e.target.value)} onKeyDown={e => { if (e.key === 'Enter') send(); }} placeholder="リプを書く…（だれでもOK）" style={{ flex: 1, background: T.surface, border: `1px solid ${T.border}`, borderRadius: 20, padding: '10px 14px', color: T.text, fontSize: 14.5, fontFamily: 'inherit', outline: 'none', }} />
); } // ── COMPOSE ────────────────────────────────────────────────── function ComposeScreen({ app }) { const T = app.theme; const [q, setQ] = useState(''); const [picked, setPicked] = useState(null); const [text, setText] = useState(''); const list = window.PF.TRACKS.filter(t => !q.trim() || (t.title + t.artist).toLowerCase().includes(q.toLowerCase())); const post = () => { if (!picked) return; app.addPost(picked.id, text.trim()); app.closeCompose(); app.setTab('home'); }; return (
おすすめを投稿
{/* author + comment */}