@backstage/plugin-api-docs 0.11.8-next.3 → 0.11.9-next.0

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @backstage/plugin-api-docs
 
+## 0.11.9-next.0
+
+### Patch Changes
+
+- fec8b57: Updated exports to use the new type parameters for extensions and extension blueprints.
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.8.0-next.0
+  - @backstage/core-compat-api@0.2.9-next.0
+  - @backstage/plugin-catalog-react@1.12.4-next.0
+  - @backstage/plugin-catalog@1.22.1-next.0
+  - @backstage/catalog-model@1.6.0
+  - @backstage/core-components@0.14.10
+  - @backstage/core-plugin-api@1.9.3
+  - @backstage/plugin-catalog-common@1.0.26
+  - @backstage/plugin-permission-react@0.4.25
+
+## 0.11.8
+
+### Patch Changes
+
+- 770ba02: `ConsumingComponentsCard` and `ProvidingComponentsCard` will now optionally accept `columns` to override which table columns are displayed
+- fe1fbb2: Migrating usages of the deprecated `createExtension` `v1` format to the newer `v2` format, and old `create*Extension` extension creators to blueprints.
+- ebfeb40: Added `resolvers` prop to `AsyncApiDefinitionWidget`. This allows to override the default http/https resolvers, for example to add authentication to requests to internal schema registries.
+- 4b6d2cb: Updated dependency `@graphiql/react` to `^0.23.0`.
+- 6582799: Add `tableOptions` to all tables and additionally `title` to API tables.
+- Updated dependencies
+  - @backstage/plugin-catalog@1.22.0
+  - @backstage/frontend-plugin-api@0.7.0
+  - @backstage/plugin-catalog-react@1.12.3
+  - @backstage/core-components@0.14.10
+  - @backstage/core-compat-api@0.2.8
+  - @backstage/catalog-model@1.6.0
+  - @backstage/core-plugin-api@1.9.3
+  - @backstage/plugin-catalog-common@1.0.26
+  - @backstage/plugin-permission-react@0.4.25
+
 ## 0.11.8-next.3
 
 ### Patch Changes

package/README.md

