@techdocs/cli 0.8.12-next.0 → 0.8.13

package/CHANGELOG.md

@@ -1,10 +1,45 @@
 # @techdocs/cli
 
+## 0.8.13
+
+### Patch Changes
+
+- b70c186194: Updated the HTTP server to allow for simplification of the development of the CLI itself.
+- Updated dependencies
+  - @backstage/backend-common@0.10.7
+  - @backstage/techdocs-common@0.11.7
+
+## 0.8.13-next.0
+
+### Patch Changes
+
+- b70c186194: Updated the HTTP server to allow for simplification of the development of the CLI itself.
+- Updated dependencies
+  - @backstage/backend-common@0.10.7-next.0
+  - @backstage/techdocs-common@0.11.7-next.0
+
+## 0.8.12
+
+### Patch Changes
+
+- 14472509a3: Use a local file dependency for techdocs-cli-embedded-app, to ensure that it's always pulled out of the workspace
+- Updated dependencies
+  - @backstage/backend-common@0.10.6
+  - @backstage/techdocs-common@0.11.6
+
+## 0.8.12-next.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/backend-common@0.10.6-next.0
+  - @backstage/techdocs-common@0.11.6-next.0
+
 ## 0.8.12-next.0
 
 ### Patch Changes
 
-- 14472509a3: Use a local file dependency for embedded-techdocs-app, to ensure that it's always pulled out of the workspace
+- 14472509a3: Use a local file dependency for techdocs-cli-embedded-app, to ensure that it's always pulled out of the workspace
 
 ## 0.8.11
 
@@ -144,10 +179,10 @@
 
   #### :house: Internal
 
