TEST

BIG

\n \n \n\n",[],[233,226],"frontend","7fa6a926-2c37-11f0-99d4-569c3dd06744","index.tsx","7fa6a9e4-2c37-11f0-99d4-569c3dd06744",8,["D",1746727732486],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { BrowserRouter, Routes, Route, useParams, Link, useNavigate } from \"https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0\";\nimport { PostWithTags } from \"../shared/types.ts\";\nimport { Header } from \"./components/Header.tsx\";\nimport { Footer } from \"./components/Footer.tsx\";\nimport { PostList } from \"./components/PostList.tsx\";\nimport { PostView } from \"./components/PostView.tsx\";\n\n// Main App component\nfunction App() {\n return (\n \n

\n \n } />\n } />\n } />\n \n

\n \n );\n}\n\n// Home page component\nfunction Home() {\n const [posts, setPosts] = React.useState([]);\n const [loading, setLoading] = React.useState(true);\n const [error, setError] = React.useState(null);\n\n React.useEffect(() => {\n async function fetchPosts() {\n try {\n const response = await fetch('/api/posts');\n if (!response.ok) {\n throw new Error('Failed to fetch posts');\n }\n const data = await response.json();\n setPosts(data.posts);\n } catch (err) {\n setError('Failed to load blog posts. Please try again later.');\n console.error(err);\n } finally {\n setLoading(false);\n }\n }\n\n fetchPosts();\n }, []);\n\n if (loading) {\n return (\n

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

{error}

\n );\n }\n\n return ;\n}\n\n// Single post page component\nfunction Post() {\n const { slug } = useParams<{ slug: string }>();\n const [post, setPost] = React.useState(null);\n const [loading, setLoading] = React.useState(true);\n const [error, setError] = React.useState(null);\n const navigate = useNavigate();\n\n React.useEffect(() => {\n async function fetchPost() {\n if (!slug) return;\n \n try {\n const response = await fetch(`/api/posts/${slug}`);\n if (response.status === 404) {\n navigate('/not-found');\n return;\n }\n if (!response.ok) {\n throw new Error('Failed to fetch post');\n }\n const data = await response.json();\n setPost(data.post);\n } catch (err) {\n setError('Failed to load blog post. Please try again later.');\n console.error(err);\n } finally {\n setLoading(false);\n }\n }\n\n fetchPost();\n }, [slug, navigate]);\n\n if (loading) {\n return (\n

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

{error}

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

Post not found

The blog post you're looking for doesn't exist or has been removed.

\n \n Back to Home\n \n

\n );\n }\n\n return ;\n}\n\n// 404 Not Found component\nfunction NotFound() {\n return (\n

Page Not Found

The page you're looking for doesn't exist or has been moved.

\n \n Back to Home\n \n

\n );\n}\n\n// Render the app\nconst root = createRoot(document.getElementById('app')!);\nroot.render();",[],[233,235],"7430f25e-2c37-11f0-9ddf-569c3dd06744","index.html","7430f2f4-2c37-11f0-9ddf-569c3dd06744",7,["D",1746727713260],"\n\n\n \n \n Beautiful Blog\n \n \n \n \n \n \n \n\n\n

\n \n\n",[],[233,243],"a7481c1c-2c37-11f0-8318-569c3dd06744","PostView.tsx","a7481cc6-2c37-11f0-8318-569c3dd06744","20d14ce9-ac17-4948-bcb1-0d322348aa17",12,["D",1746727798975],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0\";\nimport { PostWithTags } from \"../../shared/types.ts\";\n\n// @ts-ignore - marked is loaded from CDN\ndeclare const marked: any;\n// @ts-ignore - hljs is loaded from CDN\ndeclare const hljs: any;\n\ninterface PostViewProps {\n post: PostWithTags;\n}\n\nexport function PostView({ post }: PostViewProps) {\n // Format date\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n };\n\n // Configure marked with syntax highlighting\n React.useEffect(() => {\n if (typeof marked !== 'undefined' && typeof hljs !== 'undefined') {\n marked.setOptions({\n highlight: function(code: string, language: string) {\n if (language && hljs.getLanguage(language)) {\n return hljs.highlight(code, { language }).value;\n }\n return hljs.highlightAuto(code).value;\n },\n breaks: true,\n gfm: true\n });\n }\n }, []);\n\n // Render markdown content\n const renderMarkdown = (content: string) => {\n if (typeof marked === 'undefined') {\n return content;\n }\n return { __html: marked.parse(content) };\n };\n\n return (\n

