[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_226":227,"_228":229},"routes/_app.x.$handle.$name",{"_99":98,"_32":46,"_108":89,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":126,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","c2bf2960-568c-11f1-a8bb-ee650bb23af1","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { PostList } from \"./PostList.tsx\";\nimport { PostDetail } from \"./PostDetail.tsx\";\n\nexport function App() {\n const [subreddit, setSubreddit] = useState(\"popular\");\n const [inputValue, setInputValue] = useState(\"\");\n const [sort, setSort] = useState(\"hot\");\n const [selectedPermalink, setSelectedPermalink] = useState(null);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (inputValue.trim()) {\n setSubreddit(inputValue.trim());\n setSelectedPermalink(null);\n }\n };\n\n const sortOptions = [\"hot\", \"new\", \"top\", \"rising\"];\n\n return (\n

\n {/* Header */}\n

\n {\n setSelectedPermalink(null);\n setSubreddit(\"popular\");\n setInputValue(\"\");\n }}\n >\n 📰 Reddit Viewer\n \n \n view source\n \n

\n\n

\n r/\n setInputValue(e.target.value)}\n placeholder=\"subreddit名を入力...\"\n class=\"w-full pl-8 pr-3 py-2 rounded-lg text-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-orange-300\"\n />\n

\n \n 表示\n \n \n\n {/* Sort tabs */}\n {!selectedPermalink && (\n

\n {sortOptions.map((s) => (\n setSort(s)}\n class={`px-3 py-1 rounded-full text-xs font-medium transition ${\n sort === s\n ? \"bg-white text-orange-600\"\n : \"bg-white/20 hover:bg-white/30 text-white\"\n }`}\n >\n {s === \"hot\" ? \"🔥 Hot\" : s === \"new\" ? \"🆕 New\" : s === \"top\" ? \"⬆️ Top\" : \"📈 Rising\"}\n \n ))}\n

\n )}\n

\n\n {/* Content */}\n

\n {!selectedPermalink && (\n

\n r/{subreddit} · {sort}\n

\n )}\n\n {selectedPermalink\n ? (\n setSelectedPermalink(null)}\n />\n )\n : (\n setSelectedPermalink(permalink)}\n />\n )}\n

\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { PostList } from \"./PostList.tsx\";\nimport { PostDetail } from \"./PostDetail.tsx\";\n\nexport function App() {\n const [subreddit, setSubreddit] = useState(\"popular\");\n const [inputValue, setInputValue] = useState(\"\");\n const [sort, setSort] = useState(\"hot\");\n const [selectedPermalink, setSelectedPermalink] = useState(\n null,\n );\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (inputValue.trim()) {\n setSubreddit(inputValue.trim());\n setSelectedPermalink(null);\n }\n };\n\n const sortOptions = [\"hot\", \"new\", \"top\", \"rising\"];\n\n return (\n

\n {/* Header */}\n

\n {\n setSelectedPermalink(null);\n setSubreddit(\"popular\");\n setInputValue(\"\");\n }}\n >\n 📰 Reddit Viewer\n \n

\n\n

\n \n r/\n \n setInputValue(e.target.value)}\n placeholder=\"subreddit名を入力...\"\n class=\"w-full pl-8 pr-3 py-2 rounded-lg text-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-orange-300\"\n />\n

\n \n 表示\n \n \n\n {/* Sort tabs */}\n {!selectedPermalink && (\n

\n {sortOptions.map((s) => (\n setSort(s)}\n class={`px-3 py-1 rounded-full text-xs font-medium transition ${\n sort === s\n ? \"bg-white text-orange-600\"\n : \"bg-white/20 hover:bg-white/30 text-white\"\n }`}\n >\n {s === \"hot\"\n ? \"🔥 Hot\"\n : s === \"new\"\n ? \"🆕 New\"\n : s === \"top\"\n ? \"⬆️ Top\"\n : \"📈 Rising\"}\n \n ))}\n

\n )}\n

\n\n {/* Content */}\n

\n {!selectedPermalink && (\n

\n r/{subreddit} · {sort}\n

\n )}\n\n {selectedPermalink\n ? (\n setSelectedPermalink(null)}\n />\n )\n : (\n \n setSelectedPermalink(permalink)}\n />\n )}\n

\n );\n}","createdAt",["D",1779530162893],"branchVersion","branchId","555eb0c0-568c-11f1-962f-ee650bb23af1","id","555df20c-568c-11f1-962f-ee650bb23af1","king",["D",1779529615281],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","王","imageUrl","d1452806-8f03-4def-92ca-fec27389e6b7","pinnedFileId","55610488-568c-11f1-962f-ee650bb23af1","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e5438-94f1-70ff-87c2-0b0b26d43bc7","tursoName","555df20c568c11f1962fee650bb23af1","tursoHostname","555df20c568c11f1962fee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789555877593],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},"branch",{"_13":14,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","adhd_adhd","handle","displayName","はちのへ","avatar","https://lh3.googleusercontent.com/a/ACg8ocIsJlV2XdpyT_UvAa0I8Y0m3cgFTYlC0KShvOz2fR1ghjllXg=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":221,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":222,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":223,"_84":224,"_86":225,"_88":25},"tree",[163,170],"files",[163,164,165,166,167,168,169,170],"counts",{"_152":63,"_153":154,"_155":63,"_156":157,"_158":159},"contents",[131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":145,"_32":146,"_30":147,"_135":-5,"_42":43,"_41":148,"_137":126,"_39":149,"_13":63,"_34":150,"_36":-5,"_24":25,"_142":-5,"_27":151},{"_44":133,"_32":134,"_30":58,"_135":-5,"_42":43,"_41":136,"_137":126,"_39":138,"_13":139,"_34":140,"_36":141,"_24":25,"_142":143,"_27":144},"b44c6992-568c-11f1-9a43-ee650bb23af1","main.ts","parentId",4,"latest",["D",1779529774540],3,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Reddit API: Fetch posts from a subreddit\napp.get(\"/api/posts\", async (c) => {\n const subreddit = c.req.query(\"subreddit\") || \"popular\";\n const sort = c.req.query(\"sort\") || \"hot\";\n const after = c.req.query(\"after\") || \"\";\n const limit = c.req.query(\"limit\") || \"25\";\n\n try {\n const url = `https://www.reddit.com/r/${subreddit}/${sort}.json?limit=${limit}&after=${after}&raw_json=1`;\n const res = await fetch(url, {\n headers: { \"User-Agent\": \"ValTown:RedditViewer:v1.0\" },\n });\n\n if (!res.ok) {\n return c.json({ error: `Failed to fetch: ${res.status}` }, 500);\n }\n\n const data = await res.json();\n const posts = data.data.children.map((child: any) => ({\n id: child.data.id,\n title: child.data.title,\n author: child.data.author,\n subreddit: child.data.subreddit_name_prefixed,\n score: child.data.score,\n num_comments: child.data.num_comments,\n created_utc: child.data.created_utc,\n permalink: child.data.permalink,\n url: child.data.url,\n selftext: child.data.selftext,\n thumbnail: child.data.thumbnail,\n preview: child.data.preview?.images?.[0]?.source?.url || null,\n is_self: child.data.is_self,\n domain: child.data.domain,\n link_flair_text: child.data.link_flair_text,\n over_18: child.data.over_18,\n }));\n\n return c.json({\n posts,\n after: data.data.after,\n });\n } catch (err: any) {\n return c.json({ error: err.message }, 500);\n }\n});\n\n// Reddit API: Fetch comments for a post\napp.get(\"/api/comments\", async (c) => {\n const permalink = c.req.query(\"permalink\");\n if (!permalink) {\n return c.json({ error: \"permalink is required\" }, 400);\n }\n\n try {\n const url = `https://www.reddit.com${permalink}.json?raw_json=1&limit=50`;\n const res = await fetch(url, {\n headers: { \"User-Agent\": \"ValTown:RedditViewer:v1.0\" },\n });\n\n if (!res.ok) {\n return c.json({ error: `Failed to fetch: ${res.status}` }, 500);\n }\n\n const data = await res.json();\n\n // Post details\n const postData = data[0]?.data?.children?.[0]?.data;\n const post = postData\n ? {\n id: postData.id,\n title: postData.title,\n author: postData.author,\n subreddit: postData.subreddit_name_prefixed,\n score: postData.score,\n num_comments: postData.num_comments,\n created_utc: postData.created_utc,\n selftext: postData.selftext,\n selftext_html: postData.selftext_html,\n url: postData.url,\n is_self: postData.is_self,\n domain: postData.domain,\n preview: postData.preview?.images?.[0]?.source?.url || null,\n }\n : null;\n\n // Comments\n const parseComments = (children: any[]): any[] => {\n return (children || [])\n .filter((c: any) => c.kind === \"t1\")\n .map((c: any) => ({\n id: c.data.id,\n author: c.data.author,\n body: c.data.body,\n body_html: c.data.body_html,\n score: c.data.score,\n created_utc: c.data.created_utc,\n depth: c.data.depth,\n replies: c.data.replies\n ? parseComments(c.data.replies.data?.children || [])\n : [],\n }));\n };\n\n const comments = parseComments(data[1]?.data?.children || []);\n\n return c.json({ post, comments });\n } catch (err: any) {\n return c.json({ error: err.message }, 500);\n }\n});\n\n// Reddit API: Search subreddits\napp.get(\"/api/search-subreddits\", async (c) => {\n const query = c.req.query(\"q\");\n if (!query) {\n return c.json({ subreddits: [] });\n }\n\n try {\n const url = `https://www.reddit.com/subreddits/search.json?q=${encodeURIComponent(query)}&limit=10&raw_json=1`;\n const res = await fetch(url, {\n headers: { \"User-Agent\": \"ValTown:RedditViewer:v1.0\" },\n });\n\n if (!res.ok) {\n return c.json({ error: `Failed to fetch: ${res.status}` }, 500);\n }\n\n const data = await res.json();\n const subreddits = data.data.children.map((child: any) => ({\n name: child.data.display_name,\n title: child.data.title,\n subscribers: child.data.subscribers,\n icon: child.data.icon_img || child.data.community_icon || null,\n description: child.data.public_description,\n }));\n\n return c.json({ subreddits });\n } catch (err: any) {\n return c.json({ error: err.message }, 500);\n }\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label","adhdreddit",[134],"b49ce714-568c-11f1-9a43-ee650bb23af1","frontend","b49ce7be-568c-11f1-9a43-ee650bb23af1",5,["D",1779529775070],"directory",[146],"pulls","branches",1,"forks","envVars",{"_160":63,"_162":63},"connections",{"_160":63,"_161":63},"count","unfilledCount","emptyCount",{"_44":145,"_32":146,"_30":147,"_135":-5,"_42":43,"_41":148,"_137":126,"_39":218,"_13":63,"_34":150,"_36":-5,"_24":25,"_142":-5,"_172":219,"_27":220},{"_44":213,"_32":200,"_30":194,"_135":147,"_42":43,"_41":214,"_137":126,"_39":215,"_13":63,"_34":150,"_36":-5,"_24":25,"_142":-5,"_172":216,"_27":217},{"_44":209,"_32":33,"_30":31,"_135":194,"_42":43,"_41":14,"_137":126,"_39":210,"_13":154,"_34":35,"_36":38,"_24":25,"_142":-5,"_172":211,"_27":212},{"_44":201,"_32":202,"_30":203,"_135":194,"_42":43,"_41":204,"_137":126,"_39":205,"_13":63,"_34":35,"_36":206,"_24":25,"_142":-5,"_172":207,"_27":208},{"_44":191,"_32":192,"_30":193,"_135":194,"_42":43,"_41":195,"_137":126,"_39":196,"_13":63,"_34":35,"_36":197,"_24":25,"_142":-5,"_172":198,"_27":199},{"_44":183,"_32":184,"_30":185,"_135":147,"_42":43,"_41":186,"_137":126,"_39":187,"_13":63,"_34":20,"_36":188,"_24":25,"_142":-5,"_172":189,"_27":190},{"_44":175,"_32":176,"_30":177,"_135":147,"_42":43,"_41":178,"_137":126,"_39":179,"_13":63,"_34":35,"_36":180,"_24":25,"_142":-5,"_172":181,"_27":182},{"_44":133,"_32":134,"_30":58,"_135":-5,"_42":43,"_41":136,"_137":126,"_39":171,"_13":139,"_34":140,"_36":141,"_24":25,"_142":143,"_172":173,"_27":174},["D",1779529774540],"children",[],[134],"b92be58c-568c-11f1-8cc2-ee650bb23af1","index.tsx","b92be65e-568c-11f1-8cc2-ee650bb23af1",7,["D",1779529782721],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[146,176],"b826d1d8-568c-11f1-8cc2-ee650bb23af1","index.html","b826d296-568c-11f1-8cc2-ee650bb23af1",6,["D",1779529780931],"\n\n \n \n \n 📰 Reddit Viewer\n \n 📰\">\n \n \n

\n \n \n \n",[],[146,184],"d1a21578-568c-11f1-8ed4-ee650bb23af1","PostList.tsx","d1a21622-568c-11f1-8ed4-ee650bb23af1","ba1730dc-568c-11f1-9a43-ee650bb23af1",10,["D",1779529823751],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Post {\n id: string;\n title: string;\n author: string;\n subreddit: string;\n score: number;\n num_comments: number;\n created_utc: number;\n permalink: string;\n url: string;\n selftext: string;\n thumbnail: string;\n preview: string | null;\n is_self: boolean;\n domain: string;\n link_flair_text: string | null;\n over_18: boolean;\n}\n\nfunction timeAgo(utc: number): string {\n const diff = Math.floor(Date.now() / 1000 - utc);\n if (diff < 60) return `${diff}秒前`;\n if (diff < 3600) return `${Math.floor(diff / 60)}分前`;\n if (diff < 86400) return `${Math.floor(diff / 3600)}時間前`;\n return `${Math.floor(diff / 86400)}日前`;\n}\n\nfunction formatScore(n: number): string {\n if (n >= 10000) return `${(n / 1000).toFixed(1)}k`;\n if (n >= 1000) return `${(n / 1000).toFixed(1)}k`;\n return String(n);\n}\n\nfunction isImageUrl(url: string): boolean {\n return /\\.(jpg|jpeg|png|gif|webp)(\\?.*)?$/i.test(url);\n}\n\nexport function PostList({ subreddit, sort, onSelectPost }: {\n subreddit: string;\n sort: string;\n onSelectPost: (permalink: string) => void;\n}) {\n const [posts, setPosts] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [after, setAfter] = useState(null);\n const [loadingMore, setLoadingMore] = useState(false);\n\n const fetchPosts = useCallback(async (afterToken?: string) => {\n try {\n const params = new URLSearchParams({ subreddit, sort, limit: \"25\" });\n if (afterToken) params.set(\"after\", afterToken);\n\n const res = await fetch(`/api/posts?${params}`);\n if (!res.ok) throw new Error(\"読み込みに失敗しました\");\n const data = await res.json();\n\n if (data.error) throw new Error(data.error);\n\n if (afterToken) {\n setPosts((prev) => [...prev, ...data.posts]);\n } else {\n setPosts(data.posts);\n }\n setAfter(data.after);\n } catch (err: any) {\n setError(err.message);\n }\n }, [subreddit, sort]);\n\n useEffect(() => {\n setLoading(true);\n setError(null);\n setPosts([]);\n setAfter(null);\n fetchPosts().finally(() => setLoading(false));\n }, [fetchPosts]);\n\n const loadMore = async () => {\n if (!after || loadingMore) return;\n setLoadingMore(true);\n await fetchPosts(after);\n setLoadingMore(false);\n };\n\n if (loading) {\n return (\n

🔄

読み込み中...

\n );\n }\n\n if (error) {\n return (\n

⚠️ エラー

{error}

\n );\n }\n\n if (posts.length === 0) {\n return (\n

📭

投稿が見つかりませんでした

\n );\n }\n\n return (\n

\n {posts.map((post, i) => (\n onSelectPost(post.permalink)}\n >\n

\n {/* Header */}\n

\n {post.subreddit}\n ·\n u/{post.author}\n ·\n {timeAgo(post.created_utc)}\n {post.link_flair_text && (\n \n {post.link_flair_text}\n \n )}\n {post.over_18 && (\n \n NSFW\n \n )}\n

\n\n {/* Title */}\n

\n {post.title}\n

\n\n {/* Preview image */}\n {post.preview && isImageUrl(post.url) && (\n

\n \n

\n )}\n\n {/* Self text preview */}\n {post.is_self && post.selftext && (\n

\n {post.selftext.slice(0, 300)}\n {post.selftext.length > 300 ? \"...\" : \"\"}\n

\n )}\n\n {/* External link */}\n {!post.is_self && (\n

🔗 {post.domain}

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

\n \n ▲ {formatScore(post.score)}\n \n \n 💬 {formatScore(post.num_comments)}件のコメント\n \n

\n ))}\n \n\n {/* Load more */}\n {after && (\n

\n {\n e.stopPropagation();\n loadMore();\n }}\n disabled={loadingMore}\n class=\"bg-orange-500 hover:bg-orange-600 text-white px-6 py-2.5 rounded-full text-sm font-medium transition disabled:opacity-50\"\n >\n {loadingMore ? \"読み込み中...\" : \"もっと読み込む\"}\n \n

\n )}\n \n );\n}",[],[146,200,192],"components","e1847b16-568c-11f1-86d1-ee650bb23af1","PostDetail.tsx","e1847bb6-568c-11f1-86d1-ee650bb23af1",11,["D",1779529850409],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Comment {\n id: string;\n author: string;\n body: string;\n score: number;\n created_utc: number;\n depth: number;\n replies: Comment[];\n}\n\ninterface PostData {\n id: string;\n title: string;\n author: string;\n subreddit: string;\n score: number;\n num_comments: number;\n created_utc: number;\n selftext: string;\n url: string;\n is_self: boolean;\n domain: string;\n preview: string | null;\n}\n\nfunction timeAgo(utc: number): string {\n const diff = Math.floor(Date.now() / 1000 - utc);\n if (diff < 60) return `${diff}秒前`;\n if (diff < 3600) return `${Math.floor(diff / 60)}分前`;\n if (diff < 86400) return `${Math.floor(diff / 3600)}時間前`;\n return `${Math.floor(diff / 86400)}日前`;\n}\n\nfunction formatScore(n: number): string {\n if (n >= 1000) return `${(n / 1000).toFixed(1)}k`;\n return String(n);\n}\n\nfunction isImageUrl(url: string): boolean {\n return /\\.(jpg|jpeg|png|gif|webp)(\\?.*)?$/i.test(url);\n}\n\nfunction CommentItem({ comment, depth = 0 }: { comment: Comment; depth?: number }) {\n const [collapsed, setCollapsed] = useState(false);\n const maxDepth = 6;\n const borderColors = [\n \"border-orange-300\",\n \"border-blue-300\",\n \"border-green-300\",\n \"border-purple-300\",\n \"border-pink-300\",\n \"border-yellow-300\",\n \"border-teal-300\",\n ];\n\n return (\n

0 ? `ml-3 pl-3 border-l-2 ${borderColors[depth % borderColors.length]}` : \"\"}`}>\n

\n setCollapsed(!collapsed)}\n class=\"text-gray-400 hover:text-gray-600 font-mono\"\n >\n {collapsed ? \"[+]\" : \"[-]\"}\n \n u/{comment.author}\n ·\n {formatScore(comment.score)}pt\n ·\n {timeAgo(comment.created_utc)}\n

