29:null 2a:["$","title",null,{"children":"Convert Claude JSON to Markdown | Jim Pick | Observable"}] 2f:T9f4,markdown = { if (!parsed.chat_messages) { return ""; } const bits = []; bits.push(`# ${parsed.name}`); parsed.chat_messages.forEach((message) => { console.log({ message }); bits.push( `**${message.sender}** (${new Date(message.created_at).toLocaleString( "en-US", { month: "short", day: "numeric", year: "numeric", hour: "2-digit", minute: "2-digit" } )})` ); message.content.forEach((content) => { if (content.type == "tool_use") { if (content.name == "repl") { bits.push( "**Analysis**\n```" + `javascript\n${content.input.code.trim()}` + "\n```" ); } else if (content.name == "artifacts") { let lang = content.input.language || typeLookup[content.input.type] || ""; // It's an artifact, but is it a create/rewrite/update? const input = content.input; if (input.command == "create" || input.command == "rewrite") { bits.push( `#### ${input.command} ${ content.input.title || "Untitled" }\n\n\`\`\`${lang}\n${content.input.content}\n\`\`\`` ); } else if (input.command == "update") { bits.push( `#### update ${content.input.id}\n\nFind this:\n\`\`\`\n${content.input.old_str}\n\`\`\`\nReplace with this:\n\`\`\`\n${content.input.new_str}\n\`\`\`` ); } } } else if (content.type == "tool_result") { if (content.name != "artifacts") { /* let logs = JSON.parse(content.content[0].text).logs; bits.push( `**Result**\n

\n${logs.join(
              "\n"
            )}\n

` ); */ } } else { if (content.text) { bits.push( replaceArtifactTags( content.text.replace(/<\/antArtifact>/g, "\n```") ) ); } else { bits.push(JSON.stringify(content)); } } }); const backtick = String.fromCharCode(96); message.attachments.forEach((attachment) => { bits.push(`

${attachment.file_name}

`); bits.push("\n\n"); bits.push(backtick.repeat(5)); bits.push(attachment.extracted_content); bits.push(backtick.repeat(5)); bits.push("

"); }); }); return bits.join("\n\n"); }30:[] 2d:{"id":"15eee789b646c2d8","slug":null,"title":"Convert Claude JSON to Markdown","thumbnail":"03ba523266babfa94bc8e0f81c8e6a987ace07233dcb60522aa7513b88d24c2d","access_level":"public","create_time":"$D2024-12-29T23:53:14.742Z","update_time":"$D2024-12-29T23:53:40.901Z","view_time":null,"first_public_time":"$D2024-12-29T23:53:14.742Z","fork":{"id":"1869620979c780ec","slug":"convert-claude-json-to-markdown","title":"Convert Claude JSON to Markdown","owner":{"id":"3b974c2db4452cfc","login":"simonw","name":"Simon Willison"}},"stars":0,"starred":false,"owner":{"type":"team","id":"5252cea433451319","login":"jimpick","name":"Jim Pick","avatar_url":"https://avatars-next.observableusercontent.com/e8813527082139d5411445010e72fd85f99b04a26355e795d0ea26765425d0cd","tier":"starter_2024"},"version":127,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"bda4505ba9a55ac8","login":"jimpick","name":"Jim Pick","avatar_url":"https://avatars-next.observableusercontent.com/e8813527082139d5411445010e72fd85f99b04a26355e795d0ea26765425d0cd","tier":null}],"members":[{"type":"team","id":"5252cea433451319","login":"jimpick","name":"Jim Pick","avatar_url":"https://avatars-next.observableusercontent.com/e8813527082139d5411445010e72fd85f99b04a26355e795d0ea26765425d0cd","tier":"starter_2024","role":"editor"},{"type":"individual","id":"bda4505ba9a55ac8","login":"jimpick","name":"Jim Pick","avatar_url":"https://avatars-next.observableusercontent.com/e8813527082139d5411445010e72fd85f99b04a26355e795d0ea26765425d0cd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Convert Claude JSON to Markdown","cells":[{"id":0,"value":"# Convert Claude JSON to Markdown\n\nTo use this tool, open a conversation in the Claude web interface while running your browser DevTools. Then, in the network panel, filter fetched URLs by `chat_conversations/` - right click on the matching URL and select \"copy response\" to get the JSON, then paste it in the box.\n\n $\"Animated$ \n\n[Background on this project](https://simonwillison.net/2024/Aug/8/convert-claude-json-to-markdown/) from my blog.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"viewof input = Inputs.textarea({ label: \"Paste in Claude JSON\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"html`${\n (markdown &&\n '

Markdown conversion

\") ||\n \"\"\n}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md`${markdown}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"parsed = {\n try {\n return JSON.parse(input);\n } catch {\n return {};\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"function escapeHtml(str) {\n return str.replace(/[&<>\"']/g, function (match) {\n const entityMap = {\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\"\n };\n return entityMap[match];\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"function replaceArtifactTags(input) {\n // Regular expression to match tags\n const regex = /]*>/g;\n\n // Function to extract attributes from a tag string\n function extractAttributes(tag) {\n const attributes = {};\n const attrRegex = /(\\w+)=(\"([^\"]*)\"|'([^']*)')/g;\n let match;\n while ((match = attrRegex.exec(tag)) !== null) {\n const key = match[1];\n const value = match[3] || match[4]; // Use either double or single quotes\n attributes[key] = value;\n }\n return attributes;\n }\n\n return input.replace(regex, (match) => {\n const attributes = extractAttributes(match);\n // Determine language based on 'language' attribute, otherwise fallback logic\n const lang = attributes.language || typeLookup[attributes.type] || \"\";\n\n // Return the Markdown formatted string\n return `### ${attributes.title || \"Untitled\"}\\n\\n\\`\\`\\`${lang}`;\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"typeLookup = ({\n \"application/vnd.ant.react\": \"jsx\",\n \"text/html\": \"html\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"