feat(scorecard): add support for the New Frontend System (NFS) (#2487)

* Adding NFS support in scorecard

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* updating yarn.lock

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* fixing for prettier

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* adding changeset and fixing the bug

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* fixing yarn.lock

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* updating readme.md documentation and naming of the apps

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>
Made-with: Cursor

* chore(scorecard): update yarn.lock to fix CI immutable install

Made-with: Cursor

* chore(scorecard-common): align API report with CI

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* fixing report

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* Passing allowedKinds from app-config

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* chore(scorecard): regenerate API reports for scorecard-common and scorecard

Made-with: Cursor

* refactoring dev workspace

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>
Made-with: Cursor

* Adding config for NFS

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>

* fix(scorecard): e2e testDir and add missing localeSkip util

- Point playwright testDir to packages/app-legacy/e2e-tests (tests live there)
- Add utils/localeSkip.ts for skipIfLocales used by scorecard.test.ts

Fixes 'No tests found' and 'Cannot find module ./utils/localeSkip' when
running yarn playwright test on top of pr/rohitratannagar/2487.

Made-with: Cursor

---------

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>
Co-authored-by: HusneShabbir <husneshabbir447@gmail.com>

Author: rohitratannagar

workspaces/scorecard/.changeset/tidy-windows-behave.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-scorecard': minor
+---
+
+Added support for the New Frontend System (NFS), including an alpha export for NFS apps and a new `app-next` package.

workspaces/scorecard/.prettierignore

@@ -3,3 +3,5 @@ dist-types
 coverage
 .vscode
 .eslintrc.js
+report-alpha.api.md
+report.api.md

workspaces/scorecard/README.md

@@ -1,12 +1,14 @@
-# [Backstage](https://backstage.io)
+# [Backstage](https://backstage.io) — Scorecard
 
-This is your newly scaffolded Backstage App, Good Luck!
+This workspace contains the Scorecard plugin and a Backstage example app. The frontend is available in two packages: **app** (New Frontend System / NFS) and **app-legacy** (legacy frontend).
 
-To start the app, run:
+## Getting started
 
 ```sh
 yarn install
-yarn start
 ```
 
-> Notice: The guest user has admin permissions in this application for quick setup. For better control, specify more users and groups in app-config.local.yaml and define a separate admin/admins permission instead of using the guest user. Using the guest user as an admin is not recommended for permission management.
+- **app (NFS, default):** Run `yarn start` to start the NFS app and backend. Open [http://localhost:3000](http://localhost:3000), then go to Catalog and open an entity to use the Scorecard tab.
+- **app-legacy:** Run `yarn start:legacy` to start the legacy frontend with the backend. Use the Scorecard tab on entity pages or the scorecard homepage card.
+
+> **Notice:** The guest user has admin permissions in this application for quick setup. For better control, specify more users and groups in `app-config.local.yaml` and define a separate admin/admins permission instead of using the guest user. Using the guest user as admin is not recommended for permission management.

workspaces/scorecard/app-config.yaml

@@ -1,7 +1,21 @@
 app:
   title: Scaffolded Backstage App
   baseUrl: http://localhost:3000
+  packages: all
+  extensions:
+    - api:app/app-language:
+        config:
+          availableLanguages: ['en', 'de', 'fr']
+          defaultLanguage: 'en'
 
+    # Scorecard tab: entity shows tab if it matches any filter below.
+    - entity-content:catalog/entity-content-scorecard:
+        config:
+          allowedFilters:
+            - kind: component # e.g. Component with spec.type: website
+              type: website
+            - kind: api # e.g. any API entity
+            - type: service # e.g. Component or System with spec.type: service
 organization:
   name: My Company
 

workspaces/scorecard/package.json

@@ -7,6 +7,7 @@
   },
   "scripts": {
     "start": "backstage-cli repo start",
+    "start:legacy": "backstage-cli repo start packages/app-legacy packages/backend",
     "start-backend": "yarn workspace backend start",
     "tsc": "tsc",
     "tsc:full": "tsc --skipLibCheck true --incremental false",
@@ -65,5 +66,8 @@
     "*.{json,md}": [
       "prettier --write"
     ]
+  },
+  "dependencies": {
+    "changeset": "^0.2.6"
   }
 }

…ces/scorecard/packages/app/.eslintignore …recard/packages/app-legacy/.eslintignoreworkspaces/scorecard/packages/app/.eslintignore renamed to workspaces/scorecard/packages/app-legacy/.eslintignore workspaces/scorecard/packages/app/.eslintignore renamed to workspaces/scorecard/packages/app-legacy/.eslintignore

@@ -0,0 +1 @@
+module.exports = require('@backstage/cli/config/eslint-factory')(__dirname);