Function loadScripts

frontend/src/components/map-view.tsx:84–148

()

    // Dynamically load the required scripts
    const loadScripts = async () => {
      try {
        // Make ROSLIB available globally for ros2d
        if (!window.ROSLIB) {
          window.ROSLIB = ROSLIB;
        }

        // Check if scripts are already loaded
        if (window.ROS2D && window.createjs) {
          initializeMap();
          return;
        }

        // Load EaselJS first (CreateJS)
        const easelScript = document.createElement('script');
        easelScript.src = 'https://cdn.jsdelivr.net/npm/easeljs@1.0.2/lib/easeljs.min.js';
        easelScript.async = true;
        
        await new Promise((resolve, reject) => {
          easelScript.onload = resolve;
          easelScript.onerror = reject;
          document.head.appendChild(easelScript);
        });

        // Load EventEmitter2
        const eventEmitterScript = document.createElement('script');
        eventEmitterScript.src = 'https://cdn.jsdelivr.net/npm/eventemitter2@6.4.9/lib/eventemitter2.min.js';
        eventEmitterScript.async = true;
        
        await new Promise((resolve, reject) => {
          eventEmitterScript.onload = () => {
            console.log('EventEmitter2 loaded successfully');
            resolve(true);
          };
          eventEmitterScript.onerror = reject;
          document.head.appendChild(eventEmitterScript);
        });

        // Load ROS2D
        const ros2dScript = document.createElement('script');
        ros2dScript.src = '/ros2d.min.js'; // We'll need to copy this to public folder
        ros2dScript.async = true;
        
        await new Promise((resolve, reject) => {
          ros2dScript.onload = () => {
            console.log('ROS2D loaded successfully');
            resolve(true);
          };
          ros2dScript.onerror = (error) => {
            console.error('Failed to load ROS2D:', error);
            reject(error);
          };
          document.head.appendChild(ros2dScript);
        });

        // Give a small delay to ensure all scripts are fully initialized
        await new Promise(resolve => setTimeout(resolve, 100));