feat(homepage): add permission-aware default cards backend

workspaces/homepage/.changeset/green-singers-rush.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-dynamic-home-page': patch
+---
+
+Updated dependency `@red-hat-developer-hub/backstage-plugin-theme` to `^0.14.1`.

workspaces/homepage/.gitignore

@@ -42,6 +42,7 @@ dist-types
 site
 
 # Local configuration files
+*.local.json
 *.local.yaml
 
 # Sensitive credentials

workspaces/homepage/.prettierignore

@@ -1,4 +1,5 @@
 dist
+dist-dynamic
 dist-types
 coverage
 .vscode

workspaces/homepage/README.md

@@ -1,16 +1,4 @@
-# [Backstage](https://backstage.io)
+## The RHDH homepage plugin is a wrapper around the upstream [Home plugin](https://github.com/backstage/backstage/tree/master/plugins/home) from [Backstage](https://backstage.io)
 
-This is your newly scaffolded Backstage App, Good Luck!
-
-To start the app, run:
-
-```sh
-yarn install
-yarn start
-```
-
-To generate knip reports for this app, run:
-
-```sh
-yarn backstage-repo-tools knip-reports
-```
+Initially written to add Dynamic Plugin (mount point) support does it adds now
+some custom widgets and a backend to configure the default layout in the `app-config.yaml`.

workspaces/homepage/app-config.yaml

@@ -81,6 +81,66 @@ app:
                   w: 12
                   h: 14
 
+homepage:
+  # The widget id is required if a user changes the default layout.
+  # The widget ref is used to determine which widget is rendered.
+  # For 1.x this references a mount point (`config.id`).
+  # For 2.x this references a homepage widget extension (name).
+  defaultWidgets:
+    - id: onboarding
+      ref: 'rhdh-onboarding-section'
+      layout:
+        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 }
+    - id: entity-list
+      ref: 'rhdh-entity-section'
+      layout:
+        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 }
+    - id: template-list
+      ref: 'rhdh-template-section'
+      layout:
+        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 }
+    - id: quickaccess-card
+      ref: quickaccess-card
+      layout:
+        xl: { w: 6, h: 8, x: 6 }
+        lg: { w: 6, h: 8, x: 6 }
+        md: { w: 6, h: 8, x: 6 }
+        sm: { w: 12, h: 8, x: 6 }
+        xs: { w: 12, h: 8, x: 6 }
+        xxs: { w: 12, h: 8, x: 6 }
+    - id: visit-card
+      ref: VisitCard
+      layout:
+        xl: { w: 12, h: 5 }
+        lg: { w: 12, h: 5 }
+        md: { w: 12, h: 6 }
+        sm: { w: 12, h: 7 }
+        xs: { w: 12, h: 9 }
+        xxs: { w: 12, h: 14 }
+    - if:
+        groups: [group:default/admins]
+      children:
+        - id: rbac
+          ref: RBAC
+          layout:
+            xl: { w: 12, h: 6 }
+            lg: { w: 12, h: 6 }
+
 organization:
   name: My Company
 
@@ -184,3 +244,14 @@ kubernetes:
 permission:
   # setting this to `false` will disable permissions
   enabled: true
+  rbac:
+    pluginsWithPermission:
+      - catalog
+      - scaffolder
+      - permission
+      - homepage
+    admin:
+      users:
+        - name: user:development/guest
+      superUsers:
+        - name: user:development/guest

workspaces/homepage/package.json

