feat(x2a): Render ProjectList page with paging and sorting

workspaces/x2a/.changeset/eager-rats-jam.md

@@ -0,0 +1,7 @@
+---
+'@red-hat-developer-hub/backstage-plugin-x2a-backend': patch
+'@red-hat-developer-hub/backstage-plugin-x2a-common': patch
+'@red-hat-developer-hub/backstage-plugin-x2a': patch
+---
+
+The UI shows projects list with sorting and pagination.

workspaces/x2a/.changeset/proud-months-smash.md

@@ -0,0 +1,7 @@
+---
+'@red-hat-developer-hub/backstage-plugin-x2a-backend': patch
+'@red-hat-developer-hub/backstage-plugin-x2a-common': patch
+'@red-hat-developer-hub/backstage-plugin-x2a': patch
+---
+
+Adding pagination and filtering by permissions to the GET|POST /projects and GET /project/[id] endpoints.

workspaces/x2a/package.json

@@ -23,6 +23,7 @@
     "lint:all": "backstage-cli repo lint",
     "prettier:check": "prettier --check .",
     "prettier:fix": "prettier --write .",
+    "chores": "yarn prettier:fix && yarn lint:all --fix && yarn tsc:full && yarn build:api-reports && yarn test:all",
     "new": "backstage-cli new --scope @red-hat-developer-hub",
     "postinstall": "cd ../../ && yarn install"
   },

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

@@ -40,6 +40,7 @@
     "@backstage/catalog-client": "^1.12.1",
     "@backstage/errors": "^1.2.7",
     "@backstage/plugin-catalog-node": "^1.20.0",
+    "@backstage/plugin-permission-common": "^0.9.4",
     "@backstage/types": "^1.2.2",
     "@kubernetes/client-node": "^1.4.0",
     "@red-hat-developer-hub/backstage-plugin-x2a-common": "workspace:*",
