Email Blog

${post.title}

${truncateHTML(post.content, 300)}

`,\n published: formatActivityPubDate(new Date(post.published_at)),\n to: ['https://www.w3.org/ns/activitystreams#Public'],\n cc: [`${actorId}/followers`]\n };\n\n // Create Create activity\n const activity = {\n '@context': note['@context'],\n type: 'Create',\n id: `${postUrl}#create`,\n actor: actorId,\n object: note,\n published: note.published,\n to: note.to,\n cc: note.cc\n };\n\n // Send to followers' inboxes (this would require implementing the full ActivityPub protocol)\n // For now, we'll just log the activity\n console.log('ActivityPub activity created:', {\n type: activity.type,\n id: activity.id,\n title: post.title\n });\n\n // In a full implementation, you would:\n // 1. Get the list of followers\n // 2. Send the activity to each follower's inbox\n // 3. Handle HTTP signatures for authentication\n \n } catch (error) {\n console.error('Error publishing to ActivityPub:', error);\n throw error;\n }\n}\n\n/**\n * Generate ActivityPub actor document\n */\nexport function generateActorDocument(): any {\n const domain = Deno.env.get('ACTIVITYPUB_DOMAIN');\n const baseUrl = getBaseUrl();\n \n return {\n '@context': [\n 'https://www.w3.org/ns/activitystreams',\n 'https://w3id.org/security/v1'\n ],\n type: 'Person',\n id: `https://${domain}/actor`,\n preferredUsername: 'blog',\n name: 'Email Blog',\n summary: 'A blog powered by email publishing',\n url: baseUrl,\n inbox: `https://${domain}/inbox`,\n outbox: `https://${domain}/outbox`,\n followers: `https://${domain}/followers`,\n following: `https://${domain}/following`,\n publicKey: {\n id: `https://${domain}/actor#main-key`,\n owner: `https://${domain}/actor`,\n publicKeyPem: '-----BEGIN PUBLIC KEY-----\\n...\\n-----END PUBLIC KEY-----'\n }\n };\n}\n\nfunction getBaseUrl(): string {\n return 'https://your-val-name.web.val.run';\n}",[],[154,198,205],{"_104":213,"_95":214,"_155":215,"_157":199,"_158":140,"_159":216,"_161":22,"_106":217,"_100":32,"_164":183,"_166":218,"_167":22,"_168":-5,"_169":219,"_98":220},"0c2470ae-5dca-11f0-895f-0224a6c84d84","atprotocol.ts","0c247158-5dca-11f0-895f-0224a6c84d84",10,["D",1752178281692],"import { BlogPost, ATProtoPost } from \"../../shared/types.ts\";\nimport { truncateHTML } from \"../../shared/utils.ts\";\n\n/**\n * Publish a blog post to AT Protocol (Bluesky)\n */\nexport async function publishToATProtocol(post: BlogPost): Promise {\n const handle = Deno.env.get('ATPROTO_HANDLE');\n const password = Deno.env.get('ATPROTO_PASSWORD');\n \n if (!handle || !password) {\n console.log('AT Protocol credentials not configured, skipping publication');\n return;\n }\n\n try {\n // Create session with Bluesky\n const session = await createATProtoSession(handle, password);\n \n // Prepare post content\n const postUrl = `${getBaseUrl()}/post/${post.slug}`;\n const content = `📝 New blog post: ${post.title}\\n\\n${truncateHTML(post.content, 200)}\\n\\nRead more: ${postUrl}`;\n \n // Create AT Protocol post\n const atPost: ATProtoPost = {\n text: content,\n createdAt: new Date().toISOString()\n };\n\n // Add link embed if possible\n if (postUrl) {\n atPost.embed = {\n $type: 'app.bsky.embed.external',\n external: {\n uri: postUrl,\n title: post.title,\n description: truncateHTML(post.content, 300)\n }\n };\n }\n\n // Publish to Bluesky\n const response = await fetch('https://bsky.social/xrpc/com.atproto.repo.createRecord', {\n method: 'POST',\n headers: {\n 'Authorization': `Bearer ${session.accessJwt}`,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n repo: session.did,\n collection: 'app.bsky.feed.post',\n record: atPost\n })\n });\n\n if (response.ok) {\n const result = await response.json();\n console.log('Published to AT Protocol:', result.uri);\n } else {\n const error = await response.text();\n console.error('Failed to publish to AT Protocol:', response.status, error);\n }\n\n } catch (error) {\n console.error('Error publishing to AT Protocol:', error);\n throw error;\n }\n}\n\n/**\n * Create AT Protocol session\n */\nasync function createATProtoSession(handle: string, password: string): Promise {\n const response = await fetch('https://bsky.social/xrpc/com.atproto.server.createSession', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n identifier: handle,\n password: password\n })\n });\n\n if (!response.ok) {\n const error = await response.text();\n throw new Error(`Failed to create AT Protocol session: ${error}`);\n }\n\n return await response.json();\n}\n\nfunction getBaseUrl(): string {\n return 'https://your-val-name.web.val.run';\n}",[],[154,198,214],{"_104":222,"_95":223,"_155":224,"_157":199,"_158":140,"_159":225,"_161":162,"_106":226,"_100":32,"_164":183,"_166":227,"_167":22,"_168":-5,"_169":228,"_98":229},"1410fe72-5dca-11f0-bb45-0224a6c84d84","rss.ts","1410ff4e-5dca-11f0-bb45-0224a6c84d84",11,["D",1752178294984],"import { BlogPost, RSSItem } from \"../../shared/types.ts\";\nimport { formatRSSDate, truncateHTML } from \"../../shared/utils.ts\";\n\n/**\n * Generate RSS 2.0 feed XML\n */\nexport function generateRSSFeed(posts: BlogPost[], baseUrl: string): string {\n const now = new Date();\n const items = posts.map(post => generateRSSItem(post, baseUrl));\n \n const rssXML = `\n\n \n Email Blog\n ${baseUrl}\n A blog powered by email publishing\n en-us\n ${formatRSSDate(now)}\n Email Blog Platform\n \n blog@${getDomain(baseUrl)} (Email Blog)\n blog@${getDomain(baseUrl)} (Email Blog)\n 60\n \n ${items.map(item => `\n \n <![CDATA[${item.title}]]>\n ${item.link}\n ${item.guid}\n \n \n ${item.pubDate}\n ${item.author}\n `).join('')}\n \n`;\n\n return rssXML;\n}\n\n/**\n * Generate RSS item from blog post\n */\nfunction generateRSSItem(post: BlogPost, baseUrl: string): RSSItem & { content: string } {\n const link = `${baseUrl}/post/${post.slug}`;\n const description = truncateHTML(post.content, 300);\n \n return {\n title: post.title,\n link,\n guid: link,\n description,\n content: post.content,\n pubDate: formatRSSDate(new Date(post.published_at)),\n author: `${post.author_email} (${post.author_name || post.author_email})`\n };\n}\n\n/**\n * Extract domain from URL\n */\nfunction getDomain(url: string): string {\n try {\n return new URL(url).hostname;\n } catch {\n return 'localhost';\n }\n}",[],[154,198,223],{"_104":231,"_95":232,"_155":233,"_157":199,"_158":140,"_159":200,"_161":22,"_106":234,"_100":32,"_164":183,"_166":235,"_167":22,"_168":-5,"_169":236,"_98":237},"1eea0f2e-5dc9-11f0-b5a0-0224a6c84d84","websub.ts","1eea101e-5dc9-11f0-b5a0-0224a6c84d84",["D",1752177883687],"import { getActiveWebSubSubscriptions } from \"../database/queries.ts\";\n\n/**\n * Notify WebSub subscribers of new content\n */\nexport async function notifyWebSubSubscribers(): Promise {\n const hubUrl = Deno.env.get('WEBSUB_HUB_URL');\n if (!hubUrl) {\n console.log('WebSub hub URL not configured, skipping notifications');\n return;\n }\n\n try {\n const subscriptions = await getActiveWebSubSubscribers();\n \n if (subscriptions.length === 0) {\n console.log('No active WebSub subscriptions found');\n return;\n }\n\n // Notify the hub that our feed has been updated\n const topicUrl = `${getBaseUrl()}/rss`;\n \n const formData = new FormData();\n formData.append('hub.mode', 'publish');\n formData.append('hub.url', topicUrl);\n\n const response = await fetch(hubUrl, {\n method: 'POST',\n body: formData\n });\n\n if (response.ok) {\n console.log(`WebSub hub notified successfully for ${subscriptions.length} subscriptions`);\n } else {\n console.error('Failed to notify WebSub hub:', response.status, await response.text());\n }\n } catch (error) {\n console.error('Error notifying WebSub subscribers:', error);\n throw error;\n }\n}\n\n/**\n * Handle WebSub subscription requests\n */\nexport async function handleWebSubSubscription(\n mode: string,\n callback: string,\n topic: string,\n challenge?: string,\n leaseSeconds?: number,\n secret?: string\n): Promise {\n const expectedTopic = `${getBaseUrl()}/rss`;\n \n if (topic !== expectedTopic) {\n throw new Error(`Invalid topic URL: ${topic}`);\n }\n\n if (mode === 'subscribe') {\n // Store subscription (will be verified when challenge is confirmed)\n await addWebSubSubscription(callback, topic, leaseSeconds, secret);\n \n if (challenge) {\n // Verify the subscription by returning the challenge\n return challenge;\n }\n } else if (mode === 'unsubscribe') {\n // Handle unsubscription\n await removeWebSubSubscription(callback);\n \n if (challenge) {\n return challenge;\n }\n }\n\n return null;\n}\n\nfunction getBaseUrl(): string {\n // In Val Town, we can construct the base URL from the current environment\n // This would need to be configured based on your actual domain\n return 'https://your-val-name.web.val.run';\n}\n\n// Helper function to remove subscription (implement in queries.ts if needed)\nasync function removeWebSubSubscription(callbackUrl: string): Promise {\n // Implementation would go in queries.ts\n console.log(`Removing WebSub subscription for ${callbackUrl}`);\n}",[],[154,198,232],[154,198],{"_104":240,"_95":241,"_155":242,"_157":156,"_158":140,"_159":243,"_161":22,"_106":244,"_100":245,"_164":246,"_166":247,"_167":22,"_168":-5,"_169":248,"_98":249},"28641c10-5dca-11f0-9222-0224a6c84d84","index.ts","260c9582-5dca-11f0-b2ad-0224a6c84d84",13,["D",1752178329079],1,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { initializeDatabase } from \"./database/schema.ts\";\nimport { getAllPosts, getPostBySlug, getRecentPosts } from \"./database/queries.ts\";\nimport { generateRSSFeed } from \"./services/rss.ts\";\nimport { handleWebSubSubscription } from \"./services/websub.ts\";\nimport { generateActorDocument } from \"./services/activitypub.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\nawait initializeDatabase();\n\n// Get base URL for the application\nfunction getBaseUrl(c: any): string {\n const host = c.req.header('host') || 'localhost:3000';\n const protocol = c.req.header('x-forwarded-proto') || 'https';\n return `${protocol}://${host}`;\n}\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// Main blog page\napp.get(\"/\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get recent posts for initial data\n const posts = await getAllPosts(20);\n const baseUrl = getBaseUrl(c);\n \n // Inject initial data\n const initialData = {\n posts,\n baseUrl\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error('Error serving main page:', error);\n return c.text('Error loading blog', 500);\n }\n});\n\n// Individual post page\napp.get(\"/post/: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.text('Post not found', 404);\n }\n \n let html = await readFile(\"/frontend/post.html\", import.meta.url);\n \n // Inject post data and meta tags\n const baseUrl = getBaseUrl(c);\n const postUrl = `${baseUrl}/post/${slug}`;\n \n // Replace meta tags for social sharing\n html = html.replace('{{TITLE}}', post.title);\n html = html.replace('{{DESCRIPTION}}', post.content.replace(/<[^>]*>/g, '').substring(0, 160));\n html = html.replace('{{URL}}', postUrl);\n html = html.replace('{{AUTHOR}}', post.author_name || post.author_email);\n \n // Inject post data\n const initialData = {\n post,\n baseUrl\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error('Error serving post:', error);\n return c.text('Error loading post', 500);\n }\n});\n\n// RSS feed\napp.get(\"/rss\", async c => {\n try {\n const posts = await getRecentPosts(50);\n const baseUrl = getBaseUrl(c);\n const rssXML = generateRSSFeed(posts, baseUrl);\n \n return c.text(rssXML, 200, {\n 'Content-Type': 'application/rss+xml; charset=utf-8',\n 'Cache-Control': 'public, max-age=3600'\n });\n } catch (error) {\n console.error('Error generating RSS feed:', error);\n return c.text('Error generating RSS feed', 500);\n }\n});\n\n// API: Get all posts\napp.get(\"/api/posts\", async c => {\n try {\n const limit = parseInt(c.req.query('limit') || '20');\n const offset = parseInt(c.req.query('offset') || '0');\n const posts = await getAllPosts(limit, offset);\n \n return c.json({ posts });\n } catch (error) {\n console.error('Error fetching posts:', error);\n return c.json({ error: 'Failed to fetch posts' }, 500);\n }\n});\n\n// API: Get single post\napp.get(\"/api/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 return c.json({ post });\n } catch (error) {\n console.error('Error fetching post:', error);\n return c.json({ error: 'Failed to fetch post' }, 500);\n }\n});\n\n// WebSub hub endpoint\napp.get(\"/websub\", async c => {\n try {\n const mode = c.req.query('hub.mode');\n const callback = c.req.query('hub.callback');\n const topic = c.req.query('hub.topic');\n const challenge = c.req.query('hub.challenge');\n const leaseSeconds = c.req.query('hub.lease_seconds');\n const secret = c.req.query('hub.secret');\n \n if (!mode || !callback || !topic) {\n return c.text('Missing required parameters', 400);\n }\n \n const result = await handleWebSubSubscription(\n mode,\n callback,\n topic,\n challenge,\n leaseSeconds ? parseInt(leaseSeconds) : undefined,\n secret\n );\n \n if (result) {\n return c.text(result);\n }\n \n return c.text('OK', 200);\n } catch (error) {\n console.error('WebSub error:', error);\n return c.text('WebSub error', 400);\n }\n});\n\n// ActivityPub actor endpoint\napp.get(\"/actor\", async c => {\n try {\n const actor = generateActorDocument();\n return c.json(actor, 200, {\n 'Content-Type': 'application/activity+json'\n });\n } catch (error) {\n console.error('ActivityPub actor error:', error);\n return c.json({ error: 'Failed to generate actor document' }, 500);\n }\n});\n\n// ActivityPub inbox (for receiving activities)\napp.post(\"/inbox\", async c => {\n try {\n const activity = await c.req.json();\n console.log('Received ActivityPub activity:', activity);\n \n // Handle different activity types\n // This would be expanded based on ActivityPub spec requirements\n \n return c.text('', 202);\n } catch (error) {\n console.error('ActivityPub inbox error:', error);\n return c.text('Error processing activity', 400);\n }\n});\n\n// Health check\napp.get(\"/health\", c => {\n return c.json({ status: 'ok', timestamp: new Date().toISOString() });\n});\n\nexport default app;",[],[154,241],[154],{"_104":252,"_95":253,"_155":254,"_157":-5,"_158":140,"_159":255,"_161":162,"_106":256,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":257,"_98":310},"2fb46b32-5dca-11f0-8fd0-0224a6c84d84","frontend","f252d7da-427d-4f5e-a88f-f1f5d86c4e5d",14,["D",1752178341352],[258,283,292,301],{"_104":259,"_95":260,"_155":261,"_157":254,"_158":140,"_159":262,"_161":162,"_106":263,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":264,"_98":282},"52dd71bc-5dca-11f0-a816-0224a6c84d84","components","bcb5bf8b-dc43-422f-9fcb-c035f750b8cd",17,["D",1752178400340],[265,273],{"_104":266,"_95":267,"_155":268,"_157":261,"_158":140,"_159":262,"_161":22,"_106":269,"_100":32,"_164":183,"_166":270,"_167":22,"_168":-5,"_169":271,"_98":272},"52dd42dc-5dca-11f0-a816-0224a6c84d84","BlogApp.js","52dd43b8-5dca-11f0-a816-0224a6c84d84",["D",1752178400340],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nconst { useState, useEffect } = React;\n\nexport function BlogApp({ initialData }) {\n const [posts, setPosts] = useState(initialData.posts || []);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n const formatDate = (dateString) => {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n const truncateContent = (content, maxLength = 300) => {\n const text = content.replace(/<[^>]*>/g, '');\n if (text.length <= maxLength) return text;\n return text.substring(0, maxLength).trim() + '...';\n };\n\n return React.createElement('div', { className: 'min-h-screen bg-gray-50' },\n // Header\n React.createElement('header', { className: 'blog-header' },\n React.createElement('div', { className: 'max-w-4xl mx-auto px-4 py-6' },\n React.createElement('div', { className: 'flex items-center justify-between' },\n React.createElement('div', { className: 'flex items-center space-x-3' },\n React.createElement('span', { className: 'text-3xl email-icon' }, '📧'),\n React.createElement('div', null,\n React.createElement('h1', { className: 'text-2xl font-bold text-gray-900' }, 'Email Blog'),\n React.createElement('p', { className: 'text-gray-600' }, 'Powered by email publishing')\n )\n ),\n React.createElement('div', { className: 'social-links flex space-x-2' },\n React.createElement('a', {\n href: '/rss',\n className: 'inline-flex items-center px-3 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-md transition-colors duration-200',\n title: 'RSS Feed'\n },\n React.createElement('span', { className: 'mr-1' }, '📡'),\n 'RSS'\n )\n )\n )\n )\n ),\n\n // Main content\n React.createElement('main', { className: 'max-w-4xl mx-auto px-4 py-8' },\n error && React.createElement('div', {\n className: 'bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded mb-6'\n }, error),\n\n loading && React.createElement('div', { className: 'text-center py-8' },\n React.createElement('div', { className: 'loading-skeleton h-4 w-32 mx-auto mb-4' }),\n React.createElement('div', { className: 'loading-skeleton h-3 w-24 mx-auto' })\n ),\n\n posts.length === 0 && !loading && React.createElement('div', {\n className: 'text-center py-12'\n },\n React.createElement('span', { className: 'text-6xl mb-4 block' }, '✉️'),\n React.createElement('h2', { className: 'text-xl font-semibold text-gray-900 mb-2' }, 'No posts yet'),\n React.createElement('p', { className: 'text-gray-600' }, 'Send an email to start publishing!')\n ),\n\n // Posts grid\n posts.length > 0 && React.createElement('div', { className: 'space-y-6' },\n posts.map(post => \n React.createElement('article', {\n key: post.id,\n className: 'post-card p-6'\n },\n React.createElement('div', { className: 'flex items-start justify-between mb-4' },\n React.createElement('div', { className: 'flex-1' },\n React.createElement('h2', { className: 'text-xl font-semibold text-gray-900 mb-2' },\n React.createElement('a', {\n href: `/post/${post.slug}`,\n className: 'hover:text-blue-600 transition-colors duration-200'\n }, post.title)\n ),\n React.createElement('div', { className: 'post-meta flex items-center space-x-4 text-sm text-gray-500' },\n React.createElement('span', null, `By ${post.author_name || post.author_email}`),\n React.createElement('span', null, formatDate(post.published_at))\n )\n )\n ),\n React.createElement('div', { className: 'prose max-w-none mb-4' },\n React.createElement('p', { className: 'text-gray-600' },\n truncateContent(post.content)\n )\n ),\n React.createElement('div', { className: 'flex justify-between items-center' },\n React.createElement('a', {\n href: `/post/${post.slug}`,\n className: 'text-blue-600 hover:text-blue-800 font-medium text-sm'\n }, 'Read more →'),\n React.createElement('div', { className: 'flex items-center space-x-2 text-xs text-gray-400' },\n React.createElement('span', null, post.content_type === 'html' ? '🌐 HTML' : '📝 Text')\n )\n )\n )\n )\n )\n ),\n\n // Footer\n React.createElement('footer', { className: 'blog-footer' },\n React.createElement('div', { className: 'max-w-4xl mx-auto px-4 py-6' },\n React.createElement('div', { className: 'text-center text-gray-600' },\n React.createElement('p', null, '© 2024 Email Blog. Powered by Val Town.'),\n React.createElement('p', { className: 'text-sm mt-2' },\n 'Send an email to publish instantly • ',\n React.createElement('a', {\n href: '/rss',\n className: 'text-blue-600 hover:text-blue-800'\n }, 'RSS Feed')\n )\n )\n )\n )\n );\n}",[],[253,260,267],{"_104":274,"_95":275,"_155":276,"_157":261,"_158":140,"_159":277,"_161":22,"_106":278,"_100":32,"_164":183,"_166":279,"_167":22,"_168":-5,"_169":280,"_98":281},"632e6a8a-5dca-11f0-956f-0224a6c84d84","PostPage.js","632e6b84-5dca-11f0-956f-0224a6c84d84",18,["D",1752178427718],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nconst { useState, useEffect } = React;\n\nexport function PostPage({ initialData }) {\n const [post, setPost] = useState(initialData.post);\n const [loading, setLoading] = useState(!initialData.post);\n const [error, setError] = useState(null);\n\n const formatDate = (dateString) => {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n if (loading) {\n return React.createElement('div', { className: 'min-h-screen bg-gray-50 flex items-center justify-center' },\n React.createElement('div', { className: 'text-center' },\n React.createElement('div', { className: 'loading-skeleton h-8 w-64 mx-auto mb-4' }),\n React.createElement('div', { className: 'loading-skeleton h-4 w-32 mx-auto' })\n )\n );\n }\n\n if (error || !post) {\n return React.createElement('div', { className: 'min-h-screen bg-gray-50 flex items-center justify-center' },\n React.createElement('div', { className: 'text-center' },\n React.createElement('span', { className: 'text-6xl mb-4 block' }, '❌'),\n React.createElement('h1', { className: 'text-2xl font-bold text-gray-900 mb-2' }, 'Post Not Found'),\n React.createElement('p', { className: 'text-gray-600 mb-4' }, error || 'The requested post could not be found.'),\n React.createElement('a', {\n href: '/',\n className: 'text-blue-600 hover:text-blue-800 font-medium'\n }, '← Back to Blog')\n )\n );\n }\n\n return React.createElement('div', { className: 'min-h-screen bg-gray-50' },\n // Header\n React.createElement('header', { className: 'blog-header' },\n React.createElement('div', { className: 'max-w-4xl mx-auto px-4 py-6' },\n React.createElement('div', { className: 'flex items-center justify-between' },\n React.createElement('a', {\n href: '/',\n className: 'flex items-center space-x-3 hover:opacity-80 transition-opacity'\n },\n React.createElement('span', { className: 'text-3xl' }, '📧'),\n React.createElement('div', null,\n React.createElement('h1', { className: 'text-xl font-bold text-gray-900' }, 'Email Blog'),\n React.createElement('p', { className: 'text-sm text-gray-600' }, '← Back to all posts')\n )\n ),\n React.createElement('div', { className: 'social-links flex space-x-2' },\n React.createElement('a', {\n href: '/rss',\n className: 'inline-flex items-center px-3 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-md transition-colors duration-200',\n title: 'RSS Feed'\n },\n React.createElement('span', { className: 'mr-1' }, '📡'),\n 'RSS'\n )\n )\n )\n )\n ),\n\n // Post content\n React.createElement('main', { className: 'max-w-4xl mx-auto px-4 py-8' },\n React.createElement('article', { className: 'bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden' },\n // Post header\n React.createElement('header', { className: 'px-6 py-8 border-b border-gray-200' },\n React.createElement('h1', { className: 'text-3xl font-bold text-gray-900 mb-4' }, post.title),\n React.createElement('div', { className: 'flex items-center justify-between' },\n React.createElement('div', { className: 'flex items-center space-x-4 text-sm text-gray-600' },\n React.createElement('div', { className: 'flex items-center space-x-2' },\n React.createElement('span', { className: 'text-lg' }, '👤'),\n React.createElement('span', null, post.author_name || post.author_email)\n ),\n React.createElement('div', { className: 'flex items-center space-x-2' },\n React.createElement('span', { className: 'text-lg' }, '📅'),\n React.createElement('time', { dateTime: post.published_at }, formatDate(post.published_at))\n )\n ),\n React.createElement('div', { className: 'flex items-center space-x-2 text-xs text-gray-500' },\n React.createElement('span', null, post.content_type === 'html' ? '🌐 HTML' : '📝 Text')\n )\n )\n ),\n\n // Post body\n React.createElement('div', { className: 'px-6 py-8' },\n React.createElement('div', {\n className: 'blog-post-content prose max-w-none',\n dangerouslySetInnerHTML: { __html: post.content }\n })\n ),\n\n // Post footer\n React.createElement('footer', { className: 'px-6 py-4 bg-gray-50 border-t border-gray-200' },\n React.createElement('div', { className: 'flex items-center justify-between' },\n React.createElement('div', { className: 'text-sm text-gray-600' },\n 'Published via email on ',\n React.createElement('time', { dateTime: post.published_at }, formatDate(post.published_at))\n ),\n React.createElement('div', { className: 'flex items-center space-x-4' },\n React.createElement('button', {\n onClick: () => {\n if (navigator.share) {\n navigator.share({\n title: post.title,\n url: window.location.href\n });\n } else {\n navigator.clipboard.writeText(window.location.href);\n alert('Link copied to clipboard!');\n }\n },\n className: 'text-blue-600 hover:text-blue-800 text-sm font-medium'\n }, '🔗 Share'),\n React.createElement('a', {\n href: '/',\n className: 'text-blue-600 hover:text-blue-800 text-sm font-medium'\n }, '← All Posts')\n )\n )\n )\n )\n ),\n\n // Footer\n React.createElement('footer', { className: 'blog-footer' },\n React.createElement('div', { className: 'max-w-4xl mx-auto px-4 py-6' },\n React.createElement('div', { className: 'text-center text-gray-600' },\n React.createElement('p', null, '© 2024 Email Blog. Powered by Val Town.'),\n React.createElement('p', { className: 'text-sm mt-2' },\n 'Send an email to publish instantly • ',\n React.createElement('a', {\n href: '/rss',\n className: 'text-blue-600 hover:text-blue-800'\n }, 'RSS Feed')\n )\n )\n )\n )\n );\n}",[],[253,260,275],[253,260],{"_104":284,"_95":285,"_155":286,"_157":254,"_158":140,"_159":255,"_161":22,"_106":287,"_100":32,"_164":288,"_166":289,"_167":22,"_168":-5,"_169":290,"_98":291},"2fb45cf0-5dca-11f0-8fd0-0224a6c84d84","index.html","2fb45de0-5dca-11f0-8fd0-0224a6c84d84",["D",1752178341352],"file","\n\n\n \n \n Email Blog\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 📧\">\n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n\n",[],[253,285],{"_104":293,"_95":294,"_155":295,"_157":254,"_158":140,"_159":296,"_161":22,"_106":297,"_100":32,"_164":288,"_166":298,"_167":22,"_168":-5,"_169":299,"_98":300},"37056c4c-5dca-11f0-a4b8-0224a6c84d84","post.html","37056d1e-5dca-11f0-a4b8-0224a6c84d84",15,["D",1752178353631],"\n\n\n \n \n {{TITLE}} - Email Blog\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 📧\">\n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n\n",[],[253,294],{"_104":302,"_95":303,"_155":304,"_157":254,"_158":140,"_159":305,"_161":22,"_106":306,"_100":32,"_164":288,"_166":307,"_167":22,"_168":-5,"_169":308,"_98":309},"41cd0b6c-5dca-11f0-874b-0224a6c84d84","style.css","41cd0c52-5dca-11f0-874b-0224a6c84d84",16,["D",1752178371714],"/* Custom styles for the email blog */\n\n/* Typography */\n.prose {\n max-width: none;\n}\n\n.prose h1 {\n @apply text-3xl font-bold text-gray-900 mb-4;\n}\n\n.prose h2 {\n @apply text-2xl font-semibold text-gray-800 mb-3 mt-6;\n}\n\n.prose h3 {\n @apply text-xl font-medium text-gray-700 mb-2 mt-4;\n}\n\n.prose p {\n @apply text-gray-600 mb-4 leading-relaxed;\n}\n\n.prose a {\n @apply text-blue-600 hover:text-blue-800 underline;\n}\n\n.prose ul, .prose ol {\n @apply mb-4 pl-6;\n}\n\n.prose li {\n @apply mb-1;\n}\n\n.prose blockquote {\n @apply border-l-4 border-gray-300 pl-4 italic text-gray-600 my-4;\n}\n\n.prose code {\n @apply bg-gray-100 px-1 py-0.5 rounded text-sm font-mono;\n}\n\n.prose pre {\n @apply bg-gray-100 p-4 rounded overflow-x-auto mb-4;\n}\n\n.prose pre code {\n @apply bg-transparent p-0;\n}\n\n/* Blog post styling */\n.blog-post-content {\n @apply prose max-w-none;\n}\n\n.blog-post-content img {\n @apply max-w-full h-auto rounded-lg shadow-sm my-4;\n}\n\n/* Header */\n.blog-header {\n @apply bg-white shadow-sm border-b border-gray-200;\n}\n\n/* Post cards */\n.post-card {\n @apply bg-white rounded-lg shadow-sm border border-gray-200 hover:shadow-md transition-shadow duration-200;\n}\n\n.post-card:hover {\n @apply border-gray-300;\n}\n\n/* Meta information */\n.post-meta {\n @apply text-sm text-gray-500;\n}\n\n/* Loading states */\n.loading-skeleton {\n @apply animate-pulse bg-gray-200 rounded;\n}\n\n/* Responsive adjustments */\n@media (max-width: 640px) {\n .prose h1 {\n @apply text-2xl;\n }\n \n .prose h2 {\n @apply text-xl;\n }\n \n .prose h3 {\n @apply text-lg;\n }\n}\n\n/* Email icon animation */\n.email-icon {\n animation: bounce 2s infinite;\n}\n\n@keyframes bounce {\n 0%, 20%, 53%, 80%, 100% {\n transform: translateY(0);\n }\n 40%, 43% {\n transform: translateY(-10px);\n }\n 70% {\n transform: translateY(-5px);\n }\n 90% {\n transform: translateY(-2px);\n }\n}\n\n/* RSS and social links */\n.social-links a {\n @apply inline-flex items-center px-3 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-md transition-colors duration-200;\n}\n\n/* Footer */\n.blog-footer {\n @apply bg-gray-100 border-t border-gray-200 mt-12;\n}",[],[253,303],[253],{"_104":312,"_95":313,"_155":314,"_157":-5,"_158":140,"_159":315,"_161":162,"_106":316,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":317,"_98":335},"eea83494-5dc8-11f0-bd13-0224a6c84d84","shared","f28d295b-cc10-4b23-abed-efaa005ca60d",2,["D",1752177802723],[318,326],{"_104":319,"_95":320,"_155":321,"_157":314,"_158":140,"_159":315,"_161":22,"_106":322,"_100":32,"_164":183,"_166":323,"_167":22,"_168":-5,"_169":324,"_98":325},"eea82cf6-5dc8-11f0-bd13-0224a6c84d84","types.ts","eea82daa-5dc8-11f0-bd13-0224a6c84d84",["D",1752177802723],"// Shared types for the blog platform\n\nexport interface BlogPost {\n id: number;\n title: string;\n slug: string;\n content: string;\n content_type: 'html' | 'text';\n author_email: string;\n author_name?: string;\n published_at: string;\n created_at: string;\n updated_at: string;\n}\n\nexport interface CreatePostData {\n title: string;\n content: string;\n content_type: 'html' | 'text';\n author_email: string;\n author_name?: string;\n}\n\nexport interface RSSItem {\n title: string;\n link: string;\n description: string;\n pubDate: string;\n author: string;\n guid: string;\n}\n\nexport interface ActivityPubObject {\n '@context': string | string[];\n type: string;\n id: string;\n attributedTo: string;\n content: string;\n published: string;\n to: string[];\n cc?: string[];\n}\n\nexport interface ATProtoPost {\n text: string;\n createdAt: string;\n facets?: any[];\n embed?: any;\n}",[],[313,320],{"_104":327,"_95":328,"_155":329,"_157":314,"_158":140,"_159":330,"_161":22,"_106":331,"_100":32,"_164":183,"_166":332,"_167":22,"_168":-5,"_169":333,"_98":334},"f669dc96-5dc8-11f0-961b-0224a6c84d84","utils.ts","f669dd54-5dc8-11f0-961b-0224a6c84d84",3,["D",1752177815739],"// Shared utility functions\n\n/**\n * Create a URL-friendly slug from a title\n */\nexport function slugify(text: string): string {\n return text\n .toLowerCase()\n .trim()\n .replace(/[^\\w\\s-]/g, '') // Remove special characters\n .replace(/[\\s_-]+/g, '-') // Replace spaces and underscores with hyphens\n .replace(/^-+|-+$/g, ''); // Remove leading/trailing hyphens\n}\n\n/**\n * Extract author name from email address\n */\nexport function extractAuthorName(email: string): string {\n const localPart = email.split('@')[0];\n return localPart\n .replace(/[._-]/g, ' ')\n .replace(/\\b\\w/g, l => l.toUpperCase())\n .trim();\n}\n\n/**\n * Detect if content is HTML\n */\nexport function isHTML(content: string): boolean {\n const htmlRegex = /<[^>]*>/;\n return htmlRegex.test(content);\n}\n\n/**\n * Convert plain text to basic HTML\n */\nexport function textToHTML(text: string): string {\n return text\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\\n\\n/g, '

