Added todo plugin with app v0.2.0

Author: adityasinghal26

backstage-app/backstage101/app-config.yaml

@@ -42,7 +42,7 @@ integrations:
     - host: github.com
       # This is a Personal Access Token or PAT from GitHub. You can find out how to generate this token, and more information
       # about setting up the GitHub integration here: https://backstage.io/docs/getting-started/configuration#setting-up-a-github-integration
-      token: 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
+      token: ${GITHUB_TOKEN}
     ### Example for how to add your GitHub Enterprise instance using the API:
     # - host: ghe.example.net
     #   apiBaseUrl: https://ghe.example.net/api/v3

backstage-app/backstage101/packages/app/package.json

@@ -41,6 +41,7 @@
     "@backstage/plugin-techdocs": "^1.6.4",
     "@backstage/plugin-techdocs-module-addons-contrib": "^1.0.14",
     "@backstage/plugin-techdocs-react": "^1.1.7",
+    "@backstage/plugin-todo": "^0.2.22",
     "@backstage/plugin-user-settings": "^0.7.4",
     "@backstage/theme": "^0.4.0",
     "@material-ui/core": "^4.12.2",
@@ -54,10 +55,10 @@
   },
   "devDependencies": {
     "@backstage/test-utils": "^1.4.0",
+    "@testing-library/dom": "^8.0.0",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^14.0.0",
-    "@testing-library/dom": "^8.0.0",
     "@types/node": "^16.11.26",
     "@types/react-dom": "*",
     "cross-env": "^7.0.0",

backstage-app/backstage101/packages/app/src/components/catalog/EntityPage.tsx

@@ -55,6 +55,7 @@ import {
 
 import { TechDocsAddons } from '@backstage/plugin-techdocs-react';
 import { ReportIssue } from '@backstage/plugin-techdocs-module-addons-contrib';
+import { EntityTodoContent } from '@backstage/plugin-todo';
 
 const techdocsContent = (
   <EntityTechdocsContent>
@@ -165,6 +166,10 @@ const serviceEntityPage = (
     <EntityLayout.Route path="/docs" title="Docs">
       {techdocsContent}
     </EntityLayout.Route>
+
+    <EntityLayout.Route path="/todo" title="Todo">
+      <EntityTodoContent />
+    </EntityLayout.Route>
   </EntityLayout>
 );
 

backstage-app/backstage101/packages/backend/package.json

@@ -33,6 +33,7 @@
     "@backstage/plugin-search-backend-module-pg": "^0.5.7",
     "@backstage/plugin-search-backend-node": "^1.2.2",
     "@backstage/plugin-techdocs-backend": "^1.6.3",
+    "@backstage/plugin-todo-backend": "^0.1.44",
     "app": "link:../app",
     "better-sqlite3": "^8.0.0",
     "dockerode": "^3.3.1",

backstage-app/backstage101/packages/backend/src/index.ts

@@ -31,6 +31,7 @@ import search from './plugins/search';
 import { PluginEnvironment } from './types';
 import { ServerPermissionClient } from '@backstage/plugin-permission-node';
 import { DefaultIdentityClient } from '@backstage/plugin-auth-node';
+import todo from './plugins/todo';
 
 function makeCreateEnv(config: Config) {
   const root = getRootLogger();
@@ -85,6 +86,7 @@ async function main() {
   const techdocsEnv = useHotMemoize(module, () => createEnv('techdocs'));
   const searchEnv = useHotMemoize(module, () => createEnv('search'));
   const appEnv = useHotMemoize(module, () => createEnv('app'));
+  const todoEnv = useHotMemoize(module, () => createEnv('todo'));
 
   const apiRouter = Router();
   apiRouter.use('/catalog', await catalog(catalogEnv));
@@ -93,6 +95,7 @@ async function main() {
   apiRouter.use('/techdocs', await techdocs(techdocsEnv));
   apiRouter.use('/proxy', await proxy(proxyEnv));
   apiRouter.use('/search', await search(searchEnv));
+  apiRouter.use('/todo', await todo(todoEnv));
 
   // Add backends ABOVE this line; this 404 handler is the catch-all fallback
   apiRouter.use(notFoundHandler());

backstage-app/backstage101/packages/backend/src/plugins/todo.ts

@@ -0,0 +1,28 @@
+import { Router } from 'express';
+import { CatalogClient } from '@backstage/catalog-client';
+import {
+  createRouter,
+  TodoReaderService,
+  TodoScmReader,
+} from '@backstage/plugin-todo-backend';
+import { PluginEnvironment } from '../types';
+
+export default async function createPlugin(
+  env: PluginEnvironment,
+): Promise<Router> {
+  const todoReader = TodoScmReader.fromConfig(env.config, {
+    logger: env.logger,
+    reader: env.reader,
+  });
+
+  const catalogClient = new CatalogClient({
+    discoveryApi: env.discovery,
+  });
+
+  const todoService = new TodoReaderService({
+    todoReader,
+    catalogClient,
+  });
+
+  return await createRouter({ todoService });
+}

deployment/kubernetes/backstage/create-backstage.sh

@@ -24,14 +24,14 @@ yarn build backend --config ../../app-config.yaml
 # Build docker image with the latest build backend artefacts
 cd $CODESPACE_VSCODE_FOLDER
 # docker image build . -f packages/backend/Dockerfile --tag backstage:0.1.0 from backstage101 folder
-docker image build backstage-app/backstage101/ -f deployment/kubernetes/backstage/docker/Dockerfile --tag localhost:5001/backstage:0.1.0
+docker image build backstage-app/backstage101/ -f deployment/kubernetes/backstage/docker/Dockerfile --tag localhost:5001/backstage:0.2.0
 
 # Push the latest docker image to local image registry
-docker push localhost:5001/backstage:0.1.0
+docker push localhost:5001/backstage:0.2.0
 
 # Package backstage helm chart and install the same in backstage namespace
 helm package deployment/kubernetes/backstage/helm/
-helm -n backstage upgrade --install backstage backstage-0.1.0.tgz
+helm -n backstage upgrade --install backstage backstage-0.2.0.tgz
 
 # Setup a port-forward from backstage:80 to localhost:8000
 kubectl -n backstage port-forward svc/backstage 8000:80

deployment/kubernetes/backstage/helm/Chart.yaml

@@ -15,10 +15,10 @@ type: application
 # This is the chart version. This version number should be incremented each time you make changes
 # to the chart and its templates, including the app version.
 # Versions are expected to follow Semantic Versioning (https://semver.org/)
-version: 0.1.0
+version: 0.2.0
 
 # This is the version number of the application being deployed. This version number should be
 # incremented each time you make changes to the application. Versions are not expected to
 # follow Semantic Versioning. They should reflect the version the application is using.
 # It is recommended to use it with quotes.
-appVersion: "0.1.0"
+appVersion: "0.2.0"

deployment/kubernetes/backstage/helm/templates/deployment.yaml

@@ -16,7 +16,7 @@ spec:
     spec:
       containers:
         - name: backstage
-          image: localhost:5001/backstage:0.1.0
+          image: localhost:5001/backstage:0.2.0
           imagePullPolicy: IfNotPresent
           ports:
             - name: http