@@ -46,6 +46,7 @@
   },
   "devDependencies": {
     "@backstage/cli": "^0.36.0",
+    "@backstage/cli-defaults": "0.1.0",
     "@backstage/e2e-test-utils": "^0.1.2",
     "@backstage/repo-tools": "^0.17.0",
     "@changesets/cli": "^2.27.1",
@@ -58,8 +59,7 @@
   "resolutions": {
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "refractor@npm:3.6.0/prismjs": "^1.30.0",
-    "@backstage/plugin-home@^0.8.11": "patch:@backstage/plugin-home@npm%3A0.8.11#./.yarn/patches/@backstage-plugin-home-npm-0.8.11-a127246043.patch"
+    "refractor@npm:3.6.0/prismjs": "^1.30.0"
   },
   "prettier": "@backstage/cli/config/prettier",
   "lint-staged": {

workspaces/homepage/packages/app-legacy/knip-report.md

@@ -1,18 +1,18 @@
 # Knip report
 
-## Unused dependencies (2)
+## Unused dependencies (1)
 
-| Name                                                      | Location     | Severity |
-| :-------------------------------------------------------- | :----------- | :------- |
-| @red-hat-developer-hub/backstage-plugin-dynamic-home-page | package.json | error    |
-| react-router                                              | package.json | error    |
+| Name         | Location          | Severity |
+| :----------- | :---------------- | :------- |
+| react-router | package.json:56:6 | error    |
 
-## Unused devDependencies (4)
+## Unused devDependencies (5)
 
-| Name                        | Location     | Severity |
-| :-------------------------- | :----------- | :------- |
-| @testing-library/user-event | package.json | error    |
-| @backstage/test-utils       | package.json | error    |
-| @testing-library/dom        | package.json | error    |
-| cross-env                   | package.json | error    |
+| Name                        | Location          | Severity |
+| :-------------------------- | :---------------- | :------- |
+| @testing-library/user-event | package.json:68:6 | error    |
+| @axe-core/playwright        | package.json:62:6 | error    |
+| @testing-library/dom        | package.json:65:6 | error    |
+| @playwright/test            | package.json:64:6 | error    |
+| cross-env                   | package.json:70:6 | error    |
 

workspaces/homepage/packages/app-legacy/package.json

@@ -19,6 +19,7 @@
     "lint": "backstage-cli package lint"
   },
   "dependencies": {
+    "@backstage-community/plugin-rbac": "^1.52.1",
     "@backstage/app-defaults": "^1.7.6",
     "@backstage/catalog-model": "^1.7.7",
     "@backstage/cli": "^0.36.0",
@@ -48,12 +49,14 @@
     "@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",
+    "@red-hat-developer-hub/backstage-plugin-theme": "^0.14.1",
     "@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"
+    "react-router-dom": "^6.3.0",
+    "react-use": "17.6.0",
+    "yaml": "^2.8.3"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.10.0",

workspaces/homepage/packages/app-legacy/src/App.tsx

@@ -42,6 +42,8 @@ import { apis } from './apis';
 import { entityPage } from './components/catalog/EntityPage';
 import { searchPage } from './components/search/SearchPage';
 import { Root } from './components/Root';
+import { DebugHomepageAvailableWidgets } from './components/homepage/DebugHomepageAvailableWidgets';
+import { DebugHomepageDefaultWidgets } from './components/homepage/DebugHomepageDefaultWidgets';
 
 import {
   AlertDisplay,
@@ -59,6 +61,8 @@ import { githubAuthApiRef } from '@backstage/core-plugin-api';
 import { ScalprumContext, ScalprumState } from '@scalprum/react-core';
 import { PluginStore } from '@openshift/dynamic-plugin-sdk';
 
+import { RbacPage } from '@backstage-community/plugin-rbac';
+
 import {
   DynamicHomePage,
   DynamicCustomizableHomePage,
@@ -437,6 +441,19 @@ const routes = (
     </Route>
     <Route path="/settings" element={<UserSettingsPage />} />
     <Route path="/catalog-graph" element={<CatalogGraphPage />} />
+    <Route path="/rbac" element={<RbacPage />} />
+    <Route
+      path="/debug-available-widgets"
+      element={
+        <ScalprumContext.Provider value={scalprumState}>
+          <DebugHomepageAvailableWidgets />
+        </ScalprumContext.Provider>
+      }
+    />
+    <Route
+      path="/debug-default-widgets"
+      element={<DebugHomepageDefaultWidgets />}
+    />
   </FlatRoutes>
 );