@redocly/portal-plugin-async-api 1.0.1

package/src/template.tsx

@@ -0,0 +1,69 @@
+import AsyncApiComponent from '@asyncapi/react-component';
+import React from 'react';
+import styled from 'styled-components';
+// @ts-ignore
+import { Breadcrumbs as ThemeBreadcrumbs } from '@theme';
+import { usePageSharedData } from '@redocly/portal/dist/client/providers/page-data/use-page-shared-data';
+import '@asyncapi/react-component/lib/styles/fiori.css';
+
+import type { ConfigInterface } from '@asyncapi/react-component';
+import type { PageProps } from '@redocly/portal/dist/shared/types';
+import type { AsyncApiDocsSettings } from './config';
+
+import { StylesProvider } from './styles.js';
+
+interface AsyncApiDocsProps {
+  pageProps: PageProps & {
+    settings?: AsyncApiDocsSettings;
+  };
+}
+
+function AsyncApiDocs({ pageProps }: AsyncApiDocsProps) {
+  const { settings = {} } = pageProps;
+  const asyncApiDefinition = usePageSharedData('AsyncApiDefinition');
+
+  const {
+    schemaId,
+    hideChannels,
+    hideErrors,
+    hideInfo,
+    hideMessages,
+    hideSchemas,
+    hideServers,
+    expandChannels,
+    expandMessages,
+    expandSchemas,
+    expandServers,
+  } = settings;
+
+  const componentConfig: Partial<ConfigInterface> = {
+    schemaID: schemaId,
+    showErrors: !hideErrors,
+    show: {
+      info: !hideInfo,
+      channels: !hideChannels,
+      servers: !hideServers,
+      messages: !hideMessages,
+      schemas: !hideSchemas,
+    },
+    expand: {
+      schemas: expandSchemas,
+      channels: expandChannels,
+      messages: expandMessages,
+      servers: expandServers,
+    },
+  };
+
+  return (
+    <StylesProvider>
+      <Breadcrumbs />
+      <AsyncApiComponent schema={asyncApiDefinition} config={componentConfig} />
+    </StylesProvider>
+  );
+}
+
+export default React.memo(AsyncApiDocs);
+
+const Breadcrumbs = styled(ThemeBreadcrumbs)`
+  margin-top: 20px;
+`;

package/tsconfig.build.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "noEmit": false,
+    "outDir": "lib",
+    "rootDir": "src",
+    "baseUrl": ".",
+    "tsBuildInfoFile": "lib/.tsbuildinfo"
+  },
+  "extends": "./tsconfig.json",
+  "include": ["src"]
+}

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "paths": {
+      "@portal/*": ["../theme/src/mocks/*"]
+    }
+  },
+  "include": ["src"]
+}