feat: add setting to control package.json annotations

Author: Simek

package.json

@@ -27,6 +27,18 @@
   ],
   "main": "./build/index.js",
   "contributes": {
+    "configuration": {
+      "type": "object",
+      "title": "React Native Directory",
+      "properties": {
+        "reactNativeDirectory.enablePackageJsonAnnotations": {
+          "type": "boolean",
+          "default": true,
+          "markdownDescription": "Automatically annotate `package.json` dependencies with metadata from React Native Directory.",
+          "scope": "window"
+        }
+      }
+    },
     "commands": [
       {
         "command": "extension.showQuickPick",

src/constants.ts

@@ -1,5 +1,6 @@
 export const BASE_API_URL = 'https://reactnative.directory/api';
 export const KEYWORD_REGEX = /:\w+/g;
+export const CONFIG_KEY = 'reactNativeDirectory';
 
 export enum ENTRY_OPTION {
   INSTALL = 'Install package in the current workspace',

src/extension.ts

@@ -1,6 +1,7 @@
-import { commands, type ExtensionContext, workspace } from 'vscode';
+import { commands, type Disposable, type ExtensionContext, workspace } from 'vscode';
 
 import { createPackageJsonDependencyAnnotator } from './annotatePackageJson';
+import { CONFIG_KEY } from './constants';
 import { createSearchQuickPickHandler } from './createSearchQuickPickHandler';
 import { detectPackageManager } from './detectPackageManager';
 
@@ -14,7 +15,42 @@ export async function activate(context: ExtensionContext) {
     : manager;
 
   context.subscriptions.push(
-    commands.registerCommand('extension.showQuickPick', createSearchQuickPickHandler(preferredManager, workspacePath)),
-    createPackageJsonDependencyAnnotator()
+    commands.registerCommand('extension.showQuickPick', createSearchQuickPickHandler(preferredManager, workspacePath))
   );
+
+  const annotatePackageJson =
+    workspace.getConfiguration(CONFIG_KEY).get<boolean>('enablePackageJsonAnnotations') ?? true;
+
+  let annotatorDisposable: Disposable | undefined;
+
+  function enableAnnotator() {
+    if (!annotatorDisposable) {
+      annotatorDisposable = createPackageJsonDependencyAnnotator();
+      context.subscriptions.push(annotatorDisposable);
+    }
+  }
+
+  function disableAnnotator() {
+    if (annotatorDisposable) {
+      annotatorDisposable.dispose();
+      annotatorDisposable = undefined;
+    }
+  }
+
+  if (annotatePackageJson) {
+    enableAnnotator();
+  }
+
+  const configChangeDisposable = workspace.onDidChangeConfiguration(event => {
+    if (event.affectsConfiguration(`${CONFIG_KEY}.enablePackageJsonAnnotations`)) {
+      const enabled = workspace.getConfiguration(CONFIG_KEY).get<boolean>('enablePackageJsonAnnotations') ?? true;
+      if (enabled) {
+        enableAnnotator();
+      } else {
+        disableAnnotator();
+      }
+    }
+  });
+
+  context.subscriptions.push(configChangeDisposable);
 }