add readme page from scratch

Author: stan-dot

backstage/packages/app/package.json

@@ -18,6 +18,7 @@
     "cy:run": "cypress run --browser chrome"
   },
   "dependencies": {
+    "@axis-backstage/plugin-readme": "^0.7.1",
     "@backstage/app-defaults": "^1.4.5",
     "@backstage/catalog-model": "^1.4.3",
     "@backstage/cli": "^0.26.2",
@@ -82,4 +83,4 @@
   "files": [
     "dist"
   ]
-}
+}

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

@@ -69,6 +69,7 @@ import {
 import { Button, Grid } from '@material-ui/core';
 import React from 'react';
 import { EntityAboutCard } from '../AboutCard/AboutCard';
+import { ReadmeCard } from '@axis-backstage/plugin-readme';
 
 const TECHDOCS_ANNOTATION = 'backstage.io/techdocs-ref';
 const ANNOTATIONS_DOCS_URL =
@@ -147,9 +148,12 @@ const entityWarningContent = (
 const overviewContent = (
   <Grid container spacing={3} alignItems="stretch">
     {entityWarningContent}
-    <Grid item md={6}>
+    <Grid item xs={12} md={6}>
       <EntityAboutCard variant="gridItem" />
     </Grid>
+    <Grid item xs={12} md={4}>
+      <ReadmeCard />
+    </Grid>
     <Grid item md={6} xs={12}>
       <EntityCatalogGraphCard variant="gridItem" height={400} />
     </Grid>

backstage/packages/backend/package.json

@@ -16,6 +16,7 @@
     "build-image": "docker build ../.. -f Dockerfile --tag backstage"
   },
   "dependencies": {
+    "@axis-backstage/plugin-readme-backend": "^0.6.0",
     "@backstage/backend-common": "^0.23.2",
     "@backstage/backend-tasks": "^0.5.12",
     "@backstage/catalog-client": "^1.4.6",
@@ -56,4 +57,4 @@
   "files": [
     "dist"
   ]
-}
+}

backstage/packages/backend/src/index.ts

@@ -19,6 +19,7 @@ import auth from './plugins/auth';
 import catalog from './plugins/catalog';
 import gitlab from './plugins/gitlab';
 import proxy from './plugins/proxy';
+import readme from './plugins/readme';
 import scaffolder from './plugins/scaffolder';
 import search from './plugins/search';
 import techdocs from './plugins/techdocs';
@@ -74,6 +75,7 @@ async function main() {
   const scaffolderEnv = useHotMemoize(module, () => createEnv('scaffolder'));
   const authEnv = useHotMemoize(module, () => createEnv('auth'));
   const proxyEnv = useHotMemoize(module, () => createEnv('proxy'));
+  const readmeEnv = useHotMemoize(module, () => createEnv('readme'));
   const techdocsEnv = useHotMemoize(module, () => createEnv('techdocs'));
   const searchEnv = useHotMemoize(module, () => createEnv('search'));
   const gitlabEnv = useHotMemoize(module, () => createEnv('gitlab'));
@@ -84,6 +86,7 @@ async function main() {
   apiRouter.use('/auth', await auth(authEnv));
   apiRouter.use('/techdocs', await techdocs(techdocsEnv));
   apiRouter.use('/proxy', await proxy(proxyEnv));
+  apiRouter.use('/readme', await proxy(readmeEnv));
   apiRouter.use('/search', await search(searchEnv));
   apiRouter.use('/gitlab', await gitlab(gitlabEnv));
 

backstage/packages/backend/src/plugins/readme.ts

@@ -0,0 +1,15 @@
+import { createRouter } from '@axis-backstage/plugin-readme-backend';
+import { Router } from 'express';
+import { PluginEnvironment } from '../types';
+
+export default async function createPlugin(
+    env: PluginEnvironment,
+): Promise<Router> {
+    return await createRouter({
+        logger: env.logger,
+        config: env.config,
+        reader: env.reader,
+        discovery: env.discovery,
+        tokenManager: env.tokenManager,
+    });
+}