💡 [Feature]: Allow to install/uninstall an app on a specified site collection using a action in the app catalog app list view

[Adam-it]

🎯 Aim of the feature

Currently we have a few actions available for each app in the app catalog list.
The idea/aim is to add two new actions which under the hood will use CLI for Microsoft 365 commands:

• Install - this will install an app from the specified app catalog in the site. Under the hood it should use m365 spo app install. When clicking on this action we should add prompt for siteUrl which is needed so that we will know to which site we should install the selected app
• Uninstall - this will uninstall an app from the specified site. Under the hood it should use m365 spo app uninstall. When clicking on this action we should add prompt for siteUrl which is needed so that we will know to from which site we should uninstall the selected app. We should also prompt for confirmation with a yes/no- notify if the user is sure to uninstall the app.

Tips how to go about it, which should be done similar like already available actions

• we should define it as a new app action like this

  vscode-viva/src/constants/Commands.ts

  Lines 56 to 62 in 5919011

  	// App actions
  	deployAppCatalogApp: `${EXTENSION_NAME}.deployAppCatalogApp`,
  	retractAppCatalogApp: `${EXTENSION_NAME}.retractAppCatalogApp`,
  	removeAppCatalogApp: `${EXTENSION_NAME}.removeAppCatalogApp`,
  	enableAppCatalogApp: `${EXTENSION_NAME}.enableAppCatalogApp`,
  	disableAppCatalogApp: `${EXTENSION_NAME}.disableAppCatalogApp`,
  	showMoreActions: `${EXTENSION_NAME}.showMoreActions`

• we should add a new option for it visible in the menu under the app like this

  vscode-viva/src/panels/CommandPanel.ts

  Lines 210 to 216 in 5919011

  	new ActionTreeItem(app.Title, '', { name: 'package', custom: false }, undefined, 'vscode.open', Uri.parse(appStoreUrl), ContextKeys.hasAppCatalogApp,
  	[
  	new ActionTreeItem('Deploy', '', undefined, undefined, Commands.deployAppCatalogApp, [app.ID, app.Title, undefined, app.Deployed], ContextKeys.deployApp),
  	new ActionTreeItem('Retract', '', undefined, undefined, Commands.retractAppCatalogApp, [app.ID, app.Title, undefined, app.Deployed], ContextKeys.retractApp),
  	new ActionTreeItem('Remove', '', undefined, undefined, Commands.removeAppCatalogApp, [app.ID, app.Title], ContextKeys.removeApp),
  	new ActionTreeItem('Enable', '', undefined, undefined, Commands.enableAppCatalogApp, [app.Title, tenantAppCatalogUrl, app.Enabled], ContextKeys.enableApp),
  	new ActionTreeItem('Disable', '', undefined, undefined, Commands.disableAppCatalogApp, [app.Title, tenantAppCatalogUrl, app.Enabled], ContextKeys.disableApp)

• we should handle this new action like this

  vscode-viva/src/services/actions/CliActions.ts

  Lines 54 to 56 in 5919011

  	subscriptions.push(
  	commands.registerCommand(Commands.removeAppCatalogApp, CliActions.removeAppCatalogApp)
  	);

  and add logic for the new method like this

  vscode-viva/src/services/actions/CliActions.ts

  Line 182 in 5919011

  public static async removeAppCatalogApp(node: ActionTreeItem) {

• The yes/no prompt may be done similar to this https://github.com/pnp/vscode-viva/blob/59190115e0c676068a3f1a3698e31f3500aee3f6/src/services/actions/CliActions.ts#L539C5-L545C69
• we should also update the readme

📷 Images (if possible) with expected result

current state of actions for each app in the app catalog list

🤔 Additional remarks or comments

parent issue #324

[Saurabh7019]

Can I work on it?

[Adam-it]

Can I work on it?

All yours 👍🤩