import type { linearDocument } from "@/util/pub/leaflet/pages" import * as blocks from '@/util/pub/leaflet/blocks' import * as facets from '@/util/pub/leaflet/richtext/facet' import Image from '@/components/Image' import { RichText, RichTextSegment } from "app/helpers" import { jsonToLex, JsonValue } from '@atproto/lex-json' import { toExt } from '@/util/helpers.ts' import { BlueskyPostEmbed } from "./post-embed/BlueskyPostEmbed" export function LeafletRenderer({pages}: {pages: linearDocument.Main[]}) { // HACK due to limitations in the contentbuilder framework, we have to do this cast here pages = jsonToLex(pages as JsonValue)! as linearDocument.Main[] const blocks = pages[0].blocks return (

{blocks.map((block, i) => ( ))}

) } function LeafletBlock({block}: {block: linearDocument.Block}) { const innerBlock = block.block if (blocks.header.main.$matches(innerBlock)) { return } if (blocks.text.main.$matches(innerBlock)) { return } if (blocks.blockquote.main.$matches(innerBlock)) { return } if (blocks.horizontalRule.main.$matches(innerBlock)) { return

} if (blocks.unorderedList.main.$matches(innerBlock)) { return } if (blocks.website.main.$matches(innerBlock)) { return } if (blocks.image.main.$matches(innerBlock)) { return } if (blocks.bskyPost.main.$matches(innerBlock)) { return } console.warn('Warning! Unhandled block in leaflet', innerBlock.$type, innerBlock) return

TODO: {innerBlock.$type}

} function LeafletBlockHeader({block}: {block: blocks.header.Main}) { const level = (block.level || 1) + 1 // add 1 because the title is the h1 if (level === 2) { return

} if (level === 3) { return

} // ... return

} function LeafletBlockText({block}: {block: blocks.text.Main}) { return

} function LeafletBlockQuote({block}: {block: blocks.blockquote.Main}) { return

} // etc...

Billy

Billy's Blog

Paul's Leaflets