Disposables

Although most of the VSCode API is covered by reactive-vscode, sometimes you still need to work with Disposable, which is also described in VSCode API Patterns.

useDisposable accepts a disposable object and automatically disposes it when the current effect scope is disposed (e.g., when the extension is deactivated, if useDisposable is called in the extension's setup function). useDisposable returns the disposable object itself as is.

import { defineExtension, useDisposable } from 'reactive-vscode'
import type { TextDocument } from 'vscode'
import { languages } from 'vscode'

export = defineExtension(() => {
  useDisposable(languages.registerFoldingRangeProvider(
    { language: 'markdown' },
    {
      provideFoldingRanges(document: TextDocument) {
        return []
      },
    },
  ))
})

Note that you needn't to use useDisposable for disposables created by any reactive-vscode functions. They are automatically disposed when the current effect scope is disposed.