Add skeleton for inventory plugin

packages/app/package.json

@@ -21,6 +21,7 @@
     "@backstage/cli": "^0.1.1-alpha.4",
     "@backstage/core": "^0.1.1-alpha.4",
     "@backstage/plugin-home-page": "^0.1.1-alpha.4",
+    "@backstage/plugin-inventory": "^0.1.1-alpha.4",
     "@backstage/plugin-lighthouse": "^0.1.1-alpha.4",
     "@backstage/plugin-welcome": "^0.1.1-alpha.4",
     "@backstage/theme": "^0.1.1-alpha.4",

packages/app/src/components/Root/Root.tsx

@@ -19,6 +19,7 @@ import PropTypes from 'prop-types';
 import { Link, makeStyles, Typography } from '@material-ui/core';
 import HomeIcon from '@material-ui/icons/Home';
 import AccountCircle from '@material-ui/icons/AccountCircle';
+import AccountTreeIcon from '@material-ui/icons/AccountTree';
 import {
   Sidebar,
   SidebarPage,
@@ -79,6 +80,7 @@ const Root: FC<{}> = ({ children }) => (
       <SidebarSpacer />
       <SidebarDivider />
       <SidebarItem icon={HomeIcon} to="/" text="Home" />
+      <SidebarItem icon={AccountTreeIcon} to="/inventory" text="Inventory" />
       <SidebarItem icon={AccountCircle} to="/login" text="Login" />
       <SidebarDivider />
       <SidebarSpace />

packages/app/src/plugins.ts

@@ -13,6 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 export { plugin as HomePagePlugin } from '@backstage/plugin-home-page';
 export { plugin as WelcomePlugin } from '@backstage/plugin-welcome';
 export { plugin as LighthousePlugin } from '@backstage/plugin-lighthouse';
+export { plugin as InventoryPlugin } from '@backstage/plugin-inventory';

packages/backend/package.json

@@ -9,18 +9,21 @@
   },
   "scripts": {
     "build": "tsc",
-    "start": "tsc-watch --onFirstSuccess nodemon",
+    "start": "backstage-cli watch-deps --build -- tsc-watch --onFirstSuccess nodemon",
     "lint": "backstage-cli lint",
     "test": "backstage-cli test",
     "clean": "backstage-cli clean"
   },
   "dependencies": {
+    "@backstage/plugin-inventory-backend": "0.1.1-alpha.4",
+    "compression": "^1.7.4",
     "cors": "^2.8.5",
     "express": "^4.17.1",
     "helmet": "^3.22.0"
   },
   "devDependencies": {
     "@backstage/cli": "^0.1.1-alpha.4",
+    "@types/compression": "^1.7.0",
     "@types/cors": "^2.8.6",
     "@types/express": "^4.17.6",
     "@types/express-serve-static-core": "^4.17.5",

packages/backend/src/index.ts

@@ -25,15 +25,21 @@
 import express from 'express';
 import cors from 'cors';
 import helmet from 'helmet';
+import compression from 'compression';
 import { testRouter } from './test';
+import { router as inventoryRouter } from '@backstage/plugin-inventory-backend';
 
-const PORT = parseInt(process.env.PORT ?? '', 10) || 7000;
+const DEFAULT_PORT = 7000;
+
+const PORT = parseInt(process.env.PORT ?? '', 10) || DEFAULT_PORT;
 const app = express();
 
 app.use(helmet());
 app.use(cors());
+app.use(compression());
 app.use(express.json());
 app.use('/test', testRouter);
+app.use('/inventory', inventoryRouter);
 
 app.listen(PORT, () => {
   console.log(`Listening on port ${PORT}`);

packages/backend/tsconfig.json

@@ -5,6 +5,7 @@
     "outDir": "dist",
     "incremental": true,
     "sourceMap": true,
+    "declaration": true,
     "strict": true,
     "target": "es5",
     "module": "commonjs",