@@ -51,7 +52,6 @@
   "devDependencies": {
     "@backstage/backend-test-utils": "^1.10.1",
     "@backstage/cli": "^0.34.5",
-    "@backstage/plugin-permission-common": "^0.9.4",
     "@backstage/repo-tools": "^0.16.2",
     "@types/express": "^4.17.6",
     "@types/knex": "^0.16.0",

workspaces/x2a/plugins/x2a-backend/src/plugin.ts

@@ -36,11 +36,13 @@ export const x2APlugin = createBackendPlugin({
         httpRouter: coreServices.httpRouter,
         database: coreServices.database,
         logger: coreServices.logger,
+        permissionsSvc: coreServices.permissions,
         x2aDatabase: x2aDatabaseServiceRef,
         kubeService: kubeServiceRef,
       },
       async init({
         httpRouter,
+        permissionsSvc,
         x2aDatabase,
         logger,
         httpAuth,
@@ -53,6 +55,7 @@ export const x2APlugin = createBackendPlugin({
           await createRouter({
             httpAuth,
             logger,
+            permissionsSvc,
             x2aDatabase,
             kubeService,
           }),

workspaces/x2a/plugins/x2a-backend/src/router.test.ts

@@ -22,6 +22,7 @@ import {
 } from '@backstage/backend-test-utils';
 import express from 'express';
 import request from 'supertest';
+import { AuthorizeResult } from '@backstage/plugin-permission-common';
 
 import { createRouter } from './router';
 import { X2ADatabaseService } from './services/X2ADatabaseService';
@@ -40,14 +41,38 @@ const mockInputProject: ProjectsPostRequest = {
   abbreviation: 'MP',
 };
 
-async function createApp(client: Knex): Promise<express.Express> {
+async function createApp(
+  client: Knex,
+  authorizeResult?: AuthorizeResult,
+  adminWriteResult?: AuthorizeResult,
+): Promise<express.Express> {
   const x2aDatabase = X2ADatabaseService.create({
     logger: mockServices.logger.mock(),
     dbClient: client,
   });
   const router = await createRouter({
     httpAuth: mockServices.httpAuth(),
     logger: mockServices.logger.mock(),
+    permissionsSvc: mockServices.permissions.mock({
+      authorize: async (requests: any[]) => {
+        // Check which permission is being requested
+        const permission = requests[0]?.permission;
+        if (
+          permission?.name === 'x2a.admin' &&
+          permission?.attributes?.action === 'update'
+        ) {
+          // This is x2aAdminWritePermission
+          return [
+            {
+              result:
+                adminWriteResult ?? authorizeResult ?? AuthorizeResult.ALLOW,
+            },
+          ] as any;
+        }
+        // Default to the provided authorizeResult or ALLOW
+        return [{ result: authorizeResult ?? AuthorizeResult.ALLOW }] as any;
+      },
+    }),
     x2aDatabase,
     kubeService: {
       getPods: jest.fn().mockResolvedValue({ items: [] }),
@@ -109,7 +134,7 @@ describe('createRouter', () => {
   );
 
   it.each(databases.eachSupportedId())(
-    'should not allow unauthenticated requests to create a migration - %p',
+    'should not allow unauthenticated requests to create a project - %p',
     async databaseId => {
       const { client } = await createDatabase(databaseId);
       const app = await createApp(client);
@@ -127,6 +152,62 @@ describe('createRouter', () => {
     },
   );
 
+  it.each(databases.eachSupportedId())(
+    'should allow users with x2aUserPermission to create projects - %p',
+    async databaseId => {
+      const { client } = await createDatabase(databaseId);
+      const app = await createApp(client, AuthorizeResult.ALLOW);
+
+      const response = await request(app)
+        .post('/projects')
+        .send(mockInputProject);
+
+      expect(response.status).toBe(200);
+      expect(response.body).toMatchObject({
+        ...mockInputProject,
+        createdBy: 'user:default/mock',
+      });
+    },
+  );
+
+  it.each(databases.eachSupportedId())(
+    'should allow users with x2aAdminWritePermission to create projects - %p',
+    async databaseId => {
+      const { client } = await createDatabase(databaseId);
+      const app = await createApp(client, AuthorizeResult.ALLOW);
+
+      const response = await request(app)
+        .post('/projects')
+        .send(mockInputProject);
+
+      expect(response.status).toBe(200);
+      expect(response.body).toMatchObject({
+        ...mockInputProject,
+        createdBy: 'user:default/mock',
+      });
+    },
+  );
+
+  it.each(databases.eachSupportedId())(
+    'should deny users without permissions from creating projects - %p',
+    async databaseId => {
+      const { client } = await createDatabase(databaseId);
+      const app = await createApp(client, AuthorizeResult.DENY);
+
+      const response = await request(app)
+        .post('/projects')
+        .send(mockInputProject);
+
+      expect(response.status).toBe(403);
+      expect(response.body).toMatchObject({
+        error: {
+          name: 'NotAllowedError',
+          message: 'You are not allowed to create a project',
+        },
+      });
+    },
+  );
+
   it.each(databases.eachSupportedId())(
     'should get a project by id - %p',
     async databaseId => {
@@ -225,4 +306,179 @@ describe('createRouter', () => {
       });
     },
   );
+
+  it.each(databases.eachSupportedId())(
+    'should allow users with admin write permission to delete any project - %p',
+    async databaseId => {
+      const { client } = await createDatabase(databaseId);
+
+      // Create a project as user1
+      // const user1Credentials = mockCredentials.user('user:default/user1');
+      const user1CredentialsHeader =
+        mockCredentials.user.header('user:default/user1');
+      const appWithCreate = await createApp(client, AuthorizeResult.ALLOW);
+      const createResponse = await request(appWithCreate)
+        .post('/projects')
+        .set('Authorization', user1CredentialsHeader)
+        .send(mockInputProject);
+
+      expect(createResponse.status).toBe(200);
+      const projectId = createResponse.body.id;
+      expect(createResponse.body.createdBy).toBe('user:default/user1');
+
+      // Verify project exists
+      const getResponse = await request(appWithCreate)
+        .get(`/projects/${projectId}`)
+        .set('Authorization', user1CredentialsHeader)
+        .send();
+      expect(getResponse.status).toBe(200);
+
+      // Try to delete as user2 (non-admin) - should fail because they didn't create it
+      // const user2Credentials = mockCredentials.user('user:default/user2');
+      const user2CredentialsHeader =
+        mockCredentials.user.header('user:default/user2');
+      const appNonAdmin = await createApp(
+        client,
+        AuthorizeResult.ALLOW, // Can create projects
+        AuthorizeResult.DENY, // Cannot delete others' projects (no admin write)
+      );
+      const deleteResponseNonAdmin = await request(appNonAdmin)
+        .delete(`/projects/${projectId}`)
+        .set('Authorization', user2CredentialsHeader)
+        .send();
+
+      // Non-admin user2 cannot delete project created by user1
+      // The deleteProject filters by created_by, so deletedCount will be 0
+      expect(deleteResponseNonAdmin.status).toBe(404);
+      expect(deleteResponseNonAdmin.body).toMatchObject({
+        error: { name: 'NotFoundError', message: 'Project not found' },
+      });
+
+      // Verify project still exists
+      const getAfterFailedDelete = await request(appWithCreate)
+        .get(`/projects/${projectId}`)
+        .set('Authorization', user1CredentialsHeader)
+        .send();
+      expect(getAfterFailedDelete.status).toBe(200);
+      expect(getAfterFailedDelete.body.id).toBe(projectId);
+
+      // Now delete as admin user (should succeed even though created by user1)
+      // const adminCredentials = mockCredentials.user('user:default/admin');
+      const adminCredentialsHeader =
+        mockCredentials.user.header('user:default/admin');
+      const appAdmin = await createApp(
+        client,
+        AuthorizeResult.ALLOW,
+        AuthorizeResult.ALLOW,
+      );
+      const deleteResponseAdmin = await request(appAdmin)
+        .delete(`/projects/${projectId}`)
+        .set('Authorization', adminCredentialsHeader)
+        .send();
+
+      expect(deleteResponseAdmin.status).toBe(200);
+      expect(deleteResponseAdmin.body.deletedCount).toBe(1);
+
+      // Verify project is deleted
+      const getAfterDelete = await request(appWithCreate)
+        .get(`/projects/${projectId}`)
+        .set('Authorization', user1CredentialsHeader)
+        .send();
+      expect(getAfterDelete.status).toBe(404);
+    },
+  );
+
+  it.each(databases.eachSupportedId())(
+    'should allow users without admin write permission to delete their own project - %p',
+    async databaseId => {
+      const { client } = await createDatabase(databaseId);
+      // User does not have admin write permission, but can create projects
+      const app = await createApp(
+        client,
+        AuthorizeResult.ALLOW, // Can create (has x2aUserPermission)
+        AuthorizeResult.DENY, // Cannot delete others' projects (no admin write)
+      );
+
+      // Create a project (as the default mock user)
+      const createResponse = await request(app)
+        .post('/projects')
+        .send(mockInputProject);
+
+      expect(createResponse.status).toBe(200);
+      const projectId = createResponse.body.id;
+      expect(createResponse.body.createdBy).toBe('user:default/mock');
+
+      // Delete own project (should succeed)
+      const deleteResponse = await request(app)
+        .delete(`/projects/${projectId}`)
+        .send();
+
+      expect(deleteResponse.status).toBe(200);
+      expect(deleteResponse.body.deletedCount).toBe(1);
+
+      // Verify project is deleted
+      const getAfterDeleteResponse = await request(app)
+        .get(`/projects/${projectId}`)
+        .send();
+      expect(getAfterDeleteResponse.status).toBe(404);
+    },
+  );
+
+  it.each(databases.eachSupportedId())(
+    'should return 404 when deletion fails due to permission filtering - %p',
+    async databaseId => {
+      const { client } = await createDatabase(databaseId);
+      // User does not have admin write permission
+      const app = await createApp(
+        client,
+        AuthorizeResult.ALLOW, // Can create projects
+        AuthorizeResult.DENY, // Cannot delete others' projects (no admin write)
+      );
+
+      // Create a project
+      const createResponse = await request(app)
+        .post('/projects')
+        .send(mockInputProject);
+
+      expect(createResponse.status).toBe(200);
+      const projectId = createResponse.body.id;
+
+      // Note: The permission filtering happens at the database service level.
+      // When canWriteAll is false, deleteProject filters by created_by.
+      // Since the same user created and is deleting, it should succeed.
+      // Cross-user deletion prevention is tested in X2ADatabaseService tests.
+      // This test verifies the endpoint integration works correctly.
+
+      const deleteResponse = await request(app)
+        .delete(`/projects/${projectId}`)
+        .send();
+
+      // Same user can delete their own project
+      expect(deleteResponse.status).toBe(200);
+      expect(deleteResponse.body.deletedCount).toBe(1);
+    },
+  );
+
+  it.each(databases.eachSupportedId())(
+    'should return 404 when deleting non-existent project even with admin write permission - %p',
+    async databaseId => {
+      const { client } = await createDatabase(databaseId);
+      // User has admin write permission
+      const app = await createApp(
+        client,
+        AuthorizeResult.ALLOW,
+        AuthorizeResult.ALLOW,
+      );
+
+      const nonExistentId = '00000000-0000-0000-0000-000000000000';
+      const response = await request(app)
+        .delete(`/projects/${nonExistentId}`)
+        .send();
+
+      expect(response.status).toBe(404);
+      expect(response.body).toMatchObject({
+        error: { name: 'NotFoundError', message: 'Project not found' },
+      });
+    },
+  );
 });