Function initializeApp

src/app.js:38–236

({ manualLink, examples, defaultProgram })

 * @param {string} config.defaultProgram - Initial program to load
 */
export function initializeApp({ manualLink, examples, defaultProgram }) {
  // Create and insert app template
  const app = document.getElementById('app');
  const appTemplate = createAppTemplate({ examples });
  app.appendChild(appTemplate);

  // Get DOM elements
  const logEl = document.getElementById('log');
  const exampleSelect = document.getElementById('example-select');
  const editorHost = document.getElementById('code-editor');
  const validationContainer = document.getElementById('validation-container');
  const replContainer = document.getElementById('repl-container');
  const aiChatContainer = document.getElementById('ai-chat-container');

  // Initialize core components
  const builtins = createBuiltins();
  const audio = new AudioEngine();
  const stateManager = new StateManager();
  const scheduler = new Scheduler({ audio, builtins, stateManager });

  // Create validation indicator
  const validationIndicator = new ValidationIndicator();
  validationContainer.appendChild(validationIndicator.getElement());

  // Create live evaluator
  const liveEvaluator = new LiveEvaluator({ scheduler, debounceMs: defaults.debounceMs });

  // Create REPL
  const repl = new REPL({
    getProgram: () => liveEvaluator.currentProgram || [],
    builtins,
    stateManager
  });
  replContainer.appendChild(repl.getElement());

  // Logging utility
  function log(msg) {
    logEl.textContent = (msg + "\n" + logEl.textContent).slice(0, defaults.logMaxChars);
  }

  // Editor management
  let editorView;

  function getCode() {
    return editorView ? editorView.state.doc.toString() : '';
  }

  function setCode(text) {
    if (!editorView) return;
    editorView.dispatch({ changes: { from: 0, to: editorView.state.doc.length, insert: text } });
  }

  // Allow optional external drivers (e.g., AI bridge) to read/write code or run queries.
  const runQuery = (queryText) => {
    if (repl && typeof repl.executeQueryFromText === 'function') {
      repl.executeQueryFromText(queryText);
    }
  };