@axis-backstage/plugin-readme 0.12.0 → 0.14.0

package/CHANGELOG.md

@@ -0,0 +1,113 @@
+# @axis-backstage/plugin-readme
+
+## 0.14.0
+
+### Minor Changes
+
+- 86c01b7: Bumped to Backstage 1.40
+
+## 0.13.0
+
+### Minor Changes
+
+- ede8341: Updated to Backstage v1.36.1.
+
+## 0.12.0
+
+### Minor Changes
+
+- 0726c03: Created the isReadmeAvailable function that returns false if no README content is found due to 404-error. If it returns false, no ReadmeCard is rendered in EntityPage. Also updated the error response from backend to be a NotFoundError.
+
+## 0.11.0
+
+### Minor Changes
+
+- 3d15d61: Add new maxHeight property to ReadmeCard component
+
+## 0.10.0
+
+### Minor Changes
+
+- 6fd284d: Updated to Backstage v1.30.1.
+
+## 0.9.0
+
+### Minor Changes
+
+- 0b948ea: Generate pluginIds for plugins and bumping @backstage/cli
+
+## 0.8.0
+
+### Minor Changes
+
+- 916589b: Bumped Backstage to v.27.7 and removed the TechRadar plugin since it was not used and caused problems with the new version.
+
+## 0.7.1
+
+### Patch Changes
+
+- 0535af4: Bumped backstage dependencies to match 1.26.0
+
+## 0.7.0
+
+### Minor Changes
+
+- 371f5fd: Readme backend APIs adjusted to consume entityRef as /:kind/:namespace/:name. Fixes a 404 routing issue where a proxy like oauth2Proxy could decode the URI encoded path parameter /:entityRef known to contain the reserved path delimiter '/'.
+
+## 0.6.0
+
+### Minor Changes
+
+- 603304b: Updated the max height in case of variant `fullHeight` to be `none` by default. That is needed to really occupy the full height of the container.
+
+## 0.5.4
+
+### Patch Changes
+
+- ae965c0: Fix broken workspace dependencies
+
+## 0.5.3
+
+### Patch Changes
+
+- e6a9982: Troubleshooting "no readme file" error
+- f09fe96: Added fullpage support
+- b3faeda: Fixed so that Readme Dialog always have a min width. In that case, if it is not smuch markdown content, the dialog wont be weirdly small.
+
+## 0.5.2
+
+### Patch Changes
+
+- 050e48d: Replace all Mui Grid v1 with v2
+
+## 0.5.1
+
+### Patch Changes
+
+- 0613d84: Updated the notes in the README.md about backend installation and setup in Jira Dashboard plugin and README plugin
+- b445aaa: Update @mui & @emotion dependencies
+
+## 0.5.0
+
+### Minor Changes
+
+- 08961a1: Bump to react v.18 in app and plugins, and updated dependencies. "peer" is now react 18 + 17. Removed react v. 16.13.1
+
+## 0.4.0
+
+### Minor Changes
+
+- 864d983: Bumped Backstage version to v.1.22.0
+
+## 0.3.0
+
+### Minor Changes
+
+- 23ff76a: Bumped Backstage version to v.1.21.0 in whole monorepo
+- 7d79c04: Bumped Readme frontend plugin to use Material UI v.5 components. Made necessary changes to the code.
+
+## 0.2.0
+
+### Minor Changes
+
+- a67c963: Bumped Backstage to version 1.20.3