\n {/* Back button */}\n

\n \n \n Back to all posts\n \n

\n \n {/* Post header */}\n

{post.title}

\n {formatDate(post.publishedAt)}\n {post.tags.length > 0 && (\n <>\n •\n

\n {post.tags.map(tag => (\n \n {tag.name}\n \n ))}\n

\n \n )}\n

\n \n {/* Featured image */}\n {post.featuredImage && (\n

\n ${post.title}\n$ \n

\n )}\n

\n \n {/* Post content */}\n

\n \n {/* Post footer */}\n \n

\n );\n}",[],[233,259,251],"components","9a85af80-2c37-11f0-98bc-569c3dd06744","PostList.tsx","9a85b02a-2c37-11f0-98bc-569c3dd06744",11,["D",1746727777571],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0\";\nimport { PostWithTags } from \"../../shared/types.ts\";\n\ninterface PostListProps {\n posts: PostWithTags[];\n}\n\nexport function PostList({ posts }: PostListProps) {\n if (posts.length === 0) {\n return (\n

No Posts Found

There are no blog posts available at the moment. Check back later!

\n );\n }\n\n // Format date function\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n };\n\n return (\n

Latest Posts

\n \n {/* Featured post (first post) */}\n {posts.length > 0 && (\n

\n \n

\n {posts[0].featuredImage && (\n

\n ${posts[0].title}\n$ \n

\n )}\n

\n {formatDate(posts[0].publishedAt)}\n •\n

\n {posts[0].tags.map(tag => (\n \n {tag.name}\n \n ))}\n

{posts[0].title}

\n {posts[0].excerpt || posts[0].content.substring(0, 150) + '...'}\n

\n Read more →\n

\n \n

\n )}\n \n {/* Rest of the posts in a grid */}\n

\n {posts.slice(1).map(post => (\n \n

\n {post.featuredImage && (\n

\n ${post.title}\n$ \n

\n )}\n

\n {formatDate(post.publishedAt)}\n {post.tags.length > 0 && (\n <>\n •\n

\n {post.tags.slice(0, 2).map(tag => (\n \n {tag.name}\n \n ))}\n {post.tags.length > 2 && (\n +{post.tags.length - 2}\n )}\n

\n \n )}\n

{post.title}

\n {post.excerpt || post.content.substring(0, 100) + '...'}\n

\n Read more →\n

\n \n ))}\n

\n );\n}",[],[233,259,261],"852d747e-2c37-11f0-a478-569c3dd06744","Header.tsx","852d750a-2c37-11f0-a478-569c3dd06744",9,["D",1746727741753],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0\";\n\nexport function Header() {\n return (\n

\n \n 📝\n

Beautiful Blog

\n \n

Thoughts, stories, and ideas

\n \n

