feat(homepage): migrate dynamic homepage to nfs (#2423)

* move homepage app to app-legacy

* migrate homepage to NFS

* feat(homepage): e2e for legacy and NFS, CI runs both, a11y filter, cleanup

- Run e2e on both apps: APP_MODE-based login URL (nfs=/, legacy=/customizable)
- CI: playwright script runs test:e2e:all (legacy then nfs); testDir at root
- NFS a11y: ignore 'list' rule in runAccessibilityTests when APP_MODE=nfs
- Scripts: test:e2e, test:e2e:legacy, test:e2e:nfs, test:e2e:all (adoption-insights style)
- Reports/output: e2e-test-report-{mode}, e2e-test-results-{mode}; .gitignore e2e-test-report*/
- Timeout 120s; fixture param cleanup in homepageCustomizable tests

* use the rhdhThemeModule

* Skip resize test until backstage#33317 is fixed

Made-with: Cursor

* Consolidate e2e: remove app-legacy tests, use single suite for both modes

Made-with: Cursor

* add rhdhThemeModule to the new app

* addressed review comments

---------

Co-authored-by: HusneShabbir <husneshabbir447@gmail.com>

Author: debsmita1

workspaces/homepage/.changeset/little-plums-applaud.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-dynamic-home-page': minor
+---
+
+Migrate dynamic homepage to NFS

workspaces/homepage/.gitignore

@@ -50,5 +50,5 @@ site
 # vscode database functionality support files
 *.session.sql
 
-# E2E test reports
-e2e-test-report/
+# E2E test reports (legacy, nfs, etc.)
+e2e-test-report*/

workspaces/homepage/.prettierignore

@@ -4,5 +4,6 @@ coverage
 .vscode
 .eslintrc.js
 report.api.md
+report-alpha.api.md
 knip-report.md
 

workspaces/homepage/app-config.yaml

@@ -1,6 +1,87 @@
 app:
-  title: Scaffolded Backstage App
+  title: Homepage Backstage App
   baseUrl: http://localhost:3000
+  packages: all
+  extensions:
+    - api:app/app-language:
+        config:
+          availableLanguages: ['en', 'de', 'fr', 'it', 'es', 'ja']
+          defaultLanguage: 'en'
+    # Disable the nav items that we're manually rendering in packages/app/src/modules/nav/Sidebar.tsx
+    - nav-item:search: false
+    - nav-item:user-settings: false
+    - api:home/visits: true
+    - app-root-element:home/visit-listener: true
+    - page:home:
+        config:
+          path: /
+    - home-page-layout:home/dynamic-homepage-layout:
+        config:
+          customizable: true # false for read-only homepage layout
+          widgetLayout:
+            RhdhTemplateSection:
+              priority: 300
+              breakpoints:
+                xl:
+                  w: 12
+                  h: 5
+                lg:
+                  w: 12
+                  h: 5
+                md:
+                  w: 12
+                  h: 5
+                sm:
+                  w: 12
+                  h: 5
+                xs:
+                  w: 12
+                  h: 7.5
+                xxs:
+                  w: 12
+                  h: 13.5
+            RhdhEntitySection:
+              priority: 200
+              breakpoints:
+                xl:
+                  w: 12
+                  h: 7
+                lg:
+                  w: 12
+                  h: 7
+                md:
+                  w: 12
+                  h: 8
+                sm:
+                  w: 12
+                  h: 9
+                xs:
+                  w: 12
+                  h: 11
+                xxs:
+                  w: 12
+                  h: 15
+            RhdhOnboardingSection:
+              priority: 100
+              breakpoints:
+                xl:
+                  w: 12
+                  h: 6
+                lg:
+                  w: 12
+                  h: 6
+                md:
+                  w: 12
+                  h: 7
+                sm:
+                  w: 12
+                  h: 8
+                xs:
+                  w: 12
+                  h: 9
+                xxs:
+                  w: 12
+                  h: 14
 
 organization:
   name: My Company

workspaces/homepage/package.json

@@ -7,6 +7,7 @@
   },
   "scripts": {
     "start": "backstage-cli repo start",
+    "start:legacy": "yarn start app-legacy backend",
     "start-backend": "yarn workspace backend start",
     "build:backend": "yarn workspace backend build",
     "tsc": "tsc",
@@ -22,7 +23,11 @@
     "fix": "backstage-cli repo fix",
     "lint": "backstage-cli repo lint --since origin/main",
     "lint:all": "backstage-cli repo lint",
-    "test:e2e": "playwright test",
+    "test:e2e": "yarn test:e2e:all",
+    "test:e2e:legacy": "APP_MODE=legacy playwright test",
+    "test:e2e:nfs": "APP_MODE=nfs playwright test",
+    "test:e2e:all": "yarn test:e2e:legacy && yarn test:e2e:nfs",
+    "playwright": "bash -c 'if [[ \"$*\" == \"test\" ]]; then yarn test:e2e:all; else npx playwright \"$@\"; fi' _",
     "prettier:check": "prettier --check .",
     "prettier:fix": "prettier --write .",
     "new": "backstage-cli new --scope @red-hat-developer-hub",

workspaces/homepage/packages/app-legacy/.eslintignore

@@ -0,0 +1 @@
+public

workspaces/homepage/packages/app-legacy/.eslintrc.js

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

…ces/homepage/packages/app/knip-report.md …epage/packages/app-legacy/knip-report.mdworkspaces/homepage/packages/app/knip-report.md renamed to workspaces/homepage/packages/app-legacy/knip-report.md workspaces/homepage/packages/app/knip-report.md renamed to workspaces/homepage/packages/app-legacy/knip-report.md

@@ -0,0 +1,84 @@
+{
+  "name": "app-legacy",
+  "version": "0.0.0",
+  "private": true,
+  "bundled": true,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/redhat-developer/rhdh-plugins",
+    "directory": "workspaces/homepage/packages/app-legacy"
+  },
+  "backstage": {
+    "role": "frontend"
+  },
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "clean": "backstage-cli package clean",
+    "test": "backstage-cli package test",
+    "lint": "backstage-cli package lint"
+  },
+  "dependencies": {
+    "@backstage/app-defaults": "^1.7.2",
+    "@backstage/catalog-model": "^1.7.6",
+    "@backstage/cli": "^0.34.5",
+    "@backstage/core-app-api": "^1.19.2",
+    "@backstage/core-components": "^0.18.3",
+    "@backstage/core-plugin-api": "^1.12.0",
+    "@backstage/integration-react": "^1.2.12",
+    "@backstage/plugin-api-docs": "^0.13.1",
+    "@backstage/plugin-catalog": "^1.32.0",
+    "@backstage/plugin-catalog-common": "^1.1.7",
+    "@backstage/plugin-catalog-graph": "^0.5.3",
+    "@backstage/plugin-catalog-import": "^0.13.7",
+    "@backstage/plugin-catalog-react": "^1.21.3",
+    "@backstage/plugin-kubernetes": "^0.12.13",
+    "@backstage/plugin-org": "^0.6.46",
+    "@backstage/plugin-permission-react": "^0.4.38",
+    "@backstage/plugin-scaffolder": "^1.34.3",
+    "@backstage/plugin-search": "^1.5.0",
+    "@backstage/plugin-search-react": "^1.10.0",
+    "@backstage/plugin-techdocs": "^1.17.0",
+    "@backstage/plugin-techdocs-module-addons-contrib": "^1.1.33",
+    "@backstage/plugin-techdocs-react": "^1.3.8",
+    "@backstage/plugin-user-settings": "^0.8.29",
+    "@backstage/theme": "^0.7.0",
+    "@backstage/ui": "^0.9.1",
+    "@material-ui/core": "^4.12.2",
+    "@material-ui/icons": "^4.9.1",
+    "@openshift/dynamic-plugin-sdk": "^5.0.1",
+    "@red-hat-developer-hub/backstage-plugin-dynamic-home-page": "workspace:^",
+    "@red-hat-developer-hub/backstage-plugin-theme": "^0.12.0",
+    "@scalprum/react-core": "0.11.1",
+    "react": "^18.0.2",
+    "react-dom": "^18.0.2",
+    "react-router": "^6.3.0",
+    "react-router-dom": "^6.3.0"
+  },
+  "devDependencies": {
+    "@axe-core/playwright": "^4.10.0",
+    "@backstage/frontend-test-utils": "^0.5.0",
+    "@playwright/test": "^1.32.3",
+    "@testing-library/dom": "^9.0.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.0.0",
+    "@types/react-dom": "*",
+    "cross-env": "^7.0.0"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "files": [
+    "dist"
+  ]
+}