Add catalog cards

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>

packages/app-next/app-config.yaml

@@ -5,6 +5,7 @@ app:
     bindings:
       catalog.viewTechDoc: techdocs.docRoot
       catalog.createComponent: catalog-import.importPage
+  #   org.catalogIndex: catalog.catalogIndex
 
   extensions:
     # - apis.plugin.graphiql.browse.gitlab: true
@@ -19,6 +20,14 @@ app:
     # Entity page content
     - entity-content:techdocs
 
+    # Org Plugin
+    - entity-card:org/group-profile:
+        config:
+          filter: kind:group
+    # - entity-card:org/members-list
+    # - entity-card:org/ownership
+    # - entity-card:org/user-profile
+
   # scmAuthExtension: >-
   #   createScmAuthExtension({
   #     id: 'apis.scmAuth.addons.ghe',

packages/app-next/src/App.tsx

@@ -24,6 +24,7 @@ import userSettingsPlugin from '@backstage/plugin-user-settings/alpha';
 import homePlugin, {
   titleExtensionDataRef,
 } from '@backstage/plugin-home/alpha';
+import orgPlugin from '@backstage/plugin-org/alpha';
 
 import {
   coreExtensionData,
@@ -125,6 +126,7 @@ const app = createApp({
     userSettingsPlugin,
     homePlugin,
     appVisualizerPlugin,
+    orgPlugin,
     ...collectedLegacyPlugins,
     createExtensionOverrides({
       extensions: [

plugins/org/src/alpha.tsx

@@ -33,19 +33,41 @@ export const EntityGroupProfileCard = createEntityCardExtension({
 });
 
 /** @alpha */
-/* export const EntityMembersListCard = createEntityCardExtension({
-    name: 'members-list',
-    loader: async () =>
-      import('./components/').then(m =>
-        compatWrapper(<m.GroupProfileCard />),
-      ),
-  });
- */
+export const EntityMembersListCard = createEntityCardExtension({
+  name: 'members-list',
+  loader: async () =>
+    import('./components/Cards/Group/MembersList/MembersListCard').then(m =>
+      compatWrapper(<m.MembersListCard />),
+    ),
+});
+
+/** @alpha */
+export const EntityOwnershipCard = createEntityCardExtension({
+  name: 'ownership',
+  loader: async () =>
+    import('./components/Cards/OwnershipCard/OwnershipCard').then(m =>
+      compatWrapper(<m.OwnershipCard />),
+    ),
+});
+
+/** @alpha */
+export const EntityUserProfileCard = createEntityCardExtension({
+  name: 'user-profile',
+  loader: async () =>
+    import('./components/Cards/User/UserProfileCard/UserProfileCard').then(m =>
+      compatWrapper(<m.UserProfileCard />),
+    ),
+});
 
 /** @alpha */
 export default createPlugin({
   id: 'org',
-  extensions: [EntityGroupProfileCard],
+  extensions: [
+    EntityGroupProfileCard,
+    EntityMembersListCard,
+    EntityOwnershipCard,
+    EntityUserProfileCard,
+  ],
   externalRoutes: convertLegacyRouteRefs({
     catalogIndex: catalogIndexRouteRef,
   }),