package/dist/api/ReadmeApi.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadmeApi.esm.js","sources":["../../src/api/ReadmeApi.tsx"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\n\nexport const readmeApiRef = createApiRef<ReadmeApi>({\n  id: 'plugin.readme',\n});\n\nexport type ReadmeApi = {\n  getReadmeContent(entityRef: string): Promise<[string, string]>;\n};\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,YAAwB,CAAA;AAAA,EAClD,EAAI,EAAA,eAAA;AACN,CAAC;;;;"}
+{"version":3,"file":"ReadmeApi.esm.js","sources":["../../src/api/ReadmeApi.tsx"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\n\nexport const readmeApiRef = createApiRef<ReadmeApi>({\n  id: 'plugin.readme',\n});\n\nexport type ReadmeApi = {\n  getReadmeContent(entityRef: string): Promise<[string, string]>;\n};\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,YAAwB,CAAA;AAAA,EAClD,EAAI,EAAA;AACN,CAAC;;;;"}

package/dist/api/ReadmeClient.esm.js

@@ -1,4 +1,4 @@
-import { stringifyEntityRef, parseEntityRef, DEFAULT_NAMESPACE } from '@backstage/catalog-model';
+import { parseEntityRef, DEFAULT_NAMESPACE, stringifyEntityRef } from '@backstage/catalog-model';
 import { ResponseError } from '@backstage/errors';
 import { readmeApiRef } from './ReadmeApi.esm.js';
 

package/dist/api/ReadmeClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadmeClient.esm.js","sources":["../../src/api/ReadmeClient.tsx"],"sourcesContent":["import {\n  ApiHolder,\n  DiscoveryApi,\n  FetchApi,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport {\n  DEFAULT_NAMESPACE,\n  Entity,\n  parseEntityRef,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport { ResponseError } from '@backstage/errors';\nimport { ReadmeApi, readmeApiRef } from './ReadmeApi';\n\n/**\n * Checks if a README is available for the given entity by making a request to the backend.\nIf the backend returns a 404 NotFound error, it indicates that no README is available for the entity.\n@param entity - The entity for which to check the README availability.\n@param context - The context providing access to the API holder.\n@returns A promise that resolves to true if the README is available, or false if not found (404).\n *  @public\n */\nexport const isReadmeAvailable = async (\n  entity: Entity,\n  context: { apis: ApiHolder },\n): Promise<boolean> => {\n  const readmeClient = context.apis.get(readmeApiRef);\n\n  if (readmeClient === undefined) {\n    return false;\n  }\n\n  try {\n    await readmeClient.getReadmeContent(stringifyEntityRef(entity));\n  } catch (error) {\n    if (error instanceof ResponseError && error.statusCode === 404) {\n      return false;\n    }\n  }\n  return true;\n};\n\nexport class ReadmeClient implements ReadmeApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n  private readonly identityApi: IdentityApi;\n\n  constructor(options: {\n    discoveryApi: DiscoveryApi;\n    fetchApi: FetchApi;\n    identityApi: IdentityApi;\n  }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n    this.identityApi = options.identityApi;\n  }\n\n  async getReadmeContent(entityRef: string): Promise<[string, string]> {\n    const { token } = await this.identityApi.getCredentials();\n    const baseUrl = await this.discoveryApi.getBaseUrl('readme');\n\n    const { kind, name, namespace } = parseEntityRef(entityRef, {\n      defaultNamespace: DEFAULT_NAMESPACE,\n    });\n\n    const resp = await this.fetchApi.fetch(\n      `${baseUrl}/${kind}/${namespace}/${name}`,\n      {\n        method: 'GET',\n        headers: { Authorization: `Bearer ${token}` },\n      },\n    );\n\n    if (resp.ok) {\n      return [\n        await resp.text(),\n        resp.headers.get('Content-Type') || 'text/plain',\n      ];\n    }\n\n    throw await ResponseError.fromResponse(resp);\n  }\n}\n"],"names":[],"mappings":";;;;AAuBa,MAAA,iBAAA,GAAoB,OAC/B,MAAA,EACA,OACqB,KAAA;AACrB,EAAA,MAAM,YAAe,GAAA,OAAA,CAAQ,IAAK,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AAElD,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAEA,EAAI,IAAA;AACF,IAAA,MAAM,YAAa,CAAA,gBAAA,CAAiB,kBAAmB,CAAA,MAAM,CAAC,CAAA,CAAA;AAAA,WACvD,KAAO,EAAA;AACd,IAAA,IAAI,KAAiB,YAAA,aAAA,IAAiB,KAAM,CAAA,UAAA,KAAe,GAAK,EAAA;AAC9D,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT,EAAA;AAEO,MAAM,YAAkC,CAAA;AAAA,EAC5B,YAAA,CAAA;AAAA,EACA,QAAA,CAAA;AAAA,EACA,WAAA,CAAA;AAAA,EAEjB,YAAY,OAIT,EAAA;AACD,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA,CAAA;AACxB,IAAA,IAAA,CAAK,cAAc,OAAQ,CAAA,WAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAM,iBAAiB,SAA8C,EAAA;AACnE,IAAA,MAAM,EAAE,KAAM,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA,CAAA;AACxD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,IAAM,EAAA,IAAA,EAAM,SAAU,EAAA,GAAI,eAAe,SAAW,EAAA;AAAA,MAC1D,gBAAkB,EAAA,iBAAA;AAAA,KACnB,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,GAAG,OAAO,CAAA,CAAA,EAAI,IAAI,CAAI,CAAA,EAAA,SAAS,IAAI,IAAI,CAAA,CAAA;AAAA,MACvC;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,EAAE,aAAe,EAAA,CAAA,OAAA,EAAU,KAAK,CAAG,CAAA,EAAA;AAAA,OAC9C;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,KAAK,EAAI,EAAA;AACX,MAAO,OAAA;AAAA,QACL,MAAM,KAAK,IAAK,EAAA;AAAA,QAChB,IAAK,CAAA,OAAA,CAAQ,GAAI,CAAA,cAAc,CAAK,IAAA,YAAA;AAAA,OACtC,CAAA;AAAA,KACF;AAEA,IAAM,MAAA,MAAM,aAAc,CAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AAAA,GAC7C;AACF;;;;"}
+{"version":3,"file":"ReadmeClient.esm.js","sources":["../../src/api/ReadmeClient.tsx"],"sourcesContent":["import {\n  ApiHolder,\n  DiscoveryApi,\n  FetchApi,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport {\n  DEFAULT_NAMESPACE,\n  Entity,\n  parseEntityRef,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport { ResponseError } from '@backstage/errors';\nimport { ReadmeApi, readmeApiRef } from './ReadmeApi';\n\n/**\n * Checks if a README is available for the given entity by making a request to the backend.\nIf the backend returns a 404 NotFound error, it indicates that no README is available for the entity.\n@param entity - The entity for which to check the README availability.\n@param context - The context providing access to the API holder.\n@returns A promise that resolves to true if the README is available, or false if not found (404).\n *  @public\n */\nexport const isReadmeAvailable = async (\n  entity: Entity,\n  context: { apis: ApiHolder },\n): Promise<boolean> => {\n  const readmeClient = context.apis.get(readmeApiRef);\n\n  if (readmeClient === undefined) {\n    return false;\n  }\n\n  try {\n    await readmeClient.getReadmeContent(stringifyEntityRef(entity));\n  } catch (error) {\n    if (error instanceof ResponseError && error.statusCode === 404) {\n      return false;\n    }\n  }\n  return true;\n};\n\nexport class ReadmeClient implements ReadmeApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n  private readonly identityApi: IdentityApi;\n\n  constructor(options: {\n    discoveryApi: DiscoveryApi;\n    fetchApi: FetchApi;\n    identityApi: IdentityApi;\n  }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n    this.identityApi = options.identityApi;\n  }\n\n  async getReadmeContent(entityRef: string): Promise<[string, string]> {\n    const { token } = await this.identityApi.getCredentials();\n    const baseUrl = await this.discoveryApi.getBaseUrl('readme');\n\n    const { kind, name, namespace } = parseEntityRef(entityRef, {\n      defaultNamespace: DEFAULT_NAMESPACE,\n    });\n\n    const resp = await this.fetchApi.fetch(\n      `${baseUrl}/${kind}/${namespace}/${name}`,\n      {\n        method: 'GET',\n        headers: { Authorization: `Bearer ${token}` },\n      },\n    );\n\n    if (resp.ok) {\n      return [\n        await resp.text(),\n        resp.headers.get('Content-Type') || 'text/plain',\n      ];\n    }\n\n    throw await ResponseError.fromResponse(resp);\n  }\n}\n"],"names":[],"mappings":";;;;AAuBa,MAAA,iBAAA,GAAoB,OAC/B,MAAA,EACA,OACqB,KAAA;AACrB,EAAA,MAAM,YAAe,GAAA,OAAA,CAAQ,IAAK,CAAA,GAAA,CAAI,YAAY,CAAA;AAElD,EAAA,IAAI,iBAAiB,MAAW,EAAA;AAC9B,IAAO,OAAA,KAAA;AAAA;AAGT,EAAI,IAAA;AACF,IAAA,MAAM,YAAa,CAAA,gBAAA,CAAiB,kBAAmB,CAAA,MAAM,CAAC,CAAA;AAAA,WACvD,KAAO,EAAA;AACd,IAAA,IAAI,KAAiB,YAAA,aAAA,IAAiB,KAAM,CAAA,UAAA,KAAe,GAAK,EAAA;AAC9D,MAAO,OAAA,KAAA;AAAA;AACT;AAEF,EAAO,OAAA,IAAA;AACT;AAEO,MAAM,YAAkC,CAAA;AAAA,EAC5B,YAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EAEjB,YAAY,OAIT,EAAA;AACD,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA;AACxB,IAAA,IAAA,CAAK,cAAc,OAAQ,CAAA,WAAA;AAAA;AAC7B,EAEA,MAAM,iBAAiB,SAA8C,EAAA;AACnE,IAAA,MAAM,EAAE,KAAM,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA;AACxD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA;AAE3D,IAAA,MAAM,EAAE,IAAM,EAAA,IAAA,EAAM,SAAU,EAAA,GAAI,eAAe,SAAW,EAAA;AAAA,MAC1D,gBAAkB,EAAA;AAAA,KACnB,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,GAAG,OAAO,CAAA,CAAA,EAAI,IAAI,CAAI,CAAA,EAAA,SAAS,IAAI,IAAI,CAAA,CAAA;AAAA,MACvC;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,EAAE,aAAe,EAAA,CAAA,OAAA,EAAU,KAAK,CAAG,CAAA;AAAA;AAC9C,KACF;AAEA,IAAA,IAAI,KAAK,EAAI,EAAA;AACX,MAAO,OAAA;AAAA,QACL,MAAM,KAAK,IAAK,EAAA;AAAA,QAChB,IAAK,CAAA,OAAA,CAAQ,GAAI,CAAA,cAAc,CAAK,IAAA;AAAA,OACtC;AAAA;AAGF,IAAM,MAAA,MAAM,aAAc,CAAA,YAAA,CAAa,IAAI,CAAA;AAAA;AAE/C;;;;"}

package/dist/components/FetchComponent/FetchComponent.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { useApi } from '@backstage/core-plugin-api';
 import { Progress, Link, ResponseErrorPanel, ErrorPanel, MarkdownContent, CodeSnippet } from '@backstage/core-components';
@@ -28,26 +28,37 @@ const FetchComponent = () => {
     [entity]
   );
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error instanceof ResponseError) {
     if (error.statusCode === 404) {
-      return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Typography, { pb: 2, variant: "body2" }, "No README.md file found at source location:", " ", location && /* @__PURE__ */ React.createElement("strong", null, location)), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "Need help? Go to our", " ", /* @__PURE__ */ React.createElement(Link, { to: "https://github.com/AxisCommunications/backstage-plugins/blob/main/plugins/readme/README.md" }, "documentation")));
+      return /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsxs(Typography, { pb: 2, variant: "body2", children: [
+          "No README.md file found at source location:",
+          " ",
+          location && /* @__PURE__ */ jsx("strong", { children: location })
+        ] }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+          "Need help? Go to our",
+          " ",
+          /* @__PURE__ */ jsx(Link, { to: "https://github.com/AxisCommunications/backstage-plugins/blob/main/plugins/readme/README.md", children: "documentation" })
+        ] })
+      ] });
     }
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ErrorPanel, { error });
   }
   if (!content) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { error: Error("Unknown error") });
