plugins: add visualizer

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

packages/app-next/package.json

@@ -75,6 +75,7 @@
     "@backstage/plugin-techdocs-react": "workspace:^",
     "@backstage/plugin-todo": "workspace:^",
     "@backstage/plugin-user-settings": "workspace:^",
+    "@backstage/plugin-visualizer": "workspace:^",
     "@backstage/theme": "workspace:^",
     "@circleci/backstage-plugin": "^0.1.1",
     "@material-ui/core": "^4.12.2",

packages/app-next/src/App.tsx

@@ -32,7 +32,7 @@ import {
   createExtensionOverrides,
 } from '@backstage/frontend-plugin-api';
 import techdocsPlugin from '@backstage/plugin-techdocs/alpha';
-import { plugins } from './plugins';
+import appVisualizerPlugin from '@backstage/plugin-visualizer';
 import { homePage } from './HomePage';
 import { convertLegacyApp } from '@backstage/core-compat-api';
 import { FlatRoutes } from '@backstage/core-app-api';
@@ -124,7 +124,7 @@ const app = createApp({
     techdocsPlugin,
     userSettingsPlugin,
     homePlugin,
-    ...plugins,
+    appVisualizerPlugin,
     ...collectedLegacyPlugins,
     createExtensionOverrides({
       extensions: [

packages/app-next/src/plugins/index.ts

@@ -1,19 +0,0 @@
-/*
- * Copyright 2023 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { appVisualizerPlugin } from './app-visualizer';
-
-export const plugins = [appVisualizerPlugin];

plugins/visualizer/.eslintrc.js

@@ -0,0 +1 @@
+module.exports = require('@backstage/cli/config/eslint-factory')(__dirname);

plugins/visualizer/README.md

@@ -0,0 +1,3 @@
+# @backstage/plugin-visualizer
+
+A plugin to help visualize the structure of your Backstage app.

plugins/visualizer/api-report.md

@@ -0,0 +1,13 @@
+## API Report File for "@backstage/plugin-visualizer"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { BackstagePlugin } from '@backstage/frontend-plugin-api';
+
+// @public (undocumented)
+const visualizerPlugin: BackstagePlugin<{}, {}>;
+export default visualizerPlugin;
+
+// (No @packageDocumentation comment for this package)
+```

plugins/visualizer/catalog-info.yaml

@@ -0,0 +1,10 @@
+apiVersion: backstage.io/v1alpha1
+kind: Component
+metadata:
+  name: backstage-plugin-visualizer
+  title: '@backstage/plugin-visualizer'
+  description: Visualizes the Backstage app structure
+spec:
+  lifecycle: experimental
+  type: backstage-frontend-plugin
+  owner: maintainers

plugins/visualizer/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@backstage/plugin-visualizer",
+  "description": "Visualizes the Backstage app structure",
+  "private": true,
+  "version": "0.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "backstage": {
+    "role": "frontend-plugin"
+  },
+  "license": "Apache-2.0",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "sideEffects": false,
+  "scripts": {
+    "build": "backstage-cli package build",
+    "start": "backstage-cli package start",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack",
+    "clean": "backstage-cli package clean"
+  },
+  "dependencies": {
+    "@backstage/core-components": "workspace:^",
+    "@backstage/core-plugin-api": "workspace:^",
+    "@backstage/frontend-plugin-api": "workspace:^",
+    "@backstage/theme": "workspace:^",
+    "@material-ui/core": "^4.12.2",
+    "@material-ui/icons": "^4.9.1",
+    "@material-ui/lab": "4.0.0-alpha.61",
+    "@types/react": "^16.13.1 || ^17.0.0",
+    "react-use": "^17.2.4"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "workspace:^"
+  },
+  "files": [
+    "dist"
+  ]
+}

plugins/visualizer/src/index.ts

@@ -14,4 +14,4 @@
  * limitations under the License.
  */
 
-export { appVisualizerPlugin } from './plugin';
+export { appVisualizerPlugin as default } from './plugin';

yarn.lock

@@ -10068,6 +10068,27 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@backstage/plugin-visualizer@workspace:^, @backstage/plugin-visualizer@workspace:plugins/visualizer":
+  version: 0.0.0-use.local
+  resolution: "@backstage/plugin-visualizer@workspace:plugins/visualizer"
+  dependencies:
+    "@backstage/cli": "workspace:^"
+    "@backstage/core-components": "workspace:^"
+    "@backstage/core-plugin-api": "workspace:^"
+    "@backstage/frontend-plugin-api": "workspace:^"
+    "@backstage/theme": "workspace:^"
+    "@material-ui/core": ^4.12.2
+    "@material-ui/icons": ^4.9.1
+    "@material-ui/lab": 4.0.0-alpha.61
+    "@types/react": ^16.13.1 || ^17.0.0
+    react-use: ^17.2.4
+  peerDependencies:
+    react: ^16.13.1 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.13.1 || ^17.0.0 || ^18.0.0
+    react-router-dom: 6.0.0-beta.0 || ^6.3.0
+  languageName: unknown
+  linkType: soft
+
 "@backstage/plugin-xcmetrics@workspace:plugins/xcmetrics":
   version: 0.0.0-use.local
   resolution: "@backstage/plugin-xcmetrics@workspace:plugins/xcmetrics"
@@ -26658,6 +26679,7 @@ __metadata:
     "@backstage/plugin-techdocs-react": "workspace:^"
     "@backstage/plugin-todo": "workspace:^"
     "@backstage/plugin-user-settings": "workspace:^"
+    "@backstage/plugin-visualizer": "workspace:^"
     "@backstage/test-utils": "workspace:^"
     "@backstage/theme": "workspace:^"
     "@circleci/backstage-plugin": ^0.1.1