No cached data found for this subreddit. Please visit the subreddit page first.

'), 404);\n }\n\n // Find the post with the matching ID\n const posts = cachedData.data?.children || [];\n const post = posts.find((p: any) => p.data?.id === postId);\n\n if (!post) {\n return c.html(renderPageLayout('Error', '', '

Post not found in cached data.

'), 404);\n }\n\n // Extract media metadata if it exists\n const mediaMetadata = post.data?.media_metadata || {};\n const mediaKeys = Object.keys(mediaMetadata);\n const url = post.data?.url || '';\n // Decode HTML entities in media_embed.content if present\n const mediaEmbedContent = post.data?.media_embed?.content\n ? post.data.media_embed.content.replace(/"/g, '\"').replace(/</g, '<').replace(/>/g, '>').replace(/&/g, '&')\n : '';\n\n // Calculate dimensions for media embed\n let embedWidth = 800;\n let embedHeight = 600;\n if (post.data?.media_embed?.width && post.data?.media_embed?.height) {\n const originalWidth = post.data.media_embed.width;\n const originalHeight = post.data.media_embed.height;\n const aspectRatio = originalHeight / originalWidth;\n\n // Scale to fit within 800px max dimension\n if (originalWidth > originalHeight) {\n embedWidth = Math.min(originalWidth, 800);\n embedHeight = embedWidth * aspectRatio;\n } else {\n embedHeight = Math.min(originalHeight, 800);\n embedWidth = embedHeight / aspectRatio;\n }\n }\n\n const styles = `\n .back-link { margin-bottom: 20px; }\n .media-list { margin-top: 20px; }\n .media-item { margin-bottom: 20px; }\n .media-item img { max-width: 100%; height: auto; border: 1px solid #ddd; border-radius: 4px; }\n .media-type { color: #666; font-size: 0.9em; margin-top: 5px; }\n .media-embed { position: relative; width: ${embedWidth}px; height: ${embedHeight}px; max-width: 100%; }\n `;\n\n const body = `\n

${post.data?.title || 'Untitled'}

\n ← Back to r/${subreddit}\n

\n\n

Media