-  - `embedded-techdocs-app`
-    - [#122](https://github.com/backstage/techdocs-cli/pull/122) chore(deps-dev): bump @types/node from 12.20.20 to 16.7.1 in /packages/embedded-techdocs-app ([@dependabot[bot]](https://github.com/apps/dependabot))
-    - [#120](https://github.com/backstage/techdocs-cli/pull/120) chore(deps-dev): bump @types/react-dom from 16.9.14 to 17.0.9 in /packages/embedded-techdocs-app ([@dependabot[bot]](https://github.com/apps/dependabot))
-    - [#119](https://github.com/backstage/techdocs-cli/pull/119) chore(deps-dev): bump @testing-library/user-event from 12.8.3 to 13.2.1 in /packages/embedded-techdocs-app ([@dependabot[bot]](https://github.com/apps/dependabot))
+  - `techdocs-cli-embedded-app`
+    - [#122](https://github.com/backstage/techdocs-cli/pull/122) chore(deps-dev): bump @types/node from 12.20.20 to 16.7.1 in /packages/techdocs-cli-embedded-app ([@dependabot[bot]](https://github.com/apps/dependabot))
+    - [#120](https://github.com/backstage/techdocs-cli/pull/120) chore(deps-dev): bump @types/react-dom from 16.9.14 to 17.0.9 in /packages/techdocs-cli-embedded-app ([@dependabot[bot]](https://github.com/apps/dependabot))
+    - [#119](https://github.com/backstage/techdocs-cli/pull/119) chore(deps-dev): bump @testing-library/user-event from 12.8.3 to 13.2.1 in /packages/techdocs-cli-embedded-app ([@dependabot[bot]](https://github.com/apps/dependabot))
     - [#118](https://github.com/backstage/techdocs-cli/pull/118) chore(deps-dev): bump @testing-library/react from 10.4.9 to 12.0.0 ([@dependabot[bot]](https://github.com/apps/dependabot))
   - Other
     - [#117](https://github.com/backstage/techdocs-cli/pull/117) chore(deps): bump @backstage/plugin-catalog from 0.6.11 to 0.6.12 ([@dependabot[bot]](https://github.com/apps/dependabot))

package/README.md

@@ -8,7 +8,7 @@ See [techdocs-cli usage docs](https://backstage.io/docs/features/techdocs/cli).
 
 ## Development
 
-NOTE: When we build `techdocs-cli` it copies the output `embedded-techdocs-app`
+NOTE: When we build `techdocs-cli` it copies the output `techdocs-cli-embedded-app`
 bundle into the `packages/techdocs-cli/dist` which is then published with the
 `@techdocs/cli` npm package.
 
@@ -16,7 +16,7 @@ bundle into the `packages/techdocs-cli/dist` which is then published with the
 
 ```sh
 # From the root of this repository run
-# NOTE: This will build the embedded-techdocs-app and copy the output into the cli dist directory
+# NOTE: This will build the techdocs-cli-embedded-app and copy the output into the cli dist directory
 yarn build --scope @techdocs/cli
 
 # Now execute the binary
@@ -26,14 +26,14 @@ packages/techdocs-cli/bin/techdocs-cli
 export PATH=/path/to/backstage/packages/techdocs-cli/bin:$PATH
 ```
 
-If you want to test live test changes to the `packages/embedded-techdocs-app`
+If you want to test live test changes to the `packages/techdocs-cli-embedded-app`
 you can serve the app and run the CLI using the following commands:
 
 ```sh
-# Open a shell to the embedded-techdocs-app directory
-cd packages/embedded-techdocs-app
+# Open a shell to the techdocs-cli-embedded-app directory
+cd packages/techdocs-cli-embedded-app
 
-# Run the embedded-techdocs-app using dev mode
+# Run the techdocs-cli-embedded-app using dev mode
 yarn start
 
 # In another shell use the techdocs-cli from the root of this repo

package/dist/cjs/serve-be4ef843.cjs.js

@@ -0,0 +1,144 @@
+'use strict';
+
+var path = require('path');
+var openBrowser = require('react-dev-utils/openBrowser');
+var cliCommon = require('@backstage/cli-common');
+var serveHandler = require('serve-handler');
+var http = require('http');
+var httpProxy = require('http-proxy');
+var utility = require('./utility-6042a9ba.cjs.js');
+var mkdocsServer = require('./mkdocsServer-7058189d.cjs.js');
+require('winston');
+require('child_process');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
+var openBrowser__default = /*#__PURE__*/_interopDefaultLegacy(openBrowser);
+var serveHandler__default = /*#__PURE__*/_interopDefaultLegacy(serveHandler);
+var http__default = /*#__PURE__*/_interopDefaultLegacy(http);
+var httpProxy__default = /*#__PURE__*/_interopDefaultLegacy(httpProxy);
+
+class HTTPServer {
+  constructor(backstageBundleDir, backstagePort, mkdocsPort, verbose) {
+    this.proxyEndpoint = "/api/";
+    this.backstageBundleDir = backstageBundleDir;
+    this.backstagePort = backstagePort;
+    this.mkdocsPort = mkdocsPort;
+    this.verbose = verbose;
+  }
+  createProxy() {
+    const proxy = httpProxy__default["default"].createProxyServer({
+      target: `http://localhost:${this.mkdocsPort}`
+    });
+    return (request) => {
+      var _a, _b;
+      const [, , ...pathChunks] = (_b = (_a = request.url) == null ? void 0 : _a.split("/")) != null ? _b : [];
+      const forwardPath = pathChunks.join("/");
+      return [proxy, forwardPath];
+    };
+  }
+  async serve() {
+    return new Promise((resolve, reject) => {
+      const proxyHandler = this.createProxy();
+      const server = http__default["default"].createServer((request, response) => {
+        var _a;
+        if ((_a = request.url) == null ? void 0 : _a.startsWith(this.proxyEndpoint)) {
+          const [proxy, forwardPath] = proxyHandler(request);
+          proxy.on("error", (error) => {
+            reject(error);
+          });
+          response.setHeader("Access-Control-Allow-Origin", "*");
+          response.setHeader("Access-Control-Allow-Methods", "GET, OPTIONS");
+          request.url = forwardPath;
+          proxy.web(request, response);
+          return;
+        }
+        if (request.url === "/.detect") {
+          response.setHeader("Content-Type", "text/plain");
+          response.end("techdocs-cli-server");
+          return;
+        }
+        serveHandler__default["default"](request, response, {
+          public: this.backstageBundleDir,
+          trailingSlash: true,
+          rewrites: [{ source: "**", destination: "index.html" }]
+        });
+      });
+      const logger = utility.createLogger({ verbose: false });
+      server.listen(this.backstagePort, () => {
+        if (this.verbose) {
+          logger.info(`[techdocs-preview-bundle] Running local version of Backstage at http://localhost:${this.backstagePort}`);
+        }
+        resolve(server);
+      });
+      server.on("error", (error) => {
+        reject(error);
+      });
+    });
+  }
+}
+
+function findPreviewBundlePath() {
+  try {
+    return path__default["default"].join(path__default["default"].dirname(require.resolve("techdocs-cli-embedded-app/package.json")), "dist");
+  } catch {
+    return cliCommon.findPaths(__dirname).resolveOwn("dist/embedded-app");
+  }
+}
+async function serve(cmd) {
+  const logger = utility.createLogger({ verbose: cmd.verbose });
+  const isDevMode = Object.keys(process.env).includes("TECHDOCS_CLI_DEV_MODE") ? true : false;
+  const backstagePort = 3e3;
+  const backstageBackendPort = 7007;
+  const mkdocsDockerAddr = `http://0.0.0.0:${cmd.mkdocsPort}`;
+  const mkdocsLocalAddr = `http://127.0.0.1:${cmd.mkdocsPort}`;
+  const mkdocsExpectedDevAddr = cmd.docker ? mkdocsDockerAddr : mkdocsLocalAddr;
+  let mkdocsServerHasStarted = false;
+  const mkdocsLogFunc = (data) => {
+    const logLines = data.toString().split("\n");
+    const logPrefix = cmd.docker ? "[docker/mkdocs]" : "[mkdocs]";
+    logLines.forEach((line) => {
+      if (line === "") {
+        return;
+      }
+      logger.verbose(`${logPrefix} ${line}`);
+      if (!mkdocsServerHasStarted && line.includes(`Serving on ${mkdocsExpectedDevAddr}`)) {
+        mkdocsServerHasStarted = true;
+      }
+    });
+  };
+  logger.info("Starting mkdocs server.");
+  const mkdocsChildProcess = await mkdocsServer.runMkdocsServer({
+    port: cmd.mkdocsPort,
+    dockerImage: cmd.dockerImage,
+    useDocker: cmd.docker,
+    stdoutLogFunc: mkdocsLogFunc,
+    stderrLogFunc: mkdocsLogFunc
+  });
+  for (let attempt = 0; attempt < 30; attempt++) {
+    await new Promise((r) => setTimeout(r, 3e3));
+    if (mkdocsServerHasStarted) {
+      break;
+    }
+    logger.info("Waiting for mkdocs server to start...");
+  }
+  if (!mkdocsServerHasStarted) {
+    logger.error("mkdocs server did not start. Exiting. Try re-running command with -v option for more details.");
+  }
+  const port = isDevMode ? backstageBackendPort : backstagePort;
+  const httpServer = new HTTPServer(findPreviewBundlePath(), port, cmd.mkdocsPort, cmd.verbose);
+  httpServer.serve().catch((err) => {
+    logger.error(err);
+    mkdocsChildProcess.kill();
+    process.exit(1);
+  }).then(() => {
+    openBrowser__default["default"](`http://localhost:${port}/docs/default/component/local/`);
+    logger.info(`Serving docs in Backstage at http://localhost:${port}/docs/default/component/local/
+Opening browser.`);
+  });
+  await mkdocsServer.waitForSignal([mkdocsChildProcess]);
+}
+
+exports["default"] = serve;
+//# sourceMappingURL=serve-be4ef843.cjs.js.map

package/dist/cjs/serve-be4ef843.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serve-be4ef843.cjs.js","sources":["../../src/lib/httpServer.ts","../../src/commands/serve/serve.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport serveHandler from 'serve-handler';\nimport http from 'http';\nimport httpProxy from 'http-proxy';\nimport { createLogger } from './utility';\n\nexport default class HTTPServer {\n  private readonly proxyEndpoint: string;\n  private readonly backstageBundleDir: string;\n  private readonly backstagePort: number;\n  private readonly mkdocsPort: number;\n  private readonly verbose: boolean;\n\n  constructor(\n    backstageBundleDir: string,\n    backstagePort: number,\n    mkdocsPort: number,\n    verbose: boolean,\n  ) {\n    this.proxyEndpoint = '/api/';\n    this.backstageBundleDir = backstageBundleDir;\n    this.backstagePort = backstagePort;\n    this.mkdocsPort = mkdocsPort;\n    this.verbose = verbose;\n  }\n\n  // Create a Proxy for mkdocs server\n  private createProxy() {\n    const proxy = httpProxy.createProxyServer({\n      target: `http://localhost:${this.mkdocsPort}`,\n    });\n\n    return (request: http.IncomingMessage): [httpProxy, string] => {\n      // If the request goes to /api/ we want to remove /api/ from the prefix of the request URL.\n      // e.g. ['/', 'api', pathChunks]\n      const [, , ...pathChunks] = request.url?.split('/') ?? [];\n      const forwardPath = pathChunks.join('/');\n\n      return [proxy, forwardPath];\n    };\n  }\n\n  public async serve(): Promise<http.Server> {\n    return new Promise<http.Server>((resolve, reject) => {\n      const proxyHandler = this.createProxy();\n      const server = http.createServer(\n        (request: http.IncomingMessage, response: http.ServerResponse) => {\n          if (request.url?.startsWith(this.proxyEndpoint)) {\n            const [proxy, forwardPath] = proxyHandler(request);\n\n            proxy.on('error', (error: Error) => {\n              reject(error);\n            });\n\n            response.setHeader('Access-Control-Allow-Origin', '*');\n            response.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');\n\n            request.url = forwardPath;\n            proxy.web(request, response);\n            return;\n          }\n\n          // This endpoint is used by the frontend to detect where the backend is running.\n          if (request.url === '/.detect') {\n            response.setHeader('Content-Type', 'text/plain');\n            response.end('techdocs-cli-server');\n            return;\n          }\n\n          serveHandler(request, response, {\n            public: this.backstageBundleDir,\n            trailingSlash: true,\n            rewrites: [{ source: '**', destination: 'index.html' }],\n          });\n        },\n      );\n\n      const logger = createLogger({ verbose: false });\n      server.listen(this.backstagePort, () => {\n        if (this.verbose) {\n          logger.info(\n            `[techdocs-preview-bundle] Running local version of Backstage at http://localhost:${this.backstagePort}`,\n          );\n        }\n        resolve(server);\n      });\n\n      server.on('error', (error: Error) => {\n        reject(error);\n      });\n    });\n  }\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Command } from 'commander';\nimport path from 'path';\nimport openBrowser from 'react-dev-utils/openBrowser';\nimport { findPaths } from '@backstage/cli-common';\nimport HTTPServer from '../../lib/httpServer';\nimport { runMkdocsServer } from '../../lib/mkdocsServer';\nimport { LogFunc, waitForSignal } from '../../lib/run';\nimport { createLogger } from '../../lib/utility';\n\nfunction findPreviewBundlePath(): string {\n  try {\n    return path.join(\n      path.dirname(require.resolve('techdocs-cli-embedded-app/package.json')),\n      'dist',\n    );\n  } catch {\n    // If the techdocs-cli-embedded-app package is not available it means we're\n    // running a published package. For published packages the preview bundle is\n    // copied to dist/embedded-app be the prepack script.\n    //\n    // This can be tested by running `yarn pack` and extracting the resulting tarball into a directory.\n    // Within the extracted directory, run `npm install --only=prod`.\n    // Once that's done you can test the CLI in any directory using `node <tmp-dir>/package <command>`.\n    return findPaths(__dirname).resolveOwn('dist/embedded-app');\n  }\n}\n\nexport default async function serve(cmd: Command) {\n  const logger = createLogger({ verbose: cmd.verbose });\n\n  // Determine if we want to run in local dev mode or not\n  // This will run the backstage http server on a different port and only used\n  // for proxying mkdocs to the backstage app running locally (e.g. with webpack-dev-server)\n  const isDevMode = Object.keys(process.env).includes('TECHDOCS_CLI_DEV_MODE')\n    ? true\n    : false;\n\n  // TODO: Backstage app port should also be configurable as a CLI option. However, since we bundle\n  // a backstage app, we define app.baseUrl in the app-config.yaml.\n  // Hence, it is complicated to make this configurable.\n  const backstagePort = 3000;\n  const backstageBackendPort = 7007;\n\n  const mkdocsDockerAddr = `http://0.0.0.0:${cmd.mkdocsPort}`;\n  const mkdocsLocalAddr = `http://127.0.0.1:${cmd.mkdocsPort}`;\n  const mkdocsExpectedDevAddr = cmd.docker ? mkdocsDockerAddr : mkdocsLocalAddr;\n\n  let mkdocsServerHasStarted = false;\n  const mkdocsLogFunc: LogFunc = data => {\n    // Sometimes the lines contain an unnecessary extra new line\n    const logLines = data.toString().split('\\n');\n    const logPrefix = cmd.docker ? '[docker/mkdocs]' : '[mkdocs]';\n    logLines.forEach(line => {\n      if (line === '') {\n        return;\n      }\n\n      logger.verbose(`${logPrefix} ${line}`);\n\n      // When the server has started, open a new browser tab for the user.\n      if (\n        !mkdocsServerHasStarted &&\n        line.includes(`Serving on ${mkdocsExpectedDevAddr}`)\n      ) {\n        mkdocsServerHasStarted = true;\n      }\n    });\n  };\n  // mkdocs writes all of its logs to stderr by default, and not stdout.\n  // https://github.com/mkdocs/mkdocs/issues/879#issuecomment-203536006\n  // Had me questioning this whole implementation for half an hour.\n  logger.info('Starting mkdocs server.');\n  const mkdocsChildProcess = await runMkdocsServer({\n    port: cmd.mkdocsPort,\n    dockerImage: cmd.dockerImage,\n    useDocker: cmd.docker,\n    stdoutLogFunc: mkdocsLogFunc,\n    stderrLogFunc: mkdocsLogFunc,\n  });\n\n  // Wait until mkdocs server has started so that Backstage starts with docs loaded\n  // Takes 1-5 seconds\n  for (let attempt = 0; attempt < 30; attempt++) {\n    await new Promise(r => setTimeout(r, 3000));\n    if (mkdocsServerHasStarted) {\n      break;\n    }\n    logger.info('Waiting for mkdocs server to start...');\n  }\n\n  if (!mkdocsServerHasStarted) {\n    logger.error(\n      'mkdocs server did not start. Exiting. Try re-running command with -v option for more details.',\n    );\n  }\n\n  const port = isDevMode ? backstageBackendPort : backstagePort;\n  const httpServer = new HTTPServer(\n    findPreviewBundlePath(),\n    port,\n    cmd.mkdocsPort,\n    cmd.verbose,\n  );\n\n  httpServer\n    .serve()\n    .catch(err => {\n      logger.error(err);\n      mkdocsChildProcess.kill();\n      process.exit(1);\n    })\n    .then(() => {\n      // The last three things default/component/local/ don't matter. They can be anything.\n      openBrowser(`http://localhost:${port}/docs/default/component/local/`);\n      logger.info(\n        `Serving docs in Backstage at http://localhost:${port}/docs/default/component/local/\\nOpening browser.`,\n      );\n    });\n\n  await waitForSignal([mkdocsChildProcess]);\n}\n"],"names":["httpProxy","http","createLogger","path","findPaths","runMkdocsServer","waitForSignal"],"mappings":"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"}

package/dist/embedded-app/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Backstage is an open platform for building developer portals"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"/><link rel="icon" href="/favicon.ico"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"/><title>Techdocs Preview App</title><script defer="defer" src="/static/runtime.137ccf21.js"></script><script defer="defer" src="/static/module-material-ui.c5231eb9.js"></script><script defer="defer" src="/static/module-lodash.41f5159c.js"></script><script defer="defer" src="/static/module-date-fns.a08d117e.js"></script><script defer="defer" src="/static/module-ajv.ed51f4b8.js"></script><script defer="defer" src="/static/module-material-table.a73fb7f5.js"></script><script defer="defer" src="/static/module-yaml.57b26e04.js"></script><script defer="defer" src="/static/module-react-dom.a4f98d7b.js"></script><script defer="defer" src="/static/module-react-beautiful-dnd.bcb66a0c.js"></script><script defer="defer" src="/static/vendor.137ccf21.js"></script><script defer="defer" src="/static/main.137ccf21.js"></script></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

package/dist/embedded-app/static/1553.c8a7e908.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[1553,2426],{11553:function(m,r,n){n.r(r),n.d(r,{HasResourcesCard:function(){return s}});var i=n(52890),t=n(2784),e=n(62426);const s=({variant:a="gridItem"})=>t.createElement(e.RelatedEntitiesCard,{variant:a,title:"Has resources",entityKind:"Resource",relationType:i.aS,columns:e.resourceEntityColumns,asRenderableEntities:e.asResourceEntities,emptyMessage:"No resource is part of this system",emptyHelpLink:e.resourceEntityHelpLink})},62426:function(m,r,n){n.r(r),n.d(r,{RelatedEntitiesCard:function(){return a},asComponentEntities:function(){return d},asResourceEntities:function(){return C},asSystemEntities:function(){return b},componentEntityColumns:function(){return y},componentEntityHelpLink:function(){return E},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return R}});var i=n(90436),t=n(31423),e=n(2784),s=n(9118);const a=o=>{const{variant:c="gridItem",title:l,columns:g,entityKind:v,relationType:h,emptyMessage:L,emptyHelpLink:k,asRenderableEntities:H}=o,{entity:S}=(0,t.useEntity)(),{entities:K,loading:M,error:u}=(0,t.useRelatedEntities)(S,{type:h,kind:v});return M?e.createElement(s.InfoCard,{variant:c,title:l},e.createElement(s.Progress,null)):u?e.createElement(s.InfoCard,{variant:c,title:l},e.createElement(s.ResponseErrorPanel,{error:u})):e.createElement(t.EntityTable,{title:l,variant:c,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(i.Z,{variant:"body1"},L),e.createElement(i.Z,{variant:"body2"},e.createElement(s.Link,{to:k},"Learn how to change this."))),columns:g,entities:H(K||[])})},y=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],E="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",d=o=>o,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=o=>o,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],R="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",b=o=>o}}]);})();
+
+//# sourceMappingURL=1553.c8a7e908.chunk.js.map

