Extension example for cell execution events

index.ts

import {
  JupyterFrontEnd,
  JupyterFrontEndPlugin
} from '@jupyterlab/application';
import { NotebookActions } from '@jupyterlab/notebook';

/**
 * Initialization data for the constellate_lab_usage extension.
 */
const plugin: JupyterFrontEndPlugin<void> = {
  id: 'constellate_lab_usage:plugin',
  description:
    'A JupyterLab extension to collect usage via listening on cell execution commands.',
  autoStart: true,
  activate: (app: JupyterFrontEnd) => {
    console.log('JupyterLab extension constellate_lab_usage is activated!');
    NotebookActions.executed.connect((_, args) => {
      console.log('Cell executed:', args);
      // create an empty promise that resolves after 3 seconds
      const constellateSessionId = '4ade0740-fb8d-40ab-bea7-5148fbda4d8e';
      fetch('https://api-test.constellate.org/constellate/v1/log/', {
        method: 'POST',
        // credentials: 'include',
        // mode: 'cors',
        headers: {
          'Content-Type': 'application/json',
          Authorization: `UUID ${constellateSessionId}`
        },
        body: JSON.stringify({
          generic_type: 'lab-usage',
          payload: JSON.stringify({
            notebook: args.notebook.title.label,
            cell_id: args.cell.id,
            cell_type: args.cell.model.type
          })
        })
      })
        .then(response => {
          console.log('Log response:', response);
        })
        .catch(error => {
          console.error('Log error:', error);
        });
    });
  }
};

export default plugin;