add promt to identify root folder

Author: dermatz

CHANGELOG.md

@@ -5,6 +5,9 @@ All notable changes to the "magento-log-viewer" extension will be documented in
 
 ## Next release
 
+- ux: Automatic folder picker dialog when Magento root path is not set or invalid
+- ux: Improved error handling with direct path selection option
+
 ---
 
 ## Latest Release

package.json

@@ -97,10 +97,15 @@
       "type": "object",
       "title": "Magento Log Viewer",
       "properties": {
-        "magentoLogViewer.enable": {
-          "type": "boolean",
-          "default": false,
-          "description": "Enable Magento Log Viewer for this workspace",
+        "magentoLogViewer.isMagentoProject": {
+          "type": "string",
+          "enum": [
+            "Yes",
+            "No",
+            "Please select"
+          ],
+          "default": "Please select",
+          "description": "This is a Magento project",
           "scope": "resource"
         },
         "magentoLogViewer.magentoRoot": {

src/extension.ts

@@ -1,5 +1,5 @@
 import * as vscode from 'vscode';
-import { promptMagentoProjectSelection, showErrorMessage, activateExtension, isValidPath, deleteReportFile, clearFileContentCache } from './helpers';
+import { promptMagentoProjectSelection, showErrorMessage, activateExtension, isValidPath, deleteReportFile, clearFileContentCache, selectMagentoRootFolder, selectMagentoRootFolderDirect } from './helpers';
 import { LogItem, ReportViewerProvider } from './logViewer';
 import { showUpdateNotification } from './updateNotifier';
 
@@ -31,7 +31,15 @@ export function activate(context: vscode.ExtensionContext): void {
       } else if (isMagentoProject === 'Yes') {
         const magentoRoot = config.get<string>('magentoRoot', '');
         if (!magentoRoot || !isValidPath(magentoRoot)) {
-          showErrorMessage('Magento root path is not set or is not a directory.');
+          // Show error message and automatically open folder picker
+          vscode.window.showErrorMessage(
+            'Magento root path is not set or is not a directory.',
+            'Select Magento Root Folder'
+          ).then(selection => {
+            if (selection === 'Select Magento Root Folder') {
+              selectMagentoRootFolderDirect(config, context);
+            }
+          });
           return;
         }
 

src/helpers.ts

@@ -37,6 +37,28 @@ export function selectMagentoRootFolder(config: vscode.WorkspaceConfiguration, c
   });
 }
 
+// Directly opens the folder selection dialog without showing the information message first.
+export function selectMagentoRootFolderDirect(config: vscode.WorkspaceConfiguration, context: vscode.ExtensionContext): void {
+  const workspaceFolders = vscode.workspace.workspaceFolders;
+  const defaultUri = workspaceFolders && workspaceFolders.length > 0 ? workspaceFolders[0].uri : undefined;
+  vscode.window.showOpenDialog({
+    defaultUri,
+    canSelectFolders: true,
+    canSelectMany: false,
+    openLabel: 'Select Magento Root Folder',
+    title: 'Select Magento Root Folder'
+  }).then(folderUri => {
+    if (folderUri?.[0]) {
+      const newConfig = vscode.workspace.getConfiguration('magentoLogViewer', folderUri[0]);
+      updateConfig(newConfig, 'magentoRoot', folderUri[0].fsPath).then(() => {
+        showInformationMessage('Magento root folder successfully saved!');
+        updateConfig(newConfig, 'isMagentoProject', 'Yes');
+        activateExtension(context, folderUri[0].fsPath, new ReportViewerProvider(folderUri[0].fsPath));
+      });
+    }
+  });
+}
+
 // Updates the specified configuration key with the given value.
 export function updateConfig(config: vscode.WorkspaceConfiguration, key: string, value: unknown): Thenable<void> {
   return config.update(key, value, vscode.ConfigurationTarget.Workspace);