package/dist/embedded-app/static/1553.c8a7e908.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/HasResourcesCard/HasResourcesCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"kPA6BO,KAAM,GAAmB,CAAC,CAAE,UAAU,cAEzC,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,gBACP,WAAY,WACZ,aAAc,KACd,QAAS,wBACT,qBAAsB,qBACtB,aAAc,qCACd,cAAe,4B,ufCgBd,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/1553.c8a7e908.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_HAS_PART } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asResourceEntities,\n  RelatedEntitiesCard,\n  resourceEntityColumns,\n  resourceEntityHelpLink,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\nexport const HasResourcesCard = ({ variant = 'gridItem' }) => {\n  return (\n    React.createElement(RelatedEntitiesCard, {\n      variant: variant,\n      title: \"Has resources\" ,\n      entityKind: \"Resource\",\n      relationType: RELATION_HAS_PART,\n      columns: resourceEntityColumns,\n      asRenderableEntities: asResourceEntities,\n      emptyMessage: \"No resource is part of this system\"      ,\n      emptyHelpLink: resourceEntityHelpLink,}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  InfoCard,\n  Link,\n  Progress,\n  ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n  const {\n    variant = 'gridItem',\n    title,\n    columns,\n    entityKind,\n    relationType,\n    emptyMessage,\n    emptyHelpLink,\n    asRenderableEntities,\n  } = props;\n\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: relationType,\n    kind: entityKind,\n  });\n\n  if (loading) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(Progress, null )\n      )\n    );\n  }\n\n  if (error) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(ResponseErrorPanel, { error: error,} )\n      )\n    );\n  }\n\n  return (\n    React.createElement(EntityTable, {\n      title: title,\n      variant: variant,\n      emptyContent: \n        React.createElement('div', { style: { textAlign: 'center' },}\n          , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n          , React.createElement(Typography, { variant: \"body2\",}\n            , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\"    )\n          )\n        )\n      ,\n      columns: columns,\n      entities: asRenderableEntities(entities || []),}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n  entities ;\n\nexport const resourceEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n  entities ;\n\nexport const systemEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n  entities ;\n"],"sourceRoot":""}

package/dist/embedded-app/static/1959.678b5ec1.chunk.js

