feat(lightspeed): Add GitHub Auth Provider for Sign-In to enable Models listing (#1987)

* adding github signin provider

Signed-off-by: its-mitesh-kumar <[email protected]>

* adding changeset

Signed-off-by: its-mitesh-kumar <[email protected]>

* removing changeset

Signed-off-by: its-mitesh-kumar <[email protected]>

* Update workspaces/lightspeed/app-config.yaml

Co-authored-by: Debsmita Santra <[email protected]>

---------

Signed-off-by: its-mitesh-kumar <[email protected]>
Co-authored-by: Debsmita Santra <[email protected]>

Author: its-mitesh-kumar

workspaces/lightspeed/app-config.yaml

@@ -63,9 +63,19 @@ techdocs:
 
 auth:
   # see https://backstage.io/docs/auth/ to learn about auth providers
+  environment: development
   providers:
     # See https://backstage.io/docs/auth/guest/provider
     guest: {}
+    # Uncomment if using GitHub provider
+    # See https://backstage.io/docs/auth/github/provider#configuration
+    # github:
+    #   development:
+    #     clientId: ${AUTH_GITHUB_CLIENT_ID}
+    #     clientSecret: ${AUTH_GITHUB_CLIENT_SECRET}
+    #     signIn:
+    #       resolvers:
+    #         - resolver: usernameMatchingUserEntityName
 
 scaffolder: {}
   # see https://backstage.io/docs/features/software-templates/configuration for software template options

workspaces/lightspeed/packages/app/src/App.tsx

@@ -53,7 +53,14 @@ import { RequirePermission } from '@backstage/plugin-permission-react';
 import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common/alpha';
 import { lightspeedTranslations } from '@red-hat-developer-hub/backstage-plugin-lightspeed/alpha';
 import { LightspeedPage } from '@red-hat-developer-hub/backstage-plugin-lightspeed';
+import { githubAuthApiRef } from '@backstage/core-plugin-api';
 
+const githubProvider = {
+  id: 'github-auth-provider',
+  title: 'GitHub',
+  message: 'Sign in using GitHub',
+  apiRef: githubAuthApiRef,
+};
 const app = createApp({
   apis,
   __experimentalTranslations: {
@@ -78,7 +85,9 @@ const app = createApp({
     });
   },
   components: {
-    SignInPage: props => <SignInPage {...props} auto providers={['guest']} />,
+    SignInPage: props => (
+      <SignInPage {...props} auto providers={['guest', githubProvider]} />
+    ),
   },
 });
 

workspaces/lightspeed/packages/backend/src/index.ts

@@ -62,4 +62,7 @@ backend.add(
   import('@red-hat-developer-hub/backstage-plugin-lightspeed-backend'),
 );
 
+// GitHub auth
+backend.add(import('@backstage/plugin-auth-backend-module-github-provider'));
+
 backend.start();