feat: fix viewport

frontend/src/lib/configTypes.ts

@@ -21,9 +21,14 @@ function isGroup(b: InsertBlockOrGroup): b is InsertBlockGroup {
 /** Optional options passed to render (e.g. node size for wireframe SVG). */
 export type RenderOptions = { width?: number; height?: number }
 
+/** How the renderer should display this type: HTML in a div, or image (SVG/PNG) in a viewport. */
+export type ConfigOutputType = 'html' | 'image'
+
 export type ConfigType = {
   id: ConfigTypeId
   label: string
+  /** How the RenderingNode should display output: 'html' (div) or 'image' (viewport). */
+  outputType: ConfigOutputType
   /** CodeMirror language key; used to pick the extension in ConfigNode. */
   language: ConfigTypeId
   /** Options under Insert → [type-specific]. Can be flat blocks or groups. */
@@ -129,6 +134,7 @@ export const CONFIG_TYPES: ConfigType[] = [
   {
     id: 'plantuml',
     label: 'Diagram',
+    outputType: 'image',
     language: 'plantuml',
     insertBlocks: PLANTUML_INSERT_BLOCKS,
     render: async (content: string) => {
@@ -167,6 +173,7 @@ export const CONFIG_TYPES: ConfigType[] = [
   {
     id: 'markdown',
     label: 'Markdown',
+    outputType: 'html',
     language: 'markdown',
     insertBlocks: MARKDOWN_INSERT_BLOCKS,
     render: renderMarkdown,
@@ -174,6 +181,7 @@ export const CONFIG_TYPES: ConfigType[] = [
   {
     id: 'wireframe',
     label: 'Wireframe',
+    outputType: 'image',
     language: 'markdown',
     insertBlocks: WIREFRAME_INSERT_BLOCKS,
     render: renderWireframe,