interface Events {
  dispatch(event: Event): void
  subscribe(eventType: string, listener: Listener): Unsubscribe
}

interface Event {
  type: string
  // Any other data may be added to the event.
  [key: string]: any
}

type Listener = (event: Event) => void

type Unsubscribe = () => void

cms.events.dispatch({
  type: 'something-happened',
})

cms.events.subscribe(EVENT_NAME, event => {
  // ...
})

cms.events.subscribe('*', event => {
  console.log(event)
})

cms.events.subscribe("plugins:add:form", (event) => {
  console.log(`Added a Form called "${event.plugin.name}"`
})

cms.events.subscribe('plugins:*:form', event => {
  console.log(`Something happened to the form plugins`)
})

cms.events.subscribe('plugins', event => {
  console.log(`Something happened to the plugins`)
})

React.useEffect(() => {
  cms.events.subscribe('git:commit', function handleCommitAlerts(event) {
    if (!event.response.ok) {
      cms.alerts.error("Something went wrong! Changes weren't saved")
    } else {
      cms.alerts.info('Content saved successfully!')
    }
  })
}, [])