[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_301":302,"_303":304},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":24,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/PostView.tsx","latestPath","fileId","a7481cc6-2c37-11f0-8318-569c3dd06744","name","PostView.tsx","fileType","script","content","/** @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}","createdAt",["D",1746727798975],"branchVersion","branchId","38b20524-2c37-11f0-abee-569c3dd06744","id","38b1bf24-2c37-11f0-abee-569c3dd06744","testtownie",["D",1746727613446],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","4c0ea9b0-2c37-11f0-992d-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned",14,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","charmaine","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":297,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":298,"_79":299,"_81":300,"_83":24},"tree",[168,175,183,185],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185],"counts",{"_158":61,"_159":133,"_160":61,"_161":162,"_163":164},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":156,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":157},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":150,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":151},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":143,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":145},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":135,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_26":138},"471a6692-2c37-11f0-a1d8-569c3dd06744","README.md","471a675a-2c37-11f0-a1d8-569c3dd06744","parentId",1,"latest",["D",1746727637595],"# Beautiful Blog\n\nA modern, elegant blog built on Val Town with a clean design and simple content management.\n\n## Features\n\n- Clean, responsive design with Tailwind CSS\n- Markdown support for blog posts\n- SQLite database for content storage\n- API endpoints for managing blog content\n- Beautiful typography and reading experience\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ └── queries.ts # DB query functions\n│ ├── routes/ # Route modules\n│ │ ├── posts.ts # Blog post routes\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main entry point\n├── frontend/\n│ ├── components/\n│ │ ├── Header.tsx # Blog header\n│ │ ├── Footer.tsx # Blog footer\n│ │ ├── PostList.tsx # List of blog posts\n│ │ └── PostView.tsx # Single post view\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend JS entry point\n└── shared/\n └── types.ts # Shared types\n```\n\n## Getting Started\n\nVisit the blog at the HTTP endpoint URL. To add new posts, use the `/admin` route.","label",[130],"65c7571c-2c37-11f0-bcb4-569c3dd06744","shared","a090259e-2fa0-4432-addf-7a1dda28d076",5,["D",1746727689078],"directory",[140],"743115b8-2c37-11f0-9ddf-569c3dd06744","frontend","6cd2b22e-6328-441f-a133-f4fbb7c4d9a0",7,["D",1746727713260],[147],"4c0ee632-2c37-11f0-992d-569c3dd06744","backend","6cdf2377-46e4-4600-b8e5-ba7617fcb631",2,["D",1746727645920],[153],"pulls","branches","forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":294,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":295,"_26":296},{"_42":290,"_31":281,"_29":275,"_132":154,"_40":41,"_39":285,"_134":57,"_37":291,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":292,"_26":293},{"_42":282,"_31":283,"_29":284,"_132":275,"_40":41,"_39":285,"_134":57,"_37":286,"_13":61,"_33":34,"_35":287,"_23":24,"_137":-5,"_187":288,"_26":289},{"_42":272,"_31":273,"_29":274,"_132":275,"_40":41,"_39":276,"_134":57,"_37":277,"_13":61,"_33":34,"_35":278,"_23":24,"_137":-5,"_187":279,"_26":280},{"_42":268,"_31":267,"_29":261,"_132":154,"_40":41,"_39":262,"_134":57,"_37":269,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":270,"_26":271},{"_42":258,"_31":259,"_29":260,"_132":261,"_40":41,"_39":262,"_134":57,"_37":263,"_13":61,"_33":34,"_35":264,"_23":24,"_137":-5,"_187":265,"_26":266},{"_42":252,"_31":253,"_29":55,"_132":154,"_40":41,"_39":155,"_134":24,"_37":254,"_13":61,"_33":34,"_35":255,"_23":24,"_137":-5,"_187":256,"_26":257},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":249,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":250,"_26":251},{"_42":245,"_31":220,"_29":216,"_132":148,"_40":41,"_39":232,"_134":57,"_37":246,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":247,"_26":248},{"_42":237,"_31":238,"_29":239,"_132":216,"_40":41,"_39":240,"_134":57,"_37":241,"_13":61,"_33":34,"_35":242,"_23":24,"_137":-5,"_187":243,"_26":244},{"_42":229,"_31":230,"_29":231,"_132":216,"_40":41,"_39":232,"_134":57,"_37":233,"_13":61,"_33":34,"_35":234,"_23":24,"_137":-5,"_187":235,"_26":236},{"_42":221,"_31":222,"_29":223,"_132":216,"_40":41,"_39":224,"_134":57,"_37":225,"_13":61,"_33":34,"_35":226,"_23":24,"_137":-5,"_187":227,"_26":228},{"_42":215,"_31":32,"_29":30,"_132":216,"_40":41,"_39":14,"_134":57,"_37":217,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_187":218,"_26":219},{"_42":208,"_31":209,"_29":210,"_132":148,"_40":41,"_39":149,"_134":57,"_37":211,"_13":61,"_33":20,"_35":212,"_23":24,"_137":-5,"_187":213,"_26":214},{"_42":200,"_31":201,"_29":202,"_132":148,"_40":41,"_39":203,"_134":57,"_37":204,"_13":61,"_33":34,"_35":205,"_23":24,"_137":-5,"_187":206,"_26":207},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":197,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":198,"_26":199},{"_42":190,"_31":191,"_29":192,"_132":141,"_40":41,"_39":142,"_134":57,"_37":193,"_13":61,"_33":34,"_35":194,"_23":24,"_137":-5,"_187":195,"_26":196},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":186,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_187":188,"_26":189},["D",1746727637595],"children",[],[130],"65c725a8-2c37-11f0-bcb4-569c3dd06744","types.ts","65c7267a-2c37-11f0-bcb4-569c3dd06744",["D",1746727689078],"/**\n * Blog post type\n */\nexport interface Post {\n id: number;\n title: string;\n slug: string;\n content: string;\n excerpt?: string;\n publishedAt: number; // timestamp\n updatedAt?: number; // timestamp\n isPublished: boolean;\n featuredImage?: string;\n}\n\n/**\n * Tag type\n */\nexport interface Tag {\n id: number;\n name: string;\n slug: string;\n}\n\n/**\n * Post with associated tags\n */\nexport interface PostWithTags extends Post {\n tags: Tag[];\n}\n\n/**\n * API response for posts list\n */\nexport interface PostsResponse {\n posts: PostWithTags[];\n total: number;\n}\n\n/**\n * API response for a single post\n */\nexport interface PostResponse {\n post: PostWithTags;\n}\n\n/**\n * API response for tags list\n */\nexport interface TagsResponse {\n tags: Tag[];\n}",[],[140,191],["D",1746727689078],[184],[140],"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();",[],[147,201],"7430f25e-2c37-11f0-9ddf-569c3dd06744","index.html","7430f2f4-2c37-11f0-9ddf-569c3dd06744",["D",1746727713260],"\n\n\n \n \n Beautiful Blog\n \n \n \n \n \n \n \n\n\n

\n \n\n",[],[147,209],"a7481c1c-2c37-11f0-8318-569c3dd06744","20d14ce9-ac17-4948-bcb1-0d322348aa17",["D",1746727798975],[],[147,220,32],"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}",[],[147,220,222],"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}",[],[147,220,230],"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}",[],[147,220,238],"852d8fe0-2c37-11f0-a478-569c3dd06744",["D",1746727741753],[177,178,179,180],[147,220],["D",1746727713260],[176,181,182],[147],"4c0ea906-2c37-11f0-992d-569c3dd06744","index.ts",["D",1746727645920],"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;",[],[153,253],"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});",[],[153,267,259],"routes","6abce534-2c37-11f0-8f14-569c3dd06744",["D",1746727697399],[173],[153,267],"62b9cb54-2c37-11f0-992d-569c3dd06744","queries.ts","62b9cbf4-2c37-11f0-992d-569c3dd06744","c00b2a61-dd0b-45c2-800a-01bc27c202df",4,["D",1746727683960],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { POSTS_TABLE, TAGS_TABLE, POST_TAGS_TABLE } from \"./migrations.ts\";\nimport { Post, PostWithTags, Tag } from \"../../shared/types.ts\";\n\n/**\n * Get all published blog posts\n */\nexport async function getAllPosts(): Promise {\n const result = await sqlite.execute(`\n SELECT \n p.id, p.title, p.slug, p.excerpt, p.content, \n p.published_at, p.updated_at, p.is_published, p.featured_image,\n GROUP_CONCAT(t.id) as tag_ids,\n GROUP_CONCAT(t.name) as tag_names,\n GROUP_CONCAT(t.slug) as tag_slugs\n FROM ${POSTS_TABLE} p\n LEFT JOIN ${POST_TAGS_TABLE} pt ON p.id = pt.post_id\n LEFT JOIN ${TAGS_TABLE} t ON pt.tag_id = t.id\n WHERE p.is_published = 1\n GROUP BY p.id\n ORDER BY p.published_at DESC\n `);\n\n return result.rows.map(row => {\n const tags: Tag[] = [];\n \n // Process tags if they exist\n if (row.tag_ids) {\n const tagIds = row.tag_ids.split(',');\n const tagNames = row.tag_names.split(',');\n const tagSlugs = row.tag_slugs.split(',');\n \n for (let i = 0; i < tagIds.length; i++) {\n tags.push({\n id: parseInt(tagIds[i]),\n name: tagNames[i],\n slug: tagSlugs[i]\n });\n }\n }\n \n return {\n id: row.id,\n title: row.title,\n slug: row.slug,\n excerpt: row.excerpt,\n content: row.content,\n publishedAt: row.published_at,\n updatedAt: row.updated_at,\n isPublished: Boolean(row.is_published),\n featuredImage: row.featured_image,\n tags\n };\n });\n}\n\n/**\n * Get a single blog post by slug\n */\nexport async function getPostBySlug(slug: string): Promise {\n const result = await sqlite.execute(`\n SELECT \n p.id, p.title, p.slug, p.excerpt, p.content, \n p.published_at, p.updated_at, p.is_published, p.featured_image,\n GROUP_CONCAT(t.id) as tag_ids,\n GROUP_CONCAT(t.name) as tag_names,\n GROUP_CONCAT(t.slug) as tag_slugs\n FROM ${POSTS_TABLE} p\n LEFT JOIN ${POST_TAGS_TABLE} pt ON p.id = pt.post_id\n LEFT JOIN ${TAGS_TABLE} t ON pt.tag_id = t.id\n WHERE p.slug = ? AND p.is_published = 1\n GROUP BY p.id\n `, [slug]);\n\n if (result.rows.length === 0) {\n return null;\n }\n\n const row = result.rows[0];\n const tags: Tag[] = [];\n \n // Process tags if they exist\n if (row.tag_ids) {\n const tagIds = row.tag_ids.split(',');\n const tagNames = row.tag_names.split(',');\n const tagSlugs = row.tag_slugs.split(',');\n \n for (let i = 0; i < tagIds.length; i++) {\n tags.push({\n id: parseInt(tagIds[i]),\n name: tagNames[i],\n slug: tagSlugs[i]\n });\n }\n }\n \n return {\n id: row.id,\n title: row.title,\n slug: row.slug,\n excerpt: row.excerpt,\n content: row.content,\n publishedAt: row.published_at,\n updatedAt: row.updated_at,\n isPublished: Boolean(row.is_published),\n featuredImage: row.featured_image,\n tags\n };\n}\n\n/**\n * Get all tags\n */\nexport async function getAllTags(): Promise {\n const result = await sqlite.execute(`\n SELECT id, name, slug\n FROM ${TAGS_TABLE}\n ORDER BY name ASC\n `);\n\n return result.rows.map(row => ({\n id: row.id,\n name: row.name,\n slug: row.slug\n }));\n}\n\n/**\n * Create a new blog post\n */\nexport async function createPost(post: Omit): Promise {\n const result = await sqlite.execute(`\n INSERT INTO ${POSTS_TABLE} (\n title, slug, content, excerpt, published_at, \n updated_at, is_published, featured_image\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?)\n RETURNING id\n `, [\n post.title,\n post.slug,\n post.content,\n post.excerpt,\n post.publishedAt,\n post.updatedAt,\n post.isPublished ? 1 : 0,\n post.featuredImage\n ]);\n\n return result.rows[0].id;\n}\n\n/**\n * Update an existing blog post\n */\nexport async function updatePost(id: number, post: Partial): Promise {\n const fields: string[] = [];\n const values: any[] = [];\n\n if (post.title !== undefined) {\n fields.push('title = ?');\n values.push(post.title);\n }\n\n if (post.slug !== undefined) {\n fields.push('slug = ?');\n values.push(post.slug);\n }\n\n if (post.content !== undefined) {\n fields.push('content = ?');\n values.push(post.content);\n }\n\n if (post.excerpt !== undefined) {\n fields.push('excerpt = ?');\n values.push(post.excerpt);\n }\n\n if (post.publishedAt !== undefined) {\n fields.push('published_at = ?');\n values.push(post.publishedAt);\n }\n\n if (post.updatedAt !== undefined) {\n fields.push('updated_at = ?');\n values.push(post.updatedAt);\n }\n\n if (post.isPublished !== undefined) {\n fields.push('is_published = ?');\n values.push(post.isPublished ? 1 : 0);\n }\n\n if (post.featuredImage !== undefined) {\n fields.push('featured_image = ?');\n values.push(post.featuredImage);\n }\n\n if (fields.length === 0) {\n return false;\n }\n\n values.push(id);\n\n const result = await sqlite.execute(`\n UPDATE ${POSTS_TABLE}\n SET ${fields.join(', ')}\n WHERE id = ?\n `, values);\n\n return result.rowsAffected > 0;\n}",[],[153,281,273],"database","55a4c41e-2c37-11f0-80d7-569c3dd06744","migrations.ts","55a4c4c8-2c37-11f0-80d7-569c3dd06744",3,["D",1746727662010],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names\nexport const POSTS_TABLE = \"blog_posts\";\nexport const TAGS_TABLE = \"blog_tags\";\nexport const POST_TAGS_TABLE = \"blog_post_tags\";\n\n/**\n * Create all necessary tables for the blog\n */\nexport async function createTables() {\n // Create posts table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${POSTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n slug TEXT NOT NULL UNIQUE,\n content TEXT NOT NULL,\n excerpt TEXT,\n published_at INTEGER NOT NULL,\n updated_at INTEGER,\n is_published BOOLEAN DEFAULT 1,\n featured_image TEXT\n )\n `);\n\n // Create tags table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TAGS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL UNIQUE,\n slug TEXT NOT NULL UNIQUE\n )\n `);\n\n // Create post_tags junction table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${POST_TAGS_TABLE} (\n post_id INTEGER NOT NULL,\n tag_id INTEGER NOT NULL,\n PRIMARY KEY (post_id, tag_id),\n FOREIGN KEY (post_id) REFERENCES ${POSTS_TABLE}(id) ON DELETE CASCADE,\n FOREIGN KEY (tag_id) REFERENCES ${TAGS_TABLE}(id) ON DELETE CASCADE\n )\n `);\n\n // Create indexes\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_posts_published_at ON ${POSTS_TABLE}(published_at)`);\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_posts_slug ON ${POSTS_TABLE}(slug)`);\n\n // Insert sample post if none exist\n const postCount = await sqlite.execute(`SELECT COUNT(*) as count FROM ${POSTS_TABLE}`);\n if (postCount.rows[0].count === 0) {\n await createSamplePost();\n }\n}\n\n/**\n * Create a sample blog post\n */\nasync function createSamplePost() {\n const now = Date.now();\n \n await sqlite.execute(`\n INSERT INTO ${POSTS_TABLE} (\n title, \n slug, \n content, \n excerpt, \n published_at, \n is_published, \n featured_image\n ) VALUES (?, ?, ?, ?, ?, ?, ?)\n `, [\n \"Welcome to Your Beautiful Blog\",\n \"welcome-to-your-beautiful-blog\",\n `# Welcome to Your Beautiful Blog\n\nThis is your first blog post! You can edit or delete this post and start creating your own content.\n\n## Markdown Support\n\nThis blog supports Markdown formatting, which means you can:\n\n- Create **bold** or *italic* text\n- Add [links](https://val.town)\n- Include code blocks:\n\n\\`\\`\\`typescript\nconst greeting = \"Hello, world!\";\nconsole.log(greeting);\n\\`\\`\\`\n\n## Next Steps\n\n1. Visit the admin section to create new posts\n2. Customize your blog's appearance\n3. Share your blog with the world!\n\nEnjoy your new blog!`,\n \"Get started with your new beautiful blog built on Val Town. This post introduces the features and capabilities of your new blog platform.\",\n now,\n true,\n \"https://images.unsplash.com/photo-1499750310107-5fef28a66643?q=80&w=1000\"\n ]);\n\n // Add a sample tag\n await sqlite.execute(`\n INSERT INTO ${TAGS_TABLE} (name, slug) VALUES (?, ?)\n `, [\"Getting Started\", \"getting-started\"]);\n\n // Link the post to the tag\n const postId = (await sqlite.execute(`SELECT id FROM ${POSTS_TABLE} WHERE slug = ?`, [\"welcome-to-your-beautiful-blog\"])).rows[0].id;\n const tagId = (await sqlite.execute(`SELECT id FROM ${TAGS_TABLE} WHERE slug = ?`, [\"getting-started\"])).rows[0].id;\n \n await sqlite.execute(`\n INSERT INTO ${POST_TAGS_TABLE} (post_id, tag_id) VALUES (?, ?)\n `, [postId, tagId]);\n}",[],[153,281,283],"55a4f056-2c37-11f0-80d7-569c3dd06744",["D",1746727662010],[170,171],[153,281],["D",1746727645920],[169,172,174],[153],["D",1746727613446],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":334,"_335":336,"_337":338,"_339":24,"_340":24,"_341":24,"_342":57,"_343":-5,"_344":-7,"_345":-7,"_346":61,"_347":24,"_348":24,"_349":-5,"_350":24,"_351":24,"_352":24,"_353":-5},"ENV",{"_305":306,"_307":308,"_309":85,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333},"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"]

Diff · v12