Configuration

new SuperDoc({
  selector: '#editor',       // Where to render
  document: 'contract.docx'  // What to load
})

new SuperDoc({
  selector: '#editor',
  document: 'contract.docx',
  toolbar: '#toolbar',
  user: {
    name: 'John Smith',
    email: 'john@company.com'
  }
})

new SuperDoc({
  selector: '#editor',
  document: 'proposal.docx',
  user: {
    name: 'Jane Doe',
    email: 'jane@company.com'
  },
  modules: {
    collaboration: {
      url: 'wss://server.com'
    },
    comments: {
      allowResolve: true
    }
  }
})

new SuperDoc({
  selector: '#editor',
  document: 'contract.docx',
  documentMode: 'suggesting',  // Track all changes
  modules: {
    trackChanges: { enabled: true },
    comments: { allowResolve: false },
    toolbar: {
      groups: {
        center: ['acceptChange', 'rejectChange']
      }
    }
  }
})

new SuperDoc({
  selector: '#viewer',
  document: 'report.docx',
  role: 'viewer',
  toolbar: false
})

role: 'editor'              // User CAN edit
documentMode: 'viewing'     // Currently NOT editing

// Role always wins:
role: 'viewer'              // User CANNOT edit
documentMode: 'editing'     // Ignored - still view-only

// From URL
document: '/api/docs/123.docx'

// From file upload
document: fileInput.files[0]

// From blob
document: await fetch('/api/doc').then(r => r.blob())

// With metadata
document: {
  id: 'doc-123',
  type: 'docx',
  data: blob
}

modules: {
  collaboration: { /* settings */ },  // Real-time editing
  comments: { /* settings */ },       // Discussions
  trackChanges: { /* settings */ },   // Revision tracking
  toolbar: { /* settings */ }         // UI controls
}