\n setIsFormOpen(true)}\n />\n

\n {isLoading ? (\n

\n Loading...\n

\n ) : error ? (\n

\n {error}\n

\n ) : selectedPost ? (\n setIsFormOpen(true)} />\n ) : (\n \n )}\n

\n {isFormOpen && (\n setIsFormOpen(false)}\n />\n )}\n

\n );\n}\n\nfunction Sidebar({ posts, onSelectPost, onNewPost }: {\n posts: BlogPost[];\n onSelectPost: (post: BlogPost) => void;\n onNewPost: () => void;\n}) {\n const groupedPosts = posts.reduce((acc, post) => {\n const date = new Date(post.date);\n const year = date.getFullYear();\n const month = date.toLocaleString('default', { month: 'long' });\n if (!acc[year]) acc[year] = {};\n if (!acc[year][month]) acc[year][month] = [];\n acc[year][month].push(post);\n return acc;\n }, {} as Record>);\n\n return (\n

\n \n

\n {Object.entries(groupedPosts).map(([year, months]) => (\n

\n {year}\n

\n {Object.entries(months).map(([month, monthPosts]) => (\n

\n {month}\n

\n onSelectPost(post)}>\n {post.title}\n \n

\n ))}\n

\n );\n}\n\nfunction HomePage({ posts }: { posts: BlogPost[] }) {\n return (\n

Welcome to the Blog

\n {posts.map(post => (\n

{post.title}

{new Date(post.date).toLocaleDateString()}

{post.content.substring(0, 150)}...

\n ))}\n

\n );\n}\n\nfunction BlogPost({ post, onEdit }: { post: BlogPost; onEdit: () => void }) {\n useEffect(() => {\n Prism.highlightAll();\n }, [post]);\n\n const copyToClipboard = (text: string) => {\n navigator.clipboard.writeText(text).then(() => {\n alert(\"Copied to clipboard!\");\n }).catch(err => {\n console.error('Failed to copy text: ', err);\n });\n };\n\n const renderer = new marked.Renderer();\n renderer.code = (code, language) => {\n const validLanguage = Prism.languages[language] ? language : 'javascript';\n return `\n

\n \n

${Prism.highlight(code, Prism.languages[validLanguage], validLanguage)}

\n `;\n };\n\n return (\n

{post.title}

\n \n

{new Date(post.date).toLocaleDateString()}

\n );\n}\n\nfunction PostForm({ post, onSubmit, onClose }: {\n post?: BlogPost;\n onSubmit: (post: Omit) => void;\n onClose: () => void;\n}) {\n const [title, setTitle] = useState(post?.title || \"\");\n const [content, setContent] = useState(post?.content || \"\");\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n onSubmit({ title, content });\n };\n\n return (\n

{post ? \"Edit Post\" : \"New Post\"}

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const url = new URL(request.url);\n\n if (url.pathname === \"/api/posts\") {\n if (request.method === \"GET\") {\n const posts = await blob.getJSON(\"blog_posts\") as BlogPost[] || [];\n return new Response(JSON.stringify(posts), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else if (request.method === \"POST\") {\n const post = await request.json() as Omit;\n const posts = await blob.getJSON(\"blog_posts\") as BlogPost[] || [];\n const newPost = {\n ...post,\n id: Date.now().toString(),\n date: new Date().toISOString(),\n };\n posts.push(newPost);\n await blob.setJSON(\"blog_posts\", posts);\n return new Response(JSON.stringify(newPost), {\n headers: { \"Content-Type\": \"application/json\" },\n status: 201,\n });\n }\n } else if (url.pathname.startsWith(\"/api/posts/\")) {\n const id = url.pathname.split(\"/\").pop();\n if (request.method === \"PUT\") {\n const updatedPost = await request.json() as BlogPost;\n const posts = await blob.getJSON(\"blog_posts\") as BlogPost[] || [];\n const index = posts.findIndex(p => p.id === id);\n if (index !== -1) {\n posts[index] = { ...updatedPost, id, date: posts[index].date };\n await blob.setJSON(\"blog_posts\", posts);\n return new Response(JSON.stringify(posts[index]), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n }\n\n return new Response(`\n \n \n \n \n \n Blog Application\n \n \n \n \n \n \n

\n \n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/arfan/blog_test_25_1_11/code/main.tsx","extension","actionData","errors"]