💡 [Feature]: Allow to upgrade 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 a new action which under the hood will use CLI for Microsoft 365 command:

• Upgrade - this will upgrade an app from the specified app catalog in the site. Under the hood it should use m365 spo app upgrade. When clicking on this action we should add prompt for siteUrl which is needed so that we will know to which site we should upgrade the selected 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 take it?

[Adam-it]

Can I take it?

All yours

[Adam-it]

PR merged. This will be live as a new pre-release soon.
Thank you once again for helping out in making the best SPFx tooling in the world 🚀