\n {props.children}\n

\n \n \n \n );\n};\n\napp.get(\"/\", async (c: any) => {\n const discussionId = c.req.query(\"discussion\");\n\n const discussionMatch = discussionId?.match(/\\d+/);\n const idOnlyDiscussionId = discussionMatch ? discussionMatch[0] : null;\n\n if (!discussionId || (discussionId && !idOnlyDiscussionId)) {\n const output = renderToString(\n \n \n ,\n );\n return c.html(output);\n }\n\n const formatType = c.req.query(\"format\");\n const serverParam = c.req.query(\"server\");\n if (serverParam) {\n server = serverParam;\n }\n\n let postContent: PostT[];\n if (lruCache.has(idOnlyDiscussionId)) {\n postContent = lruCache.get(discussionId);\n } else {\n postContent = await getDiscussionPosts(discussionId);\n lruCache.set(discussionId, postContent);\n }\n\n let output;\n\n const headers = new Headers({\n \"Cache-Control\": \"max-age=604800\",\n });\n\n if (formatType && formatType == \"json\") {\n headers.set(\"Content-Type\", \"application/json\");\n return c.json({\n status: \"success\",\n message: `retrieved posts for discussion ${discussionId}`,\n data: { posts: postContent },\n }, { headers });\n } else if (formatType && formatType == \"plain\") {\n output = postContent.map(p => `${p.username}: ${p.content ? p.content : \"system action\"}`);\n output = output.join(\"\\n\\n\\n\");\n output = output.replace(/<\\/?(\"[^\"]*\"|'[^']*'|[^>])*(>|$)/g, \"\");\n headers.set(\"Content-Type\", \"text/plain\");\n return c.text(output, 200, headers);\n } else {\n const output = renderToString(\n \n {postContent.map(p => (\n

\n {p.username}:\n

\n {p.content ?

: \"system action\"}\n

\n ))}\n ,\n );\n return c.html(output, 200, headers);\n }\n});\n\nasync function getDiscussionPosts(discussionId: string): Promise {\n // Used to get the list of post id's for the discussion.\n const discussionRes = await fetch(`${server}/api/discussions/${discussionId}`);\n const discussionResJson = await discussionRes.json();\n\n // All found posts will be pushed to this array.\n const postContent: PostT[] = [];\n\n const postIds = discussionResJson.data.relationships.posts.data.map((p: any) => p.id);\n\n // Flarum allows max 20 filtered posts at a time. So we chunk the request.\n const chunks: string[][] = chunkArray(postIds, 20);\n\n await Promise.all(chunks.map(async (c: string[]) => {\n const postRes = await fetch(`${server}/api/posts?filter[id]=${c.join(\",\")}`);\n const postJson = await postRes.json();\n\n // Map usernames to user id's for when we push each post.\n postJson.included.map((i: any) => {\n if (i.type === \"users\" && !usernameMap.hasOwnProperty(i.id)) {\n usernameMap[i.id as string] = i.attributes.displayName;\n }\n });\n\n // Push each post, getting the user id and referencing the usernameMap.\n postJson.data.map((p: any) => {\n try {\n postContent.push({\n username: usernameMap[p.relationships.user.data.id],\n content: p.attributes.contentHtml,\n timestamp: p.attributes.createdAt,\n });\n } catch (e) {\n console.error({ e, p });\n }\n });\n }));\n postContent.sort((a, b) => (new Date(a.timestamp)).getTime() - (new Date(b.timestamp)).getTime());\n return postContent;\n}\n\n// This takes an array and chunks it.\nfunction chunkArray(array: T[], chunkSize: number): T[][] {\n const chunks: T[][] = [];\n for (let i = 0; i < array.length; i += chunkSize) {\n chunks.push(array.slice(i, i + chunkSize));\n }\n return chunks;\n}\n\nconst styles = `\n body {\n font-family: sans-serif; /* Choose a clean font */\n line-height: 1.6; /* Improve readability */\n margin: 20px; /* Add some margin to the body */\n background-color: #f4f4f4; /* Light background color */\n }\n \n .post {\n background-color: white;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */\n }\n \n .username {\n font-weight: bold;\n margin-bottom: 10px;\n }\n \n .username p {\n margin: 0; /* Remove default paragraph margin */\n }\n \n .username strong {\n color: #333; /* Darker color for username */\n }\n \n /* Content Styling */\n .content {\n max-width: 1000px;\n /* Style for regular content */\n }\n \n /* Action Styling (for system messages) */\n .action {\n font-style: italic;\n color: #777; /* Gray color for system actions */\n }\n \n /* Responsive Design (adjust as needed) */\n @media (max-width: 768px) {\n .post {\n padding: 15px;\n }\n }\n`;\n\nexport default app.fetch;","deleted","label","flarum-discussion-export",[98],"permalink","https://www.val.town/x/tyler71/Flarum-Discussion-To-PlainText/code/app.tsx","extension","actionData","errors"]