nodePanel.js

import { commands } from './commands.js';
import { nodeClusters } from './nodeClusters.js';
import { uiElements } from './uiElements.js';
import { createNodeInstance, createNodeCluster } from './nodeInstance.js';
import { screenToWorkspaceCoordinates } from './workspaceManager.js';

export function loadCommandsIntoPanel() {
    const clusterList = document.getElementById('cluster-list');
    const commandList = document.getElementById('command-list');

    // Add cluster items
    nodeClusters.forEach(cluster => {
        const clusterItem = document.createElement('div');
        clusterItem.classList.add('node-item', 'cluster-item');
        clusterItem.textContent = cluster.name;
        clusterItem.title = cluster.description;
        clusterItem.addEventListener('mousedown', (event) => {
            event.preventDefault();
            const handleMouseUp = (upEvent) => {
                const rect = uiElements.workspace.getBoundingClientRect();
                const mouseX = upEvent.clientX - rect.left;
                const mouseY = upEvent.clientY - rect.top;
                createNodeCluster(cluster, mouseX, mouseY);
                document.removeEventListener('mouseup', handleMouseUp);
            };
            document.addEventListener('mouseup', handleMouseUp);
        });
        clusterList.appendChild(clusterItem);
    });

    // Add individual command items
    commands.forEach(cmd => {
        const nodeItem = document.createElement('div');
        nodeItem.classList.add('node-item');
        nodeItem.textContent = cmd.name;
        nodeItem.title = cmd.description;
        nodeItem.addEventListener('mousedown', (event) => {
            event.preventDefault();
            const handleMouseUp = (upEvent) => {
                const rect = uiElements.workspace.getBoundingClientRect();
                const mouseX = upEvent.clientX - rect.left;
                const mouseY = upEvent.clientY - rect.top;
                createNodeInstance(cmd, mouseX, mouseY);
                document.removeEventListener('mouseup', handleMouseUp);
            };
            document.addEventListener('mouseup', handleMouseUp);
        });
        commandList.appendChild(nodeItem);
    });
}