+    return /* @__PURE__ */ jsx(ErrorPanel, { error: Error("Unknown error") });
   }
   if (!content[1] || content[1] === "error") {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { error: Error(content[1] ?? "Unknown error") });
+    return /* @__PURE__ */ jsx(ErrorPanel, { error: Error(content[1] ?? "Unknown error") });
   } else if (content[1].startsWith("text/markdown")) {
-    return /* @__PURE__ */ React.createElement(MarkdownContent, { content: content[0] });
+    return /* @__PURE__ */ jsx(MarkdownContent, { content: content[0] });
   }
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "readme-content" }, /* @__PURE__ */ React.createElement(CodeSnippet, { text: content[0], language: "plaintext" }));
+  return /* @__PURE__ */ jsx("div", { "data-testid": "readme-content", children: /* @__PURE__ */ jsx(CodeSnippet, { text: content[0], language: "plaintext" }) });
 };
 
 export { FetchComponent };

package/dist/components/FetchComponent/FetchComponent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FetchComponent.esm.js","sources":["../../../src/components/FetchComponent/FetchComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  CodeSnippet,\n  ErrorPanel,\n  Link,\n  MarkdownContent,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport useAsync from 'react-use/lib/useAsync';\nimport { readmeApiRef } from '../../api/ReadmeApi';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { getEntitySourceLocation } from '@backstage/catalog-model';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { ResponseError } from '@backstage/errors';\n\nexport const FetchComponent = () => {\n  const { entity } = useEntity();\n  const readmeApi = useApi(readmeApiRef);\n  let location;\n\n  try {\n    const { target } = getEntitySourceLocation(entity);\n    location = target ?? target;\n  } catch (err) {\n    location = ': Unknown';\n  }\n\n  const {\n    value: content,\n    loading,\n    error,\n  } = useAsync(\n    async (): Promise<string[]> =>\n      await readmeApi.getReadmeContent(stringifyEntityRef(entity)),\n    [entity],\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error instanceof ResponseError) {\n    if (error.statusCode === 404) {\n      return (\n        <Box>\n          <Typography pb={2} variant=\"body2\">\n            No README.md file found at source location:{' '}\n            {location && <strong>{location}</strong>}\n          </Typography>\n          <Typography variant=\"body2\">\n            Need help? Go to our{' '}\n            <Link to=\"https://github.com/AxisCommunications/backstage-plugins/blob/main/plugins/readme/README.md\">\n              documentation\n            </Link>\n          </Typography>\n        </Box>\n      );\n    }\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n  if (!content) {\n    return <ErrorPanel error={Error('Unknown error')} />;\n  }\n  if (!content[1] || content[1] === 'error') {\n    return <ErrorPanel error={Error(content[1] ?? 'Unknown error')} />;\n  } else if (content[1].startsWith('text/markdown')) {\n    return <MarkdownContent content={content[0]} />;\n  }\n  // probably text/plain\n  return (\n    <div data-testid=\"readme-content\">\n      <CodeSnippet text={content[0]} language=\"plaintext\" />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA,CAAA;AACrC,EAAI,IAAA,QAAA,CAAA;AAEJ,EAAI,IAAA;AACF,IAAA,MAAM,EAAE,MAAA,EAAW,GAAA,uBAAA,CAAwB,MAAM,CAAA,CAAA;AACjD,IAAA,QAAA,GAAW,MAAU,IAAA,MAAA,CAAA;AAAA,WACd,GAAK,EAAA;AACZ,IAAW,QAAA,GAAA,WAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,OAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACE,GAAA,QAAA;AAAA,IACF,YACE,MAAM,SAAA,CAAU,gBAAiB,CAAA,kBAAA,CAAmB,MAAM,CAAC,CAAA;AAAA,IAC7D,CAAC,MAAM,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AAEA,EAAA,IAAI,iBAAiB,aAAe,EAAA;AAClC,IAAI,IAAA,KAAA,CAAM,eAAe,GAAK,EAAA;AAC5B,MAAA,uBACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,CAAA,EAAG,OAAQ,EAAA,OAAA,EAAA,EAAQ,6CACW,EAAA,GAAA,EAC3C,QAAY,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EAAA,QAAS,CACjC,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,sBACL,EAAA,GAAA,kBACpB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAG,EAAA,4FAAA,EAAA,EAA6F,eAEtG,CACF,CACF,CAAA,CAAA;AAAA,KAEJ;AACA,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,CAAA,CAAA;AAAA,GACnC;AACA,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,KAAA,CAAM,eAAe,CAAG,EAAA,CAAA,CAAA;AAAA,GACpD;AACA,EAAA,IAAI,CAAC,OAAQ,CAAA,CAAC,KAAK,OAAQ,CAAA,CAAC,MAAM,OAAS,EAAA;AACzC,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAO,EAAA,KAAA,CAAM,QAAQ,CAAC,CAAA,IAAK,eAAe,CAAG,EAAA,CAAA,CAAA;AAAA,aACvD,OAAQ,CAAA,CAAC,CAAE,CAAA,UAAA,CAAW,eAAe,CAAG,EAAA;AACjD,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,OAAS,EAAA,OAAA,CAAQ,CAAC,CAAG,EAAA,CAAA,CAAA;AAAA,GAC/C;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,aAAY,EAAA,gBAAA,EAAA,kBACd,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,IAAM,EAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,QAAS,EAAA,WAAA,EAAY,CACtD,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FetchComponent.esm.js","sources":["../../../src/components/FetchComponent/FetchComponent.tsx"],"sourcesContent":["import { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  CodeSnippet,\n  ErrorPanel,\n  Link,\n  MarkdownContent,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport useAsync from 'react-use/lib/useAsync';\nimport { readmeApiRef } from '../../api/ReadmeApi';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { getEntitySourceLocation } from '@backstage/catalog-model';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { ResponseError } from '@backstage/errors';\n\nexport const FetchComponent = () => {\n  const { entity } = useEntity();\n  const readmeApi = useApi(readmeApiRef);\n  let location;\n\n  try {\n    const { target } = getEntitySourceLocation(entity);\n    location = target ?? target;\n  } catch (err) {\n    location = ': Unknown';\n  }\n\n  const {\n    value: content,\n    loading,\n    error,\n  } = useAsync(\n    async (): Promise<string[]> =>\n      await readmeApi.getReadmeContent(stringifyEntityRef(entity)),\n    [entity],\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error instanceof ResponseError) {\n    if (error.statusCode === 404) {\n      return (\n        <Box>\n          <Typography pb={2} variant=\"body2\">\n            No README.md file found at source location:{' '}\n            {location && <strong>{location}</strong>}\n          </Typography>\n          <Typography variant=\"body2\">\n            Need help? Go to our{' '}\n            <Link to=\"https://github.com/AxisCommunications/backstage-plugins/blob/main/plugins/readme/README.md\">\n              documentation\n            </Link>\n          </Typography>\n        </Box>\n      );\n    }\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n  if (!content) {\n    return <ErrorPanel error={Error('Unknown error')} />;\n  }\n  if (!content[1] || content[1] === 'error') {\n    return <ErrorPanel error={Error(content[1] ?? 'Unknown error')} />;\n  } else if (content[1].startsWith('text/markdown')) {\n    return <MarkdownContent content={content[0]} />;\n  }\n  // probably text/plain\n  return (\n    <div data-testid=\"readme-content\">\n      <CodeSnippet text={content[0]} language=\"plaintext\" />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAI,IAAA,QAAA;AAEJ,EAAI,IAAA;AACF,IAAA,MAAM,EAAE,MAAA,EAAW,GAAA,uBAAA,CAAwB,MAAM,CAAA;AACjD,IAAA,QAAA,GAAW,MAAU,IAAA,MAAA;AAAA,WACd,GAAK,EAAA;AACZ,IAAW,QAAA,GAAA,WAAA;AAAA;AAGb,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,OAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACE,GAAA,QAAA;AAAA,IACF,YACE,MAAM,SAAA,CAAU,gBAAiB,CAAA,kBAAA,CAAmB,MAAM,CAAC,CAAA;AAAA,IAC7D,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAGnB,EAAA,IAAI,iBAAiB,aAAe,EAAA;AAClC,IAAI,IAAA,KAAA,CAAM,eAAe,GAAK,EAAA;AAC5B,MAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,OAAA,EAAQ,OAAQ,EAAA,QAAA,EAAA;AAAA,UAAA,6CAAA;AAAA,UACW,GAAA;AAAA,UAC3C,QAAA,oBAAa,GAAA,CAAA,QAAA,EAAA,EAAQ,QAAS,EAAA,QAAA,EAAA;AAAA,SACjC,EAAA,CAAA;AAAA,wBACA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,QAAA,EAAA;AAAA,UAAA,sBAAA;AAAA,UACL,GAAA;AAAA,0BACpB,GAAA,CAAA,IAAA,EAAA,EAAK,EAAG,EAAA,4FAAA,EAA6F,QAEtG,EAAA,eAAA,EAAA;AAAA,SACF,EAAA;AAAA,OACF,EAAA,CAAA;AAAA;AAGJ,IAAO,uBAAA,GAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAG3C,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,GAAA,CAAC,cAAW,KAAc,EAAA,CAAA;AAAA;AAEnC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,uBAAQ,GAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,KAAA,CAAM,eAAe,CAAG,EAAA,CAAA;AAAA;AAEpD,EAAA,IAAI,CAAC,OAAQ,CAAA,CAAC,KAAK,OAAQ,CAAA,CAAC,MAAM,OAAS,EAAA;AACzC,IAAO,uBAAA,GAAA,CAAC,cAAW,KAAO,EAAA,KAAA,CAAM,QAAQ,CAAC,CAAA,IAAK,eAAe,CAAG,EAAA,CAAA;AAAA,aACvD,OAAQ,CAAA,CAAC,CAAE,CAAA,UAAA,CAAW,eAAe,CAAG,EAAA;AACjD,IAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA,EAAgB,OAAS,EAAA,OAAA,CAAQ,CAAC,CAAG,EAAA,CAAA;AAAA;AAG/C,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,aAAY,EAAA,gBAAA,EACf,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,IAAM,EAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,QAAS,EAAA,WAAA,EAAY,CACtD,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ReadmeCard/ReadmeCard.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Box from '@mui/material/Box';
 import { InfoCard } from '@backstage/core-components';
@@ -10,31 +11,34 @@ const ReadmeCard = (props) => {
   const { variant = "gridItem", maxHeight: propMaxHeight } = props;
   const maxHeight = variant === "fullHeight" ? "none" : propMaxHeight ?? "235px";
   const [displayDialog, setDisplayDialog] = useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    InfoCard,
-    {
-      title: "README",
-      variant,
-      action: variant !== "fullHeight" ? /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          onClick: () => setDisplayDialog(true),
-          "aria-label": "open dialog",
-          role: "button",
-          title: "Open in dialog",
-          size: "large"
-        },
-        /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
-      ) : void 0
-    },
-    /* @__PURE__ */ React.createElement("div", { style: { overflow: "auto" } }, /* @__PURE__ */ React.createElement(Box, { maxHeight }, /* @__PURE__ */ React.createElement(FetchComponent, null)))
-  ), /* @__PURE__ */ React.createElement(
-    ReadmeDialog,
-    {
-      open: displayDialog,
-      onClose: () => setDisplayDialog(false)
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      InfoCard,
+      {
+        title: "README",
+        variant,
+        action: variant !== "fullHeight" ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: () => setDisplayDialog(true),
+            "aria-label": "open dialog",
+            role: "button",
+            title: "Open in dialog",
+            size: "large",
+            children: /* @__PURE__ */ jsx(OpenInNewIcon, {})
+          }
+        ) : void 0,
+        children: /* @__PURE__ */ jsx("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ jsx(Box, { maxHeight, children: /* @__PURE__ */ jsx(FetchComponent, {}) }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ReadmeDialog,
+      {
+        open: displayDialog,
+        onClose: () => setDisplayDialog(false)
+      }
+    )
+  ] });
 };
 
 export { ReadmeCard };

