feat(extensions): add row actions to installed packages

Author: debsmita1

workspaces/marketplace/.changeset/nasty-gifts-provide.md

@@ -0,0 +1,6 @@
+---
+'@red-hat-developer-hub/backstage-plugin-marketplace-backend': patch
+'@red-hat-developer-hub/backstage-plugin-marketplace': patch
+---
+
+added row actions to the installed packages

workspaces/marketplace/.changeset/rotten-days-lie.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-marketplace-common': patch
+---
+
+update disablePackage to make PATCH call instead of POST

workspaces/marketplace/package.json

@@ -50,8 +50,7 @@
     "minimatch": "3",
     "node-gyp": "^9.0.0",
     "prettier": "^3.4.2",
-    "typescript": "~5.3.0",
-    "yaml": "^2.8.1"
+    "typescript": "~5.3.0"
   },
   "resolutions": {
     "@backstage/app-defaults": "1.6.5",

workspaces/marketplace/plugins/marketplace-backend/package.json

@@ -45,6 +45,7 @@
     "@red-hat-developer-hub/backstage-plugin-marketplace-common": "workspace:^",
     "express": "^4.17.1",
     "express-promise-router": "^4.1.0",
+    "yaml": "^2.7.1",
     "zod": "^3.22.4"
   },
   "devDependencies": {

workspaces/marketplace/plugins/marketplace-common/src/api/MarketplaceBackendClient.ts

@@ -208,7 +208,7 @@ export class MarketplaceBackendClient implements MarketplaceApi {
   ): Promise<{ status: string }> {
     return this.request(
       `/package/${encodeURIComponent(namespace)}/${encodeURIComponent(name)}/configuration/disable`,
-      'POST',
+      'PATCH',
       undefined,
       { disabled },
     );

workspaces/marketplace/plugins/marketplace/package.json

@@ -63,6 +63,7 @@
     "@red-hat-developer-hub/backstage-plugin-marketplace-common": "workspace:^",
     "@scalprum/react-core": "0.9.5",
     "@tanstack/react-query": "^5.60.5",
+    "js-yaml": "^4.1.0",
     "monaco-editor": "^0.53.0",
     "react-use": "^17.6.0",
     "yaml": "^2.7.0"

workspaces/marketplace/plugins/marketplace/report-alpha.api.md

@@ -9,17 +9,30 @@ import { TranslationResource } from '@backstage/core-plugin-api/alpha';
 
 // @alpha
 export const marketplaceTranslationRef: TranslationRef<"plugin.marketplace", {
+readonly "search.filter": string;
+readonly "search.clear": string;
+readonly "search.placeholder": string;
+readonly "search.author": string;
+readonly "search.clearFilter": string;
+readonly "search.category": string;
+readonly "search.supportType": string;
+readonly "search.noResults": string;
+readonly "search.filterBy": string;
+readonly "search.clearFilters": string;
+readonly "search.noResultsFound": string;
+readonly error: string;
+readonly "button.close": string;
 readonly "button.update": string;
+readonly "button.restart": string;
+readonly "button.disable": string;
 readonly "button.install": string;
 readonly "button.uninstall": string;
 readonly "button.enable": string;
-readonly "button.disable": string;
 readonly "button.save": string;
-readonly "button.close": string;
 readonly "button.viewAll": string;
 readonly "button.viewDocumentation": string;
 readonly "button.viewInstalledPlugins": string;
-readonly "button.restart": string;
+readonly loading: string;
 readonly "dialog.backendRestartRequired": string;
 readonly "dialog.restartMessage": string;
 readonly "header.title": string;
@@ -30,90 +43,38 @@ readonly "header.installedPackagesWithCount": string;
 readonly "header.pluginsPage": string;
 readonly "header.packagesPage": string;
 readonly "header.collectionsPage": string;
-readonly "search.filter": string;
-readonly "search.author": string;
-readonly "search.placeholder": string;
-readonly "search.clear": string;
-readonly "search.clearFilter": string;
-readonly "search.category": string;
-readonly "search.supportType": string;
-readonly "search.noResults": string;
-readonly "search.filterBy": string;
-readonly "search.clearFilters": string;
-readonly "search.noResultsFound": string;
-readonly "table.plugins": string;
-readonly "table.packageName": string;
-readonly "table.version": string;
-readonly "table.role": string;
 readonly "table.name": string;
-readonly "table.packages": string;
+readonly "table.action": string;
+readonly "table.role": string;
 readonly "table.description": string;
 readonly "table.status": string;
-readonly "table.supportedVersion": string;
-readonly "table.action": string;
+readonly "table.version": string;
+readonly "table.plugins": string;
+readonly "table.packageName": string;
 readonly "table.versions": string;
+readonly "table.packages": string;
+readonly "table.supportedVersion": string;
 readonly "table.pluginsCount": string;
 readonly "table.packagesCount": string;
 readonly "table.pluginsTable": string;
 readonly "metadata.about": string;
-readonly "metadata.highlights": string;
 readonly "metadata.by": string;
+readonly "metadata.versions": string;
+readonly "metadata.highlights": string;
+readonly "metadata.category": string;
 readonly "metadata.pluginNotFound": string;
 readonly "metadata.publisher": string;
 readonly "metadata.supportProvider": string;
+readonly "metadata.entryName": string;
+readonly "metadata.bySomeone": string;
 readonly "role.backend": string;
 readonly "role.backendModule": string;
 readonly "role.frontend": string;
-readonly "install.title": string;
-readonly "install.configurationRequired": string;
-readonly "install.optional": string;
-readonly "install.required": string;
-readonly "install.selectPackages": string;
-readonly "install.allPackages": string;
-readonly "install.customConfiguration": string;
-readonly "install.installProgress": string;
-readonly "install.success": string;
-readonly "install.error": string;
-readonly "install.installFrontend": string;
-readonly "install.installBackend": string;
-readonly "install.installTemplates": string;
-readonly "install.installationInstructions": string;
-readonly "install.download": string;
-readonly "install.examples": string;
-readonly "install.cancel": string;
-readonly "install.reset": string;
-readonly "install.pluginTabs": string;
-readonly "install.settingUpPlugin": string;
-readonly "install.aboutPlugin": string;
-readonly "install.pluginUpdated": string;
-readonly "install.pluginInstalled": string;
-readonly "install.instructions": string;
-readonly "install.editInstructions": string;
-readonly "install.back": string;
-readonly "install.packageUpdated": string;
-readonly "install.errors.missingPluginsList": string;
-readonly "install.errors.missingPackageItem": string;
-readonly "install.errors.missingPackageField": string;
-readonly "install.errors.failedToSave": string;
-readonly "installedPackages.table.title": string;
-readonly "installedPackages.table.searchPlaceholder": string;
-readonly "installedPackages.table.columns.packageName": string;
-readonly "installedPackages.table.columns.version": string;
-readonly "installedPackages.table.columns.role": string;
-readonly "installedPackages.table.columns.name": string;
-readonly "installedPackages.table.columns.actions": string;
-readonly "installedPackages.table.tooltips.enableActions": string;
-readonly "installedPackages.table.emptyMessages.noResults": string;
-readonly "installedPackages.table.emptyMessages.noRecords": string;
+readonly "status.disabled": string;
 readonly "status.installed": string;
 readonly "status.notInstalled": string;
-readonly "status.disabled": string;
 readonly "status.partiallyInstalled": string;
 readonly "status.updateAvailable": string;
-readonly "emptyState.noPluginsFound": string;
-readonly "emptyState.mustEnableBackend": string;
-readonly "emptyState.noPluginsDescription": string;
-readonly "emptyState.configureBackend": string;
 readonly "alert.productionDisabled": string;
 readonly "alert.installationDisabled": string;
 readonly "alert.extensionsExample": string;
@@ -123,80 +84,130 @@ readonly "alert.restartRequired": string;
 readonly "alert.backendRestartRequired": string;
 readonly "alert.backendRestartMessage": string;
 readonly "alert.viewPlugins": string;
+readonly "errors.missingConfigFile": string;
+readonly "errors.missingConfigMessage": string;
+readonly "errors.invalidConfigFile": string;
+readonly "errors.invalidConfigMessage": string;
+readonly "errors.fileNotExists": string;
+readonly "errors.fileNotExistsMessage": string;
+readonly "errors.unknownError": string;
 readonly "common.close": string;
-readonly "common.links": string;
 readonly "common.by": string;
+readonly "common.links": string;
 readonly "common.comma": string;
 readonly "common.noDescriptionAvailable": string;
 readonly "common.readMore": string;
 readonly "common.apply": string;
 readonly "common.couldNotApplyYaml": string;
-readonly "plugin.version": string;
-readonly "plugin.author": string;
-readonly "plugin.installation": string;
-readonly "plugin.configuration": string;
-readonly "plugin.description": string;
-readonly "plugin.documentation": string;
-readonly "plugin.repository": string;
-readonly "plugin.license": string;
-readonly "plugin.tags": string;
-readonly "plugin.dependencies": string;
-readonly "package.version": string;
-readonly "package.author": string;
-readonly "package.support": string;
-readonly "package.lifecycle": string;
-readonly "package.supportedVersions": string;
-readonly "package.about": string;
-readonly "package.name": string;
-readonly "package.highlights": string;
-readonly "package.dynamicPluginPath": string;
-readonly "package.backstageRole": string;
-readonly "package.notFound": string;
 readonly "actions.view": string;
-readonly "actions.install": string;
-readonly "actions.enable": string;
-readonly "actions.disable": string;
 readonly "actions.actions": string;
 readonly "actions.edit": string;
+readonly "actions.disable": string;
+readonly "actions.install": string;
+readonly "actions.enable": string;
 readonly "actions.editConfiguration": string;
 readonly "actions.pluginConfigurations": string;
+readonly "actions.packageConfiguration": string;
 readonly "actions.pluginCurrentlyEnabled": string;
 readonly "actions.pluginCurrentlyDisabled": string;
+readonly "actions.packageCurrentlyEnabled": string;
+readonly "actions.packageCurrentlyDisabled": string;
 readonly "actions.installTitle": string;
 readonly "actions.editTitle": string;
+readonly "package.name": string;
+readonly "package.about": string;
+readonly "package.version": string;
+readonly "package.lifecycle": string;
+readonly "package.author": string;
+readonly "package.support": string;
+readonly "package.supportedVersions": string;
+readonly "package.highlights": string;
+readonly "package.dynamicPluginPath": string;
+readonly "package.backstageRole": string;
+readonly "package.notFound": string;
+readonly "plugin.description": string;
+readonly "plugin.version": string;
+readonly "plugin.tags": string;
+readonly "plugin.repository": string;
+readonly "plugin.installation": string;
+readonly "plugin.license": string;
+readonly "plugin.author": string;
+readonly "plugin.dependencies": string;
+readonly "plugin.documentation": string;
+readonly "plugin.configuration": string;
+readonly "plugin.authors": string;
+readonly "install.required": string;
+readonly "install.optional": string;
+readonly "install.error": string;
+readonly "install.cancel": string;
+readonly "install.title": string;
+readonly "install.reset": string;
+readonly "install.success": string;
+readonly "install.download": string;
+readonly "install.errors.missingPluginsList": string;
+readonly "install.errors.missingPackageItem": string;
+readonly "install.errors.missingPackageField": string;
+readonly "install.errors.failedToSave": string;
+readonly "install.examples": string;
+readonly "install.configurationRequired": string;
+readonly "install.selectPackages": string;
+readonly "install.allPackages": string;
+readonly "install.customConfiguration": string;
+readonly "install.installProgress": string;
+readonly "install.installFrontend": string;
+readonly "install.installBackend": string;
+readonly "install.installTemplates": string;
+readonly "install.installationInstructions": string;
+readonly "install.pluginTabs": string;
+readonly "install.settingUpPlugin": string;
+readonly "install.aboutPlugin": string;
+readonly "install.pluginUpdated": string;
+readonly "install.pluginInstalled": string;
+readonly "install.instructions": string;
+readonly "install.editInstructions": string;
+readonly "install.back": string;
+readonly "install.packageUpdated": string;
+readonly "installedPackages.table.columns.name": string;
+readonly "installedPackages.table.columns.role": string;
+readonly "installedPackages.table.columns.version": string;
+readonly "installedPackages.table.columns.actions": string;
+readonly "installedPackages.table.columns.packageName": string;
+readonly "installedPackages.table.title": string;
+readonly "installedPackages.table.searchPlaceholder": string;
+readonly "installedPackages.table.tooltips.enableActions": string;
+readonly "installedPackages.table.tooltips.noDownloadPermissions": string;
+readonly "installedPackages.table.tooltips.noEditPermissions": string;
+readonly "installedPackages.table.tooltips.noTogglePermissions": string;
+readonly "installedPackages.table.emptyMessages.noResults": string;
+readonly "installedPackages.table.emptyMessages.noRecords": string;
+readonly "emptyState.noPluginsFound": string;
+readonly "emptyState.mustEnableBackend": string;
+readonly "emptyState.noPluginsDescription": string;
+readonly "emptyState.configureBackend": string;
 readonly "tooltips.productionDisabled": string;
 readonly "tooltips.extensionsDisabled": string;
 readonly "tooltips.noPermissions": string;
 readonly "supportTypes.certifiedBy": string;
 readonly "supportTypes.verifiedBy": string;
 readonly "supportTypes.customPlugins": string;
+readonly "collection.security": string;
+readonly "collection.featured.title": string;
+readonly "collection.featured.description": string;
 readonly "collection.kubernetes": string;
 readonly "collection.monitoring": string;
-readonly "collection.security": string;
 readonly "collection.viewMore": string;
 readonly "collection.pluginCount": string;
-readonly "collection.featured.title": string;
-readonly "collection.featured.description": string;
-readonly error: string;
-readonly "errors.missingConfigFile": string;
-readonly "errors.missingConfigMessage": string;
-readonly "errors.invalidConfigFile": string;
-readonly "errors.invalidConfigMessage": string;
-readonly "errors.fileNotExists": string;
-readonly "errors.fileNotExistsMessage": string;
-readonly "errors.unknownError": string;
-readonly loading: string;
 readonly retry: string;
 readonly "aria.filterBy": string;
 readonly "aria.openPlugin": string;
 readonly "aria.closeDialog": string;
 readonly "aria.expandSection": string;
 readonly "aria.collapseSection": string;
 readonly "aria.sortBy": string;
+readonly "badges.verified": string;
 readonly "badges.certifiedBy": string;
 readonly "badges.verifiedBy": string;
 readonly "badges.certified": string;
-readonly "badges.verified": string;
 readonly "badges.customPlugin": string;
 readonly "badges.stableAndSecured": string;
 readonly "badges.generallyAvailable": string;

workspaces/marketplace/plugins/marketplace/src/components/InstalledPackages/InstalledPackagesTable.test.tsx

@@ -26,6 +26,12 @@ import { InstalledPackagesTable } from './InstalledPackagesTable';
 import { errorApiRef } from '@backstage/core-plugin-api';
 import { translationApiRef } from '@backstage/core-plugin-api/alpha';
 
+jest.mock('@backstage/core-plugin-api', () => ({
+  ...jest.requireActual('@backstage/core-plugin-api'),
+  useRouteRef: () => (params: any) =>
+    `/packages/${params.namespace}/${params.name}`,
+}));
+
 describe('InstalledPackagesTable', () => {
   const renderWithProviders = (apis: any) =>
     render(