@@ -0,0 +1,8 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[1959],{52160:function(k,m,t){var f,d=t(14859),e=t(93291);f={value:!0},m.Z=void 0;var g=e(t(2784)),h=d(t(50175)),v=(0,h.default)(g.createElement("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"}),"Language");m.Z=v},81959:function(k,m,t){t.r(m),t.d(m,{EntityLinksCard:function(){return A}});var f=t(31423),d=t(52160),e=t(2784),g=t(79692),h=t(90436),v=t(77277),y=t(9118);const Z=`metadata:
+  name: example
+  links:
+    - url: https://dashboard.example.com
+      title: My Dashboard
+      icon: dashboard`,L=(0,g.Z)(a=>({code:{borderRadius:6,margin:`${a.spacing(2)}px 0px`,background:a.palette.type==="dark"?"#444":"#fff"}}),{name:"PluginCatalogEntityLinksEmptyState"}),C=()=>{const a=L();return e.createElement(e.Fragment,null,e.createElement(h.Z,{variant:"body1"},"No links defined for this entity. You can add links to your entity YAML as shown in the highlighted example below:"),e.createElement("div",{className:a.code},e.createElement(y.CodeSnippet,{text:Z,language:"yaml",showLineNumbers:!0,highlightedNumbers:[3,4,5,6],customStyle:{background:"inherit",fontSize:"115%"}})),e.createElement(v.Z,{variant:"contained",color:"primary",target:"_blank",href:"https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional"},"Read more"))};var b=t(90348),x=t(11861),E=t(95544);const z=(0,g.Z)({svgIcon:{display:"inline-block","& svg":{display:"inline-block",fontSize:"inherit",verticalAlign:"baseline"}}}),I=({href:a,text:o,Icon:s})=>{const l=z();return e.createElement(E.Z,{display:"flex"},e.createElement(E.Z,{mr:1,className:l.svgIcon},e.createElement(h.Z,{component:"div"},s?e.createElement(s,null):e.createElement(d.Z,null))),e.createElement(E.Z,{flexGrow:"1"},e.createElement(y.Link,{to:a,target:"_blank",rel:"noopener"},o||a)))};var u=t(41156);const S={xs:1,sm:1,md:1,lg:2,xl:3};function M(a){var l,c;const o=[(0,u.Z)(n=>n.breakpoints.up("xl"))?"xl":null,(0,u.Z)(n=>n.breakpoints.up("lg"))?"lg":null,(0,u.Z)(n=>n.breakpoints.up("md"))?"md":null,(0,u.Z)(n=>n.breakpoints.up("sm"))?"sm":null,(0,u.Z)(n=>n.breakpoints.up("xs"))?"xs":null];let s=1;if(typeof a=="number")s=a;else{const n=(l=o.find(r=>r!==null))!=null?l:"xs";s=(c=a==null?void 0:a[n])!=null?c:S[n]}return s}const N=({items:a,cols:o=void 0})=>{const s=M(o);return e.createElement(b.Z,{rowHeight:"auto",cols:s},a.map(({text:l,href:c,Icon:n},r)=>e.createElement(x.Z,{key:r},e.createElement(I,{href:c,text:l!=null?l:c,Icon:n}))))};var R=t(36964);const A=({cols:a=void 0,variant:o})=>{var r;const{entity:s}=(0,f.useEntity)(),l=(0,R.useApp)(),c=p=>{var i;return p&&(i=l.getSystemIcon(p))!=null?i:d.Z},n=(r=s==null?void 0:s.metadata)==null?void 0:r.links;return e.createElement(y.InfoCard,{title:"Links",variant:o},!n||n.length===0?e.createElement(C,null):e.createElement(N,{cols:a,items:n.map(({url:p,title:i,icon:D})=>({text:i!=null?i:p,href:p,Icon:c(D)}))}))}}}]);})();
+
+//# sourceMappingURL=1959.678b5ec1.chunk.js.map

package/dist/embedded-app/static/1959.678b5ec1.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@material-ui/icons/Language.js","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/EntityLinksEmptyState.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/IconLink.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/useDynamicColumns.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/EntityLinksCard.tsx"],"names":[],"mappings":"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","file":"static/1959.678b5ec1.chunk.js","sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z\"\n}), 'Language');\n\nexports.default = _default;","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Button, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `metadata:\n  name: example\n  links:\n    - url: https://dashboard.example.com\n      title: My Dashboard\n      icon: dashboard`;\n\n/** @public */\n\n\nconst useStyles = makeStyles(\n  theme => ({\n    code: {\n      borderRadius: 6,\n      margin: `${theme.spacing(2)}px 0px`,\n      background: theme.palette.type === 'dark' ? '#444' : '#fff',\n    },\n  }),\n  { name: 'PluginCatalogEntityLinksEmptyState' },\n);\n\nexport const EntityLinksEmptyState = () => {\n  const classes = useStyles();\n\n  return (\n    React.createElement(React.Fragment, null\n      , React.createElement(Typography, { variant: \"body1\",}, \"No links defined for this entity. You can add links to your entity YAML as shown in the highlighted example below:\"\n\n\n      )\n      , React.createElement('div', { className: classes.code,}\n        , React.createElement(CodeSnippet, {\n          text: ENTITY_YAML,\n          language: \"yaml\",\n          showLineNumbers: true,\n          highlightedNumbers: [3, 4, 5, 6],\n          customStyle: { background: 'inherit', fontSize: '115%' },}\n        )\n      )\n      , React.createElement(Button, {\n        variant: \"contained\",\n        color: \"primary\",\n        target: \"_blank\",\n        href: \"https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional\",}\n      , \"Read more\"\n\n      )\n    )\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles, Box, Typography } from '@material-ui/core';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\n\nimport { Link } from '@backstage/core-components';\n\n\nconst useStyles = makeStyles({\n  svgIcon: {\n    display: 'inline-block',\n    '& svg': {\n      display: 'inline-block',\n      fontSize: 'inherit',\n      verticalAlign: 'baseline',\n    },\n  },\n});\n\nexport const IconLink = ({\n  href,\n  text,\n  Icon,\n}\n\n\n\n) => {\n  const classes = useStyles();\n\n  return (\n    React.createElement(Box, { display: \"flex\",}\n      , React.createElement(Box, { mr: 1, className: classes.svgIcon,}\n        , React.createElement(Typography, { component: \"div\",}\n          , Icon ? React.createElement(Icon, null ) : React.createElement(LanguageIcon, null )\n        )\n      )\n      , React.createElement(Box, { flexGrow: \"1\",}\n        , React.createElement(Link, { to: href, target: \"_blank\", rel: \"noopener\",}\n          , text || href\n        )\n      )\n    )\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMediaQuery } from '@material-ui/core';\n\n\nconst colDefaults = {\n  xs: 1,\n  sm: 1,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\nexport function useDynamicColumns(\n  cols,\n) {\n  const matches = [\n    useMediaQuery((theme) => theme.breakpoints.up('xl')) ? 'xl' : null,\n    useMediaQuery((theme) => theme.breakpoints.up('lg')) ? 'lg' : null,\n    useMediaQuery((theme) => theme.breakpoints.up('md')) ? 'md' : null,\n    useMediaQuery((theme) => theme.breakpoints.up('sm')) ? 'sm' : null,\n    useMediaQuery((theme) => theme.breakpoints.up('xs')) ? 'xs' : null,\n  ];\n\n  let numOfCols = 1;\n\n  if (typeof cols === 'number') {\n    numOfCols = cols;\n  } else {\n    const breakpoint = matches.find(k => k !== null) ?? 'xs';\n    numOfCols = cols?.[breakpoint] ?? colDefaults[breakpoint];\n  }\n\n  return numOfCols;\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ImageList, ImageListItem } from '@material-ui/core';\nimport React from 'react';\nimport { IconLink } from './IconLink';\n\nimport { useDynamicColumns } from './useDynamicColumns';\n\n\n\n\n\n\n\n\n\n\n\n\n\nexport const LinksGridList = ({ items, cols = undefined }) => {\n  const numOfCols = useDynamicColumns(cols);\n\n  return (\n    React.createElement(ImageList, { rowHeight: \"auto\", cols: numOfCols,}\n      , items.map(({ text, href, Icon }, i) => (\n        React.createElement(ImageListItem, { key: i,}\n          , React.createElement(IconLink, { href: href, text: text ?? href, Icon: Icon,} )\n        )\n      ))\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\nimport { EntityLinksEmptyState } from './EntityLinksEmptyState';\nimport { LinksGridList } from './LinksGridList';\n\n\nimport { useApp } from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\n\n\n\n\n\n\n\n\nexport const EntityLinksCard = ({ cols = undefined, variant }) => {\n  const { entity } = useEntity();\n  const app = useApp();\n\n  const iconResolver = (key) =>\n    key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n  const links = entity?.metadata?.links;\n\n  return (\n    React.createElement(InfoCard, { title: \"Links\", variant: variant,}\n      , !links || links.length === 0 ? (\n        React.createElement(EntityLinksEmptyState, null )\n      ) : (\n        React.createElement(LinksGridList, {\n          cols: cols,\n          items: links.map(({ url, title, icon }) => ({\n            text: title ?? url,\n            href: url,\n            Icon: iconResolver(icon),\n          })),}\n        )\n      )\n    )\n  );\n};\n"],"sourceRoot":""}

