import { NodeEditor } from './NodeEditor.js';

// 1. Initialize the UI Engine
const container = document.getElementById('editor-container');
const editor = new NodeEditor(container);

// 2. Extract the State Manager
const graph = editor.getGraphManager();

// 3. Spawning Nodes
const nodeA = graph.addNode({
    type: 'source_node',
    title: 'Data Stream',
    x: 100,
    y: 150,
    inputs: [],
    outputs: [{ id: 'out_raw', name: 'Raw Buffer' }]
});

const nodeB = graph.addNode({
    type: 'processing_node',
    title: 'Transform Matrix',
    x: 450,
    y: 250,
    inputs: [{ id: 'in_data', name: 'Payload' }],
    outputs: [{ id: 'out_success', name: 'Success' }]
});

// 4. Create a programmatically driven wire connection
graph.connect(nodeA.id, 'out_raw', nodeB.id, 'in_data');