Function renderSlide

apps/sim/lib/pptx-renderer/renderer/slide-renderer.ts:199–315

(
  presentation: PresentationData,
  slide: SlideData,
  options?: SlideRendererOptions
)

 * 4. Slide shapes (on top)
 */
export function renderSlide(
  presentation: PresentationData,
  slide: SlideData,
  options?: SlideRendererOptions
): SlideHandle {
  const isSharedCache = !!options?.mediaUrlCache

  // Create render context (resolves slide -> layout -> master -> theme chain)
  const ctx = createRenderContext(
    presentation,
    slide,
    options?.mediaUrlCache,
    options?.chartInstances
  )
  if (options?.onNavigate) {
    ctx.onNavigate = options.onNavigate
  }

  // Create slide container
  const container = document.createElement('div')
  container.style.position = 'relative'
  container.style.width = `${presentation.width}px`
  container.style.height = `${presentation.height}px`
  container.style.overflow = 'hidden'
  container.style.backgroundColor = '#FFFFFF'

  // Render background
  try {
    renderBackground(ctx, container)
  } catch (e) {
    options?.onNodeError?.('__background__', e)
  }

  // --- Render master template shapes (behind layout and slide) ---
  // Respect showMasterSp flags:
  //  - layout.showMasterSp === false  → skip master shapes
  //  - slide.showMasterSp === false   → skip both master AND layout shapes
  if (slide.showMasterSp && ctx.layout.showMasterSp) {
    const masterCtx: RenderContext = {
      ...ctx,
      slide: { ...ctx.slide, rels: ctx.master.rels },
    }
    const masterShapes = parseTemplateShapes(ctx.master.spTree, slide.nodes)
    for (const node of masterShapes) {
      try {
        const el = renderNode(node, masterCtx)
        container.appendChild(el)
      } catch {
        // Master shape errors are non-fatal
      }
    }
  }

  // --- Render layout template shapes ---
  if (slide.showMasterSp) {
    const layoutCtx: RenderContext = {
      ...ctx,
      slide: { ...ctx.slide, rels: ctx.layout.rels },