package/dist/components/ReadmeCard/ReadmeCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadmeCard.esm.js","sources":["../../../src/components/ReadmeCard/ReadmeCard.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Box from '@mui/material/Box';\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\nimport { FetchComponent } from '../FetchComponent';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { ReadmeDialog } from '../ReadmeDialog/ReadmeDialog';\n\n/**\n * ReadmeCardProps props.\n *\n * @public\n */\n\nexport type ReadmeCardProps = {\n  variant?: InfoCardVariants;\n  maxHeight?: string | number;\n};\n\nexport const ReadmeCard = (props: ReadmeCardProps) => {\n  const { variant = 'gridItem', maxHeight: propMaxHeight } = props;\n  const maxHeight =\n    variant === 'fullHeight' ? 'none' : propMaxHeight ?? '235px';\n\n  const [displayDialog, setDisplayDialog] = useState(false);\n\n  return (\n    <>\n      <InfoCard\n        title=\"README\"\n        variant={variant}\n        action={\n          variant !== 'fullHeight' ? (\n            <IconButton\n              onClick={() => setDisplayDialog(true)}\n              aria-label=\"open dialog\"\n              role=\"button\"\n              title=\"Open in dialog\"\n              size=\"large\"\n            >\n              <OpenInNewIcon />\n            </IconButton>\n          ) : undefined\n        }\n      >\n        <div style={{ overflow: 'auto' }}>\n          <Box maxHeight={maxHeight}>\n            <FetchComponent />\n          </Box>\n        </div>\n      </InfoCard>\n\n      <ReadmeDialog\n        open={displayDialog}\n        onClose={() => setDisplayDialog(false)}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAmBa,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AACpD,EAAA,MAAM,EAAE,OAAA,GAAU,UAAY,EAAA,SAAA,EAAW,eAAkB,GAAA,KAAA,CAAA;AAC3D,EAAA,MAAM,SACJ,GAAA,OAAA,KAAY,YAAe,GAAA,MAAA,GAAS,aAAiB,IAAA,OAAA,CAAA;AAEvD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAExD,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,QAAA;AAAA,MACN,OAAA;AAAA,MACA,MAAA,EACE,YAAY,YACV,mBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,UACpC,YAAW,EAAA,aAAA;AAAA,UACX,IAAK,EAAA,QAAA;AAAA,UACL,KAAM,EAAA,gBAAA;AAAA,UACN,IAAK,EAAA,OAAA;AAAA,SAAA;AAAA,4CAEJ,aAAc,EAAA,IAAA,CAAA;AAAA,OAEf,GAAA,KAAA,CAAA;AAAA,KAAA;AAAA,oBAGL,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,QAAU,EAAA,MAAA,EACtB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAA,kBACF,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,CAClB,CACF,CAAA;AAAA,GAGF,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,aAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,KAAA;AAAA,GAEzC,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ReadmeCard.esm.js","sources":["../../../src/components/ReadmeCard/ReadmeCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Box from '@mui/material/Box';\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\nimport { FetchComponent } from '../FetchComponent';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { ReadmeDialog } from '../ReadmeDialog/ReadmeDialog';\n\n/**\n * ReadmeCardProps props.\n *\n * @public\n */\n\nexport type ReadmeCardProps = {\n  variant?: InfoCardVariants;\n  maxHeight?: string | number;\n};\n\nexport const ReadmeCard = (props: ReadmeCardProps) => {\n  const { variant = 'gridItem', maxHeight: propMaxHeight } = props;\n  const maxHeight =\n    variant === 'fullHeight' ? 'none' : propMaxHeight ?? '235px';\n\n  const [displayDialog, setDisplayDialog] = useState(false);\n\n  return (\n    <>\n      <InfoCard\n        title=\"README\"\n        variant={variant}\n        action={\n          variant !== 'fullHeight' ? (\n            <IconButton\n              onClick={() => setDisplayDialog(true)}\n              aria-label=\"open dialog\"\n              role=\"button\"\n              title=\"Open in dialog\"\n              size=\"large\"\n            >\n              <OpenInNewIcon />\n            </IconButton>\n          ) : undefined\n        }\n      >\n        <div style={{ overflow: 'auto' }}>\n          <Box maxHeight={maxHeight}>\n            <FetchComponent />\n          </Box>\n        </div>\n      </InfoCard>\n\n      <ReadmeDialog\n        open={displayDialog}\n        onClose={() => setDisplayDialog(false)}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAmBa,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AACpD,EAAA,MAAM,EAAE,OAAA,GAAU,UAAY,EAAA,SAAA,EAAW,eAAkB,GAAA,KAAA;AAC3D,EAAA,MAAM,SACJ,GAAA,OAAA,KAAY,YAAe,GAAA,MAAA,GAAS,aAAiB,IAAA,OAAA;AAEvD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AAExD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,QAAA;AAAA,QACN,OAAA;AAAA,QACA,MAAA,EACE,YAAY,YACV,mBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,YACpC,YAAW,EAAA,aAAA;AAAA,YACX,IAAK,EAAA,QAAA;AAAA,YACL,KAAM,EAAA,gBAAA;AAAA,YACN,IAAK,EAAA,OAAA;AAAA,YAEL,8BAAC,aAAc,EAAA,EAAA;AAAA;AAAA,SAEf,GAAA,MAAA;AAAA,QAGN,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,QAAU,EAAA,MAAA,EACtB,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EACH,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,GAClB,CACF,EAAA;AAAA;AAAA,KACF;AAAA,oBAEA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,aAAA;AAAA,QACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,KAAK;AAAA;AAAA;AACvC,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ReadmeDialog/ReadmeDialog.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Button from '@mui/material/Button';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
@@ -8,26 +8,28 @@ import Box from '@mui/material/Box';
 import { FetchComponent } from '../FetchComponent/FetchComponent.esm.js';
 
 const ReadmeDialog = ({ open, onClose }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       maxWidth: "md",
       open,
       onClose,
-      "data-testid": "content-dialog"
-    },
-    /* @__PURE__ */ React.createElement(DialogTitle, null, "README"),
-    /* @__PURE__ */ React.createElement(DialogContent, { dividers: true }, /* @__PURE__ */ React.createElement(Box, { minWidth: 650 }, /* @__PURE__ */ React.createElement(FetchComponent, null))),
-    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "contained",
-        color: "primary",
-        "aria-label": "close",
-        onClick: onClose
-      },
-      "Close"
-    ))
+      "data-testid": "content-dialog",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "README" }),
+        /* @__PURE__ */ jsx(DialogContent, { dividers: true, children: /* @__PURE__ */ jsx(Box, { minWidth: 650, children: /* @__PURE__ */ jsx(FetchComponent, {}) }) }),
+        /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "contained",
+            color: "primary",
+            "aria-label": "close",
+            onClick: onClose,
+            children: "Close"
+          }
+        ) })
+      ]
+    }
   );
 };
 

