Replace Custom Presentation Renderer with new Roam API for Render Block

[dvargasfuertes]

Should knock out all future related features and condense a bunch of custom logic that we're doing

[mdroidian]

another use case this should fix: Supporting images uploaded in an encrypted graph.
Reported by Dinesh C. via support@roamjs

[mdroidian]

https://github.com/RoamJS/presentation/tree/replace-renderer

• split Presentation.tsx into components to make it easier to work
• multiple type fixes
• added renderBlock embed to start testing

TODO: create multiple test presentations

Content and formatting

• Default/plain text
• Nested blocks
• Bullet view
• Numbered view
• Document view
• Mixed view types at different nesting levels
• Heading levels 1–3
• Left, center, and right text alignment
• Custom #.class-name block classes
• Bold
• Italics
• Highlight
• Strikethrough
• Inline code
• Fenced code blocks
• Syntax highlighting: Markdown, YAML, CSS, Bash, Java, Rust, Python, C#, Clojure, and HCL
• Blockquotes
• Horizontal rules
• TODO and DONE checkboxes
• Roam attributes using ::

References and links

• Regular Markdown links
• Bare/autolinked URLs
• Page references
• Hashtags
• Page-reference aliases
• Block references
• Block-reference aliases
• Links opening in a new tab
• Twitter/X status embeds

Images, embeds, and components

• Regular Markdown images
• Images nested at different outline depths
• Image resizing
• Images displayed without a bullet marker
• Click an image to open the enlarged dialog
• {{iframe: ...}}
• Iframe resizing
• YouTube embeds
• Vimeo/video embeds
• PDF embeds
• {{roam/render: ...}}
• Excalidraw through roam/render
• Tables and wb-table
• Other extension components rendered through roam/render

The table parser matches any component name containing table, which is why both tables and wb-table use the same handling.

Slide behavior

• Normal content slides
• Automatic title slides when a slide has no children
• Forced title slides using {title}
• Title-slide subtitles from child blocks
• Image-only title slides
• Iframe-only title slides
• Speaker notes
• {hide} on complete slides
• {hide} on individual or nested blocks
• Collapsible bullets
• Per-slide collapsible override
• Auto-animate
• Per-slide transitions
• Global transitions
• Reveal themes
• Automatic scaling when slide content overflows
• Printing/exporting through the browser
• Starting on the slide containing the cursor
• Returning focus to the current slide after closing

Layouts

• Default layout
• Image Left
• Image Right
• Image Center
• Iframe Left
• Iframe Right
• Iframe Center
• Media Left
• Media Right
• Media Center