exec()

playground.exec(
  command: "setBroadcastToken" | "showVersion",
  ...args: any[]
): Promise<{ output: any } | { error: string }>

import { createPlayground } from "livecodes";

const playground = await createPlayground("#container");

// Set broadcast token for collaboration
const result = await playground.exec("setBroadcastToken", "my-unique-token-123");

if ('output' in result) {
  console.log("Broadcast enabled!");
} else {
  console.error("Error:", result.error);
}

import { createPlayground } from "livecodes";

// Create first playground instance
const playground1 = await createPlayground("#container1");

// Create second playground instance
const playground2 = await createPlayground("#container2");

// Use the same token for both to sync them
const token = "collaboration-session-" + Date.now();

await playground1.exec("setBroadcastToken", token);
await playground2.exec("setBroadcastToken", token);

// Now changes in playground1 will appear in playground2 and vice versa!
console.log("Playgrounds are now synchronized");

import { createPlayground } from "livecodes";

const playground = await createPlayground("#container");

// Generate or get a room ID (e.g., from URL params)
const urlParams = new URLSearchParams(window.location.search);
const roomId = urlParams.get('room') || generateRoomId();

// Join the room
const result = await playground.exec("setBroadcastToken", roomId);

if ('output' in result) {
  console.log(`Joined room: ${roomId}`);
  
  // Update URL so others can join the same room
  const shareUrl = `${window.location.origin}${window.location.pathname}?room=${roomId}`;
  document.getElementById('share-link').textContent = shareUrl;
} else {
  console.error("Failed to join room:", result.error);
}

function generateRoomId() {
  return 'room-' + Math.random().toString(36).substring(2, 15);
}

import { createPlayground } from "livecodes";

const playground = await createPlayground("#container");

// Show version in playground console
const result = await playground.exec("showVersion");

if ('output' in result) {
  console.log("Version displayed in playground console");
  console.log("Version info:", result.output);
}

import { createPlayground } from "livecodes";

const playground = await createPlayground("#container");

const versionButton = document.getElementById('version-button');

versionButton.addEventListener('click', async () => {
  const result = await playground.exec("showVersion");
  
  if ('output' in result) {
    // Version is also shown in playground console
    // You can also display it in your own UI
    alert(`LiveCodes Version: ${result.output}`);
  }
});

import { createPlayground } from "livecodes";

const playground = await createPlayground("#container");

try {
  const result = await playground.exec("setBroadcastToken", "my-token");
  
  if ('error' in result) {
    // Handle error
    console.error("Command failed:", result.error);
    showErrorNotification(result.error);
  } else {
    // Handle success
    console.log("Command succeeded:", result.output);
    showSuccessNotification("Broadcast enabled!");
  }
} catch (error) {
  // Handle unexpected errors
  console.error("Unexpected error:", error);
}

import { createPlayground } from "livecodes";

const playground = await createPlayground("#container", {
  config: {
    // Custom broadcast server (advanced use case)
    // By default uses LiveCodes broadcast server
  },
});

// Then set the broadcast token
await playground.exec("setBroadcastToken", "my-token");

import { createPlayground } from "livecodes";

const playground = await createPlayground("#container");

const collaborateButton = document.getElementById('collaborate');
const roomInput = document.getElementById('room-input');
const statusDiv = document.getElementById('status');

collaborateButton.addEventListener('click', async () => {
  const roomId = roomInput.value.trim();
  
  if (!roomId) {
    alert('Please enter a room ID');
    return;
  }
  
  statusDiv.textContent = 'Connecting...';
  
  const result = await playground.exec("setBroadcastToken", roomId);
  
  if ('output' in result) {
    statusDiv.textContent = `Connected to room: ${roomId}`;
    statusDiv.style.color = 'green';
    
    // Watch for code changes from collaborators
    playground.watch('code', ({ code }) => {
      console.log('Code updated (possibly by collaborator)');
    });
  } else {
    statusDiv.textContent = `Error: ${result.error}`;
    statusDiv.style.color = 'red';
  }
});

import { createPlayground } from "livecodes";

const playground = await createPlayground("#container");

const debugButton = document.getElementById('debug');

debugButton.addEventListener('click', async () => {
  // Show version in console
  const versionResult = await playground.exec("showVersion");
  
  // Get config
  const config = await playground.getConfig();
  
  // Get code
  const code = await playground.getCode();
  
  // Compile debug info
  const debugInfo = {
    version: versionResult.output,
    config: {
      mode: config.mode,
      theme: config.theme,
      languages: [
        config.markup.language,
        config.style.language,
        config.script.language,
      ],
    },
    code: {
      markupLength: code.markup.content.length,
      styleLength: code.style.content.length,
      scriptLength: code.script.content.length,
    },
  };
  
  console.log('Debug Info:', debugInfo);
  
  // Copy to clipboard
  await navigator.clipboard.writeText(JSON.stringify(debugInfo, null, 2));
  alert('Debug info copied to clipboard');
});