package/dist/components/ReadmeDialog/ReadmeDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadmeDialog.esm.js","sources":["../../../src/components/ReadmeDialog/ReadmeDialog.tsx"],"sourcesContent":["import React from 'react';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Box from '@mui/material/Box';\nimport { FetchComponent } from '../FetchComponent';\n\ntype Props = {\n  open: boolean;\n  onClose: () => void;\n};\n\nexport const ReadmeDialog = ({ open, onClose }: Props) => {\n  return (\n    <Dialog\n      maxWidth=\"md\"\n      open={open}\n      onClose={onClose}\n      data-testid=\"content-dialog\"\n    >\n      <DialogTitle>README</DialogTitle>\n      <DialogContent dividers>\n        <Box minWidth={650}>\n          <FetchComponent />\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          aria-label=\"close\"\n          onClick={onClose}\n        >\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,YAAe,GAAA,CAAC,EAAE,IAAA,EAAM,SAAqB,KAAA;AACxD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAS,EAAA,IAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAY,EAAA,gBAAA;AAAA,KAAA;AAAA,oBAEZ,KAAA,CAAA,aAAA,CAAC,mBAAY,QAAM,CAAA;AAAA,oBACnB,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,QAAA,EAAQ,IACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,QAAA,EAAU,GACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,IAAA,CAClB,CACF,CAAA;AAAA,wCACC,aACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,YAAW,EAAA,OAAA;AAAA,QACX,OAAS,EAAA,OAAA;AAAA,OAAA;AAAA,MACV,OAAA;AAAA,KAGH,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ReadmeDialog.esm.js","sources":["../../../src/components/ReadmeDialog/ReadmeDialog.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Box from '@mui/material/Box';\nimport { FetchComponent } from '../FetchComponent';\n\ntype Props = {\n  open: boolean;\n  onClose: () => void;\n};\n\nexport const ReadmeDialog = ({ open, onClose }: Props) => {\n  return (\n    <Dialog\n      maxWidth=\"md\"\n      open={open}\n      onClose={onClose}\n      data-testid=\"content-dialog\"\n    >\n      <DialogTitle>README</DialogTitle>\n      <DialogContent dividers>\n        <Box minWidth={650}>\n          <FetchComponent />\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          aria-label=\"close\"\n          onClick={onClose}\n        >\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,YAAe,GAAA,CAAC,EAAE,IAAA,EAAM,SAAqB,KAAA;AACxD,EACE,uBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAS,EAAA,IAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAY,EAAA,gBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,eAAY,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,wBACnB,GAAA,CAAC,aAAc,EAAA,EAAA,QAAA,EAAQ,IACrB,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,QAAA,EAAU,GACb,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,CAAA,EAClB,CACF,EAAA,CAAA;AAAA,4BACC,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,WAAA;AAAA,YACR,KAAM,EAAA,SAAA;AAAA,YACN,YAAW,EAAA,OAAA;AAAA,YACX,OAAS,EAAA,OAAA;AAAA,YACV,QAAA,EAAA;AAAA;AAAA,SAGH,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { InfoCardVariants } from '@backstage/core-components';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { ApiHolder } from '@backstage/core-plugin-api';
@@ -24,7 +23,7 @@ declare const readmePlugin: _backstage_core_plugin_api.BackstagePlugin<{
 /**
  * Readme card exported from the Readme plugin
  * @public */
-declare const ReadmeCard: (props: ReadmeCardProps) => React.JSX.Element;
+declare const ReadmeCard: (props: ReadmeCardProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Checks if a README is available for the given entity by making a request to the backend.

package/dist/plugin.esm.js

@@ -1,4 +1,4 @@
-import { createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, identityApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
+import { createPlugin, createApiFactory, identityApiRef, fetchApiRef, discoveryApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
 import { rootRouteRef } from './routes.esm.js';
 import { readmeApiRef } from './api/ReadmeApi.esm.js';
 import { ReadmeClient } from './api/ReadmeClient.esm.js';

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\nimport { readmeApiRef } from './api/ReadmeApi';\nimport { ReadmeClient } from './api/ReadmeClient';\n\n/**\n * Plugin that provides the Readme api\n * @public */\nexport const readmePlugin = createPlugin({\n  id: 'readme',\n  apis: [\n    createApiFactory({\n      api: readmeApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi, identityApi }) =>\n        new ReadmeClient({ discoveryApi, fetchApi, identityApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * Readme card exported from the Readme plugin\n * @public */\nexport const ReadmeCard = readmePlugin.provide(\n  createRoutableExtension({\n    name: 'ReadmeCard',\n    component: () => import('./components/ReadmeCard').then(m => m.ReadmeCard),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;;AAgBO,MAAM,eAAe,YAAa,CAAA;AAAA,EACvC,EAAI,EAAA,QAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,YAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,QACV,WAAa,EAAA,cAAA;AAAA,OACf;AAAA,MACA,OAAS,EAAA,CAAC,EAAE,YAAA,EAAc,QAAU,EAAA,WAAA,EAClC,KAAA,IAAI,YAAa,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU,aAAa,CAAA;AAAA,KAC3D,CAAA;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAKM,MAAM,aAAa,YAAa,CAAA,OAAA;AAAA,EACrC,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,YAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,sCAAyB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,UAAU,CAAA;AAAA,IACzE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\nimport { readmeApiRef } from './api/ReadmeApi';\nimport { ReadmeClient } from './api/ReadmeClient';\n\n/**\n * Plugin that provides the Readme api\n * @public */\nexport const readmePlugin = createPlugin({\n  id: 'readme',\n  apis: [\n    createApiFactory({\n      api: readmeApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi, identityApi }) =>\n        new ReadmeClient({ discoveryApi, fetchApi, identityApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * Readme card exported from the Readme plugin\n * @public */\nexport const ReadmeCard = readmePlugin.provide(\n  createRoutableExtension({\n    name: 'ReadmeCard',\n    component: () => import('./components/ReadmeCard').then(m => m.ReadmeCard),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;;AAgBO,MAAM,eAAe,YAAa,CAAA;AAAA,EACvC,EAAI,EAAA,QAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,YAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,QACV,WAAa,EAAA;AAAA,OACf;AAAA,MACA,OAAS,EAAA,CAAC,EAAE,YAAA,EAAc,QAAU,EAAA,WAAA,EAClC,KAAA,IAAI,YAAa,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU,aAAa;AAAA,KAC3D;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA;AAEV,CAAC;AAKM,MAAM,aAAa,YAAa,CAAA,OAAA;AAAA,EACrC,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,YAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,sCAAyB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,UAAU,CAAA;AAAA,IACzE,UAAY,EAAA;AAAA,GACb;AACH;;;;"}

package/dist/routes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["import { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'readme',\n});\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA,QAAA;AACN,CAAC;;;;"}
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["import { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'readme',\n});\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-backstage/plugin-readme",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -29,34 +29,43 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.6.0",
-    "@backstage/core-components": "^0.14.10",
-    "@backstage/core-plugin-api": "^1.9.3",
-    "@backstage/errors": "^1.2.4",
-    "@backstage/plugin-catalog-react": "^1.12.3",
-    "@backstage/theme": "^0.5.6",
+    "@backstage/catalog-model": "^1.7.4",
+    "@backstage/core-components": "^0.17.3",
+    "@backstage/core-plugin-api": "^1.10.8",
+    "@backstage/errors": "^1.2.7",
+    "@backstage/plugin-catalog-react": "^1.19.0",
+    "@backstage/theme": "^0.6.6",
     "@mui/icons-material": "^5.15.7",
     "@mui/material": "^5.15.7",
     "react-use": "^17.2.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
-    "react": "^17.0.0 || ^18.0.0"
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.27.0",
-    "@backstage/core-app-api": "^1.14.2",
-    "@backstage/dev-utils": "^1.0.37",
-    "@backstage/test-utils": "^1.5.10",
-    "@testing-library/jest-dom": "6.0.0",
-    "@testing-library/react": "^14.0.0",
+    "@backstage/cli": "^0.33.0",
+    "@backstage/core-app-api": "^1.17.1",
+    "@backstage/dev-utils": "^1.1.11",
+    "@backstage/test-utils": "^1.7.9",
+    "@testing-library/dom": "^10.0.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.0.0",
-    "msw": "^1.0.0"
+    "msw": "^1.3.5"
   },
   "files": [
     "dist"
   ],
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "module": "./dist/index.esm.js",
   "directory": "_release/package"
-}
+}