Function localLoadFastLed

src/platforms/wasm/compiler/index.ts:932–1001

* Main FastLED loading and initialization function * Sets up the entire FastLED environment including UI, graphics, and WASM module * @async * @param {Object} options - Configuration options for FastLED initialization * @param {string} options.canvasId - ID of the HTML canvas element for renderi

(options)

 * @returns {Promise<void>} Promise that resolves when FastLED is fully loaded
 */
async function localLoadFastLed(options) {
  try {
    console.log('Loading FastLED with options:', options);
    canvasId = options.canvasId;
    uiControlsId = options.uiControlsId;
    outputId = options.printId;
    print = customPrintFunction;
    console.log('Loading FastLED with options:', options);
    frameRate = options.frameRate || DEFAULT_FRAME_RATE_60FPS;
    uiManager = new JsonUiManager(uiControlsId);

    // Initialize JSON Inspector
    new JsonInspector();

    // Expose UI manager globally for debug functions (main thread only)
    window.uiManager = uiManager;
    window.uiManagerInstance = uiManager;

    // Apply pending debug mode setting if it was set before manager creation
    if (typeof window._pendingUiDebugMode !== 'undefined') {
      uiManager.setDebugMode(window._pendingUiDebugMode);
      delete window._pendingUiDebugMode;
    }

    // Set up periodic cleanup of orphaned UI elements
    setInterval(() => {
      if (uiManager && uiManager.cleanupOrphanedElements) {
        uiManager.cleanupOrphanedElements();
      }
    }, 5000); // Run cleanup every 5 seconds

    // Set up periodic UI polling for worker mode
    // In worker mode, there's no main thread loop, so we poll for UI changes
    setInterval(() => {
      if (window.fastLEDWorkerManager && window.fastLEDWorkerManager.isWorkerActive) {
        // Worker mode: poll UI changes and send to worker
        if (window.uiManager && typeof window.uiManager.processUiChanges === 'function') {
          const changes = window.uiManager.processUiChanges();
          if (changes && Object.keys(changes).length > 0) {
            //console.log('🎮 [UI_POLL] Detected UI changes in worker mode:', changes);
            const message = {
              type: 'ui_changes',
              payload: {
                changes: changes
              }
            };
            window.fastLEDWorkerManager.worker.postMessage(message);
            //console.log('🎮 [UI_POLL] UI changes sent to worker');
          }
        }
      }
    }, 1000 / 60); // Poll at 60Hz to match typical frame rate

    const { threeJs } = options;
    console.log('ThreeJS:', threeJs);
    const fastLedLoader = options.fastled;
    threeJsModules = threeJs.modules;
    containerId = threeJs.containerId;