App Communication

import zoomSdk from '@zoom/appssdk';

await zoomSdk.config({
  capabilities: ['connect', 'postMessage', 'onConnect', 'onMessage'],
  version: '0.16'
});

// Both instances must call connect()
await zoomSdk.connect();

// Know when the other instance connects
zoomSdk.addEventListener('onConnect', (event) => {
  console.log('Other instance connected');
});

// Send a message
await zoomSdk.postMessage({
  payload: JSON.stringify({ type: 'greeting', data: 'Hello from this instance!' })
});

// Receive messages
zoomSdk.addEventListener('onMessage', (event) => {
  const message = JSON.parse(event.payload);
  console.log('Received:', message.type, message.data);
});

// Running in inMainClient context
const config = await zoomSdk.config({
  capabilities: ['connect', 'postMessage', 'onConnect', 'onMessage', 'getRunningContext'],
  version: '0.16'
});

if (config.runningContext === 'inMainClient') {
  await zoomSdk.connect();

  // User configures settings
  const settings = {
    theme: 'dark',
    language: 'en',
    notifications: true
  };

  // When meeting instance asks for settings, send them
  zoomSdk.addEventListener('onMessage', async (event) => {
    const msg = JSON.parse(event.payload);
    if (msg.type === 'request-settings') {
      await zoomSdk.postMessage({
        payload: JSON.stringify({ type: 'settings', data: settings })
      });
    }
  });
}

// Running in inMeeting context
if (config.runningContext === 'inMeeting') {
  await zoomSdk.connect();

  let settings = null;

  zoomSdk.addEventListener('onMessage', (event) => {
    const msg = JSON.parse(event.payload);
    if (msg.type === 'settings') {
      settings = msg.data;
      applySettings(settings);
    }
  });

  // Request settings from main client instance
  zoomSdk.addEventListener('onConnect', async () => {
    await zoomSdk.postMessage({
      payload: JSON.stringify({ type: 'request-settings' })
    });
  });
}

// Message types
const MessageType = {
  REQUEST_SETTINGS: 'request-settings',
  SETTINGS: 'settings',
  STATE_UPDATE: 'state-update',
  ACTION: 'action'
};

// Send helper
async function send(type, data = {}) {
  await zoomSdk.postMessage({
    payload: JSON.stringify({ type, data, timestamp: Date.now() })
  });
}

// Receive handler
zoomSdk.addEventListener('onMessage', (event) => {
  const { type, data } = JSON.parse(event.payload);

  switch (type) {
    case MessageType.REQUEST_SETTINGS:
      send(MessageType.SETTINGS, currentSettings);
      break;
    case MessageType.STATE_UPDATE:
      applyState(data);
      break;
    case MessageType.ACTION:
      handleAction(data);
      break;
  }
});