@@ -222,10 +222,6 @@ security:
     - [read_pets, write_pets]
 ```
 
-## Links
-
-- [The Backstage homepage](https://backstage.io)
-
 ### Adding `requestInterceptor` to Swagger UI
 
 To configure a [`requestInterceptor` for Swagger UI](https://github.com/swagger-api/swagger-ui/tree/master/flavors/swagger-ui-react#requestinterceptor-proptypesfunc) you'll need to add the following to your `api.tsx`:
@@ -319,3 +315,62 @@ export const apis: AnyApiFactory[] = [
 
 N.B. if you wish to disable the `Try It Out` feature for your API, you can provide an empty list to
 the `supportedSubmitMethods` parameter.
+
+### Custom Resolvers for AsyncApi
+
+You can override the default http/https resolvers, for example to add authentication to requests to internal schema registries by providing the `resolvers` prop to the `AsyncApiDefinitionWidget`. This is an example:
+
+```tsx
+...
+import {
+  AsyncApiDefinitionWidget,
+  apiDocsConfigRef,
+  defaultDefinitionWidgets,
+} from '@backstage/plugin-api-docs';
+import { ApiEntity } from '@backstage/catalog-model';
+
+export const apis: AnyApiFactory[] = [
+...
+  createApiFactory({
+    api: apiDocsConfigRef,
+    deps: {},
+    factory: () => {
+      const myCustomResolver = {
+        schema: 'https',
+        order: 1,
+        canRead: true,
+        async read(uri: any) {
+          const response = await fetch(request, {
+            headers: {
+              X-Custom: 'Custom',
+            },
+          });
+          return response.text();
+        },
+      };
+
+      const definitionWidgets = defaultDefinitionWidgets().map(obj => {
+        if (obj.type === 'asyncapi') {
+          return {
+            ...obj,
+            component: (definition) => (
+              <AsyncApiDefinitionWidget definition={definition} resolvers={[myCustomResolver]} />
+            ),
+          };
+        }
+        return obj;
+      });
+
+      return {
+        getApiDefinitionWidget: (apiEntity: ApiEntity) => {
+          return definitionWidgets.find(d => d.type === apiEntity.spec.type);
+        },
+      };
+    }
+  })
+]
+```
+
+## Links
+
+- [The Backstage homepage](https://backstage.io)

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-api-docs__alpha",
-  "version": "0.11.8-next.3",
+  "version": "0.11.9-next.0",
   "main": "../dist/alpha.esm.js",
   "module": "../dist/alpha.esm.js",
   "types": "../dist/alpha.d.ts"

package/dist/alpha.d.ts

@@ -1,9 +1,207 @@
+import * as _backstage_catalog_model from '@backstage/catalog-model';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import React__default from 'react';
 
 declare const _default: _backstage_frontend_plugin_api.BackstagePlugin<{
     root: _backstage_frontend_plugin_api.RouteRef<undefined>;
 }, {
     registerApi: _backstage_frontend_plugin_api.ExternalRouteRef<undefined>;
-}, {}>;
+}, {
+    "nav-item:api-docs": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "nav-item";
+        namespace: undefined;
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
+            title: string;
+            icon: _backstage_core_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        }, "core.nav-item.target", {}>;
+        inputs: {};
+    }>;
+    "api:api-docs/config": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "api";
+        namespace: undefined;
+        name: "config";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+    }>;
+    "page:api-docs": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        config: {
+            initiallySelectedFilter: "all" | "owned" | "starred" | undefined;
+        } & {
+            path: string | undefined;
+        };
+        configInput: {
+            initiallySelectedFilter?: "all" | "owned" | "starred" | undefined;
+        } & {
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }>;
+        inputs: {
+            [x: string]: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.AnyExtensionDataRef, {
+                optional: boolean;
+                singleton: boolean;
+            }>;
+        };
+        kind: "page";
+        namespace: undefined;
+        name: undefined;
+    }>;
+    "entity-card:api-docs/has-apis": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-card";
+        namespace: undefined;
+        name: "has-apis";
+        config: {
+            filter: string | undefined;
+        };
+        configInput: {
+            filter?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }>;
+        inputs: {};
+    }>;
+    "entity-card:api-docs/definition": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-card";
+        namespace: undefined;
+        name: "definition";
+        config: {
+            filter: string | undefined;
+        };
+        configInput: {
+            filter?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }>;
+        inputs: {};
+    }>;
+    "entity-card:api-docs/consumed-apis": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-card";
+        namespace: undefined;
+        name: "consumed-apis";
+        config: {
+            filter: string | undefined;
+        };
+        configInput: {
+            filter?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }>;
+        inputs: {};
+    }>;
+    "entity-card:api-docs/provided-apis": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-card";
+        namespace: undefined;
+        name: "provided-apis";
+        config: {
+            filter: string | undefined;
+        };
+        configInput: {
+            filter?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }>;
+        inputs: {};
+    }>;
+    "entity-card:api-docs/consuming-components": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-card";
+        namespace: undefined;
+        name: "consuming-components";
+        config: {
+            filter: string | undefined;
+        };
+        configInput: {
+            filter?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }>;
+        inputs: {};
+    }>;
+    "entity-card:api-docs/providing-components": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-card";
+        namespace: undefined;
+        name: "providing-components";
+        config: {
+            filter: string | undefined;
+        };
+        configInput: {
+            filter?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }>;
+        inputs: {};
+    }>;
+    "entity-content:api-docs/definition": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-content";
+        namespace: undefined;
+        name: "definition";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+            filter: string | undefined;
+        };
+        configInput: {
+            filter?: string | undefined;
+            title?: string | undefined;
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }>;
+        inputs: {};
+    }>;
+    "entity-content:api-docs/apis": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-content";
+        namespace: undefined;
+        name: "apis";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+            filter: string | undefined;
+        };
+        configInput: {
+            filter?: string | undefined;
+            title?: string | undefined;
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }>;
+        inputs: {};
+    }>;
+}>;
 
 export { _default as default };

package/dist/alpha.esm.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import Grid from '@material-ui/core/Grid';
-import { createNavItemExtension, createApiExtension, createApiFactory, createPageExtension, createSchemaFromZod, createPlugin } from '@backstage/frontend-plugin-api';
+import { NavItemBlueprint, ApiBlueprint, createApiFactory, PageBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
 import { convertLegacyRouteRef, compatWrapper } from '@backstage/core-compat-api';
-import { createEntityCardExtension, createEntityContentExtension } from '@backstage/plugin-catalog-react/alpha';
 import { RELATION_HAS_PART, parseEntityRef } from '@backstage/catalog-model';
 import '@backstage/plugin-catalog-react';
 import '@material-ui/lab/Alert';
@@ -12,132 +11,156 @@ import '@backstage/core-plugin-api';
 import { defaultDefinitionWidgets } from './components/ApiDefinitionCard/ApiDefinitionWidget.esm.js';
 import '@material-ui/core/Typography';
 import { rootRoute, registerComponentRouteRef } from './routes.esm.js';
+import { EntityCardBlueprint, EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
 
-const apiDocsNavItem = createNavItemExtension({
-  title: "APIs",
-  routeRef: convertLegacyRouteRef(rootRoute),
-  icon: () => compatWrapper(/* @__PURE__ */ React.createElement(AppIcon, { id: "kind:api" }))
+const apiDocsNavItem = NavItemBlueprint.make({
+  params: {
+    title: "APIs",
+    routeRef: convertLegacyRouteRef(rootRoute),
+    icon: () => compatWrapper(/* @__PURE__ */ React.createElement(AppIcon, { id: "kind:api" }))
+  }
 });
-const apiDocsConfigApi = createApiExtension({
-  factory: createApiFactory({
-    api: apiDocsConfigRef,
-    deps: {},
-    factory: () => {
-      const definitionWidgets = defaultDefinitionWidgets();
-      return {
-        getApiDefinitionWidget: (apiEntity) => {
-          return definitionWidgets.find((d) => d.type === apiEntity.spec.type);
-        }
-      };
-    }
-  })
+const apiDocsConfigApi = ApiBlueprint.make({
+  name: "config",
+  params: {
+    factory: createApiFactory({
+      api: apiDocsConfigRef,
+      deps: {},
+      factory: () => {
+        const definitionWidgets = defaultDefinitionWidgets();
+        return {
+          getApiDefinitionWidget: (apiEntity) => {
+            return definitionWidgets.find((d) => d.type === apiEntity.spec.type);
+          }
+        };
+      }
+    })
+  }
 });
-const apiDocsExplorerPage = createPageExtension({
-  defaultPath: "/api-docs",
-  routeRef: convertLegacyRouteRef(rootRoute),
-  // Mapping DefaultApiExplorerPageProps to config
-  configSchema: createSchemaFromZod(
-    (z) => z.object({
-      path: z.string().default("/api-docs"),
-      initiallySelectedFilter: z.enum(["owned", "starred", "all"]).optional()
+const apiDocsExplorerPage = PageBlueprint.makeWithOverrides({
+  config: {
+    schema: {
       // Ommiting columns and actions for now as their types are too complex to map to zod
-    })
-  ),
-  loader: ({ config }) => import('./components/ApiExplorerPage/index.esm.js').then(
-    (m) => compatWrapper(
-      /* @__PURE__ */ React.createElement(
-        m.ApiExplorerIndexPage,
-        {
-          initiallySelectedFilter: config.initiallySelectedFilter
-        }
+      initiallySelectedFilter: (z) => z.enum(["owned", "starred", "all"]).optional()
+    }
+  },
+  factory(originalFactory, { config }) {
+    return originalFactory({
+      defaultPath: "/api-docs",
+      routeRef: convertLegacyRouteRef(rootRoute),
+      loader: () => import('./components/ApiExplorerPage/index.esm.js').then(
+        (m) => compatWrapper(
+          /* @__PURE__ */ React.createElement(
+            m.ApiExplorerIndexPage,
+            {
+              initiallySelectedFilter: config.initiallySelectedFilter
+            }
+          )
+        )
       )
-    )
-  )
+    });
+  }
 });
-const apiDocsHasApisEntityCard = createEntityCardExtension({
+const apiDocsHasApisEntityCard = EntityCardBlueprint.make({
   name: "has-apis",
-  // Ommiting configSchema for now
-  // We are skipping variants and columns are too complex to map to zod
-  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
-  filter: (entity) => {
-    return entity.kind === "Component" && entity.relations?.some(
-      ({ type, targetRef }) => type.toLocaleLowerCase("en-US") === RELATION_HAS_PART && parseEntityRef(targetRef).kind === "API"
-    );
-  },
-  loader: () => import('./components/ApisCards/index.esm.js').then(
-    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.HasApisCard, null))
-  )
+  params: {
+    // Ommiting configSchema for now
+    // We are skipping variants and columns are too complex to map to zod
+    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
+    filter: (entity) => {
+      return entity.kind === "Component" && entity.relations?.some(
+        ({ type, targetRef }) => type.toLocaleLowerCase("en-US") === RELATION_HAS_PART && parseEntityRef(targetRef).kind === "API"
+      );
+    },
+    loader: () => import('./components/ApisCards/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.HasApisCard, null))
+    )
+  }
 });
-const apiDocsDefinitionEntityCard = createEntityCardExtension({
+const apiDocsDefinitionEntityCard = EntityCardBlueprint.make({
   name: "definition",
-  filter: "kind:api",
-  loader: () => import('./components/ApiDefinitionCard/index.esm.js').then(
-    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ApiDefinitionCard, null))
-  )
+  params: {
+    filter: "kind:api",
+    loader: () => import('./components/ApiDefinitionCard/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ApiDefinitionCard, null))
+    )
+  }
 });
-const apiDocsConsumedApisEntityCard = createEntityCardExtension({
+const apiDocsConsumedApisEntityCard = EntityCardBlueprint.make({
   name: "consumed-apis",
-  // Ommiting configSchema for now
-  // We are skipping variants and columns are too complex to map to zod
-  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
-  filter: "kind:component",
-  loader: () => import('./components/ApisCards/index.esm.js').then(
-    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ConsumedApisCard, null))
-  )
+  params: {
+    // Ommiting configSchema for now
+    // We are skipping variants and columns are too complex to map to zod
+    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
+    filter: "kind:component",
+    loader: () => import('./components/ApisCards/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ConsumedApisCard, null))
+    )
+  }
 });
-const apiDocsProvidedApisEntityCard = createEntityCardExtension({
+const apiDocsProvidedApisEntityCard = EntityCardBlueprint.make({
   name: "provided-apis",
-  // Ommiting configSchema for now
-  // We are skipping variants and columns are too complex to map to zod
-  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
-  filter: "kind:component",
-  loader: () => import('./components/ApisCards/index.esm.js').then(
-    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ProvidedApisCard, null))
-  )
+  params: {
+    // Ommiting configSchema for now
+    // We are skipping variants and columns are too complex to map to zod
+    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
+    filter: "kind:component",
+    loader: () => import('./components/ApisCards/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ProvidedApisCard, null))
+    )
+  }
 });
-const apiDocsConsumingComponentsEntityCard = createEntityCardExtension({
+const apiDocsConsumingComponentsEntityCard = EntityCardBlueprint.make({
   name: "consuming-components",
-  // Ommiting configSchema for now
-  // We are skipping variants
-  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
-  filter: "kind:api",
-  loader: () => import('./components/ComponentsCards/index.esm.js').then(
-    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ConsumingComponentsCard, null))
-  )
+  params: {
+    // Ommiting configSchema for now
+    // We are skipping variants
+    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
+    filter: "kind:api",
+    loader: () => import('./components/ComponentsCards/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ConsumingComponentsCard, null))
+    )
+  }
 });
-const apiDocsProvidingComponentsEntityCard = createEntityCardExtension({
+const apiDocsProvidingComponentsEntityCard = EntityCardBlueprint.make({
   name: "providing-components",
-  // Ommiting configSchema for now
-  // We are skipping variants
-  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
-  filter: "kind:api",
-  loader: () => import('./components/ComponentsCards/index.esm.js').then(
-    (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ProvidingComponentsCard, null))
-  )
+  params: {
+    // Ommiting configSchema for now
+    // We are skipping variants
+    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
+    filter: "kind:api",
+    loader: () => import('./components/ComponentsCards/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.ProvidingComponentsCard, null))
+    )
+  }
 });
-const apiDocsDefinitionEntityContent = createEntityContentExtension({
+const apiDocsDefinitionEntityContent = EntityContentBlueprint.make({
   name: "definition",
-  defaultPath: "/defintion",
-  defaultTitle: "Definition",
-  filter: "kind:api",
-  loader: async () => import('./components/ApiDefinitionCard/index.esm.js').then(
-    (m) => compatWrapper(
-      /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(m.ApiDefinitionCard, null)))
+  params: {
+    defaultPath: "/defintion",
+    defaultTitle: "Definition",
+    filter: "kind:api",
+    loader: async () => import('./components/ApiDefinitionCard/index.esm.js').then(
+      (m) => compatWrapper(
+        /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(m.ApiDefinitionCard, null)))
+      )
     )
-  )
+  }
 });
-const apiDocsApisEntityContent = createEntityContentExtension({
+const apiDocsApisEntityContent = EntityContentBlueprint.make({
   name: "apis",
-  defaultPath: "/apis",
-  defaultTitle: "APIs",
-  filter: "kind:component",
-  loader: async () => import('./components/ApisCards/index.esm.js').then(
-    (m) => compatWrapper(
-      /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, alignItems: "stretch" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(m.ProvidedApisCard, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(m.ConsumedApisCard, null)))
+  params: {
+    defaultPath: "/apis",
+    defaultTitle: "APIs",
+    filter: "kind:component",
+    loader: async () => import('./components/ApisCards/index.esm.js').then(
+      (m) => compatWrapper(
+        /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, alignItems: "stretch" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(m.ProvidedApisCard, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(m.ConsumedApisCard, null)))
+      )
     )
-  )
+  }
 });
-var alpha = createPlugin({
+var alpha = createFrontendPlugin({
   id: "api-docs",
   routes: {
     root: convertLegacyRouteRef(rootRoute)

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 Grid from '@material-ui/core/Grid';\n\nimport {\n  createApiExtension,\n  createApiFactory,\n  createNavItemExtension,\n  createPageExtension,\n  createPlugin,\n  createSchemaFromZod,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\n\nimport {\n  createEntityCardExtension,\n  createEntityContentExtension,\n} from '@backstage/plugin-catalog-react/alpha';\nimport {\n  ApiEntity,\n  parseEntityRef,\n  RELATION_HAS_PART,\n} from '@backstage/catalog-model';\n\nimport { defaultDefinitionWidgets } from './components/ApiDefinitionCard';\nimport { rootRoute, registerComponentRouteRef } from './routes';\nimport { apiDocsConfigRef } from './config';\nimport { AppIcon } from '@backstage/core-components';\n\nconst apiDocsNavItem = createNavItemExtension({\n  title: 'APIs',\n  routeRef: convertLegacyRouteRef(rootRoute),\n  icon: () => compatWrapper(<AppIcon id=\"kind:api\" />),\n});\n\nconst apiDocsConfigApi = createApiExtension({\n  factory: createApiFactory({\n    api: apiDocsConfigRef,\n    deps: {},\n    factory: () => {\n      const definitionWidgets = defaultDefinitionWidgets();\n      return {\n        getApiDefinitionWidget: (apiEntity: ApiEntity) => {\n          return definitionWidgets.find(d => d.type === apiEntity.spec.type);\n        },\n      };\n    },\n  }),\n});\n\nconst apiDocsExplorerPage = createPageExtension({\n  defaultPath: '/api-docs',\n  routeRef: convertLegacyRouteRef(rootRoute),\n  // Mapping DefaultApiExplorerPageProps to config\n  configSchema: createSchemaFromZod(z =>\n    z.object({\n      path: z.string().default('/api-docs'),\n      initiallySelectedFilter: z.enum(['owned', 'starred', 'all']).optional(),\n      // Ommiting columns and actions for now as their types are too complex to map to zod\n    }),\n  ),\n  loader: ({ config }) =>\n    import('./components/ApiExplorerPage').then(m =>\n      compatWrapper(\n        <m.ApiExplorerIndexPage\n          initiallySelectedFilter={config.initiallySelectedFilter}\n        />,\n      ),\n    ),\n});\n\nconst apiDocsHasApisEntityCard = createEntityCardExtension({\n  name: 'has-apis',\n  // Ommiting configSchema for now\n  // We are skipping variants and columns are too complex to map to zod\n  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n  filter: entity => {\n    return (\n      entity.kind === 'Component' &&\n      entity.relations?.some(\n        ({ type, targetRef }) =>\n          type.toLocaleLowerCase('en-US') === RELATION_HAS_PART &&\n          parseEntityRef(targetRef).kind === 'API',\n      )!!\n    );\n  },\n  loader: () =>\n    import('./components/ApisCards').then(m =>\n      compatWrapper(<m.HasApisCard />),\n    ),\n});\n\nconst apiDocsDefinitionEntityCard = createEntityCardExtension({\n  name: 'definition',\n  filter: 'kind:api',\n  loader: () =>\n    import('./components/ApiDefinitionCard').then(m =>\n      compatWrapper(<m.ApiDefinitionCard />),\n    ),\n});\n\nconst apiDocsConsumedApisEntityCard = createEntityCardExtension({\n  name: 'consumed-apis',\n  // Ommiting configSchema for now\n  // We are skipping variants and columns are too complex to map to zod\n  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n  filter: 'kind:component',\n  loader: () =>\n    import('./components/ApisCards').then(m =>\n      compatWrapper(<m.ConsumedApisCard />),\n    ),\n});\n\nconst apiDocsProvidedApisEntityCard = createEntityCardExtension({\n  name: 'provided-apis',\n  // Ommiting configSchema for now\n  // We are skipping variants and columns are too complex to map to zod\n  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n  filter: 'kind:component',\n  loader: () =>\n    import('./components/ApisCards').then(m =>\n      compatWrapper(<m.ProvidedApisCard />),\n    ),\n});\n\nconst apiDocsConsumingComponentsEntityCard = createEntityCardExtension({\n  name: 'consuming-components',\n  // Ommiting configSchema for now\n  // We are skipping variants\n  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n  filter: 'kind:api',\n  loader: () =>\n    import('./components/ComponentsCards').then(m =>\n      compatWrapper(<m.ConsumingComponentsCard />),\n    ),\n});\n\nconst apiDocsProvidingComponentsEntityCard = createEntityCardExtension({\n  name: 'providing-components',\n  // Ommiting configSchema for now\n  // We are skipping variants\n  // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n  filter: 'kind:api',\n  loader: () =>\n    import('./components/ComponentsCards').then(m =>\n      compatWrapper(<m.ProvidingComponentsCard />),\n    ),\n});\n\nconst apiDocsDefinitionEntityContent = createEntityContentExtension({\n  name: 'definition',\n  defaultPath: '/defintion',\n  defaultTitle: 'Definition',\n  filter: 'kind:api',\n  loader: async () =>\n    import('./components/ApiDefinitionCard').then(m =>\n      compatWrapper(\n        <Grid container spacing={3}>\n          <Grid item xs={12}>\n            <m.ApiDefinitionCard />\n          </Grid>\n        </Grid>,\n      ),\n    ),\n});\n\nconst apiDocsApisEntityContent = createEntityContentExtension({\n  name: 'apis',\n  defaultPath: '/apis',\n  defaultTitle: 'APIs',\n  filter: 'kind:component',\n  loader: async () =>\n    import('./components/ApisCards').then(m =>\n      compatWrapper(\n        <Grid container spacing={3} alignItems=\"stretch\">\n          <Grid item xs={12}>\n            <m.ProvidedApisCard />\n          </Grid>\n          <Grid item xs={12}>\n            <m.ConsumedApisCard />\n          </Grid>\n        </Grid>,\n      ),\n    ),\n});\n\nexport default createPlugin({\n  id: 'api-docs',\n  routes: {\n    root: convertLegacyRouteRef(rootRoute),\n  },\n  externalRoutes: {\n    registerApi: convertLegacyRouteRef(registerComponentRouteRef),\n  },\n  extensions: [\n    apiDocsNavItem,\n    apiDocsConfigApi,\n    apiDocsExplorerPage,\n    apiDocsHasApisEntityCard,\n    apiDocsDefinitionEntityCard,\n    apiDocsProvidedApisEntityCard,\n    apiDocsConsumedApisEntityCard,\n    apiDocsConsumingComponentsEntityCard,\n    apiDocsProvidingComponentsEntityCard,\n    apiDocsDefinitionEntityContent,\n    apiDocsApisEntityContent,\n  ],\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 Grid from '@material-ui/core/Grid';\n\nimport {\n  ApiBlueprint,\n  NavItemBlueprint,\n  PageBlueprint,\n  createApiFactory,\n  createFrontendPlugin,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\n\nimport {\n  ApiEntity,\n  parseEntityRef,\n  RELATION_HAS_PART,\n} from '@backstage/catalog-model';\n\nimport { defaultDefinitionWidgets } from './components/ApiDefinitionCard';\nimport { rootRoute, registerComponentRouteRef } from './routes';\nimport { apiDocsConfigRef } from './config';\nimport { AppIcon } from '@backstage/core-components';\n\nimport {\n  EntityCardBlueprint,\n  EntityContentBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\n\nconst apiDocsNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'APIs',\n    routeRef: convertLegacyRouteRef(rootRoute),\n    icon: () => compatWrapper(<AppIcon id=\"kind:api\" />),\n  },\n});\n\nconst apiDocsConfigApi = ApiBlueprint.make({\n  name: 'config',\n  params: {\n    factory: createApiFactory({\n      api: apiDocsConfigRef,\n      deps: {},\n      factory: () => {\n        const definitionWidgets = defaultDefinitionWidgets();\n        return {\n          getApiDefinitionWidget: (apiEntity: ApiEntity) => {\n            return definitionWidgets.find(d => d.type === apiEntity.spec.type);\n          },\n        };\n      },\n    }),\n  },\n});\n\nconst apiDocsExplorerPage = PageBlueprint.makeWithOverrides({\n  config: {\n    schema: {\n      // Ommiting columns and actions for now as their types are too complex to map to zod\n      initiallySelectedFilter: z =>\n        z.enum(['owned', 'starred', 'all']).optional(),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      defaultPath: '/api-docs',\n      routeRef: convertLegacyRouteRef(rootRoute),\n      loader: () =>\n        import('./components/ApiExplorerPage').then(m =>\n          compatWrapper(\n            <m.ApiExplorerIndexPage\n              initiallySelectedFilter={config.initiallySelectedFilter}\n            />,\n          ),\n        ),\n    });\n  },\n});\n\nconst apiDocsHasApisEntityCard = EntityCardBlueprint.make({\n  name: 'has-apis',\n  params: {\n    // Ommiting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: entity => {\n      return (\n        entity.kind === 'Component' &&\n        entity.relations?.some(\n          ({ type, targetRef }) =>\n            type.toLocaleLowerCase('en-US') === RELATION_HAS_PART &&\n            parseEntityRef(targetRef).kind === 'API',\n        )!!\n      );\n    },\n    loader: () =>\n      import('./components/ApisCards').then(m =>\n        compatWrapper(<m.HasApisCard />),\n      ),\n  },\n});\n\nconst apiDocsDefinitionEntityCard = EntityCardBlueprint.make({\n  name: 'definition',\n  params: {\n    filter: 'kind:api',\n    loader: () =>\n      import('./components/ApiDefinitionCard').then(m =>\n        compatWrapper(<m.ApiDefinitionCard />),\n      ),\n  },\n});\n\nconst apiDocsConsumedApisEntityCard = EntityCardBlueprint.make({\n  name: 'consumed-apis',\n  params: {\n    // Ommiting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: 'kind:component',\n    loader: () =>\n      import('./components/ApisCards').then(m =>\n        compatWrapper(<m.ConsumedApisCard />),\n      ),\n  },\n});\n\nconst apiDocsProvidedApisEntityCard = EntityCardBlueprint.make({\n  name: 'provided-apis',\n  params: {\n    // Ommiting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: 'kind:component',\n    loader: () =>\n      import('./components/ApisCards').then(m =>\n        compatWrapper(<m.ProvidedApisCard />),\n      ),\n  },\n});\n\nconst apiDocsConsumingComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'consuming-components',\n  params: {\n    // Ommiting configSchema for now\n    // We are skipping variants\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: 'kind:api',\n    loader: () =>\n      import('./components/ComponentsCards').then(m =>\n        compatWrapper(<m.ConsumingComponentsCard />),\n      ),\n  },\n});\n\nconst apiDocsProvidingComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'providing-components',\n  params: {\n    // Ommiting configSchema for now\n    // We are skipping variants\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: 'kind:api',\n    loader: () =>\n      import('./components/ComponentsCards').then(m =>\n        compatWrapper(<m.ProvidingComponentsCard />),\n      ),\n  },\n});\n\nconst apiDocsDefinitionEntityContent = EntityContentBlueprint.make({\n  name: 'definition',\n  params: {\n    defaultPath: '/defintion',\n    defaultTitle: 'Definition',\n    filter: 'kind:api',\n    loader: async () =>\n      import('./components/ApiDefinitionCard').then(m =>\n        compatWrapper(\n          <Grid container spacing={3}>\n            <Grid item xs={12}>\n              <m.ApiDefinitionCard />\n            </Grid>\n          </Grid>,\n        ),\n      ),\n  },\n});\n\nconst apiDocsApisEntityContent = EntityContentBlueprint.make({\n  name: 'apis',\n  params: {\n    defaultPath: '/apis',\n    defaultTitle: 'APIs',\n    filter: 'kind:component',\n    loader: async () =>\n      import('./components/ApisCards').then(m =>\n        compatWrapper(\n          <Grid container spacing={3} alignItems=\"stretch\">\n            <Grid item xs={12}>\n              <m.ProvidedApisCard />\n            </Grid>\n            <Grid item xs={12}>\n              <m.ConsumedApisCard />\n            </Grid>\n          </Grid>,\n        ),\n      ),\n  },\n});\n\nexport default createFrontendPlugin({\n  id: 'api-docs',\n  routes: {\n    root: convertLegacyRouteRef(rootRoute),\n  },\n  externalRoutes: {\n    registerApi: convertLegacyRouteRef(registerComponentRouteRef),\n  },\n  extensions: [\n    apiDocsNavItem,\n    apiDocsConfigApi,\n    apiDocsExplorerPage,\n    apiDocsHasApisEntityCard,\n    apiDocsDefinitionEntityCard,\n    apiDocsProvidedApisEntityCard,\n    apiDocsConsumedApisEntityCard,\n    apiDocsConsumingComponentsEntityCard,\n    apiDocsProvidingComponentsEntityCard,\n    apiDocsDefinitionEntityContent,\n    apiDocsApisEntityContent,\n  ],\n});\n"],"names":[],"mappings":"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"}

package/dist/components/AsyncApiDefinitionWidget/AsyncApiDefinition.esm.js

@@ -143,19 +143,25 @@ const httpFetchResolver = {
     return response.text();
   }
 };
-const config = {
-  parserOptions: {
-    __unstable: {
-      resolver: {
-        resolvers: [httpsFetchResolver, httpFetchResolver]
-      }
-    }
-  }
-};
-const AsyncApiDefinition = ({ definition }) => {
+const AsyncApiDefinition = ({
+  definition,
+  resolvers
+}) => {
   const classes = useStyles();
   const theme = useTheme();
   const classNames = `${classes.root} ${theme.palette.type === "dark" ? classes.dark : ""}`;
+  const config = {
+    parserOptions: {
+      __unstable: {
+        resolver: {
+          resolvers: [httpsFetchResolver, httpFetchResolver]
+        }
+      }
+    }
+  };
+  if (resolvers) {
+    config.parserOptions.__unstable.resolver.resolvers = resolvers;
+  }
   return /* @__PURE__ */ React.createElement("div", { className: classNames }, /* @__PURE__ */ React.createElement(AsyncApi, { schema: definition, config }));
 };
 

package/dist/components/AsyncApiDefinitionWidget/AsyncApiDefinition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncApiDefinition.esm.js","sources":["../../../src/components/AsyncApiDefinitionWidget/AsyncApiDefinition.tsx"],"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 AsyncApi from '@asyncapi/react-component';\nimport '@asyncapi/react-component/styles/default.css';\nimport { makeStyles, alpha, darken } from '@material-ui/core/styles';\nimport React from 'react';\nimport { useTheme } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    fontFamily: 'inherit',\n    '& .bg-white': {\n      background: 'none',\n    },\n    '& .text-4xl': {\n      ...theme.typography.h3,\n    },\n    ' & h2': {\n      ...theme.typography.h4,\n    },\n    '& .border': {\n      borderColor: alpha(theme.palette.border, 0.1),\n    },\n    '& .min-w-min': {\n      minWidth: 'fit-content',\n    },\n    '& .examples': {\n      padding: '1rem',\n    },\n    '& .bg-teal-500': {\n      backgroundColor: theme.palette.status.ok,\n    },\n    '& .bg-blue-500': {\n      backgroundColor: theme.palette.info.main,\n    },\n    '& .bg-blue-400': {\n      backgroundColor: theme.palette.info.light,\n    },\n    '& .bg-indigo-400': {\n      backgroundColor: theme.palette.warning.main,\n    },\n    '& .text-teal-50': {\n      color: theme.palette.status.ok,\n    },\n    '& .text-red-600': {\n      color: theme.palette.error.main,\n    },\n    '& .text-orange-600': {\n      color: theme.palette.warning.main,\n    },\n    '& .text-teal-500': {\n      color: theme.palette.status.ok,\n    },\n    '& .text-blue-500': {\n      color: theme.palette.info.main,\n    },\n    '& .-rotate-90': {\n      '--tw-rotate': '0deg',\n    },\n    '& button': {\n      ...theme.typography.button,\n      borderRadius: theme.shape.borderRadius,\n      color: theme.palette.primary.main,\n      // override whatever may be in the theme's typography to ensure consistency with asyncapi\n      textTransform: 'inherit',\n    },\n    '& a': {\n      color: theme.palette.link,\n    },\n    '& a.no-underline': {\n      ...theme.typography.button,\n      background: 'none',\n      boxSizing: 'border-box',\n      minWidth: 64,\n      borderRadius: theme.shape.borderRadius,\n      transition: theme.transitions.create(\n        ['background-color', 'box-shadow', 'border'],\n        {\n          duration: theme.transitions.duration.short,\n        },\n      ),\n      padding: '5px 15px',\n      color: theme.palette.primary.main,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.5)}`,\n      '&:hover': {\n        textDecoration: 'none',\n        border: `1px solid ${theme.palette.primary.main}`,\n        backgroundColor: alpha(\n          theme.palette.primary.main,\n          theme.palette.action.hoverOpacity,\n        ),\n      },\n    },\n    '& li.no-underline': {\n      '& a': {\n        textDecoration: 'none',\n        color: theme.palette.getContrastText(theme.palette.primary.main),\n      },\n    },\n  },\n  dark: {\n    '& svg': {\n      fill: theme.palette.text.primary,\n    },\n    '& .prose': {\n      color: theme.palette.text.secondary,\n      '& h3': {\n        color: theme.palette.text.primary,\n      },\n    },\n    '& .bg-gray-100, .bg-gray-200': {\n      backgroundColor: theme.palette.background.default,\n    },\n    '& .text-gray-600': {\n      color: theme.palette.grey['50'],\n    },\n    '& .text-gray-700': {\n      color: theme.palette.grey['100'],\n    },\n    '& .panel--right': {\n      background: darken(theme.palette.navigation.background, 0.1),\n    },\n    '& .examples': {\n      backgroundColor: darken(theme.palette.navigation.background, 0.1),\n      '& pre': {\n        backgroundColor: darken(theme.palette.background.default, 0.2),\n      },\n    },\n  },\n}));\n\nconst httpsFetchResolver = {\n  schema: 'https',\n  order: 1,\n  canRead: true,\n  async read(uri: any) {\n    const response = await fetch(uri.toString());\n    return response.text();\n  },\n};\n\nconst httpFetchResolver = {\n  schema: 'http',\n  order: 1,\n  canRead: true,\n  async read(uri: any) {\n    const response = await fetch(uri.toString());\n    return response.text();\n  },\n};\n\nconst config = {\n  parserOptions: {\n    __unstable: {\n      resolver: {\n        resolvers: [httpsFetchResolver, httpFetchResolver],\n      },\n    },\n  },\n};\n\ntype Props = {\n  definition: string;\n};\n\nexport const AsyncApiDefinition = ({ definition }: Props): JSX.Element => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const classNames = `${classes.root} ${\n    theme.palette.type === 'dark' ? classes.dark : ''\n  }`;\n\n  return (\n    <div className={classNames}>\n      <AsyncApi schema={definition} config={config} />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AsyncApiDefinition.esm.js","sources":["../../../src/components/AsyncApiDefinitionWidget/AsyncApiDefinition.tsx"],"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 AsyncApi from '@asyncapi/react-component';\nimport '@asyncapi/react-component/styles/default.css';\nimport { makeStyles, alpha, darken } from '@material-ui/core/styles';\nimport React from 'react';\nimport { useTheme } from '@material-ui/core/styles';\n\n/** @public */\nexport type AsyncApiResolver = {\n  schema: string;\n  order: number;\n  canRead: boolean;\n  read(uri: any): Promise<string>;\n};\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    fontFamily: 'inherit',\n    '& .bg-white': {\n      background: 'none',\n    },\n    '& .text-4xl': {\n      ...theme.typography.h3,\n    },\n    ' & h2': {\n      ...theme.typography.h4,\n    },\n    '& .border': {\n      borderColor: alpha(theme.palette.border, 0.1),\n    },\n    '& .min-w-min': {\n      minWidth: 'fit-content',\n    },\n    '& .examples': {\n      padding: '1rem',\n    },\n    '& .bg-teal-500': {\n      backgroundColor: theme.palette.status.ok,\n    },\n    '& .bg-blue-500': {\n      backgroundColor: theme.palette.info.main,\n    },\n    '& .bg-blue-400': {\n      backgroundColor: theme.palette.info.light,\n    },\n    '& .bg-indigo-400': {\n      backgroundColor: theme.palette.warning.main,\n    },\n    '& .text-teal-50': {\n      color: theme.palette.status.ok,\n    },\n    '& .text-red-600': {\n      color: theme.palette.error.main,\n    },\n    '& .text-orange-600': {\n      color: theme.palette.warning.main,\n    },\n    '& .text-teal-500': {\n      color: theme.palette.status.ok,\n    },\n    '& .text-blue-500': {\n      color: theme.palette.info.main,\n    },\n    '& .-rotate-90': {\n      '--tw-rotate': '0deg',\n    },\n    '& button': {\n      ...theme.typography.button,\n      borderRadius: theme.shape.borderRadius,\n      color: theme.palette.primary.main,\n      // override whatever may be in the theme's typography to ensure consistency with asyncapi\n      textTransform: 'inherit',\n    },\n    '& a': {\n      color: theme.palette.link,\n    },\n    '& a.no-underline': {\n      ...theme.typography.button,\n      background: 'none',\n      boxSizing: 'border-box',\n      minWidth: 64,\n      borderRadius: theme.shape.borderRadius,\n      transition: theme.transitions.create(\n        ['background-color', 'box-shadow', 'border'],\n        {\n          duration: theme.transitions.duration.short,\n        },\n      ),\n      padding: '5px 15px',\n      color: theme.palette.primary.main,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.5)}`,\n      '&:hover': {\n        textDecoration: 'none',\n        border: `1px solid ${theme.palette.primary.main}`,\n        backgroundColor: alpha(\n          theme.palette.primary.main,\n          theme.palette.action.hoverOpacity,\n        ),\n      },\n    },\n    '& li.no-underline': {\n      '& a': {\n        textDecoration: 'none',\n        color: theme.palette.getContrastText(theme.palette.primary.main),\n      },\n    },\n  },\n  dark: {\n    '& svg': {\n      fill: theme.palette.text.primary,\n    },\n    '& .prose': {\n      color: theme.palette.text.secondary,\n      '& h3': {\n        color: theme.palette.text.primary,\n      },\n    },\n    '& .bg-gray-100, .bg-gray-200': {\n      backgroundColor: theme.palette.background.default,\n    },\n    '& .text-gray-600': {\n      color: theme.palette.grey['50'],\n    },\n    '& .text-gray-700': {\n      color: theme.palette.grey['100'],\n    },\n    '& .panel--right': {\n      background: darken(theme.palette.navigation.background, 0.1),\n    },\n    '& .examples': {\n      backgroundColor: darken(theme.palette.navigation.background, 0.1),\n      '& pre': {\n        backgroundColor: darken(theme.palette.background.default, 0.2),\n      },\n    },\n  },\n}));\n\nconst httpsFetchResolver: AsyncApiResolver = {\n  schema: 'https',\n  order: 1,\n  canRead: true,\n  async read(uri: any) {\n    const response = await fetch(uri.toString());\n    return response.text();\n  },\n};\n\nconst httpFetchResolver: AsyncApiResolver = {\n  schema: 'http',\n  order: 1,\n  canRead: true,\n  async read(uri: any) {\n    const response = await fetch(uri.toString());\n    return response.text();\n  },\n};\n\ntype Props = {\n  definition: string;\n  resolvers?: AsyncApiResolver[];\n};\n\nexport const AsyncApiDefinition = ({\n  definition,\n  resolvers,\n}: Props): JSX.Element => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const classNames = `${classes.root} ${\n    theme.palette.type === 'dark' ? classes.dark : ''\n  }`;\n\n  const config = {\n    parserOptions: {\n      __unstable: {\n        resolver: {\n          resolvers: [httpsFetchResolver, httpFetchResolver],\n        },\n      },\n    },\n  };\n\n  // Overwrite default resolvers if custom ones are set\n  if (resolvers) {\n    config.parserOptions.__unstable.resolver.resolvers = resolvers;\n  }\n\n  return (\n    <div className={classNames}>\n      <AsyncApi schema={definition} config={config} />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AsyncApiDefinitionWidget.esm.js","sources":["../../../src/components/AsyncApiDefinitionWidget/AsyncApiDefinitionWidget.tsx"],"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 { Progress } from '@backstage/core-components';\nimport React, { Suspense } from 'react';\n\n// The asyncapi component and related CSS has a significant size, only load it\n// if the element is actually used.\nconst LazyAsyncApiDefinition = React.lazy(() =>\n  import('./AsyncApiDefinition').then(m => ({\n    default: m.AsyncApiDefinition,\n  })),\n);\n\n/** @public */\nexport type AsyncApiDefinitionWidgetProps = {\n  definition: string;\n};\n\n/** @public */\nexport const AsyncApiDefinitionWidget = (\n  props: AsyncApiDefinitionWidgetProps,\n) => {\n  return (\n    <Suspense fallback={<Progress />}>\n      <LazyAsyncApiDefinition {...props} />\n    </Suspense>\n  );\n};\n"],"names":[],"mappings":";;;AAqBA,MAAM,yBAAyB,KAAM,CAAA,IAAA;AAAA,EAAK,MACxC,OAAO,6BAAsB,CAAA,CAAE,KAAK,CAAM,CAAA,MAAA;AAAA,IACxC,SAAS,CAAE,CAAA,kBAAA;AAAA,GACX,CAAA,CAAA;AACJ,CAAA,CAAA;AAQa,MAAA,wBAAA,GAA2B,CACtC,KACG,KAAA;AACH,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,kBAAW,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAS,qBAC3B,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,EAAwB,GAAG,KAAA,EAAO,CACrC,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AsyncApiDefinitionWidget.esm.js","sources":["../../../src/components/AsyncApiDefinitionWidget/AsyncApiDefinitionWidget.tsx"],"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 { Progress } from '@backstage/core-components';\nimport React, { Suspense } from 'react';\nimport { AsyncApiResolver } from './AsyncApiDefinition';\n\n// The asyncapi component and related CSS has a significant size, only load it\n// if the element is actually used.\nconst LazyAsyncApiDefinition = React.lazy(() =>\n  import('./AsyncApiDefinition').then(m => ({\n    default: m.AsyncApiDefinition,\n  })),\n);\n\n/** @public */\nexport type AsyncApiDefinitionWidgetProps = {\n  definition: string;\n  resolvers?: AsyncApiResolver[];\n};\n\n/** @public */\nexport const AsyncApiDefinitionWidget = (\n  props: AsyncApiDefinitionWidgetProps,\n) => {\n  return (\n    <Suspense fallback={<Progress />}>\n      <LazyAsyncApiDefinition {...props} />\n    </Suspense>\n  );\n};\n"],"names":[],"mappings":";;;AAsBA,MAAM,yBAAyB,KAAM,CAAA,IAAA;AAAA,EAAK,MACxC,OAAO,6BAAsB,CAAA,CAAE,KAAK,CAAM,CAAA,MAAA;AAAA,IACxC,SAAS,CAAE,CAAA,kBAAA;AAAA,GACX,CAAA,CAAA;AACJ,CAAA,CAAA;AASa,MAAA,wBAAA,GAA2B,CACtC,KACG,KAAA;AACH,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,kBAAW,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAS,qBAC3B,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,EAAwB,GAAG,KAAA,EAAO,CACrC,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ComponentsCards/ConsumingComponentsCard.esm.js

@@ -1,11 +1,11 @@
 import { RELATION_API_CONSUMED_BY } from '@backstage/catalog-model';
 import Typography from '@material-ui/core/Typography';
-import { useEntity, useRelatedEntities, EntityTable } from '@backstage/plugin-catalog-react';
+import { EntityTable, useEntity, useRelatedEntities } from '@backstage/plugin-catalog-react';
 import React from 'react';
 import { InfoCard, Progress, WarningPanel, CodeSnippet, Link } from '@backstage/core-components';
 
 const ConsumingComponentsCard = (props) => {
-  const { variant = "gridItem" } = props;
+  const { variant = "gridItem", columns = EntityTable.componentEntityColumns } = props;
   const { entity } = useEntity();
   const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_API_CONSUMED_BY
@@ -29,7 +29,7 @@ const ConsumingComponentsCard = (props) => {
       title: "Consumers",
       variant,
       emptyContent: /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "No component consumes this API."), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement(Link, { to: "https://backstage.io/docs/features/software-catalog/descriptor-format#specconsumesapis-optional" }, "Learn how to change this."))),
-      columns: EntityTable.componentEntityColumns,
+      columns,
       entities
     }
   );

