imxc 0.1.0

package/dist/emitter.js

@@ -0,0 +1,716 @@
+const INDENT = '    ';
+function cppType(t) {
+    switch (t) {
+        case 'int': return 'int';
+        case 'float': return 'float';
+        case 'bool': return 'bool';
+        case 'string': return 'std::string';
+        case 'color': return 'std::array<float, 4>';
+    }
+}
+function cppPropType(t) {
+    if (t === 'callback')
+        return 'std::function<void()>';
+    return cppType(t);
+}
+/**
+ * Ensure a string expression is a const char*.
+ * String literals (quoted) are already const char*.
+ * Expressions like props.title (std::string) need .c_str().
+ */
+function asCharPtr(expr) {
+    // Already a string literal — "hello" is const char*
+    if (expr.startsWith('"'))
+        return expr;
+    // Already has .c_str()
+    if (expr.endsWith('.c_str()'))
+        return expr;
+    // Expression — assume std::string, add .c_str()
+    return `${expr}.c_str()`;
+}
+/**
+ * Emit a .gen.h header for a component that has props.
+ * Contains the props struct and function forward declaration.
+ */
+export function emitComponentHeader(comp) {
+    const lines = [];
+    lines.push('#pragma once');
+    lines.push('#include <reimgui/runtime.h>');
+    lines.push('#include <reimgui/renderer.h>');
+    lines.push('#include <functional>');
+    lines.push('#include <string>');
+    lines.push('');
+    // Props struct
+    lines.push(`struct ${comp.name}Props {`);
+    for (const p of comp.params) {
+        lines.push(`${INDENT}${cppPropType(p.type)} ${p.name};`);
+    }
+    lines.push('};');
+    lines.push('');
+    // Function forward declaration
+    lines.push(`void ${comp.name}_render(reimgui::RenderContext& ctx, const ${comp.name}Props& props);`);
+    lines.push('');
+    return lines.join('\n');
+}
+export function emitComponent(comp, imports) {
+    const lines = [];
+    // Reset counters for each component
+    styleCounter = 0;
+    customComponentCounter = 0;
+    checkboxCounter = 0;
+    comboCounter = 0;
+    listBoxCounter = 0;
+    const hasProps = comp.params.length > 0;
+    const hasColorType = comp.stateSlots.some(s => s.type === 'color');
+    if (hasProps) {
+        // Component with props: include its own header instead of redeclaring struct
+        lines.push(`#include "${comp.name}.gen.h"`);
+        if (hasColorType) {
+            lines.push('#include <array>');
+        }
+        lines.push('');
+    }
+    else {
+        // No props: standard headers
+        lines.push('#include <reimgui/runtime.h>');
+        lines.push('#include <reimgui/renderer.h>');
+        if (hasColorType) {
+            lines.push('#include <array>');
+        }
+        // Include imported component headers
+        if (imports && imports.length > 0) {
+            for (const imp of imports) {
+                lines.push(`#include "${imp.headerFile}"`);
+            }
+        }
+        lines.push('');
+    }
+    // Function signature
+    const propsArg = hasProps ? `, const ${comp.name}Props& props` : '';
+    lines.push(`void ${comp.name}_render(reimgui::RenderContext& ctx${propsArg}) {`);
+    // State declarations
+    for (const slot of comp.stateSlots) {
+        const initVal = slot.type === 'string'
+            ? `std::string(${slot.initialValue})`
+            : slot.type === 'color'
+                ? `std::array<float, 4>${slot.initialValue}`
+                : slot.initialValue;
+        lines.push(`${INDENT}auto ${slot.name} = ctx.use_state<${cppType(slot.type)}>(${initVal}, ${slot.index});`);
+    }
+    if (comp.stateSlots.length > 0) {
+        lines.push('');
+    }
+    // Body IR nodes
+    emitNodes(comp.body, lines, 1);
+    lines.push('}');
+    lines.push('');
+    return lines.join('\n');
+}
+export function emitRoot(rootName, stateCount, bufferCount) {
+    const lines = [];
+    lines.push('#include <reimgui/runtime.h>');
+    lines.push('');
+    lines.push(`void ${rootName}_render(reimgui::RenderContext& ctx);`);
+    lines.push('');
+    lines.push('namespace reimgui {');
+    lines.push('void render_root(Runtime& runtime) {');
+    lines.push(`${INDENT}auto& ctx = runtime.begin_frame();`);
+    lines.push(`${INDENT}ctx.begin_instance("${rootName}", 0, ${stateCount}, ${bufferCount});`);
+    lines.push(`${INDENT}${rootName}_render(ctx);`);
+    lines.push(`${INDENT}ctx.end_instance();`);
+    lines.push(`${INDENT}runtime.end_frame();`);
+    lines.push('}');
+    lines.push('} // namespace reimgui');
+    lines.push('');
+    return lines.join('\n');
+}
+function emitNodes(nodes, lines, depth) {
+    for (const node of nodes) {
+        emitNode(node, lines, depth);
+    }
+}
+function emitNode(node, lines, depth) {
+    const indent = INDENT.repeat(depth);
+    switch (node.kind) {
+        case 'begin_container':
+            emitBeginContainer(node, lines, indent);
+            break;
+        case 'end_container':
+            emitEndContainer(node, lines, indent);
+            break;
+        case 'text':
+            emitText(node, lines, indent);
+            break;
+        case 'button':
+            emitButton(node, lines, indent, depth);
+            break;
+        case 'text_input':
+            emitTextInput(node, lines, indent);
+            break;
+        case 'checkbox':
+            emitCheckbox(node, lines, indent);
+            break;
+        case 'separator':
+            lines.push(`${indent}reimgui::renderer::separator();`);
+            break;
+        case 'begin_popup':
+            lines.push(`${indent}if (reimgui::renderer::begin_popup(${node.id})) {`);
+            break;
+        case 'end_popup':
+            lines.push(`${indent}reimgui::renderer::end_popup();`);
+            lines.push(`${indent}}`);
+            break;
+        case 'open_popup':
+            lines.push(`${indent}reimgui::renderer::open_popup(${node.id});`);
+            break;
+        case 'conditional':
+            emitConditional(node, lines, indent, depth);
+            break;
+        case 'list_map':
+            emitListMap(node, lines, indent, depth);
+            break;
+        case 'menu_item':
+            emitMenuItem(node, lines, indent, depth);
+            break;
+        case 'custom_component':
+            emitCustomComponent(node, lines, indent);
+            break;
+        case 'slider_float':
+            emitSliderFloat(node, lines, indent);
+            break;
+        case 'slider_int':
+            emitSliderInt(node, lines, indent);
+            break;
+        case 'drag_float':
+            emitDragFloat(node, lines, indent);
+            break;
+        case 'drag_int':
+            emitDragInt(node, lines, indent);
+            break;
+        case 'combo':
+            emitCombo(node, lines, indent);
+            break;
+        case 'input_int':
+            emitInputInt(node, lines, indent);
+            break;
+        case 'input_float':
+            emitInputFloat(node, lines, indent);
+            break;
+        case 'color_edit':
+            emitColorEdit(node, lines, indent);
+            break;
+        case 'list_box':
+            emitListBox(node, lines, indent);
+            break;
+        case 'progress_bar':
+            emitProgressBar(node, lines, indent);
+            break;
+        case 'tooltip':
+            emitTooltip(node, lines, indent);
+            break;
+    }
+}
+let styleCounter = 0;
+let customComponentCounter = 0;
+let checkboxCounter = 0;
+let comboCounter = 0;
+let listBoxCounter = 0;
+function buildStyleBlock(node, indent, lines) {
+    // Check for style-related props (gap, padding, width, height, etc.)
+    const styleProps = {};
+    for (const [key, val] of Object.entries(node.props)) {
+        if (['gap', 'padding', 'paddingHorizontal', 'paddingVertical', 'width', 'height', 'minWidth', 'minHeight'].includes(key)) {
+            // Map camelCase to snake_case for C++ Style struct
+            const cppKey = key === 'paddingHorizontal' ? 'padding_horizontal'
+                : key === 'paddingVertical' ? 'padding_vertical'
+                    : key === 'minWidth' ? 'min_width'
+                        : key === 'minHeight' ? 'min_height'
+                            : key;
+            styleProps[cppKey] = val;
+        }
+    }
+    // Also check node.style (explicit style prop)
+    const explicitStyle = node.style ?? node.props['style'];
+    if (explicitStyle) {
+        return explicitStyle;
+    }
+    if (Object.keys(styleProps).length === 0) {
+        return null;
+    }
+    // Generate MSVC-compatible style construction
+    const varName = `style_${styleCounter++}`;
+    lines.push(`${indent}reimgui::Style ${varName};`);
+    for (const [key, val] of Object.entries(styleProps)) {
+        // Ensure the value is a float literal (e.g., 8 -> 8.0F, 8.5 -> 8.5F)
+        const floatVal = val.includes('.') ? `${val}F` : `${val}.0F`;
+        lines.push(`${indent}${varName}.${key} = ${floatVal};`);
+    }
+    return varName;
+}
+function emitBeginContainer(node, lines, indent) {
+    switch (node.tag) {
+        case 'Window': {
+            const title = asCharPtr(node.props['title'] ?? '""');
+            lines.push(`${indent}reimgui::renderer::begin_window(${title});`);
+            break;
+        }
+        case 'Row': {
+            const style = buildStyleBlock(node, indent, lines);
+            if (style) {
+                lines.push(`${indent}reimgui::renderer::begin_row(${style});`);
+            }
+            else {
+                lines.push(`${indent}reimgui::renderer::begin_row();`);
+            }
+            break;
+        }
+        case 'Column': {
+            const style = buildStyleBlock(node, indent, lines);
+            if (style) {
+                lines.push(`${indent}reimgui::renderer::begin_column(${style});`);
+            }
+            else {
+                lines.push(`${indent}reimgui::renderer::begin_column();`);
+            }
+            break;
+        }
+        case 'View': {
+            const style = buildStyleBlock(node, indent, lines);
+            if (style) {
+                lines.push(`${indent}reimgui::renderer::begin_view(${style});`);
+            }
+            else {
+                lines.push(`${indent}reimgui::renderer::begin_view();`);
+            }
+            break;
+        }
+        case 'DockSpace': {
+            const style = buildStyleBlock(node, indent, lines);
+            if (style) {
+                lines.push(`${indent}reimgui::renderer::begin_dockspace(${style});`);
+            }
+            else {
+                lines.push(`${indent}reimgui::renderer::begin_dockspace();`);
+            }
+            break;
+        }
+        case 'MenuBar': {
+            lines.push(`${indent}if (reimgui::renderer::begin_menu_bar()) {`);
+            break;
+        }
+        case 'Menu': {
+            const label = asCharPtr(node.props['label'] ?? '""');
+            lines.push(`${indent}if (reimgui::renderer::begin_menu(${label})) {`);
+            break;
+        }
+        case 'Table': {
+            const columnsRaw = node.props['columns'] ?? '';
+            const columnNames = columnsRaw.split(',').map(s => s.trim()).filter(s => s.length > 0);
+            const count = columnNames.length;
+            const varName = `table_cols_${styleCounter++}`;
+            lines.push(`${indent}const char* ${varName}[] = {${columnNames.join(', ')}};`);
+            lines.push(`${indent}if (reimgui::renderer::begin_table("##table", ${count}, ${varName})) {`);
+            break;
+        }
+        case 'TableRow': {
+            lines.push(`${indent}reimgui::renderer::begin_table_row();`);
+            break;
+        }
+        case 'TabBar': {
+            lines.push(`${indent}if (reimgui::renderer::begin_tab_bar()) {`);
+            break;
+        }
+        case 'TabItem': {
+            const label = asCharPtr(node.props['label'] ?? '""');
+            lines.push(`${indent}if (reimgui::renderer::begin_tab_item(${label})) {`);
+            break;
+        }
+        case 'TreeNode': {
+            const label = asCharPtr(node.props['label'] ?? '""');
+            lines.push(`${indent}if (reimgui::renderer::begin_tree_node(${label})) {`);
+            break;
+        }
+        case 'CollapsingHeader': {
+            const label = asCharPtr(node.props['label'] ?? '""');
+            lines.push(`${indent}if (reimgui::renderer::begin_collapsing_header(${label})) {`);
+            break;
+        }
+    }
+}
+function emitEndContainer(node, lines, indent) {
+    switch (node.tag) {
+        case 'Window':
+            lines.push(`${indent}reimgui::renderer::end_window();`);
+            break;
+        case 'Row':
+            lines.push(`${indent}reimgui::renderer::end_row();`);
+            break;
+        case 'Column':
+            lines.push(`${indent}reimgui::renderer::end_column();`);
+            break;
+        case 'View':
+            lines.push(`${indent}reimgui::renderer::end_view();`);
+            break;
+        case 'DockSpace':
+            lines.push(`${indent}reimgui::renderer::end_dockspace();`);
+            break;
+        case 'MenuBar':
+            lines.push(`${indent}reimgui::renderer::end_menu_bar();`);
+            lines.push(`${indent}}`);
+            break;
+        case 'Menu':
+            lines.push(`${indent}reimgui::renderer::end_menu();`);
+            lines.push(`${indent}}`);
+            break;
+        case 'Table':
+            lines.push(`${indent}reimgui::renderer::end_table();`);
+            lines.push(`${indent}}`);
+            break;
+        case 'TableRow':
+            lines.push(`${indent}reimgui::renderer::end_table_row();`);
+            break;
+        case 'TabBar':
+            lines.push(`${indent}reimgui::renderer::end_tab_bar();`);
+            lines.push(`${indent}}`);
+            break;
+        case 'TabItem':
+            lines.push(`${indent}reimgui::renderer::end_tab_item();`);
+            lines.push(`${indent}}`);
+            break;
+        case 'TreeNode':
+            lines.push(`${indent}reimgui::renderer::end_tree_node();`);
+            lines.push(`${indent}}`);
+            break;
+        case 'CollapsingHeader':
+            lines.push(`${indent}reimgui::renderer::end_collapsing_header();`);
+            lines.push(`${indent}}`);
+            break;
+    }
+}
+function emitText(node, lines, indent) {
+    if (node.args.length === 0) {
+        lines.push(`${indent}reimgui::renderer::text(${JSON.stringify(node.format)});`);
+    }
+    else {
+        const argsStr = node.args.join(', ');
+        lines.push(`${indent}reimgui::renderer::text(${JSON.stringify(node.format)}, ${argsStr});`);
+    }
+}
+function emitButton(node, lines, indent, depth) {
+    const title = asCharPtr(node.title);
+    if (node.action.length === 0) {
+        lines.push(`${indent}reimgui::renderer::button(${title});`);
+    }
+    else {
+        lines.push(`${indent}if (reimgui::renderer::button(${title})) {`);
+        for (const stmt of node.action) {
+            lines.push(`${indent}${INDENT}${stmt}`);
+        }
+        lines.push(`${indent}}`);
+    }
+}
+function emitMenuItem(node, lines, indent, depth) {
+    const label = asCharPtr(node.label);
+    const shortcut = node.shortcut ? asCharPtr(node.shortcut) : undefined;
+    if (node.action.length === 0) {
+        if (shortcut) {
+            lines.push(`${indent}reimgui::renderer::menu_item(${label}, ${shortcut});`);
+        }
+        else {
+            lines.push(`${indent}reimgui::renderer::menu_item(${label});`);
+        }
+    }
+    else {
+        if (shortcut) {
+            lines.push(`${indent}if (reimgui::renderer::menu_item(${label}, ${shortcut})) {`);
+        }
+        else {
+            lines.push(`${indent}if (reimgui::renderer::menu_item(${label})) {`);
+        }
+        for (const stmt of node.action) {
+            lines.push(`${indent}    ${stmt}`);
+        }
+        lines.push(`${indent}}`);
+    }
+}
+function emitTextInput(node, lines, indent) {
+    const label = asCharPtr(node.label && node.label !== '""' ? node.label : `"##textinput_${node.bufferIndex}"`);
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}auto& buf = ctx.get_buffer(${node.bufferIndex});`);
+        lines.push(`${indent}${INDENT}buf.sync_from(${node.stateVar}.get());`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::text_input(${label}, buf)) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(buf.value());`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else {
+        lines.push(`${indent}auto& buf_${node.bufferIndex} = ctx.get_buffer(${node.bufferIndex});`);
+        lines.push(`${indent}reimgui::renderer::text_input(${label}, buf_${node.bufferIndex});`);
+    }
+}
+function emitCheckbox(node, lines, indent) {
+    const label = asCharPtr(node.label && node.label !== '""' ? node.label : `"##checkbox_${checkboxCounter}"`);
+    checkboxCounter++;
+    if (node.stateVar) {
+        // State-bound case
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}bool val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::checkbox(${label}, &val)) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        // Props-bound / expression-bound case
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}bool val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::checkbox(${label}, &val)) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else {
+        lines.push(`${indent}reimgui::renderer::checkbox(${label}, nullptr);`);
+    }
+}
+function emitConditional(node, lines, indent, depth) {
+    lines.push(`${indent}if (${node.condition}) {`);
+    emitNodes(node.body, lines, depth + 1);
+    if (node.elseBody && node.elseBody.length > 0) {
+        lines.push(`${indent}} else {`);
+        emitNodes(node.elseBody, lines, depth + 1);
+    }
+    lines.push(`${indent}}`);
+}
+function emitListMap(node, lines, indent, depth) {
+    lines.push(`${indent}for (size_t i = 0; i < ${node.array}.size(); i++) {`);
+    lines.push(`${indent}${INDENT}auto& ${node.itemVar} = ${node.array}[i];`);
+    lines.push(`${indent}${INDENT}ctx.begin_instance("${node.componentName}", i, ${node.stateCount}, ${node.bufferCount});`);
+    emitNodes(node.body, lines, depth + 2);
+    lines.push(`${indent}${INDENT}ctx.end_instance();`);
+    lines.push(`${indent}}`);
+}
+function emitCustomComponent(node, lines, indent) {
+    const instanceIndex = customComponentCounter++;
+    const propsEntries = Object.entries(node.props);
+    lines.push(`${indent}ctx.begin_instance("${node.name}", ${instanceIndex}, ${node.stateCount}, ${node.bufferCount});`);
+    if (propsEntries.length > 0) {
+        // MSVC-compatible: use variable-based prop assignment instead of designated initializers
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}${node.name}Props p;`);
+        for (const [k, v] of propsEntries) {
+            lines.push(`${indent}${INDENT}p.${k} = ${v};`);
+        }
+        lines.push(`${indent}${INDENT}${node.name}_render(ctx, p);`);
+        lines.push(`${indent}}`);
+    }
+    else {
+        lines.push(`${indent}${node.name}_render(ctx);`);
+    }
+    lines.push(`${indent}ctx.end_instance();`);
+}
+function ensureFloatLiteral(val) {
+    // If already has 'f' suffix or '.', leave as-is
+    if (val.endsWith('f') || val.endsWith('F') || val.includes('.'))
+        return val;
+    // Append .0f to make it a float literal
+    return `${val}.0f`;
+}
+function emitSliderFloat(node, lines, indent) {
+    const min = ensureFloatLiteral(node.min);
+    const max = ensureFloatLiteral(node.max);
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}float val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::slider_float(${node.label}, &val, ${min}, ${max})) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}float val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::slider_float(${node.label}, &val, ${min}, ${max})) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitSliderInt(node, lines, indent) {
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}int val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::slider_int(${node.label}, &val, ${node.min}, ${node.max})) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}int val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::slider_int(${node.label}, &val, ${node.min}, ${node.max})) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitDragFloat(node, lines, indent) {
+    const speed = ensureFloatLiteral(node.speed);
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}float val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::drag_float(${node.label}, &val, ${speed})) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}float val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::drag_float(${node.label}, &val, ${speed})) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitDragInt(node, lines, indent) {
+    const speed = ensureFloatLiteral(node.speed);
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}int val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::drag_int(${node.label}, &val, ${speed})) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}int val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::drag_int(${node.label}, &val, ${speed})) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitCombo(node, lines, indent) {
+    const itemsList = node.items.split(',').map(s => s.trim()).filter(s => s.length > 0);
+    const count = itemsList.length;
+    const varName = `combo_items_${comboCounter++}`;
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}const char* ${varName}[] = {${itemsList.join(', ')}};`);
+        lines.push(`${indent}${INDENT}int val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::combo(${node.label}, &val, ${varName}, ${count})) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}const char* ${varName}[] = {${itemsList.join(', ')}};`);
+        lines.push(`${indent}${INDENT}int val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::combo(${node.label}, &val, ${varName}, ${count})) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitInputInt(node, lines, indent) {
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}int val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::input_int(${node.label}, &val)) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}int val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::input_int(${node.label}, &val)) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitInputFloat(node, lines, indent) {
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}float val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::input_float(${node.label}, &val)) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}float val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::input_float(${node.label}, &val)) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitColorEdit(node, lines, indent) {
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}auto val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::color_edit(${node.label}, val.data())) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitListBox(node, lines, indent) {
+    const itemsList = node.items.split(',').map(s => s.trim()).filter(s => s.length > 0);
+    const count = itemsList.length;
+    const varName = `listbox_items_${listBoxCounter++}`;
+    if (node.stateVar) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}const char* ${varName}[] = {${itemsList.join(', ')}};`);
+        lines.push(`${indent}${INDENT}int val = ${node.stateVar}.get();`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::list_box(${node.label}, &val, ${varName}, ${count})) {`);
+        lines.push(`${indent}${INDENT}${INDENT}${node.stateVar}.set(val);`);
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+    else if (node.valueExpr !== undefined) {
+        lines.push(`${indent}{`);
+        lines.push(`${indent}${INDENT}const char* ${varName}[] = {${itemsList.join(', ')}};`);
+        lines.push(`${indent}${INDENT}int val = ${node.valueExpr};`);
+        lines.push(`${indent}${INDENT}if (reimgui::renderer::list_box(${node.label}, &val, ${varName}, ${count})) {`);
+        if (node.onChangeExpr) {
+            lines.push(`${indent}${INDENT}${INDENT}${node.onChangeExpr};`);
+        }
+        lines.push(`${indent}${INDENT}}`);
+        lines.push(`${indent}}`);
+    }
+}
+function emitProgressBar(node, lines, indent) {
+    if (node.overlay) {
+        lines.push(`${indent}reimgui::renderer::progress_bar(${node.value}, ${node.overlay});`);
+    }
+    else {
+        lines.push(`${indent}reimgui::renderer::progress_bar(${node.value});`);
+    }
+}
+function emitTooltip(node, lines, indent) {
+    lines.push(`${indent}reimgui::renderer::tooltip(${node.text});`);
+}