package/dist/embedded-app/static/2426.b8ec43e8.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[2426],{62426:function(K,r,o){o.r(r),o.d(r,{RelatedEntitiesCard:function(){return u},asComponentEntities:function(){return E},asResourceEntities:function(){return f},asSystemEntities:function(){return T},componentEntityColumns:function(){return m},componentEntityHelpLink:function(){return y},resourceEntityColumns:function(){return d},resourceEntityHelpLink:function(){return p},systemEntityColumns:function(){return C},systemEntityHelpLink:function(){return b}});var a=o(90436),t=o(31423),e=o(2784),s=o(9118);const u=n=>{const{variant:i="gridItem",title:c,columns:k,entityKind:g,relationType:h,emptyMessage:v,emptyHelpLink:L,asRenderableEntities:R}=n,{entity:H}=(0,t.useEntity)(),{entities:S,loading:w,error:l}=(0,t.useRelatedEntities)(H,{type:h,kind:g});return w?e.createElement(s.InfoCard,{variant:i,title:c},e.createElement(s.Progress,null)):l?e.createElement(s.InfoCard,{variant:i,title:c},e.createElement(s.ResponseErrorPanel,{error:l})):e.createElement(t.EntityTable,{title:c,variant:i,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(a.Z,{variant:"body1"},v),e.createElement(a.Z,{variant:"body2"},e.createElement(s.Link,{to:L},"Learn how to change this."))),columns:k,entities:R(S||[])})},m=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],y="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",E=n=>n,d=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],p="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",f=n=>n,C=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",T=n=>n}}]);})();
+
+//# sourceMappingURL=2426.b8ec43e8.chunk.js.map

package/dist/embedded-app/static/2426.b8ec43e8.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"onBAuDO,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/2426.b8ec43e8.chunk.js","sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  InfoCard,\n  Link,\n  Progress,\n  ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n  const {\n    variant = 'gridItem',\n    title,\n    columns,\n    entityKind,\n    relationType,\n    emptyMessage,\n    emptyHelpLink,\n    asRenderableEntities,\n  } = props;\n\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: relationType,\n    kind: entityKind,\n  });\n\n  if (loading) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(Progress, null )\n      )\n    );\n  }\n\n  if (error) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(ResponseErrorPanel, { error: error,} )\n      )\n    );\n  }\n\n  return (\n    React.createElement(EntityTable, {\n      title: title,\n      variant: variant,\n      emptyContent: \n        React.createElement('div', { style: { textAlign: 'center' },}\n          , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n          , React.createElement(Typography, { variant: \"body2\",}\n            , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\"    )\n          )\n        )\n      ,\n      columns: columns,\n      entities: asRenderableEntities(entities || []),}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n  entities ;\n\nexport const resourceEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n  entities ;\n\nexport const systemEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n  entities ;\n"],"sourceRoot":""}

package/dist/embedded-app/static/3825.2314f84b.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[3825],{43825:function(S,n,e){e.r(n),e.d(n,{SidebarSearchModal:function(){return r}});var c=e(2784),o=e(21853),d=e(9118),l=e(65678),s=e(22313);const r=a=>{const{open:h,toggleModal:t}=(0,s.Rx)(),m=a.icon?a.icon:o.Z;return c.createElement(c.Fragment,null,c.createElement(d.SidebarItem,{className:"search-icon",icon:m,text:"Search",onClick:t}),c.createElement(l.s,{open:h,toggleModal:t}))}}}]);})();
+
+//# sourceMappingURL=3825.2314f84b.chunk.js.map

package/dist/embedded-app/static/3825.2314f84b.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/search/src/components/SidebarSearchModal/SidebarSearchModal.tsx"],"names":[],"mappings":"oQA0BO,KAAM,GAAsB,GAAU,CAC3C,KAAM,CAAE,OAAM,eAAgB,WACxB,EAAO,EAAM,KAAO,EAAM,KAAO,IAEvC,MACE,iBAAoB,WAAgB,KAChC,gBAAoB,cAAa,CACjC,UAAW,cACX,KAAM,EACN,KAAM,SACN,QAAS,IAET,gBAAoB,IAAa,CAAE,KAAM,EAAM,YAAa","file":"static/3825.2314f84b.chunk.js","sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { SidebarItem } from '@backstage/core-components';\n\nimport { SearchModal } from '../SearchModal';\nimport { useSearch } from '../SearchContext';\n\n\n\n\n\nexport const SidebarSearchModal = (props) => {\n  const { open, toggleModal } = useSearch();\n  const Icon = props.icon ? props.icon : SearchIcon;\n\n  return (\n    React.createElement(React.Fragment, null\n      , React.createElement(SidebarItem, {\n        className: \"search-icon\",\n        icon: Icon,\n        text: \"Search\",\n        onClick: toggleModal,}\n      )\n      , React.createElement(SearchModal, { open: open, toggleModal: toggleModal,} )\n    )\n  );\n};\n"],"sourceRoot":""}

package/dist/embedded-app/static/390.c90551db.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[390,2426],{60390:function(u,i,n){n.r(i),n.d(i,{HasSystemsCard:function(){return s}});var a=n(52890),t=n(2784),e=n(62426);const s=({variant:r="gridItem"})=>t.createElement(e.RelatedEntitiesCard,{variant:r,title:"Has systems",entityKind:"System",relationType:a.aS,columns:e.systemEntityColumns,asRenderableEntities:e.asSystemEntities,emptyMessage:"No system is part of this domain",emptyHelpLink:e.systemEntityHelpLink})},62426:function(u,i,n){n.r(i),n.d(i,{RelatedEntitiesCard:function(){return r},asComponentEntities:function(){return E},asResourceEntities:function(){return C},asSystemEntities:function(){return g},componentEntityColumns:function(){return y},componentEntityHelpLink:function(){return d},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return b}});var a=n(90436),t=n(31423),e=n(2784),s=n(9118);const r=o=>{const{variant:c="gridItem",title:l,columns:v,entityKind:h,relationType:L,emptyMessage:R,emptyHelpLink:k,asRenderableEntities:H}=o,{entity:S}=(0,t.useEntity)(),{entities:K,loading:M,error:m}=(0,t.useRelatedEntities)(S,{type:L,kind:h});return M?e.createElement(s.InfoCard,{variant:c,title:l},e.createElement(s.Progress,null)):m?e.createElement(s.InfoCard,{variant:c,title:l},e.createElement(s.ResponseErrorPanel,{error:m})):e.createElement(t.EntityTable,{title:l,variant:c,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(a.Z,{variant:"body1"},R),e.createElement(a.Z,{variant:"body2"},e.createElement(s.Link,{to:k},"Learn how to change this."))),columns:v,entities:H(K||[])})},y=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],d="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",E=o=>o,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=o=>o,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",g=o=>o}}]);})();
+
+//# sourceMappingURL=390.c90551db.chunk.js.map

package/dist/embedded-app/static/390.c90551db.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/HasSystemsCard/HasSystemsCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"+OA6BO,KAAM,GAAiB,CAAC,CAAE,UAAU,cAEvC,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,cACP,WAAY,SACZ,aAAc,KACd,QAAS,sBACT,qBAAsB,mBACtB,aAAc,mCACd,cAAe,0B,ufCgBd,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/390.c90551db.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_HAS_PART } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asSystemEntities,\n  RelatedEntitiesCard,\n  systemEntityColumns,\n  systemEntityHelpLink,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\nexport const HasSystemsCard = ({ variant = 'gridItem' }) => {\n  return (\n    React.createElement(RelatedEntitiesCard, {\n      variant: variant,\n      title: \"Has systems\" ,\n      entityKind: \"System\",\n      relationType: RELATION_HAS_PART,\n      columns: systemEntityColumns,\n      asRenderableEntities: asSystemEntities,\n      emptyMessage: \"No system is part of this domain\"      ,\n      emptyHelpLink: systemEntityHelpLink,}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  InfoCard,\n  Link,\n  Progress,\n  ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n  const {\n    variant = 'gridItem',\n    title,\n    columns,\n    entityKind,\n    relationType,\n    emptyMessage,\n    emptyHelpLink,\n    asRenderableEntities,\n  } = props;\n\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: relationType,\n    kind: entityKind,\n  });\n\n  if (loading) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(Progress, null )\n      )\n    );\n  }\n\n  if (error) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(ResponseErrorPanel, { error: error,} )\n      )\n    );\n  }\n\n  return (\n    React.createElement(EntityTable, {\n      title: title,\n      variant: variant,\n      emptyContent: \n        React.createElement('div', { style: { textAlign: 'center' },}\n          , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n          , React.createElement(Typography, { variant: \"body2\",}\n            , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\"    )\n          )\n        )\n      ,\n      columns: columns,\n      entities: asRenderableEntities(entities || []),}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n  entities ;\n\nexport const resourceEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n  entities ;\n\nexport const systemEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n  entities ;\n"],"sourceRoot":""}