\n );\n}",[],[233,259,269],"8d466954-2c37-11f0-81b4-569c3dd06744","Footer.tsx","8d466a26-2c37-11f0-81b4-569c3dd06744",10,["D",1746727755345],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { parseProject } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport function Footer() {\n const currentYear = new Date().getFullYear();\n const projectInfo = React.useMemo(() => {\n try {\n // This will only work on the server side\n if (typeof window === 'undefined') {\n return parseProject(import.meta.url);\n }\n return null;\n } catch (e) {\n console.error(\"Error parsing project info:\", e);\n return null;\n }\n }, []);\n\n return (\n \n );\n}",[],[233,259,277],"852d8fe0-2c37-11f0-a478-569c3dd06744",["D",1746727741753],[193,194,195,196],[233,259],"743115b8-2c37-11f0-9ddf-569c3dd06744",["D",1746727713260],[192,197,198,199],[233],"a928c018-2c37-11f0-bb56-569c3dd06744","index.ts",13,["D",1746727802123],"http","import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { cors } from \"https://esm.sh/hono@3.12.6/middleware\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { createTables } from \"./database/migrations.ts\";\nimport { postRoutes } from \"./routes/posts.ts\";\n\n// Initialize the Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(err);\n throw err;\n});\n\n// Set up CORS\napp.use(\"*\", cors());\n\n// Initialize database\ncreateTables().catch(console.error);\n\n// API routes\napp.route(\"/api\", postRoutes);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main HTML page with initial data\napp.get(\"/*\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index.html:\", error);\n return c.text(\"Error loading the blog. Please try again later.\", 500);\n }\n});\n\n// Export the Hono app for HTTP val\nexport default app.fetch;",[],[162,293],"6abcc20c-2c37-11f0-8f14-569c3dd06744","posts.ts","6abcc2de-2c37-11f0-8f14-569c3dd06744","591421db-0ca7-4afe-9d37-86c6d6405982",6,["D",1746727697399],"import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { getAllPosts, getPostBySlug, getAllTags } from \"../database/queries.ts\";\nimport { PostsResponse, PostResponse, TagsResponse } from \"../../shared/types.ts\";\n\n// Create a new Hono router\nexport const postRoutes = new Hono();\n\n/**\n * Get all published blog posts\n */\npostRoutes.get(\"/posts\", async (c) => {\n try {\n const posts = await getAllPosts();\n const response: PostsResponse = {\n posts,\n total: posts.length\n };\n return c.json(response);\n } catch (error) {\n console.error(\"Error fetching posts:\", error);\n return c.json({ error: \"Failed to fetch posts\" }, 500);\n }\n});\n\n/**\n * Get a single blog post by slug\n */\npostRoutes.get(\"/posts/:slug\", async (c) => {\n try {\n const slug = c.req.param(\"slug\");\n const post = await getPostBySlug(slug);\n \n if (!post) {\n return c.json({ error: \"Post not found\" }, 404);\n }\n \n const response: PostResponse = { post };\n return c.json(response);\n } catch (error) {\n console.error(\"Error fetching post:\", error);\n return c.json({ error: \"Failed to fetch post\" }, 500);\n }\n});\n\n/**\n * Get all tags\n */\npostRoutes.get(\"/tags\", async (c) => {\n try {\n const tags = await getAllTags();\n const response: TagsResponse = { tags };\n return c.json(response);\n } catch (error) {\n console.error(\"Error fetching tags:\", error);\n return c.json({ error: \"Failed to fetch tags\" }, 500);\n }\n});",[],[162,309,301],"routes","6abce534-2c37-11f0-8f14-569c3dd06744",["D",1746727697399],[189],[162,309],["D",1746727683960],[],[162,82,80],["D",1746727662010],[],[162,82,65],["D",1746727662010],[186,187],[162,82],"4c0ee632-2c37-11f0-992d-569c3dd06744",2,["D",1746727645920],[185,188,190],[162],["D",1746727613446],{"_11":12,"_132":71},{"_11":12,"_128":-5,"_70":71,"_31":69,"_129":130,"_131":30},{"_40":119,"_13":16,"_34":37,"_120":85,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":14,"_127":12},"ctx",{"_53":-5,"_151":365,"_366":367,"_368":369,"_370":30,"_371":30,"_372":30,"_373":24,"_374":-5,"_375":-7,"_376":-7,"_377":26,"_378":30,"_379":30,"_380":-5,"_381":30,"_382":30,"_383":30,"_384":-5},"ENV",{"_336":337,"_338":339,"_340":16,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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"]

History · database