package/dist/components/ComponentsCards/ConsumingComponentsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConsumingComponentsCard.esm.js","sources":["../../../src/components/ComponentsCards/ConsumingComponentsCard.tsx"],"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 {\n  ComponentEntity,\n  RELATION_API_CONSUMED_BY,\n} from '@backstage/catalog-model';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  CodeSnippet,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  WarningPanel,\n} from '@backstage/core-components';\n\n/**\n * @public\n */\nexport const ConsumingComponentsCard = (props: {\n  variant?: InfoCardVariants;\n}) => {\n  const { variant = 'gridItem' } = props;\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: RELATION_API_CONSUMED_BY,\n  });\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title=\"Consumers\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error || !entities) {\n    return (\n      <InfoCard variant={variant} title=\"Consumers\">\n        <WarningPanel\n          severity=\"error\"\n          title=\"Could not load components\"\n          message={<CodeSnippet text={`${error}`} language=\"text\" />}\n        />\n      </InfoCard>\n    );\n  }\n\n  return (\n    <EntityTable\n      title=\"Consumers\"\n      variant={variant}\n      emptyContent={\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">\n            No component consumes this API.\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specconsumesapis-optional\">\n              Learn how to change this.\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={EntityTable.componentEntityColumns}\n      entities={entities as ComponentEntity[]}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuCa,MAAA,uBAAA,GAA0B,CAAC,KAElC,KAAA;AACJ,EAAM,MAAA,EAAE,OAAU,GAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,QAAU,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,mBAAmB,MAAQ,EAAA;AAAA,IAC9D,IAAM,EAAA,wBAAA;AAAA,GACP,CAAA,CAAA;AAED,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CACG,QAAS,EAAA,EAAA,OAAA,EAAkB,OAAM,WAChC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAI,IAAA,KAAA,IAAS,CAAC,QAAU,EAAA;AACtB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAkB,EAAA,KAAA,EAAM,WAChC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,KAAM,EAAA,2BAAA;AAAA,QACN,OAAA,sCAAU,WAAY,EAAA,EAAA,IAAA,EAAM,GAAG,KAAK,CAAA,CAAA,EAAI,UAAS,MAAO,EAAA,CAAA;AAAA,OAAA;AAAA,KAE5D,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,WAAA;AAAA,MACN,OAAA;AAAA,MACA,YAAA,kBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,WAAW,QAAS,EAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,iCAE5B,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAG,EAAA,iGAAA,EAAA,EAAkG,2BAE3G,CACF,CACF,CAAA;AAAA,MAEF,SAAS,WAAY,CAAA,sBAAA;AAAA,MACrB,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ConsumingComponentsCard.esm.js","sources":["../../../src/components/ComponentsCards/ConsumingComponentsCard.tsx"],"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 {\n  ComponentEntity,\n  RELATION_API_CONSUMED_BY,\n} from '@backstage/catalog-model';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  CodeSnippet,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  TableColumn,\n  WarningPanel,\n} from '@backstage/core-components';\n\n/**\n * @public\n */\nexport const ConsumingComponentsCard = (props: {\n  variant?: InfoCardVariants;\n  columns?: TableColumn<ComponentEntity>[];\n}) => {\n  const { variant = 'gridItem', columns = EntityTable.componentEntityColumns } =\n    props;\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: RELATION_API_CONSUMED_BY,\n  });\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title=\"Consumers\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error || !entities) {\n    return (\n      <InfoCard variant={variant} title=\"Consumers\">\n        <WarningPanel\n          severity=\"error\"\n          title=\"Could not load components\"\n          message={<CodeSnippet text={`${error}`} language=\"text\" />}\n        />\n      </InfoCard>\n    );\n  }\n\n  return (\n    <EntityTable\n      title=\"Consumers\"\n      variant={variant}\n      emptyContent={\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">\n            No component consumes this API.\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specconsumesapis-optional\">\n              Learn how to change this.\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={columns}\n      entities={entities as ComponentEntity[]}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAwCa,MAAA,uBAAA,GAA0B,CAAC,KAGlC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAU,GAAA,UAAA,EAAY,OAAU,GAAA,WAAA,CAAY,wBAClD,GAAA,KAAA,CAAA;AACF,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,QAAU,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,mBAAmB,MAAQ,EAAA;AAAA,IAC9D,IAAM,EAAA,wBAAA;AAAA,GACP,CAAA,CAAA;AAED,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CACG,QAAS,EAAA,EAAA,OAAA,EAAkB,OAAM,WAChC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAI,IAAA,KAAA,IAAS,CAAC,QAAU,EAAA;AACtB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAkB,EAAA,KAAA,EAAM,WAChC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,KAAM,EAAA,2BAAA;AAAA,QACN,OAAA,sCAAU,WAAY,EAAA,EAAA,IAAA,EAAM,GAAG,KAAK,CAAA,CAAA,EAAI,UAAS,MAAO,EAAA,CAAA;AAAA,OAAA;AAAA,KAE5D,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,WAAA;AAAA,MACN,OAAA;AAAA,MACA,YAAA,kBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,WAAW,QAAS,EAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,iCAE5B,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAG,EAAA,iGAAA,EAAA,EAAkG,2BAE3G,CACF,CACF,CAAA;AAAA,MAEF,OAAA;AAAA,MACA,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/ComponentsCards/ProvidingComponentsCard.esm.js