package/dist/embedded-app/static/4022.a09e0bb5.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[4022,2426],{4022:function(u,i,n){n.r(i),n.d(i,{HasComponentsCard:function(){return o}});var a=n(52890),t=n(2784),e=n(62426);const o=({variant:r="gridItem"})=>t.createElement(e.RelatedEntitiesCard,{variant:r,title:"Has components",entityKind:"Component",relationType:a.aS,columns:e.componentEntityColumns,emptyMessage:"No component is part of this system",emptyHelpLink:e.componentEntityHelpLink,asRenderableEntities:e.asComponentEntities})},62426:function(u,i,n){n.r(i),n.d(i,{RelatedEntitiesCard:function(){return r},asComponentEntities:function(){return d},asResourceEntities:function(){return C},asSystemEntities:function(){return g},componentEntityColumns:function(){return y},componentEntityHelpLink:function(){return E},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return b}});var a=n(90436),t=n(31423),e=n(2784),o=n(9118);const r=s=>{const{variant:c="gridItem",title:l,columns:v,entityKind:h,relationType:L,emptyMessage:R,emptyHelpLink:k,asRenderableEntities:H}=s,{entity:S}=(0,t.useEntity)(),{entities:K,loading:M,error:m}=(0,t.useRelatedEntities)(S,{type:L,kind:h});return M?e.createElement(o.InfoCard,{variant:c,title:l},e.createElement(o.Progress,null)):m?e.createElement(o.InfoCard,{variant:c,title:l},e.createElement(o.ResponseErrorPanel,{error:m})):e.createElement(t.EntityTable,{title:l,variant:c,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(a.Z,{variant:"body1"},R),e.createElement(a.Z,{variant:"body2"},e.createElement(o.Link,{to:k},"Learn how to change this."))),columns:v,entities:H(K||[])})},y=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],E="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",d=s=>s,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=s=>s,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",g=s=>s}}]);})();
+
+//# sourceMappingURL=4022.a09e0bb5.chunk.js.map

package/dist/embedded-app/static/4022.a09e0bb5.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/HasComponentsCard/HasComponentsCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"kPA6BO,KAAM,GAAoB,CAAC,CAAE,UAAU,cAE1C,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,iBACP,WAAY,YACZ,aAAc,KACd,QAAS,yBACT,aAAc,sCACd,cAAe,0BACf,qBAAsB,yB,ufCgBrB,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/4022.a09e0bb5.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_HAS_PART } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\nexport const HasComponentsCard = ({ variant = 'gridItem' }) => {\n  return (\n    React.createElement(RelatedEntitiesCard, {\n      variant: variant,\n      title: \"Has components\" ,\n      entityKind: \"Component\",\n      relationType: RELATION_HAS_PART,\n      columns: componentEntityColumns,\n      emptyMessage: \"No component is part of this system\"      ,\n      emptyHelpLink: componentEntityHelpLink,\n      asRenderableEntities: asComponentEntities,}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  InfoCard,\n  Link,\n  Progress,\n  ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n  const {\n    variant = 'gridItem',\n    title,\n    columns,\n    entityKind,\n    relationType,\n    emptyMessage,\n    emptyHelpLink,\n    asRenderableEntities,\n  } = props;\n\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: relationType,\n    kind: entityKind,\n  });\n\n  if (loading) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(Progress, null )\n      )\n    );\n  }\n\n  if (error) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(ResponseErrorPanel, { error: error,} )\n      )\n    );\n  }\n\n  return (\n    React.createElement(EntityTable, {\n      title: title,\n      variant: variant,\n      emptyContent: \n        React.createElement('div', { style: { textAlign: 'center' },}\n          , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n          , React.createElement(Typography, { variant: \"body2\",}\n            , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\"    )\n          )\n        )\n      ,\n      columns: columns,\n      entities: asRenderableEntities(entities || []),}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n  entities ;\n\nexport const resourceEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n  entities ;\n\nexport const systemEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n  entities ;\n"],"sourceRoot":""}

package/dist/embedded-app/static/4960.1d2a23bf.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[4960],{60008:function(C,m,n){var t,r=n(14859),E=n(93291);t={value:!0},m.Z=void 0;var f=E(n(2784)),h=r(n(50175)),v=(0,h.default)(f.createElement("path",{d:"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z"}),"ZoomOutMap");m.Z=v},14960:function(C,m,n){n.r(m),n.d(m,{SystemDiagramCard:function(){return O}});var t=n(52890),r=n(31423),E=n(79692),f=n(60364),h=n(95544),v=n(90436),I=n(60008),o=n(2784),b=n(64279),i=n(9118),k=n(36964);const D=(0,E.Z)(e=>({domainNode:{fill:e.palette.primary.main,stroke:e.palette.border},systemNode:{fill:"coral",stroke:e.palette.border},componentNode:{fill:"yellowgreen",stroke:e.palette.border},apiNode:{fill:e.palette.gold,stroke:e.palette.border},resourceNode:{fill:"grey",stroke:e.palette.border}}),{name:"PluginCatalogSystemDiagramCard"});function N(e){return(0,t.eE)(e).toLocaleLowerCase("en-US").replace(`:${t.sk}/`,":").split(":")[1]}function M(e){const s=D(),p=(0,k.useRouteRef)(r.wi),g=e.node.kind||"Component",d=(0,t.of)(e.node.id),c=20,y=e.node.name.length<c?e.node.name:`${e.node.name.slice(0,c)}...`;let l=s.componentNode;switch(g){case"Domain":l=s.domainNode;break;case"System":l=s.systemNode;break;case"Component":l=s.componentNode;break;case"API":l=s.apiNode;break;case"Resource":l=s.resourceNode;break;default:l=s.componentNode}return o.createElement("g",null,o.createElement("rect",{width:200,height:100,rx:20,className:l}),o.createElement(i.Link,{to:p({kind:g,namespace:d.namespace,name:d.name})},o.createElement("text",{x:100,y:45,textAnchor:"middle",alignmentBaseline:"baseline",style:{fontWeight:"bold"}},y)),o.createElement("text",{x:100,y:65,textAnchor:"middle",alignmentBaseline:"hanging"},e.node.kind))}function O(){const{entity:e}=(0,r.useEntity)(),s=(0,f.Z)(),p=e.metadata.name,g=(0,t.eE)(e),d=new Array,c=new Array,y=(0,k.useApi)(r.Ah),{loading:l,error:A,value:R}=(0,b.default)(()=>y.getEntities({filter:{kind:["Component","API","Resource","System","Domain"],"spec.system":[p,`${e.metadata.namespace||t.sk}/${p}`]}}),[y,p]);d.push({id:g,kind:"System",name:N(e)});const S=(0,r.getEntityRelations)(e,t.cz,{kind:"Domain"});if(S.forEach(a=>d.push({id:(0,t.eE)(a),kind:a.kind,name:N(a)})),S.forEach(a=>c.push({from:g,to:(0,t.eE)(a),label:"part of"})),R&&R.items)for(const a of R.items)d.push({id:(0,t.eE)(a),kind:a.kind,name:N(a)}),(0,r.getEntityRelations)(a,t.cz).forEach(u=>c.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"part of"})),(0,r.getEntityRelations)(a,t.M_).forEach(u=>c.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"provides"})),(0,r.getEntityRelations)(a,t.nP).forEach(u=>c.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"depends on"}));return l?o.createElement(i.Progress,null):A?o.createElement(i.ResponseErrorPanel,{error:A}):o.createElement(i.InfoCard,{title:"System Diagram"},o.createElement(i.DependencyGraph,{nodes:d,edges:c,nodeMargin:10,direction:i.DependencyGraphTypes.Nm.BOTTOM_TOP,renderNode:M,paddingX:s.spacing(4),paddingY:s.spacing(4)}),o.createElement(h.Z,{m:1}),o.createElement(v.Z,{variant:"caption",style:{display:"block",textAlign:"right"}},o.createElement(I.Z,{style:{verticalAlign:"bottom"}})," Use pinch & zoom to move around the diagram."))}}}]);})();
+
+//# sourceMappingURL=4960.1d2a23bf.chunk.js.map