\n\n {!collapsed && (\n <>\n

\n {comment.body}\n

\n\n {comment.replies.length > 0 && depth < maxDepth && (\n

\n {comment.replies.map((reply) => (\n \n ))}\n

\n )}\n \n )}\n

\n );\n}\n\nexport function PostDetail({ permalink, onBack }: {\n permalink: string;\n onBack: () => void;\n}) {\n const [post, setPost] = useState(null);\n const [comments, setComments] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n setLoading(true);\n setError(null);\n window.scrollTo(0, 0);\n\n fetch(`/api/comments?permalink=${encodeURIComponent(permalink)}`)\n .then((res) => {\n if (!res.ok) throw new Error(\"読み込みに失敗しました\");\n return res.json();\n })\n .then((data) => {\n if (data.error) throw new Error(data.error);\n setPost(data.post);\n setComments(data.comments);\n })\n .catch((err) => setError(err.message))\n .finally(() => setLoading(false));\n }, [permalink]);\n\n if (loading) {\n return (\n

🔄

読み込み中...

\n );\n }\n\n if (error) {\n return (\n

\n \n

⚠️ {error}

\n );\n }\n\n if (!post) return null;\n\n return (\n

\n {/* Back button */}\n \n ← 一覧に戻る\n \n\n {/* Post content */}\n

\n {post.subreddit}\n ·\n u/{post.author}\n ·\n {timeAgo(post.created_utc)}\n

\n\n

\n {post.title}\n

\n\n {/* Image */}\n {post.preview && isImageUrl(post.url) && (\n

\n \n

\n )}\n\n {/* Self text */}\n {post.is_self && post.selftext && (\n

\n {post.selftext}\n

\n )}\n\n {/* External link */}\n {!post.is_self && (\n \n 🔗 {post.domain}\n ↗\n \n )}\n\n {/* Stats */}\n

\n \n ▲ {formatScore(post.score)}\n \n \n 💬 {formatScore(post.num_comments)}件のコメント\n \n \n Redditで開く ↗\n \n

\n\n {/* Comments */}\n

\n 💬 コメント ({comments.length})\n

\n\n {comments.length === 0\n ? (\n

\n コメントはありません\n

\n )\n : (\n

\n {comments.map((comment) => )}\n

\n )}\n

\n );\n}",[],[146,200,202],"9bc654cc-568d-11f1-bed9-ee650bb23af1",["D",1779530162893],[],[146,200,33],"ba17303c-568c-11f1-9a43-ee650bb23af1",8,["D",1779529784262],[165,166,167],[146,200],["D",1779529775070],[164,168,169],[146],["D",1779529615281],["D",1789555877593],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},{"_13":14,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"ctx",{"_82":-5,"_128":259,"_260":261,"_262":263,"_264":25,"_265":25,"_266":25,"_267":126,"_268":-5,"_269":-7,"_270":-7,"_271":63,"_272":25,"_273":25,"_274":-5,"_275":25,"_276":25,"_277":25,"_278":-5},"ENV",{"_230":231,"_232":233,"_234":89,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258},"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"]

Diff · v12