refactor: extract providers into composables (#69)

Author: 9romise

src/index.ts

@@ -1,60 +1,22 @@
-import { VERSION_TRIGGER_CHARACTERS } from '#constants'
-import { defineExtension, useCommands, watchEffect } from 'reactive-vscode'
-import { Disposable, languages } from 'vscode'
+import { defineExtension, useCommands } from 'reactive-vscode'
 import { openFileInNpmx } from './commands/open-file-in-npmx'
 import { openInBrowser } from './commands/open-in-browser'
-import { extractorEntries } from './extractors'
 import { commands, displayName, version } from './generated-meta'
 import { useCodeActions } from './providers/code-actions'
-import { VersionCompletionItemProvider } from './providers/completion-item/version'
+import { useCompletionItem } from './providers/completion-item'
 import { useDiagnostics } from './providers/diagnostics'
-import { NpmxDocumentLinkProvider } from './providers/document-link/npmx'
-import { NpmxHoverProvider } from './providers/hover/npmx'
-import { config, logger } from './state'
+import { useDocumentLink } from './providers/document-link'
+import { useHover } from './providers/hover'
+import { logger } from './state'
 
 export const { activate, deactivate } = defineExtension(() => {
   logger.info(`${displayName} Activated, v${version}`)
 
-  watchEffect((onCleanup) => {
-    if (!config.hover.enabled)
-      return
-
-    const disposables = extractorEntries.map(({ pattern, extractor }) =>
-      languages.registerHoverProvider({ pattern }, new NpmxHoverProvider(extractor)),
-    )
-
-    onCleanup(() => Disposable.from(...disposables).dispose())
-  })
-
-  watchEffect((onCleanup) => {
-    if (config.completion.version === 'off')
-      return
-
-    const disposables = extractorEntries.map(({ pattern, extractor }) =>
-      languages.registerCompletionItemProvider(
-        { pattern },
-        new VersionCompletionItemProvider(extractor),
-        ...VERSION_TRIGGER_CHARACTERS,
-      ),
-    )
-
-    onCleanup(() => Disposable.from(...disposables).dispose())
-  })
-
-  watchEffect((onCleanup) => {
-    if (config.packageLinks === 'off')
-      return
-
-    const disposables = extractorEntries.map(({ pattern, extractor }) =>
-      languages.registerDocumentLinkProvider({ pattern }, new NpmxDocumentLinkProvider(extractor)),
-    )
-
-    onCleanup(() => Disposable.from(...disposables).dispose())
-  })
-
+  useHover()
+  useCompletionItem()
   useDiagnostics()
-
   useCodeActions()
+  useDocumentLink()
 
   useCommands({
     [commands.openInBrowser]: openInBrowser,

src/providers/completion-item/index.ts

@@ -0,0 +1,23 @@
+import { VERSION_TRIGGER_CHARACTERS } from '#constants'
+import { extractorEntries } from '#extractors'
+import { config } from '#state'
+import { watchEffect } from 'reactive-vscode'
+import { Disposable, languages } from 'vscode'
+import { VersionCompletionItemProvider } from './version'
+
+export function useCompletionItem() {
+  watchEffect((onCleanup) => {
+    if (config.completion.version === 'off')
+      return
+
+    const disposables = extractorEntries.map(({ pattern, extractor }) =>
+      languages.registerCompletionItemProvider(
+        { pattern },
+        new VersionCompletionItemProvider(extractor),
+        ...VERSION_TRIGGER_CHARACTERS,
+      ),
+    )
+
+    onCleanup(() => Disposable.from(...disposables).dispose())
+  })
+}

src/providers/document-link/index.ts

@@ -0,0 +1,18 @@
+import { extractorEntries } from '#extractors'
+import { config } from '#state'
+import { watchEffect } from 'reactive-vscode'
+import { Disposable, languages } from 'vscode'
+import { NpmxDocumentLinkProvider } from './npmx'
+
+export function useDocumentLink() {
+  watchEffect((onCleanup) => {
+    if (config.packageLinks === 'off')
+      return
+
+    const disposables = extractorEntries.map(({ pattern, extractor }) =>
+      languages.registerDocumentLinkProvider({ pattern }, new NpmxDocumentLinkProvider(extractor)),
+    )
+
+    onCleanup(() => Disposable.from(...disposables).dispose())
+  })
+}

src/providers/hover/index.ts

@@ -0,0 +1,18 @@
+import { extractorEntries } from '#extractors'
+import { config } from '#state'
+import { watchEffect } from 'reactive-vscode'
+import { Disposable, languages } from 'vscode'
+import { NpmxHoverProvider } from './npmx'
+
+export function useHover() {
+  watchEffect((onCleanup) => {
+    if (!config.hover.enabled)
+      return
+
+    const disposables = extractorEntries.map(({ pattern, extractor }) =>
+      languages.registerHoverProvider({ pattern }, new NpmxHoverProvider(extractor)),
+    )
+
+    onCleanup(() => Disposable.from(...disposables).dispose())
+  })
+}