package/dist/embedded-app/static/4960.1d2a23bf.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@material-ui/icons/ZoomOutMap.js","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/SystemDiagramCard/SystemDiagramCard.tsx"],"names":[],"mappings":"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","file":"static/4960.1d2a23bf.chunk.js","sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z\"\n}), 'ZoomOutMap');\n\nexports.default = _default;","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n\n  RELATION_DEPENDS_ON,\n  RELATION_PROVIDES_API,\n  RELATION_PART_OF,\n  stringifyEntityRef,\n  ENTITY_DEFAULT_NAMESPACE,\n  parseEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  entityRouteRef,\n  getEntityRelations,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Box, makeStyles, Typography, useTheme } from '@material-ui/core';\nimport ZoomOutMap from '@material-ui/icons/ZoomOutMap';\nimport React from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\n\nimport {\n  DependencyGraph,\n  DependencyGraphTypes,\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  Link,\n} from '@backstage/core-components';\n\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\n\n/** @public */\n\n\n\n\n\n\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    domainNode: {\n      fill: theme.palette.primary.main,\n      stroke: theme.palette.border,\n    },\n    systemNode: {\n      fill: 'coral',\n      stroke: theme.palette.border,\n    },\n    componentNode: {\n      fill: 'yellowgreen',\n      stroke: theme.palette.border,\n    },\n    apiNode: {\n      fill: theme.palette.gold,\n      stroke: theme.palette.border,\n    },\n    resourceNode: {\n      fill: 'grey',\n      stroke: theme.palette.border,\n    },\n  }),\n  { name: 'PluginCatalogSystemDiagramCard' },\n);\n\n// Simplifies the diagram output by hiding the default namespace and kind\nfunction readableEntityName(\n  ref\n\n\n\n\n\n,\n) {\n  return stringifyEntityRef(ref)\n    .toLocaleLowerCase('en-US')\n    .replace(`:${ENTITY_DEFAULT_NAMESPACE}/`, ':')\n    .split(':')[1];\n}\n\nfunction RenderNode(props) {\n  const classes = useStyles();\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n  const kind = props.node.kind || 'Component';\n  const ref = parseEntityRef(props.node.id);\n  const MAX_NAME_LENGTH = 20;\n  const truncatedNodeName =\n    props.node.name.length < MAX_NAME_LENGTH\n      ? props.node.name\n      : `${props.node.name.slice(0, MAX_NAME_LENGTH)}...`;\n  let nodeClass = classes.componentNode;\n\n  switch (kind) {\n    case 'Domain':\n      nodeClass = classes.domainNode;\n      break;\n    case 'System':\n      nodeClass = classes.systemNode;\n      break;\n    case 'Component':\n      nodeClass = classes.componentNode;\n      break;\n    case 'API':\n      nodeClass = classes.apiNode;\n      break;\n    case 'Resource':\n      nodeClass = classes.resourceNode;\n      break;\n    default:\n      nodeClass = classes.componentNode;\n  }\n\n  return (\n    React.createElement('g', null\n      , React.createElement('rect', { width: 200, height: 100, rx: 20, className: nodeClass,} )\n      , React.createElement(Link, {\n        to: catalogEntityRoute({\n          kind: kind,\n          namespace: ref.namespace,\n          name: ref.name,\n        }),}\n      \n        , React.createElement('text', {\n          x: 100,\n          y: 45,\n          textAnchor: \"middle\",\n          alignmentBaseline: \"baseline\",\n          style: { fontWeight: 'bold' },}\n        \n          , truncatedNodeName\n        )\n      )\n\n      , React.createElement('text', { x: 100, y: 65, textAnchor: \"middle\", alignmentBaseline: \"hanging\",}\n        , props.node.kind\n      )\n    )\n  );\n}\n\n/**\n * Dynamically generates a diagram of a system, its assigned entities,\n * and relationships of those entities.\n */\nexport function SystemDiagramCard() {\n  const { entity } = useEntity();\n  const theme = useTheme();\n  const currentSystemName = entity.metadata.name;\n  const currentSystemNode = stringifyEntityRef(entity);\n  const systemNodes = new Array();\n  const systemEdges = new Array();\n\n  const catalogApi = useApi(catalogApiRef);\n  const {\n    loading,\n    error,\n    value: catalogResponse,\n  } = useAsync(() => {\n    return catalogApi.getEntities({\n      filter: {\n        kind: ['Component', 'API', 'Resource', 'System', 'Domain'],\n        'spec.system': [\n          currentSystemName,\n          `${\n            entity.metadata.namespace || ENTITY_DEFAULT_NAMESPACE\n          }/${currentSystemName}`,\n        ],\n      },\n    });\n  }, [catalogApi, currentSystemName]);\n\n  // pick out the system itself\n  systemNodes.push({\n    id: currentSystemNode,\n    kind: 'System',\n    name: readableEntityName(entity),\n  });\n\n  // check if the system has an assigned domain\n  // even if the domain object doesn't exist in the catalog, display it in the map\n  const catalogItemDomain = getEntityRelations(entity, RELATION_PART_OF, {\n    kind: 'Domain',\n  });\n  catalogItemDomain.forEach(foundDomain =>\n    systemNodes.push({\n      id: stringifyEntityRef(foundDomain),\n      kind: foundDomain.kind,\n      name: readableEntityName(foundDomain),\n    }),\n  );\n  catalogItemDomain.forEach(foundDomain =>\n    systemEdges.push({\n      from: currentSystemNode,\n      to: stringifyEntityRef(foundDomain),\n      label: 'part of',\n    }),\n  );\n\n  if (catalogResponse && catalogResponse.items) {\n    for (const catalogItem of catalogResponse.items) {\n      systemNodes.push({\n        id: stringifyEntityRef(catalogItem),\n        kind: catalogItem.kind,\n        name: readableEntityName(catalogItem),\n      });\n\n      // Check relations of the entity assigned to this system to see\n      // if it relates to other entities.\n      // Note those relations may, or may not, be explicitly\n      // assigned to the system.\n      const catalogItemRelations_partOf = getEntityRelations(\n        catalogItem,\n        RELATION_PART_OF,\n      );\n      catalogItemRelations_partOf.forEach(foundRelation =>\n        systemEdges.push({\n          from: stringifyEntityRef(catalogItem),\n          to: stringifyEntityRef(foundRelation),\n          label: 'part of',\n        }),\n      );\n\n      const catalogItemRelations_providesApi = getEntityRelations(\n        catalogItem,\n        RELATION_PROVIDES_API,\n      );\n      catalogItemRelations_providesApi.forEach(foundRelation =>\n        systemEdges.push({\n          from: stringifyEntityRef(catalogItem),\n          to: stringifyEntityRef(foundRelation),\n          label: 'provides',\n        }),\n      );\n\n      const catalogItemRelations_dependsOn = getEntityRelations(\n        catalogItem,\n        RELATION_DEPENDS_ON,\n      );\n      catalogItemRelations_dependsOn.forEach(foundRelation =>\n        systemEdges.push({\n          from: stringifyEntityRef(catalogItem),\n          to: stringifyEntityRef(foundRelation),\n          label: 'depends on',\n        }),\n      );\n    }\n  }\n\n  if (loading) {\n    return React.createElement(Progress, null );\n  } else if (error) {\n    return React.createElement(ResponseErrorPanel, { error: error,} );\n  }\n\n  return (\n    React.createElement(InfoCard, { title: \"System Diagram\" ,}\n      , React.createElement(DependencyGraph, {\n        nodes: systemNodes,\n        edges: systemEdges,\n        nodeMargin: 10,\n        direction: DependencyGraphTypes.Direction.BOTTOM_TOP,\n        renderNode: RenderNode,\n        paddingX: theme.spacing(4),\n        paddingY: theme.spacing(4),}\n      )\n      , React.createElement(Box, { m: 1,} )\n      , React.createElement(Typography, {\n        variant: \"caption\",\n        style: { display: 'block', textAlign: 'right' },}\n      \n        , React.createElement(ZoomOutMap, { style: { verticalAlign: 'bottom' },} ), \" Use pinch & zoom to move around the diagram.\"\n\n      )\n    )\n  );\n}\n"],"sourceRoot":""}

package/dist/embedded-app/static/6105.1f3a3239.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[6105],{46105:function(R,r,e){e.r(r),e.d(r,{HomePageSearchBar:function(){return f}});var a=e(2784),c=e(79692),u=e(1795),l=e(19126),d=e.n(l),h=e(10289),S=e(20863),v=e(36964);const i=()=>{const t=(0,v.useRouteRef)(S._Z),s=(0,h.s0)();return(0,a.useCallback)(({query:n})=>{const o=d().stringify({query:n},{addQueryPrefix:!0});s(`${t()}${o}`)},[s,t])},m=(0,c.Z)({root:{border:"1px solid #555",borderRadius:"6px",fontSize:"1.5em"}}),f=({...t})=>{const s=m(t),[n,o]=(0,a.useState)(""),g=i(),y=()=>{g({query:n})},C=(0,a.useCallback)(B=>{o(B)},[o]);return a.createElement(u.SearchBarBase,{classes:{root:s.root},value:n,onSubmit:y,onChange:C,...t})}}}]);})();
+
+//# sourceMappingURL=6105.1f3a3239.chunk.js.map

