Paste messages from Slack or Beeper, get clean markdown

This little webapp is intended to make it easier to copy messages from Slack or Beeper into other places for sharing or archival, with cleaned-up, readable formatting. I hacked it together on valtown with copious help from an LLM over a weekend; please propose changes or edits, as I'm sure I missed many use-cases and edge-cases. This app runs entirely in your browser and does not send your data anywhere.

Another website attempting similar things is at slack-copy-paste.danielna.com.

Instructions

In Slack, start selecting at the name of the sender of the first message, end after the last message but before the textbox.

For threaded conversations: You can copy either just the main messages (which will show thread indicators like \"3 replies\"), or copy from within a thread view to get the individual threaded replies. Messages sent from thread to main channel will be marked with 📢.

In this app, you can just press the ➡️ button and then paste your message in the other app, or you can manually paste in the textbox and then copy either markdown or rendered html elsewhere if you like.

For Beeper: Simply copy and paste the text messages directly from Beeper. The app will automatically detect the format and group messages from the same sender (unless more than 1 hour apart).

Paste content from Slack or Beeper here

\n \n

Raw Markdown output

\n \n

Rendered Markdown output

\n \n

\n\n \n\n\n`;\n\nexport default async function(req: Request) {\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n },\n });\n}",[],[99],{"_104":183,"_95":184,"_155":185,"_157":-5,"_158":140,"_159":101,"_161":22,"_106":186,"_100":187,"_164":178,"_166":188,"_168":22,"_169":-5,"_170":189,"_98":190},"059d615a-82aa-11f0-bda6-0224a6c84d84","test_beeper.js","03340b8a-82aa-11f0-a8ee-0224a6c84d84",["D",1756232719862],1,"// Test the beeper parsing with the problematic example\nimport { beeperTextToMarkdown } from \"./main.tsx\";\n\nconst testInput = `[8/26/2025, 2:15:43 PM] Arman Jindal: Hey Alex! We met at the MCP panel you hosted at Stainless. Thanks for sponsoring the MCP hackathon as well at Automattic — appreciate that you're making the NYC tech scene more vibrant. \n[8/26/2025, 2:15:50 PM] @rattrayalex:beeper.com: Hey, thanks Arman!\n[8/26/2025, 2:16:11 PM] @rattrayalex:beeper.com: We're hiring fairly aggressively for Forward Deployed Engineers rn btw (also tech writers) – do you know anyone we should be talking to?\n[8/26/2025, 2:16:17 PM] @rattrayalex:beeper.com: Or would you be open to exploring new roles right now?\n[8/26/2025, 2:19:14 PM] Arman Jindal: Honestly that was my impetus for reaching out. I realize we hadn't connected.\n[8/26/2025, 2:19:36 PM] @rattrayalex:beeper.com: 😄\n[8/26/2025, 2:19:41 PM] Arman Jindal: Yeah I just started exploring new in person NYC roles\n[8/26/2025, 2:19:46 PM] @rattrayalex:beeper.com: awesome!!\n[8/26/2025, 2:20:31 PM] Arman Jindal: Re technical writers let me check with my friends from the Columbia writing center to see if there's anyone who may meet the bar. Unfortunately don't know too many tech writers 😅\n[8/26/2025, 2:21:10 PM] Arman Jindal: I'll put in an application later today!\n[8/26/2025, 2:21:13 PM] @rattrayalex:beeper.com: ok nw!\n[8/26/2025, 2:21:18 PM] @rattrayalex:beeper.com: awesome, I'll flag to our recruiter!`;\n\nconsole.log(\"Testing Beeper parsing...\");\nconst result = beeperTextToMarkdown(testInput);\nconsole.log(\"Result:\");\nconsole.log(result);\n\nexport default function(req) {\n return new Response(result, {\n headers: { \"Content-Type\": \"text/plain\" }\n });\n}",[],[184],"files",[152,173,182],"counts",{"_195":32,"_196":187,"_197":187,"_198":32},"pulls","branches","forks","envVars","contents",[],{"_104":174,"_95":99,"_155":116,"_157":-5,"_158":140,"_159":175,"_161":22,"_106":202,"_100":177,"_164":178,"_166":179,"_168":22,"_169":-5,"_98":203},["D",1756232680341],[99],"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":212,"_150":217,"_191":227,"_165":228,"_199":230,"_231":-5,"_232":22,"_233":-5,"_234":-5,"_235":-5,"_236":237},{"_104":105,"_95":96,"_106":213,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":214,"_134":215,"_137":216,"_149":22},["D",1746280438677],{"_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},[218,221,224],{"_104":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":22,"_106":162,"_100":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":219,"_98":220},[],[154],{"_104":174,"_95":99,"_155":116,"_157":-5,"_158":140,"_159":175,"_161":22,"_106":176,"_100":177,"_164":178,"_166":179,"_168":22,"_169":-5,"_170":222,"_98":223},[],[99],{"_104":183,"_95":184,"_155":185,"_157":-5,"_158":140,"_159":101,"_161":22,"_106":186,"_100":187,"_164":178,"_166":188,"_168":22,"_169":-5,"_170":225,"_98":226},[],[184],[218,221,224],{"_104":174,"_95":99,"_155":116,"_157":-5,"_158":140,"_159":175,"_161":22,"_106":202,"_100":177,"_164":178,"_166":179,"_168":22,"_169":-5,"_98":229},[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]