feat(tree-explorer): add reactivity, sample value and remove configuration suffix

Author: gagik

.vscode/settings.json

@@ -17,10 +17,13 @@
   },
   // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
   "typescript.tsc.autoDetect": "off",
-  "mdb.presetSavedConnections": [
+  "mdb.presetSavedConnections":[
     {
-      "name": "Local Test",
-      "connectionString": "mongodb://127.0.0.1:27017/?directConnection=true&serverSelectionTimeoutMS=2000"
+      "name": "Local Test Connection",
+      "connectionString": "mongodb://localhost:27017"
     }
+  ],
+  "conventionalCommits.scopes": [
+    "tree-explorer"
   ]
 }

package.json

@@ -1190,8 +1190,22 @@
           "scope": "window",
           "type": "array",
           "description": "Defines preset saved connections.",
+          "examples": [
+            [
+              {
+                "name": "Local Test Connection",
+                "connectionString": "mongodb://localhost:27017"
+              }
+            ]
+          ],
           "items": {
             "type": "object",
+            "examples": [
+              {
+                "name": "Local Test Connection",
+                "connectionString": "mongodb://localhost:27017"
+              }
+            ],
             "properties": {
               "name": {
                 "type": "string",

src/connectionController.ts

@@ -162,6 +162,8 @@ export default class ConnectionController {
   }
 
   async loadSavedConnections(): Promise<void> {
+    this._connections = Object.create(null);
+
     const loadedConnections = await this._connectionStorage.loadConnections();
 
     for (const connection of loadedConnections) {

src/mdbExtensionController.ts

@@ -160,6 +160,15 @@ export default class MDBExtensionController implements vscode.Disposable {
     this._editorsController.registerProviders();
   }
 
+  subscribeToConfigurationChanges(): void {
+    const subscription = vscode.workspace.onDidChangeConfiguration((event) => {
+      if (event.affectsConfiguration('mdb.presetSavedConnections')) {
+        void this._connectionController.loadSavedConnections();
+      }
+    });
+    this._context.subscriptions.push(subscription);
+  }
+
   async activate(): Promise<void> {
     this._explorerController.activateConnectionsTreeView();
     this._helpExplorer.activateHelpTreeView(this._telemetryService);
@@ -172,6 +181,7 @@ export default class MDBExtensionController implements vscode.Disposable {
 
     this.registerCommands();
     this.showOverviewPageIfRecentlyInstalled();
+    this.subscribeToConfigurationChanges();
 
     const copilot = vscode.extensions.getExtension(COPILOT_EXTENSION_ID);
     void vscode.commands.executeCommand(

src/storage/connectionStorage.ts

@@ -185,7 +185,7 @@ export class ConnectionStorage {
 
     return presetSavedConnections.map((presetConnection) => ({
       id: uuidv4(),
-      name: `${presetConnection.name} (From Configuration)`,
+      name: presetConnection.name,
       connectionOptions: {
         connectionString: presetConnection.connectionString,
       },

src/test/suite/storage/connectionStorage.test.ts

@@ -368,9 +368,7 @@ suite('Connection Storage Test Suite', function () {
         for (let i = 0; i < connections.length; i++) {
           const connection = connections[i];
           const presetConnection = presetConnections[i];
-          expect(connection.name).equals(
-            `${presetConnection.name} (From Configuration)`
-          );
+          expect(connection.name).equals(presetConnection.name);
           expect(connection.connectionOptions.connectionString).equals(
             presetConnection.connectionString
           );
@@ -401,9 +399,7 @@ suite('Connection Storage Test Suite', function () {
         for (let i = 0; i < presetConnections.length; i++) {
           const connection = loadedConnections[i];
           const presetConnection = presetConnections[i];
-          expect(connection.name).equals(
-            `${presetConnection.name} (From Configuration)`
-          );
+          expect(connection.name).equals(presetConnection.name);
           expect(connection.connectionOptions.connectionString).equals(
             presetConnection.connectionString
           );