participant.js

var app = new window.Webex.Application();

app.onReady().then(() => {
  log('onReady()', { message: 'participant app is ready' })
  app.listen().then(() => {
    app.on('application:displayContextChanged', (payload) => log('application:displayContextChanged', payload));
    app.on('application:shareStateChanged', (payload) => log('application:shareStateChanged', payload));
    app.on('application:themeChanged', (payload) => log('application:themeChanged', payload));
    app.on('meeting:infoChanged', (payload) => log('meeting:infoChanged', payload));
    app.on('meeting:roleChanged', (payload) => log('meeting:roleChanged', payload));
    app.on('space:infoChanged', (payload) => log('space:infoChanged', payload));
  })
});

function handleGetUser() {
  app.context.getUser().then((u) => {
    log('getUser()', u);
  }).catch((error) => {
    log('getUser() promise failed with error', Webex.Application.ErrorCodes[error]);
  })
}

function handleGetMeeting() {
  app.context.getMeeting().then((m) => {
    log('getMeeting()', m);
  }).catch((error) => {
    log('getMeeting() promise failed with error', Webex.Application.ErrorCodes[error]);
  });
}

function handleGetSpace() {
  app.context.getSpace().then((s) => {
    log('getSpace()', s);
  }).catch((error) => {
    log('getSpace() promise failed with error', Webex.Application.ErrorCodes[error]);
  });
}

function handleDisplayAppInfo() {
  log('Display Application', app);
}

function log(type, data) {
  var ul = document.getElementById("console");
  var li = document.createElement("li");
  var payload = document.createTextNode(`${type}: ${JSON.stringify(data)}`);
  li.appendChild(payload)
  ul.prepend(li);
}