@@ -1,11 +1,11 @@
 import { RELATION_API_PROVIDED_BY } from '@backstage/catalog-model';
 import Typography from '@material-ui/core/Typography';
-import { useEntity, useRelatedEntities, EntityTable } from '@backstage/plugin-catalog-react';
+import { EntityTable, useEntity, useRelatedEntities } from '@backstage/plugin-catalog-react';
 import React from 'react';
 import { InfoCard, Progress, WarningPanel, CodeSnippet, Link } from '@backstage/core-components';
 
 const ProvidingComponentsCard = (props) => {
-  const { variant = "gridItem" } = props;
+  const { variant = "gridItem", columns = EntityTable.componentEntityColumns } = props;
   const { entity } = useEntity();
   const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_API_PROVIDED_BY
@@ -29,7 +29,7 @@ const ProvidingComponentsCard = (props) => {
       title: "Providers",
       variant,
       emptyContent: /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "No component provides this API."), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement(Link, { to: "https://backstage.io/docs/features/software-catalog/descriptor-format#specprovidesapis-optional" }, "Learn how to change this."))),
-      columns: EntityTable.componentEntityColumns,
+      columns,
       entities
     }
   );

package/dist/components/ComponentsCards/ProvidingComponentsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProvidingComponentsCard.esm.js","sources":["../../../src/components/ComponentsCards/ProvidingComponentsCard.tsx"],"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 {\n  ComponentEntity,\n  RELATION_API_PROVIDED_BY,\n} from '@backstage/catalog-model';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  CodeSnippet,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  WarningPanel,\n} from '@backstage/core-components';\n\n/** @public */\nexport const ProvidingComponentsCard = (props: {\n  variant?: InfoCardVariants;\n}) => {\n  const { variant = 'gridItem' } = props;\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: RELATION_API_PROVIDED_BY,\n  });\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title=\"Providers\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error || !entities) {\n    return (\n      <InfoCard variant={variant} title=\"Providers\">\n        <WarningPanel\n          severity=\"error\"\n          title=\"Could not load components\"\n          message={<CodeSnippet text={`${error}`} language=\"text\" />}\n        />\n      </InfoCard>\n    );\n  }\n\n  return (\n    <EntityTable\n      title=\"Providers\"\n      variant={variant}\n      emptyContent={\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">\n            No component provides this API.\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specprovidesapis-optional\">\n              Learn how to change this.\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={EntityTable.componentEntityColumns}\n      entities={entities as ComponentEntity[]}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqCa,MAAA,uBAAA,GAA0B,CAAC,KAElC,KAAA;AACJ,EAAM,MAAA,EAAE,OAAU,GAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,QAAU,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,mBAAmB,MAAQ,EAAA;AAAA,IAC9D,IAAM,EAAA,wBAAA;AAAA,GACP,CAAA,CAAA;AAED,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CACG,QAAS,EAAA,EAAA,OAAA,EAAkB,OAAM,WAChC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAI,IAAA,KAAA,IAAS,CAAC,QAAU,EAAA;AACtB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAkB,EAAA,KAAA,EAAM,WAChC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,KAAM,EAAA,2BAAA;AAAA,QACN,OAAA,sCAAU,WAAY,EAAA,EAAA,IAAA,EAAM,GAAG,KAAK,CAAA,CAAA,EAAI,UAAS,MAAO,EAAA,CAAA;AAAA,OAAA;AAAA,KAE5D,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,WAAA;AAAA,MACN,OAAA;AAAA,MACA,YAAA,kBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,WAAW,QAAS,EAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,iCAE5B,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAG,EAAA,iGAAA,EAAA,EAAkG,2BAE3G,CACF,CACF,CAAA;AAAA,MAEF,SAAS,WAAY,CAAA,sBAAA;AAAA,MACrB,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ProvidingComponentsCard.esm.js","sources":["../../../src/components/ComponentsCards/ProvidingComponentsCard.tsx"],"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 {\n  ComponentEntity,\n  RELATION_API_PROVIDED_BY,\n} from '@backstage/catalog-model';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  CodeSnippet,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  TableColumn,\n  WarningPanel,\n} from '@backstage/core-components';\n\n/** @public */\nexport const ProvidingComponentsCard = (props: {\n  variant?: InfoCardVariants;\n  columns?: TableColumn<ComponentEntity>[];\n}) => {\n  const { variant = 'gridItem', columns = EntityTable.componentEntityColumns } =\n    props;\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: RELATION_API_PROVIDED_BY,\n  });\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title=\"Providers\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error || !entities) {\n    return (\n      <InfoCard variant={variant} title=\"Providers\">\n        <WarningPanel\n          severity=\"error\"\n          title=\"Could not load components\"\n          message={<CodeSnippet text={`${error}`} language=\"text\" />}\n        />\n      </InfoCard>\n    );\n  }\n\n  return (\n    <EntityTable\n      title=\"Providers\"\n      variant={variant}\n      emptyContent={\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">\n            No component provides this API.\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specprovidesapis-optional\">\n              Learn how to change this.\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={columns}\n      entities={entities as ComponentEntity[]}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsCa,MAAA,uBAAA,GAA0B,CAAC,KAGlC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAU,GAAA,UAAA,EAAY,OAAU,GAAA,WAAA,CAAY,wBAClD,GAAA,KAAA,CAAA;AACF,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,QAAU,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,mBAAmB,MAAQ,EAAA;AAAA,IAC9D,IAAM,EAAA,wBAAA;AAAA,GACP,CAAA,CAAA;AAED,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CACG,QAAS,EAAA,EAAA,OAAA,EAAkB,OAAM,WAChC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAI,IAAA,KAAA,IAAS,CAAC,QAAU,EAAA;AACtB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAkB,EAAA,KAAA,EAAM,WAChC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,KAAM,EAAA,2BAAA;AAAA,QACN,OAAA,sCAAU,WAAY,EAAA,EAAA,IAAA,EAAM,GAAG,KAAK,CAAA,CAAA,EAAI,UAAS,MAAO,EAAA,CAAA;AAAA,OAAA;AAAA,KAE5D,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,WAAA;AAAA,MACN,OAAA;AAAA,MACA,YAAA,kBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,WAAW,QAAS,EAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,iCAE5B,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAG,EAAA,iGAAA,EAAA,EAAkG,2BAE3G,CACF,CACF,CAAA;AAAA,MAEF,OAAA;AAAA,MACA,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -5,7 +5,8 @@ import * as _backstage_core_components from '@backstage/core-components';
 import { TableColumn, TableProps, InfoCardVariants, TableOptions } from '@backstage/core-components';
 import { CatalogTableRow } from '@backstage/plugin-catalog';
 import { UserListFilterKind, EntityOwnerPickerProps } from '@backstage/plugin-catalog-react';
