Add Webview to scaffold sample execution-environment.yml file using creator add subcommand

.sonarcloud.properties

@@ -1,4 +1,6 @@
 sonar.cpd.exclusions=\
     src/features/lightspeed/playbookGeneration.ts, \
     src/features/lightspeed/roleGeneration.ts, \
+    src/features/contentCreator/createSampleExecutionEnvPage.ts, \
+    src/webview/apps/contentCreator/createSampleExecutionEnvPageApp.ts, \
     test/ui-test/*.ts

.vscodeignore

@@ -24,6 +24,7 @@
 !media/contentCreator/createAnsibleCollectionPageStyle.css
 !media/contentCreator/createAnsibleProjectPageStyle.css
 !media/contentCreator/createDevfilePageStyle.css
+!media/contentCreator/createSampleExecutionEnvPageStyle.css
 !media/contentCreator/welcomePageStyle.css
 !media/lightspeedExplorerView/style.css
 !media/quickLinks/lightspeed.png
@@ -44,6 +45,7 @@
 !out/client/webview/apps/contentCreator/createAnsibleCollectionPageApp.js
 !out/client/webview/apps/contentCreator/createAnsibleProjectPageApp.js
 !out/client/webview/apps/contentCreator/createDevfilePageApp.js
+!out/client/webview/apps/contentCreator/createSampleExecutionEnvPageApp.js
 !out/client/webview/apps/quickLinks/quickLinksApp.js
 !out/client/webview/apps/welcomePage/welcomePageApp.js
 !out/server/src/server.js

codecov.yml

@@ -19,5 +19,6 @@ ignore:
   - src/webview/apps/contentCreator/createAnsibleCollectionPageApp.ts
   - src/webview/apps/contentCreator/createAnsibleProjectPageApp.ts
   - src/webview/apps/contentCreator/createDevfilePageApp.ts
+  - src/webview/apps/contentCreator/createSampleExecutionEnvPageApp.ts
   - src/webview/apps/welcomePage/welcomePageApp.ts
   - src/webview/apps/quickLinks/quickLinksApp.ts

media/contentCreator/createSampleExecutionEnvPageStyle.css

@@ -0,0 +1,99 @@
+@import url(../baseStyles/baseFormStyle.css);
+
+.container {
+    display: flex;
+    flex-direction: column;
+}
+
+.element {
+    margin-bottom: 14px;
+}
+
+vscode-text-field {
+    margin-top: 6px;
+    margin-bottom: 6px;
+}
+
+vscode-text-area {
+    margin-top: 6px;
+    margin-bottom: 6px;
+}
+
+.checkbox-div {
+    display: flex; /* Use flexbox */
+    flex-direction: column; /* Arrange child elements vertically */
+    margin-top: 22px;
+    margin-bottom: 10px;
+    width: 100%;
+}
+
+.verbose-div {
+    display: flex; /* Use flexbox */
+    flex-direction: row; /* Arrange child elements vertically */
+    margin-top: 12px;
+    margin-bottom: 30px;
+    width: 100%;
+}
+
+vscode-dropdown {
+    width: 200px;
+}
+
+.full-destination-path {
+    display: flex; /* Use flexbox */
+    flex-direction: row; /* Arrange child elements vertically */
+    color: var(--vscode-descriptionForeground);
+}
+
+.group-buttons {
+    display: flex; /* Use flexbox */
+    flex-direction: row; /* Arrange child elements vertically */
+}
+
+.p-collection-name {
+    font-style: italic;
+}
+
+vscode-button {
+    margin: 0px 3px;
+}
+
+vscode-checkbox i {
+    color: var(--vscode-descriptionForeground);
+    font-size: small;
+}
+
+#ade-docs-link {
+    margin-left: 30px;
+    font-style: italic;
+}
+
+.dropdown-container {
+    box-sizing: border-box;
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: flex-start;
+    justify-content: flex-start;
+}
+
+.dropdown-container label {
+    display: block;
+    color: var(--vscode-foreground);
+    cursor: pointer;
+    font-size: var(--vscode-font-size);
+    line-height: normal;
+    margin-bottom: 2px;
+}
+
+#log-to-file-options-div {
+    display: none;
+    flex-direction: column;
+    border-style: dotted;
+    border-color: var(--focus-border);
+    border-width: 0.5px;
+    padding: 8px;
+}
+
+.log-level-div {
+    margin: 4px 0px;
+}

package.json

@@ -350,6 +350,10 @@
         "command": "ansible.content-creator.create-devfile",
         "title": "Ansible: Create a Devfile"
       },
+      {
+        "command": "ansible.content-creator.create-sample-execution-env-file",
+        "title": "Ansible: Create a Sample Execution Environment file"
+      },
       {
         "command": "ansible.content-creator.create",
         "title": "Ansible Content Creator: Create"

src/definitions/constants.ts

@@ -46,6 +46,8 @@ export const ANSIBLE_CREATOR_VERSION_MIN = "24.10.1";
 
 export const ANSIBLE_CREATOR_COLLECTION_VERSION_MIN = "24.7.1";
 
+export const ANSIBLE_CREATOR_EE_VERSION_MIN = "25.1.0";
+
 export const DevfileImages = {
   Upstream: "ghcr.io/ansible/ansible-workspace-env-reference:latest",
 };

src/extension.ts

@@ -72,6 +72,7 @@
 } from "./features/lightspeed/lightspeedUser";
 import { PlaybookFeedbackEvent } from "./interfaces/lightspeed";
 import { CreateDevfile } from "./features/contentCreator/createDevfilePage";
+import { CreateSampleExecutionEnv } from "./features/contentCreator/createSampleExecutionEnvPage";
 
 export let client: LanguageClient;
 export let lightSpeedManager: LightSpeedManager;
@@ -550,6 +551,16 @@
     ),
   );
 
+  // open web-view for creating sample Execution Environment file
+  context.subscriptions.push(
+    vscode.commands.registerCommand(
+      "ansible.content-creator.create-sample-execution-env-file",
+      () => {
+        CreateSampleExecutionEnv.render(context.extensionUri);
+      },
+    ),
+  );
+
   // open ansible-creator create
   context.subscriptions.push(
     vscode.commands.registerCommand("ansible.content-creator.create", () => {