Fix for Collection Plugin and Collection & Playbook Project Webviews (#1815)

* Fix for 'Path does not exist' error in Collection Plugin webview

* Fix for Collection and Playbook project

Author: tanwigeetika1618

src/webview/apps/contentCreator/addPluginPageApp.ts

@@ -221,6 +221,8 @@ function handleInitOpenScaffoldedFolderClick() {
     command: "init-open-scaffolded-folder",
     payload: {
       projectUrl: projectUrl,
+      pluginName: pluginNameTextField.value.trim(),
+      pluginType: pluginTypeDropdown.value.trim(),
     },
   });
 }

src/webview/apps/contentCreator/createAnsibleCollectionPageApp.ts

@@ -143,41 +143,30 @@ function main() {
 
 function openExplorer(event: any) {
   const source = event.target.id;
-
-  let selectOption;
-
-  if (source === "folder-explorer") {
-    selectOption = "folder";
-  } else {
-    selectOption = "file";
-  }
+  const selectOption = source === "folder-explorer" ? "folder" : "file";
 
   vscode.postMessage({
     command: "open-explorer",
-    payload: {
-      selectOption: selectOption,
-    },
+    payload: { selectOption },
   });
 
-  window.addEventListener(
-    "message",
-    (event: MessageEvent<PostMessageEvent>) => {
-      const message = event.data;
-
-      if (message.command === "file-uri") {
-        const selectedUri = message.arguments.selectedUri;
-
-        if (selectedUri) {
-          if (source === "folder-explorer") {
-            initPathUrlTextField.value = selectedUri;
-            initCollectionPathElement.innerHTML = selectedUri;
-          } else {
-            logFilePath.value = selectedUri;
-          }
+  const handleMessage = (event: MessageEvent) => {
+    const message = event.data;
+    if (message.command === "file-uri") {
+      const selectedUri = message.arguments.selectedUri;
+      if (selectedUri) {
+        if (source === "folder-explorer") {
+          initPathUrlTextField.value = selectedUri;
+          initCollectionPathElement.innerHTML = selectedUri;
+        } else if (source === "file-explorer") {
+          logFilePath.value = selectedUri;
         }
       }
-    },
-  );
+      window.removeEventListener("message", handleMessage);
+    }
+  };
+
+  window.addEventListener("message", handleMessage);
 }
 
 function toggleCreateButton() {

src/webview/apps/contentCreator/createAnsibleProjectPageApp.ts

@@ -131,44 +131,29 @@ function main() {
   initCollectionPathDiv?.appendChild(initCollectionPathElement);
 }
 
+let Source = "";
 function openExplorer(event: any) {
-  const source = event.target.id;
-
-  let selectOption;
-
-  if (source === "folder-explorer") {
-    selectOption = "folder";
-  } else {
-    selectOption = "file";
-  }
-
+  Source = event.target.id;
+  const selectOption = Source === "folder-explorer" ? "folder" : "file";
   vscode.postMessage({
     command: "open-explorer",
-    payload: {
-      selectOption: selectOption,
-    },
+    payload: { selectOption },
   });
-
-  window.addEventListener(
-    "message",
-    (event: MessageEvent<PostMessageEvent>) => {
-      const message = event.data;
-
-      if (message.command === "file-uri") {
-        const selectedUri = message.arguments.selectedUri;
-
-        if (selectedUri) {
-          if (source === "folder-explorer") {
-            destinationPathUrlTextField.value = selectedUri;
-            initCollectionPathElement.innerHTML = selectedUri;
-          } else {
-            logFilePath.value = selectedUri;
-          }
-        }
-      }
-    },
-  );
 }
+window.addEventListener("message", (event: MessageEvent<PostMessageEvent>) => {
+  const message = event.data;
+  if (message.command === "file-uri") {
+    const selectedUri = message.arguments.selectedUri;
+    if (selectedUri) {
+      if (Source === "folder-explorer") {
+        destinationPathUrlTextField.value = selectedUri;
+        initCollectionPathElement.innerHTML = selectedUri;
+      } else if (Source === "file-explorer") {
+        logFilePath.value = selectedUri;
+      }
+    }
+  }
+});
 
 function toggleCreateButton() {
   //   update collection path <p> tag