')\n .replace(/\\n/g, '
')\n .replace(/^/, '

')\n .replace(/$/, '

');\n}\n\n/**\n * Truncate HTML content for descriptions\n */\nexport function truncateHTML(html: string, maxLength: number = 200): string {\n // Strip HTML tags for truncation\n const text = html.replace(/<[^>]*>/g, '');\n if (text.length <= maxLength) return text;\n \n return text.substring(0, maxLength).trim() + '...';\n}\n\n/**\n * Format date for RSS\n */\nexport function formatRSSDate(date: Date): string {\n return date.toUTCString();\n}\n\n/**\n * Format date for ActivityPub\n */\nexport function formatActivityPubDate(date: Date): string {\n return date.toISOString();\n}",[],[313,328],[313],{"_104":337,"_95":338,"_155":339,"_157":-5,"_158":140,"_159":245,"_161":22,"_106":340,"_100":32,"_164":288,"_166":341,"_167":22,"_168":-5,"_169":342,"_98":343},"e96c19dc-5dc8-11f0-bf16-0224a6c84d84","README.md","e96c1ab8-5dc8-11f0-bf16-0224a6c84d84",["D",1752177793942],"# Email Blog Platform\n\nA modern blog platform inspired by Posterous that allows publishing posts via email.\n\n## Features\n\n- **Email-to-Publish**: Send an email to publish posts instantly\n- **Multi-format Support**: HTML and plain text posts\n- **RSS Feed**: Full RSS 2.0 support for syndication\n- **WebSub**: Real-time feed updates via WebSub protocol\n- **ActivityPub**: Federated social networking support\n- **AT Protocol**: Bluesky integration for cross-platform syndication\n- **SEO Friendly**: Clean URLs with slugified titles\n- **Responsive Design**: Mobile-first responsive interface\n\n## Architecture\n\n### Backend (`/backend/`)\n- `index.ts` - Main Hono server with API routes\n- `database/` - SQLite schema and query functions\n- `routes/` - Modular route handlers\n- `services/` - External service integrations (WebSub, ActivityPub, AT Protocol)\n\n### Frontend (`/frontend/`)\n- `index.html` - Main blog interface\n- `components/` - React components for blog UI\n- `style.css` - Custom styling\n\n### Email Handler (`/email.ts`)\n- Email trigger handler for processing incoming posts\n\n## Usage\n\n1. **Publishing via Email**: Send an email to the configured address\n - Subject becomes the post title\n - Body becomes the post content (HTML preferred)\n - From address becomes the author\n\n2. **Viewing Posts**: Visit the main site to see all published posts\n\n3. **RSS Feed**: Access `/rss` for the RSS feed\n\n4. **Individual Posts**: Access posts via `/post/[slug]`\n\n## Environment Variables\n\n- `WEBSUB_HUB_URL` - WebSub hub URL (optional)\n- `ACTIVITYPUB_DOMAIN` - Domain for ActivityPub federation (optional)\n- `ATPROTO_HANDLE` - AT Protocol handle (optional)\n- `ATPROTO_PASSWORD` - AT Protocol app password (optional)",[],[338],{"_104":345,"_95":346,"_155":347,"_157":-5,"_158":140,"_159":101,"_161":22,"_106":348,"_100":315,"_164":349,"_166":350,"_167":22,"_168":351,"_169":352,"_98":353},"6c456858-5dca-11f0-9ed2-0224a6c84d84","email.ts","1168efdc-5dc9-11f0-b87a-0224a6c84d84",["D",1752178442969],"email","import { createPost, generateUniqueSlug } from \"./backend/database/queries.ts\";\nimport { initializeDatabase } from \"./backend/database/schema.ts\";\nimport { slugify, extractAuthorName, isHTML, textToHTML } from \"./shared/utils.ts\";\nimport { CreatePostData } from \"./shared/types.ts\";\nimport { notifyWebSubSubscribers } from \"./backend/services/websub.ts\";\nimport { publishToActivityPub } from \"./backend/services/activitypub.ts\";\nimport { publishToATProtocol } from \"./backend/services/atprotocol.ts\";\n\ninterface Email {\n from: string;\n to: string[];\n subject: string;\n text?: string;\n html?: string;\n headers: Record;\n}\n\nexport default async function(email: Email) {\n try {\n console.log('Received email:', {\n from: email.from,\n subject: email.subject,\n hasHtml: !!email.html,\n hasText: !!email.text\n });\n\n // Initialize database\n await initializeDatabase();\n\n // Extract post data from email\n const title = email.subject.trim();\n if (!title) {\n console.error('Email subject is empty, cannot create post');\n return;\n }\n\n // Prefer HTML content over plain text\n let content = email.html || email.text || '';\n if (!content.trim()) {\n console.error('Email body is empty, cannot create post');\n return;\n }\n\n // Determine content type and process content\n let contentType: 'html' | 'text';\n if (email.html && isHTML(email.html)) {\n contentType = 'html';\n content = email.html;\n } else if (email.text) {\n contentType = 'html'; // Convert text to HTML for consistent rendering\n content = textToHTML(email.text);\n } else {\n contentType = 'html';\n content = textToHTML(content);\n }\n\n // Generate slug\n const baseSlug = slugify(title);\n const slug = await generateUniqueSlug(baseSlug);\n\n // Extract author info\n const authorEmail = email.from;\n const authorName = extractAuthorName(authorEmail);\n\n // Create post data\n const postData: CreatePostData = {\n title,\n content,\n content_type: contentType,\n author_email: authorEmail,\n author_name: authorName\n };\n\n // Add slug to the data\n const postDataWithSlug = { ...postData, slug };\n\n // Save post to database\n const post = await createPost(postDataWithSlug);\n console.log('Created post:', { id: post.id, title: post.title, slug: post.slug });\n\n // Notify external services (run in background, don't block email processing)\n Promise.all([\n notifyWebSubSubscribers().catch(err => console.error('WebSub notification failed:', err)),\n publishToActivityPub(post).catch(err => console.error('ActivityPub publish failed:', err)),\n publishToATProtocol(post).catch(err => console.error('AT Protocol publish failed:', err))\n ]);\n\n console.log('Post published successfully');\n } catch (error) {\n console.error('Error processing email:', error);\n throw error;\n }\n}","kinlan-postherous",[],[346],"files",[152,171,177,187,196,203,212,221,230,239,251,258,265,273,283,292,301,311,318,326,336,344],"counts",{"_358":32,"_359":245,"_360":160,"_361":207},"pulls","branches","forks","envVars","contents",[],{"_104":302,"_95":303,"_155":304,"_157":254,"_158":140,"_159":305,"_161":22,"_106":365,"_100":32,"_164":288,"_166":307,"_167":22,"_168":-5,"_98":366},["D",1752178371714],[253,303],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":375,"_150":380,"_354":447,"_288":448,"_362":450,"_451":-5,"_452":22,"_453":-5,"_454":-5,"_455":-5,"_456":457},{"_104":105,"_95":96,"_106":376,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":377,"_134":378,"_137":379,"_149":22},["D",1752177490232],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_100":139,"_95":43,"_104":140,"_141":105,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[381,411,432,441,444],{"_104":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":162,"_106":163,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":382,"_98":410},[383,392,407],{"_104":172,"_95":173,"_155":174,"_157":156,"_158":140,"_159":160,"_161":162,"_106":175,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":384,"_98":391},[385,388],{"_104":178,"_95":179,"_155":180,"_157":174,"_158":140,"_159":181,"_161":22,"_106":182,"_100":32,"_164":183,"_166":184,"_167":22,"_168":-5,"_169":386,"_98":387},[],[154,173,179],{"_104":188,"_95":189,"_155":190,"_157":174,"_158":140,"_159":160,"_161":22,"_106":191,"_100":32,"_164":183,"_166":192,"_167":22,"_168":-5,"_169":389,"_98":390},[],[154,173,189],[154,173],{"_104":197,"_95":198,"_155":199,"_157":156,"_158":140,"_159":200,"_161":162,"_106":201,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":393,"_98":406},[394,397,400,403],{"_104":204,"_95":205,"_155":206,"_157":199,"_158":140,"_159":207,"_161":22,"_106":208,"_100":32,"_164":183,"_166":209,"_167":22,"_168":-5,"_169":395,"_98":396},[],[154,198,205],{"_104":213,"_95":214,"_155":215,"_157":199,"_158":140,"_159":216,"_161":22,"_106":217,"_100":32,"_164":183,"_166":218,"_167":22,"_168":-5,"_169":398,"_98":399},[],[154,198,214],{"_104":222,"_95":223,"_155":224,"_157":199,"_158":140,"_159":225,"_161":162,"_106":226,"_100":32,"_164":183,"_166":227,"_167":22,"_168":-5,"_169":401,"_98":402},[],[154,198,223],{"_104":231,"_95":232,"_155":233,"_157":199,"_158":140,"_159":200,"_161":22,"_106":234,"_100":32,"_164":183,"_166":235,"_167":22,"_168":-5,"_169":404,"_98":405},[],[154,198,232],[154,198],{"_104":240,"_95":241,"_155":242,"_157":156,"_158":140,"_159":243,"_161":22,"_106":244,"_100":245,"_164":246,"_166":247,"_167":22,"_168":-5,"_169":408,"_98":409},[],[154,241],[154],{"_104":252,"_95":253,"_155":254,"_157":-5,"_158":140,"_159":255,"_161":162,"_106":256,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":412,"_98":431},[413,422,425,428],{"_104":259,"_95":260,"_155":261,"_157":254,"_158":140,"_159":262,"_161":162,"_106":263,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":414,"_98":421},[415,418],{"_104":266,"_95":267,"_155":268,"_157":261,"_158":140,"_159":262,"_161":22,"_106":269,"_100":32,"_164":183,"_166":270,"_167":22,"_168":-5,"_169":416,"_98":417},[],[253,260,267],{"_104":274,"_95":275,"_155":276,"_157":261,"_158":140,"_159":277,"_161":22,"_106":278,"_100":32,"_164":183,"_166":279,"_167":22,"_168":-5,"_169":419,"_98":420},[],[253,260,275],[253,260],{"_104":284,"_95":285,"_155":286,"_157":254,"_158":140,"_159":255,"_161":22,"_106":287,"_100":32,"_164":288,"_166":289,"_167":22,"_168":-5,"_169":423,"_98":424},[],[253,285],{"_104":293,"_95":294,"_155":295,"_157":254,"_158":140,"_159":296,"_161":22,"_106":297,"_100":32,"_164":288,"_166":298,"_167":22,"_168":-5,"_169":426,"_98":427},[],[253,294],{"_104":302,"_95":303,"_155":304,"_157":254,"_158":140,"_159":305,"_161":22,"_106":306,"_100":32,"_164":288,"_166":307,"_167":22,"_168":-5,"_169":429,"_98":430},[],[253,303],[253],{"_104":312,"_95":313,"_155":314,"_157":-5,"_158":140,"_159":315,"_161":162,"_106":316,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":433,"_98":440},[434,437],{"_104":319,"_95":320,"_155":321,"_157":314,"_158":140,"_159":315,"_161":22,"_106":322,"_100":32,"_164":183,"_166":323,"_167":22,"_168":-5,"_169":435,"_98":436},[],[313,320],{"_104":327,"_95":328,"_155":329,"_157":314,"_158":140,"_159":330,"_161":22,"_106":331,"_100":32,"_164":183,"_166":332,"_167":22,"_168":-5,"_169":438,"_98":439},[],[313,328],[313],{"_104":337,"_95":338,"_155":339,"_157":-5,"_158":140,"_159":245,"_161":22,"_106":340,"_100":32,"_164":288,"_166":341,"_167":22,"_168":-5,"_169":442,"_98":443},[],[338],{"_104":345,"_95":346,"_155":347,"_157":-5,"_158":140,"_159":101,"_161":22,"_106":348,"_100":315,"_164":349,"_166":350,"_167":22,"_168":351,"_169":445,"_98":446},[],[346],[381,383,385,388,392,394,397,400,403,407,411,413,415,418,422,425,428,432,434,437,441,444],{"_104":302,"_95":303,"_155":304,"_157":254,"_158":140,"_159":305,"_161":22,"_106":365,"_100":32,"_164":288,"_166":307,"_167":22,"_168":-5,"_98":449},[253,303],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]