-import { ApiEntity } from '@backstage/catalog-model';
+import * as _backstage_catalog_model from '@backstage/catalog-model';
+import { ApiEntity, ComponentEntity } from '@backstage/catalog-model';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 
 /**
@@ -91,9 +92,18 @@ declare const ProvidedApisCard: (props: {
     tableOptions?: TableOptions;
 }) => React__default.JSX.Element;
 
+/** @public */
+type AsyncApiResolver = {
+    schema: string;
+    order: number;
+    canRead: boolean;
+    read(uri: any): Promise<string>;
+};
+
 /** @public */
 type AsyncApiDefinitionWidgetProps = {
     definition: string;
+    resolvers?: AsyncApiResolver[];
 };
 /** @public */
 declare const AsyncApiDefinitionWidget: (props: AsyncApiDefinitionWidgetProps) => React__default.JSX.Element;
@@ -103,11 +113,13 @@ declare const AsyncApiDefinitionWidget: (props: AsyncApiDefinitionWidgetProps) =
  */
 declare const ConsumingComponentsCard: (props: {
     variant?: InfoCardVariants;
+    columns?: TableColumn<ComponentEntity>[];
 }) => React__default.JSX.Element;
 
 /** @public */
 declare const ProvidingComponentsCard: (props: {
     variant?: InfoCardVariants;
+    columns?: TableColumn<ComponentEntity>[];
 }) => React__default.JSX.Element;
 
 /** @public */
