[Power Pages] Refactor PortalWebView to use new utility function (#1172)

* Refactor PortalWebView to use new utility function

- 🔄 Replace `searchPortalConfigFolder` with `findWebsiteYmlFolder` for improved folder detection.
- 🔧 Update logic to handle active text editor and reveal the panel correctly.
- 📂 Simplify local resource root folder setup.

-Priyanshu

* Add error message for missing website root folder

- ✏️ Added a new error message for when the website root folder cannot be located in the localization files.
- 📜 Updated the XLF translation file to include the new message.

-Priyanshu

Author: priyanshu92

l10n/bundle.l10n.json

@@ -96,6 +96,7 @@
       "Do not translate 'PCF' as it is a product name."
     ]
   },
+  "Unable to locate website root folder.": "Unable to locate website root folder.",
   "File might be referenced by name {0} here./{0} represents the name of the file": {
     "message": "File might be referenced by name {0} here.",
     "comment": [

loc/translations-export/vscode-powerplatform.xlf

@@ -600,6 +600,9 @@ The {3} represents Dataverse Environment's Organization ID (GUID)</note>
     <trans-unit id="++CODE++bab36b47fe2dd4f2f7e8eb486f2e3546e27dc047e69f5b24307bc71e5be2a7cf">
       <source xml:lang="en">Unable to find that app</source>
     </trans-unit>
+    <trans-unit id="++CODE++3747890a3bfddec3123ce9a40cdd15f278d1335b382f80beb52bf18101ab02c2">
+      <source xml:lang="en">Unable to locate website root folder.</source>
+    </trans-unit>
     <trans-unit id="++CODE++b6038584b7b1f565be9c9d3f0ac11be70bd2e69e072ead52884ca7338a14ee67">
       <source xml:lang="en">Unique name: {0}</source>
       <note>{0} is the Unique name</note>

src/client/PortalWebView.ts

@@ -5,7 +5,7 @@
 
 import * as vscode from "vscode";
 import * as path from "path";
-import { searchPortalConfigFolder } from "../common/utilities/PathFinderUtil";
+import { findWebsiteYmlFolder } from "../common/utilities/WorkspaceInfoFinderUtil";
 
 /**
  * Displays Portal html webpage preview
@@ -35,25 +35,35 @@ export class PortalWebView {
             return;
         }
 
-        const column = vscode.window.activeTextEditor
-            ? vscode.window.activeTextEditor.viewColumn
-            : undefined;
-
         // If we already have a panel, show it.
         if (PortalWebView.currentPanel) {
+            const column = vscode.window.activeTextEditor
+                ? vscode.window.activeTextEditor.viewColumn
+                : undefined;
+
             PortalWebView.currentPanel._update();
             PortalWebView.currentPanel._panel.reveal(column);
             return;
         }
 
+        if (!vscode.window.activeTextEditor) {
+            return;
+        }
+        const repoRoot = PortalWebView.getPortalRootFolder();
+
+        if (!repoRoot) {
+            vscode.window.showErrorMessage(vscode.l10n.t("Unable to locate website root folder."));
+            return;
+        }
+
+        const localResourceRootFolder = vscode.Uri.joinPath(repoRoot, "web-files");
+
         const panel = vscode.window.createWebviewPanel(
             PortalWebView.viewType,
             "Portal Preview",
             vscode.ViewColumn.Two,
             {
-                localResourceRoots: [
-                    vscode.Uri.joinPath(PortalWebView.getPortalRootFolder() as vscode.Uri, "web-files"),
-                ],
+                localResourceRoots: [localResourceRootFolder]
             }
         );
 
@@ -173,13 +183,14 @@ export class PortalWebView {
     private static getPortalRootFolder(): vscode.Uri | null {
         const fileBeingEdited = vscode.window.activeTextEditor as vscode.TextEditor;
         if (fileBeingEdited) {
-            for (let i = 0; !!(vscode.workspace.workspaceFolders) && (i < vscode.workspace.workspaceFolders?.length); i++) {
-                const portalConfigFolderUrl = searchPortalConfigFolder(vscode.workspace.workspaceFolders[i]?.uri?.toString(), fileBeingEdited?.document?.uri?.toString());
-                if (portalConfigFolderUrl) {
-                    const portalRootFolder = path.dirname(portalConfigFolderUrl.href);
-                    return vscode.Uri.parse(portalRootFolder);
-                }
+            const repoRoot = findWebsiteYmlFolder(fileBeingEdited.document.uri.fsPath);
+
+            if (!repoRoot) {
+                return null;
             }
+
+            const rootFolder = vscode.Uri.file(repoRoot);
+            return rootFolder;
         }
         return null;
     }