Events

Although most of the VSCode API is covered by reactive-vscode, sometimes you still need to create or listen original VSCode events.

useEvent converts an raw event to a auto-disposed event:

import { defineExtension
, useEvent
 } from 'reactive-vscode'
import { workspace } from 'vscode'

const onDidCreateFiles
 = useEvent
(workspace.onDidCreateFiles
)

export = defineExtension
(() => {
  // No need to dispose the event
  onDidCreateFiles
((e
) => {
    console
.log
('Files created:', e
.files
)
  })
})

useEventEmitter creates a frindly event emitter, which still extends EventEmitter:

import { defineExtension
, useEventEmitter
 } from 'reactive-vscode'

export = defineExtension
(() => {
  const myEvent
 = useEventEmitter
<string>([/* optional listenrs */])

  myEvent
.addListener
((msg
) => {
    console
.log
(`Received message: ${msg
}`)
  })

  myEvent
.fire
('Hello, World!')

  someVscodeApi
({
    onSomeEvent
: myEvent
.event
,
  })
})

You can also convert a raw event to a friendly event emitter:

import { defineExtension
, useEventEmitter
 } from 'reactive-vscode'
import { EventEmitter
 } from 'vscode'

export = defineExtension
(() => {
  const rawEvent
 = new EventEmitter
<string>()
  const myEvent
 = useEventEmitter
(rawEvent
, [/* optional listenrs */])
})

Events ​

Events