@@ -168,6 +180,7 @@ declare const EntityConsumedApisCard: (props: {
 /** @public */
 declare const EntityConsumingComponentsCard: (props: {
     variant?: _backstage_core_components.InfoCardVariants | undefined;
+    columns?: _backstage_core_components.TableColumn<_backstage_catalog_model.ComponentEntity>[] | undefined;
 }) => React.JSX.Element;
 /** @public */
 declare const EntityProvidedApisCard: (props: {
@@ -179,6 +192,7 @@ declare const EntityProvidedApisCard: (props: {
 /** @public */
 declare const EntityProvidingComponentsCard: (props: {
     variant?: _backstage_core_components.InfoCardVariants | undefined;
+    columns?: _backstage_core_components.TableColumn<_backstage_catalog_model.ComponentEntity>[] | undefined;
 }) => React.JSX.Element;
 /** @public */
 declare const EntityHasApisCard: (props: {
@@ -188,4 +202,4 @@ declare const EntityHasApisCard: (props: {
     tableOptions?: _backstage_core_components.TableOptions<{}> | undefined;
 }) => React.JSX.Element;
 
-export { ApiDefinitionCard, ApiDefinitionDialog, type ApiDefinitionWidget, type ApiDocsConfig, ApiExplorerPage$1 as ApiExplorerIndexPage, ApiExplorerPage, ApiTypeTitle, AsyncApiDefinitionWidget, type AsyncApiDefinitionWidgetProps, ConsumedApisCard, ConsumingComponentsCard, DefaultApiExplorerPage, type DefaultApiExplorerPageProps, EntityApiDefinitionCard, EntityConsumedApisCard, EntityConsumingComponentsCard, EntityHasApisCard, EntityProvidedApisCard, EntityProvidingComponentsCard, GraphQlDefinitionWidget, type GraphQlDefinitionWidgetProps, HasApisCard, OpenApiDefinitionWidget, type OpenApiDefinitionWidgetProps, PlainApiDefinitionWidget, type PlainApiDefinitionWidgetProps, ProvidedApisCard, ProvidingComponentsCard, TrpcApiDefinitionWidget, type TrpcApiDefinitionWidgetProps, apiDocsConfigRef, apiDocsPlugin, defaultDefinitionWidgets, apiDocsPlugin as plugin };
+export { ApiDefinitionCard, ApiDefinitionDialog, type ApiDefinitionWidget, type ApiDocsConfig, ApiExplorerPage$1 as ApiExplorerIndexPage, ApiExplorerPage, ApiTypeTitle, AsyncApiDefinitionWidget, type AsyncApiDefinitionWidgetProps, type AsyncApiResolver, ConsumedApisCard, ConsumingComponentsCard, DefaultApiExplorerPage, type DefaultApiExplorerPageProps, EntityApiDefinitionCard, EntityConsumedApisCard, EntityConsumingComponentsCard, EntityHasApisCard, EntityProvidedApisCard, EntityProvidingComponentsCard, GraphQlDefinitionWidget, type GraphQlDefinitionWidgetProps, HasApisCard, OpenApiDefinitionWidget, type OpenApiDefinitionWidgetProps, PlainApiDefinitionWidget, type PlainApiDefinitionWidgetProps, ProvidedApisCard, ProvidingComponentsCard, TrpcApiDefinitionWidget, type TrpcApiDefinitionWidgetProps, apiDocsConfigRef, apiDocsPlugin, defaultDefinitionWidgets, apiDocsPlugin as plugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-api-docs",
-  "version": "0.11.8-next.3",
+  "version": "0.11.9-next.0",
   "description": "A Backstage plugin that helps represent API entities in the frontend",
   "backstage": {
     "role": "frontend-plugin",
@@ -53,15 +53,15 @@
   },
   "dependencies": {
     "@asyncapi/react-component": "1.3.1",
-    "@backstage/catalog-model": "^1.6.0-next.0",
-    "@backstage/core-compat-api": "^0.2.8-next.3",
-    "@backstage/core-components": "^0.14.10-next.0",
+    "@backstage/catalog-model": "^1.6.0",
+    "@backstage/core-compat-api": "^0.2.9-next.0",
+    "@backstage/core-components": "^0.14.10",
     "@backstage/core-plugin-api": "^1.9.3",
-    "@backstage/frontend-plugin-api": "^0.7.0-next.3",
-    "@backstage/plugin-catalog": "^1.22.0-next.3",
-    "@backstage/plugin-catalog-common": "^1.0.26-next.2",
-    "@backstage/plugin-catalog-react": "^1.12.3-next.3",
-    "@backstage/plugin-permission-react": "^0.4.25-next.1",
+    "@backstage/frontend-plugin-api": "^0.8.0-next.0",
+    "@backstage/plugin-catalog": "^1.22.1-next.0",
+    "@backstage/plugin-catalog-common": "^1.0.26",
+    "@backstage/plugin-catalog-react": "^1.12.4-next.0",
+    "@backstage/plugin-permission-react": "^0.4.25",
     "@graphiql/react": "^0.23.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
@@ -75,10 +75,10 @@
     "swagger-ui-react": "^5.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.27.0-next.4",
-    "@backstage/core-app-api": "^1.14.2-next.0",
-    "@backstage/dev-utils": "^1.0.37-next.3",
-    "@backstage/test-utils": "^1.5.10-next.2",
+    "@backstage/cli": "^0.27.1-next.0",
+    "@backstage/core-app-api": "^1.14.2",
+    "@backstage/dev-utils": "^1.0.38-next.0",
+    "@backstage/test-utils": "^1.6.0-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",