Function buildDiagramGroup

apps/sim/lib/pptx-renderer/model/slide.ts:185–224

* Build a GroupNodeData from a diagram drawing XML string. * Diagram drawings use dsp: namespace (drawingml 2008); structure is dsp:drawing > dsp:spTree > dsp:sp. * Diagram shapes are positioned in the graphicFrame's own coordinate space.

(
  base: ReturnType<typeof parseBaseProps>,
  drawingXml: string
)

 * Diagram shapes are positioned in the graphicFrame's own coordinate space.
 */
function buildDiagramGroup(
  base: ReturnType<typeof parseBaseProps>,
  drawingXml: string
): GroupNodeData {
  const drawingRoot = parseXml(drawingXml)
  const spTree = drawingRoot.child('spTree')
  if (!spTree.exists()) {
    return {
      ...base,
      nodeType: 'group',
      childOffset: { x: 0, y: 0 },
      childExtent: { w: base.size.w, h: base.size.h },
      children: [],
    }
  }

  const CHILD_TAGS = new Set(['sp', 'pic', 'grpSp', 'graphicFrame', 'cxnSp'])
  const children: SafeXmlNode[] = []

  for (const child of spTree.allChildren()) {
    if (CHILD_TAGS.has(child.localName)) {
      children.push(child)
    }
  }

  // Use the graphicFrame's own dimensions as the child coordinate space.
  // Diagram shapes are positioned in the frame's coordinate space (EMU converted to px).
  // Using frame dimensions gives a 1:1 scale, preserving original positions and sizes.
  // This avoids enlarging shapes when the bounding box is smaller than the frame.
  const extentW = Math.max(1, base.size.w)
  const extentH = Math.max(1, base.size.h)

  return {
    ...base,
    nodeType: 'group',
    childOffset: { x: 0, y: 0 },
    childExtent: { w: extentW, h: extentH },
    children,
  }
}

/**
 * Parse a single child node from spTree, dispatching to the appropriate parser.