Events

// Regular subscription
superdoc.on('ready', handler);

// One-time listener
superdoc.once('ready', handler);

// Unsubscribe
superdoc.off('ready', handler);

superdoc.on('ready', ({ superdoc }) => {
  console.log('SuperDoc ready');
  // Safe to use all features
});

superdoc.on('editorCreate', ({ editor }) => {
  console.log('Editor created');
  editor.focus();
});

superdoc.on('editorDestroy', () => {
  console.log('Editor destroyed');
  cleanup();
});

superdoc.on('editor-update', ({ editor }) => {
  const content = editor.getJSON();
  autoSave(content);
});

superdoc.on('content-error', ({ error, editor }) => {
  console.error('Content error:', error);
  handleError(error);
});

superdoc.on('fonts-resolved', ({ documentFonts, unsupportedFonts }) => {
  if (unsupportedFonts.length > 0) {
    console.warn('Some fonts in the document are not supported.', unsupportedFonts.join(', '))
  }
})

superdoc.on('comments-update', ({ type, data }) => {
  console.log('Comment event:', type);
  refreshCommentsList();
});

superdoc.on('collaboration-ready', ({ editor }) => {
  console.log('Collaboration active');
  showOnlineUsers();
});

superdoc.on('awareness-update', ({ context, states }) => {
  const users = Array.from(states.values());
  updateUserCursors(users);
});

superdoc.on('locked', ({ isLocked, lockedBy }) => {
  if (isLocked) {
    showLockBanner(`Locked by ${lockedBy.name}`);
  }
});

new SuperDoc({
  selector: '#editor',
  document: 'document.docx',
  
  // Event handlers in config
  onReady: ({ superdoc }) => {
    console.log('Ready from config');
  },
  
  onEditorUpdate: ({ editor }) => {
    autoSave(editor.getJSON());
  },

  onFontsResolved: ({ documentFonts, unsupportedFonts }) => {
    console.log(`Found ${documentFonts.length} in the document`)
  }
});

import { debounce } from 'lodash';

const save = debounce(async (content) => {
  await api.saveDocument(content);
}, 1000);

superdoc.on('editor-update', ({ editor }) => {
  save(editor.getJSON());
});

const editors = new Map();

superdoc.on('editorCreate', ({ editor }) => {
  const id = editor.options.documentId;
  editors.set(id, editor);
});

superdoc.on('editorDestroy', () => {
  editors.clear();
});

const handlers = {
  ready: () => console.log('Ready'),
  update: () => console.log('Updated')
};

// Subscribe
Object.entries(handlers).forEach(([event, handler]) => {
  superdoc.on(event, handler);
});

// Later: Unsubscribe all
Object.entries(handlers).forEach(([event, handler]) => {
  superdoc.off(event, handler);
});