package/dist/embedded-app/static/6105.1f3a3239.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/search/src/components/util.ts","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/search/src/components/HomePageComponent/HomePageSearchBar.tsx"],"names":[],"mappings":"kSAsBO,KAAM,GAAqB,IAAM,CACtC,KAAM,GAAc,kBAAY,MAC1B,EAAW,WACjB,MAAO,kBACL,CAAC,CAAE,WAAY,CACb,KAAM,GAAc,cAAa,CAAE,SAAS,CAAE,eAAgB,KAE9D,EAAS,GAAG,MAAgB,MAE9B,CAAC,EAAU,KCTT,EAAY,QAAW,CAC3B,KAAM,CACJ,OAAQ,iBACR,aAAc,MACd,SAAU,WAkBD,EAAoB,CAAC,IAAK,KAAY,CACjD,KAAM,GAAU,EAAU,GACpB,CAAC,EAAO,GAAY,eAAS,IAC7B,EAAe,IAEf,EAAe,IAAM,CACzB,EAAa,CAAE,WAGX,EAAe,kBACnB,GAAS,CACP,EAAS,IAEX,CAAC,IAGH,MACE,iBAAoB,gBAAe,CACjC,QAAS,CAAE,KAAM,EAAQ,MACzB,MAAO,EACP,SAAU,EACV,SAAU,KACP","file":"static/6105.1f3a3239.chunk.js","sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport qs from 'qs';\nimport { useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { rootRouteRef } from '../plugin';\n\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nexport const useNavigateToQuery = () => {\n  const searchRoute = useRouteRef(rootRouteRef);\n  const navigate = useNavigate();\n  return useCallback(\n    ({ query }) => {\n      const queryString = qs.stringify({ query }, { addQueryPrefix: true });\n\n      navigate(`${searchRoute()}${queryString}`);\n    },\n    [navigate, searchRoute],\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { SearchBarBase, } from '../SearchBar';\nimport { useNavigateToQuery } from '../util';\n\nconst useStyles = makeStyles({\n  root: {\n    border: '1px solid #555',\n    borderRadius: '6px',\n    fontSize: '1.5em',\n  },\n});\n\n/**\n * Props for {@link HomePageSearchBar}.\n *\n * @public\n */\n\n\n\n\n/**\n * The search bar created specifically for the composable home page\n *\n * @public\n */\nexport const HomePageSearchBar = ({ ...props }) => {\n  const classes = useStyles(props);\n  const [query, setQuery] = useState('');\n  const handleSearch = useNavigateToQuery();\n\n  const handleSubmit = () => {\n    handleSearch({ query });\n  };\n\n  const handleChange = useCallback(\n    value => {\n      setQuery(value);\n    },\n    [setQuery],\n  );\n\n  return (\n    React.createElement(SearchBarBase, {\n      classes: { root: classes.root },\n      value: query,\n      onSubmit: handleSubmit,\n      onChange: handleChange,\n      ...props,}\n    )\n  );\n};\n"],"sourceRoot":""}

package/dist/embedded-app/static/6235.4d357650.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[6235,2426],{56235:function(y,i,n){n.r(i),n.d(i,{DependencyOfComponentsCard:function(){return o}});var a=n(52890),t=n(2784),e=n(62426);const o=({variant:c="gridItem",title:r="Dependency of components"})=>t.createElement(e.RelatedEntitiesCard,{variant:c,title:r,entityKind:"Component",relationType:a.w$,columns:e.componentEntityColumns,emptyMessage:"No component depends on this component",emptyHelpLink:e.componentEntityHelpLink,asRenderableEntities:e.asComponentEntities})},62426:function(y,i,n){n.r(i),n.d(i,{RelatedEntitiesCard:function(){return c},asComponentEntities:function(){return E},asResourceEntities:function(){return C},asSystemEntities:function(){return g},componentEntityColumns:function(){return r},componentEntityHelpLink:function(){return d},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return b}});var a=n(90436),t=n(31423),e=n(2784),o=n(9118);const c=s=>{const{variant:l="gridItem",title:m,columns:v,entityKind:h,relationType:L,emptyMessage:R,emptyHelpLink:k,asRenderableEntities:H}=s,{entity:D}=(0,t.useEntity)(),{entities:S,loading:K,error:u}=(0,t.useRelatedEntities)(D,{type:L,kind:h});return K?e.createElement(o.InfoCard,{variant:l,title:m},e.createElement(o.Progress,null)):u?e.createElement(o.InfoCard,{variant:l,title:m},e.createElement(o.ResponseErrorPanel,{error:u})):e.createElement(t.EntityTable,{title:m,variant:l,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(a.Z,{variant:"body1"},R),e.createElement(a.Z,{variant:"body2"},e.createElement(o.Link,{to:k},"Learn how to change this."))),columns:v,entities:H(S||[])})},r=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],d="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",E=s=>s,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=s=>s,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",g=s=>s}}]);})();
+
+//# sourceMappingURL=6235.4d357650.chunk.js.map

package/dist/embedded-app/static/6235.4d357650.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/DependencyOfComponentsCard/DependencyOfComponentsCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"4PA8BO,KAAM,GAA6B,CAAC,CACzC,UAAU,WACV,QAAQ,8BAGN,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,EACP,WAAY,YACZ,aAAc,KACd,QAAS,yBACT,aAAc,yCACd,cAAe,0BACf,qBAAsB,yB,ufCYrB,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/6235.4d357650.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_DEPENDENCY_OF } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\n\nexport const DependencyOfComponentsCard = ({\n  variant = 'gridItem',\n  title = 'Dependency of components',\n}) => {\n  return (\n    React.createElement(RelatedEntitiesCard, {\n      variant: variant,\n      title: title,\n      entityKind: \"Component\",\n      relationType: RELATION_DEPENDENCY_OF,\n      columns: componentEntityColumns,\n      emptyMessage: \"No component depends on this component\"     ,\n      emptyHelpLink: componentEntityHelpLink,\n      asRenderableEntities: asComponentEntities,}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  InfoCard,\n  Link,\n  Progress,\n  ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n  const {\n    variant = 'gridItem',\n    title,\n    columns,\n    entityKind,\n    relationType,\n    emptyMessage,\n    emptyHelpLink,\n    asRenderableEntities,\n  } = props;\n\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: relationType,\n    kind: entityKind,\n  });\n\n  if (loading) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(Progress, null )\n      )\n    );\n  }\n\n  if (error) {\n    return (\n      React.createElement(InfoCard, { variant: variant, title: title,}\n        , React.createElement(ResponseErrorPanel, { error: error,} )\n      )\n    );\n  }\n\n  return (\n    React.createElement(EntityTable, {\n      title: title,\n      variant: variant,\n      emptyContent: \n        React.createElement('div', { style: { textAlign: 'center' },}\n          , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n          , React.createElement(Typography, { variant: \"body2\",}\n            , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\"    )\n          )\n        )\n      ,\n      columns: columns,\n      entities: asRenderableEntities(entities || []),}\n    )\n  );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n  entities ;\n\nexport const resourceEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n  entities ;\n\nexport const systemEntityColumns = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n  entities ;\n"],"sourceRoot":""}

package/dist/embedded-app/static/6650.6b716e7d.chunk.js

@@ -0,0 +1,3 @@
+"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[6650],{76650:function(l,e,t){t.r(e),t.d(e,{CatalogEntityPage:function(){return d}});var n=t(2784),a=t(10289),c=t(31423);const d=()=>n.createElement(c.AsyncEntityProvider,{...(0,c.useEntityFromUrl)()},n.createElement(a.j3,null))}}]);})();
+
+//# sourceMappingURL=6650.6b716e7d.chunk.js.map

package/dist/embedded-app/static/6650.6b716e7d.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://techdocs-cli-embedded-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/CatalogEntityPage/CatalogEntityPage.tsx"],"names":[],"mappings":"8OAuBO,KAAM,GAAoB,IAC/B,gBAAoB,sBAAqB,IAAK,0BAC1C,gBAAoB,KAAQ","file":"static/6650.6b716e7d.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Outlet } from 'react-router';\nimport {\n  useEntityFromUrl,\n  AsyncEntityProvider,\n} from '@backstage/plugin-catalog-react';\n\nexport const CatalogEntityPage = () => (\n  React.createElement(AsyncEntityProvider, { ...useEntityFromUrl(),}\n    , React.createElement(Outlet, null )\n  )\n);\n"],"sourceRoot":""}