Lounge Discussions

\n \n \n \n \n \n \n \n ${discussions.map((d: any) => `\n \n \n \n `).join(\"\")}\n \n

Discussion Title
\n \n ${d.attributes?.title \|\| d.title \|\| \"Untitled Discussion\"}\n \n

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

Error fetching discussions: ${message}

`, 500);\n }\n}\n\n// GET /:thread/:first - Display thread posts\nasync function handleGetThreadPosts(c: Context) {\n const id = parseInt(c.req.param(\"thread\"));\n const firstParam = c.req.param(\"first\");\n\n try {\n // Fetch thread details to get the title\n const API_KEY = getApiKey();\n const threadResponse = await fetch(`https://thebaseballlounge.com/public/api/discussions/${id}`, {\n headers: {\n \"Authorization\": `Token ${API_KEY}`,\n },\n });\n\n if (!threadResponse.ok) {\n throw new Error(`Thread API request failed: ${threadResponse.status}`);\n }\n\n const threadData = await threadResponse.json();\n const threadTitle = threadData.data.attributes.title || \"Thread Discussion\";\n\n // Get all post IDs to calculate the last page if needed\n const allPostIds = await getThreadPosts(id);\n const pageSize = 20;\n const lastPageStart = Math.floor((allPostIds.length - 1) / pageSize) * pageSize;\n\n // If firstParam is \"last\", redirect to the actual last page number\n if (firstParam === \"last\") {\n return c.redirect(`/${id}/${lastPageStart}`);\n }\n\n const startPost = parseInt(firstParam);\n\n const { posts, users, totalPosts } = await getThreadPostsInRange(id, startPost);\n\n if (posts.length === 0) {\n return c.html(renderPageLayout('Lounge', '', '

No posts found in this range.

'));\n }\n\n // Calculate page links\n const pageLinks = [];\n for (let i = 0; i < totalPosts; i += pageSize) {\n const rangeText = `${i}-${Math.min(i + pageSize, totalPosts)}`;\n if (i === startPost) {\n // Current page - bold text without link\n pageLinks.push(`${rangeText}`);\n } else {\n pageLinks.push(`${rangeText}`);\n }\n }\n\n const styles = `\n .post { margin-bottom: 20px; padding: 15px; border: 1px solid #ddd; border-radius: 4px; }\n .post-author { font-weight: bold; margin-bottom: 10px; }\n .post-content { margin-top: 10px; }\n .page-nav { margin: 20px 0; }\n .page-nav ul { list-style: none; padding: 0; }\n .page-nav li { display: inline; margin-right: 10px; }\n .create-post-btn { background-color: #28a745; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; display: inline-block; margin-bottom: 20px; }\n `;\n\n const body = `\n

${threadTitle}

\n ← Back to Discussions\n ${startPost > 0 ? `| First Page` : ''}\n ${startPost < lastPageStart ? `| Last Page` : ''}\n

\n\n Create New Post\n\n ${posts.map((post: any) => {\n const userId = post.relationships.user.data.id;\n const userName = users.get(userId) || \"Unknown User\";\n const postId = post.id;\n const createdAt = post.attributes.createdAt;\n const relativeTime = createdAt ? getRelativeTime(createdAt) : '';\n\n // Process content to convert PostMention links to local post pages\n let contentHtml = post.attributes.contentHtml || '';\n contentHtml = contentHtml.replace(\n /]*?\\s+)?href=\"[^\"]*\"([^>]*?\\s+)?class=\"PostMention\"([^>]*?\\s+)?data-id=\"(\\d+)\"([^>]*)>(.*?)<\\/a>/g,\n (_match: string, _1: string, _2: string, _3: string, dataId: string, rest: string, linkText: string) => {\n return `${linkText}`;\n }\n );\n\n // Convert click-img tags to links\n contentHtml = contentHtml.replace(\n /]*\\ssrc=\"([^\"]+)\"[^>]*>.*?<\\/click-img>/gi,\n (_match: string, src: string) => {\n return `Click To View Image`;\n }\n );\n\n return `\n

\n ${userName}${relativeTime ? ` (${relativeTime})` : ''}\n [reply]\n

${contentHtml}

\n `;\n }).join(\"\")}\n\n

Page Navigation:

${link}

\n\n Create New Post\n\n

\n View on TBL.com\n

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

Error fetching thread posts: ${message}

`, 500);\n }\n}\n\n// GET /:thread/post - Show post form\nasync function handleGetPostForm(c: Context) {\n const threadId = c.req.param(\"thread\");\n const replyToPostId = c.req.query(\"reply\");\n const replyToUser = c.req.query(\"user\");\n\n // Pre-populate content if this is a reply\n let defaultContent = \"\";\n if (replyToPostId && replyToUser) {\n defaultContent = `@\"${replyToUser}\"#p${replyToPostId} `;\n }\n\n const styles = `\n textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; }\n button { background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; }\n .cancel-btn { margin-left: 10px; padding: 10px 20px; background-color: #6c757d; color: white; text-decoration: none; border-radius: 4px; display: inline-block; }\n `;\n\n const body = `\n

${replyToPostId ? 'Reply to Post' : 'Create New Post'}

\n \n `;\n\n return c.html(renderPageLayout(replyToPostId ? 'Reply to Post' : 'Create Post', styles, body));\n}\n\n// POST /:thread/post - Submit post\nasync function handleSubmitPost(c: Context) {\n const threadId = c.req.param(\"thread\");\n const formData = await c.req.formData();\n const content = formData.get(\"content\") as string;\n\n try {\n await submitPost(threadId, content);\n\n // Get total posts to calculate last page\n const allPostIds = await getThreadPosts(parseInt(threadId));\n const pageSize = 20;\n const lastPageStart = Math.floor((allPostIds.length - 1) / pageSize) * pageSize;\n\n return c.redirect(`/${threadId}/${lastPageStart}`);\n } catch (error) {\n const message = error instanceof Error ? error.message : \"Unknown error\";\n return c.html(`

Error submitting post: ${message}

`, 500);\n }\n}\n\n// GET /post/:postId - Display single post\nasync function handleGetSinglePost(c: Context) {\n const postId = parseInt(c.req.param(\"postId\"));\n const threadId = c.req.query(\"thread\");\n const page = c.req.query(\"page\");\n\n try {\n const { post, users } = await getSinglePost(postId);\n\n const userId = post.relationships.user.data.id;\n const userName = users.get(userId) || \"Unknown User\";\n\n // Process content to convert PostMention links to local post pages\n // Pass along thread and page context if available\n let processedContentHtml = post.attributes.contentHtml;\n processedContentHtml = processedContentHtml.replace(\n /]*?\\s+)?href=\"[^\"]*\"([^>]*?\\s+)?class=\"PostMention\"([^>]*?\\s+)?data-id=\"(\\d+)\"([^>]*)>(.*?)<\\/a>/g,\n (_match: string, _1: string, _2: string, _3: string, dataId: string, rest: string, linkText: string) => {\n const queryParams = threadId && page ? `?thread=${threadId}&page=${page}` : '';\n return `${linkText}`;\n }\n );\n\n // Convert click-img tags to links\n processedContentHtml = processedContentHtml.replace(\n /]*\\ssrc=\"([^\"]+)\"[^>]*>.*?<\\/click-img>/gi,\n (_match: string, src: string) => {\n return `Click To View Image`;\n }\n );\n\n const styles = `\n .post { margin-bottom: 20px; padding: 15px; border: 1px solid #ddd; border-radius: 4px; }\n .post-author { font-weight: bold; margin-bottom: 10px; }\n .post-content { margin-top: 10px; }\n `;\n\n // Determine the back link based on whether we have thread context\n const backLink = threadId && page\n ? `← Back to Thread`\n : `← Back to Discussions`;\n\n // Only show reply link if we have thread context\n const replyLink = threadId\n ? `[reply]`\n : '';\n\n const body = `\n

Post #${postId}

${backLink}

\n\n

${userName}${replyLink}

${processedContentHtml}

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

Error fetching post: ${message}

`, 500);\n }\n}\n\n// Routes\napp.get(\"/\", handleGetLounge);\napp.get(\"/post/:postId\", handleGetSinglePost);\napp.get(\"/:thread/post\", handleGetPostForm);\napp.post(\"/:thread/post\", handleSubmitPost);\napp.get(\"/:thread/:first\", handleGetThreadPosts);\n\nexport default app.fetch;\n","deleted","label",[100],"permalink","https://www.val.town/x/flymaster/lounge/code/main.ts","extension","actionData","errors"]