\n ${mediaEmbedContent ? `\n

${mediaEmbedContent}

Embedded media

\n ` : mediaKeys.length > 0 ? `\n ${mediaKeys.map(key => {\n const mimeType = mediaMetadata[key]?.m || 'unknown';\n let extension = 'jpg'; // default\n\n if (mimeType.includes('png')) {\n extension = 'png';\n } else if (mimeType.includes('gif')) {\n extension = 'gif';\n } else if (mimeType.includes('webp')) {\n extension = 'webp';\n }\n\n const imageUrl = `https://i.redd.it/${key}.${extension}`;\n\n return `\n

\n $\"Media$ \n

${mimeType}

\n `;\n }).join('')}\n ` : url ? `\n

\n $\"Post$ \n

From URL field

\n ` : '

No media found.

'}\n

\n\n

\n Map of Reddit\n

\n\n

\n View on Reddit\n

\n `;\n\n return c.html(renderPageLayout(post.data?.title || 'Post', styles, body));\n } catch (error) {\n const message = error instanceof Error ? error.message : \"Unknown error\";\n return c.html(renderPageLayout('Error', '', `

Error fetching post: ${message}

`), 500);\n }\n }\n\n // If subreddit is provided, fetch and show the content\n if (subreddit) {\n try {\n const sort = c.req.query(\"sort\") || \"hot\";\n const thumbs = c.req.query(\"thumbs\") === \"1\";\n let timestampedData;\n const blobKey = `rddt-${subreddit}-${sort}`;\n\n // Check for cached blob first\n try {\n const cachedData = await blob.getJSON(blobKey);\n if (cachedData && cachedData.fetchedAt) {\n const fetchedAt = new Date(cachedData.fetchedAt);\n const now = new Date();\n const ageInHours = (now.getTime() - fetchedAt.getTime()) / (1000 * 60 * 60);\n\n if (ageInHours < 1) {\n // Use cached data\n timestampedData = cachedData;\n }\n }\n } catch (e) {\n // Blob doesn't exist or error reading it, will fetch fresh data\n }\n\n // If no valid cache, fetch from Reddit\n if (!timestampedData) {\n const response = await fetch(`https://reddit.com/r/${subreddit}/${sort}.json`);\n\n if (!response.ok) {\n throw new Error(`Failed to fetch subreddit: ${response.status}`);\n }\n\n const data = await response.json();\n\n // Add timestamp to the data\n timestampedData = {\n ...data,\n fetchedAt: new Date().toISOString(),\n };\n\n // Save to blob\n await blob.setJSON(blobKey, timestampedData);\n }\n\n // Extract posts from the response\n const posts = timestampedData.data?.children || [];\n\n const thumbsToggleUrl = thumbs\n ? `/?r=${subreddit}&sort=${sort}`\n : `/?r=${subreddit}&sort=${sort}&thumbs=1`;\n const thumbsToggleLabel = thumbs ? \"List View\" : \"Thumbnail View\";\n\n const styles = `\n .back-link { margin-bottom: 20px; }\n .post-list { list-style: none; padding: 0; }\n .post-list li { margin-bottom: 10px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }\n .post-title { font-weight: bold; }\n .sort-form { margin: 20px 0; }\n .sort-form form { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }\n .sort-form label { margin: 0; }\n .view-toggle { margin-bottom: 15px; }\n .view-toggle a { padding: 6px 14px; background: #007bff; color: #fff; border-radius: 4px; text-decoration: none; font-size: 0.9em; }\n .view-toggle a:hover { background: #0056b3; }\n .post-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }\n .post-thumbs img { width: 120px; height: 120px; object-fit: cover; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; }\n .post-thumbs img:hover { border-color: #007bff; }\n `;\n\n const body = `\n

r/${subreddit}

\n ← Back to Search\n

\n\n

\n \n

\n\n

\n ${thumbsToggleLabel}\n

\n\n

Posts

\n ${imageUrls.map(url => ` $\"thumbnail\"$ `).join('')}\n

\n
\n \n ${post.data?.title || 'Untitled'}\n \n
\n ${thumbnailsHtml}\n

\n\n

\n Map of Reddit\n

\n\n

\n View on Reddit\n

\n `;\n\n return c.html(renderPageLayout(`r/${subreddit}`, styles, body));\n } catch (error) {\n const message = error instanceof Error ? error.message : \"Unknown error\";\n return c.html(renderPageLayout('Error', '', `

Error fetching subreddit: ${message}

`), 500);\n }\n }\n\n // Otherwise show the search form\n const styles = `\n .search-form { margin: 20px 0; }\n .search-form form { display: flex; flex-direction: column; gap: 15px; max-width: 400px; }\n .search-form .subreddit-input { display: flex; align-items: center; gap: 5px; }\n .search-form label { font-weight: bold; margin: 0; }\n .search-form input[type=\"text\"] { padding: 8px; border: 1px solid #ccc; border-radius: 4px; }\n .search-form .sort-options { display: flex; gap: 15px; }\n .search-form .sort-options label { font-weight: normal; }\n .search-form button { background-color: #007bff; color: white; padding: 8px 20px; border: none; border-radius: 4px; cursor: pointer; align-self: flex-start; }\n `;\n\n const body = `\n

Reddit Browser

\n\n \n\n

\n Map of Reddit\n

\n `;\n\n return c.html(renderPageLayout('Reddit Browser', styles, body));\n}\n\n// Initialize Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n if (err instanceof HTTPException) {\n return err.getResponse();\n }\n return c.notFound();\n});\n\nconst lastloginMiddleware = lastlogin({\n verifyEmail: () => true,\n});\n\n// Add basic authentication middleware\napp.use(\"*\", lastloginMiddleware);\n\n// Routes\napp.get(\"/\", handleGetRddt);\n\nexport default app.fetch;\n","deleted","label","rddt",[100],"permalink","https://www.val.town/x/flymaster/reddit/code/main.ts","extension","actionData","errors"]