@redocly/asyncapi-docs 0.5.0-next.4 → 0.5.0-next.6

package/lib/components/SamplesPanel.d.ts

@@ -0,0 +1,6 @@
+import type { AsyncApiMessageExample } from '../types';
+type SamplesPanelProps = {
+    examples: AsyncApiMessageExample[];
+};
+export declare const SamplesPanel: ({ examples }: SamplesPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/SamplesPanel.js

@@ -0,0 +1,10 @@
+"use strict";var m=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesPanel=void 0;const l=require("react/jsx-runtime"),o=require("@redocly/theme"),d=m(require("styled-components")),f=require("@redocly/openapi-docs"),r=require("react"),c=require("../hooks"),v=({examples:e})=>{const[t,s]=(0,r.useState)(e[0]),{getProtocolLabel:u}=(0,c.useProtocolLabels)(),h=(0,c.useTelemetry)();(0,r.useEffect)(()=>{s(e[0])},[e,s]);const _=n=>{const a=e?.find(i=>i.name===n);a&&(s(a),h.send({type:"asyncapi_docs.switch_example.clicked",payload:{example:n,number_of_examples:e.length}}))},p=(0,r.useMemo)(()=>e?.reduce((n,a,i)=>(n[a.name||`Example ${i+1}`]=Object.assign({},a),n),{}),[e]);return(0,l.jsxs)(g,{className:"panel-messages-samples",header:()=>(0,l.jsx)(y,{isExpandable:!1,children:u("payload")}),children:[(0,l.jsx)(P,{examples:p,exampleKey:t?.name,onChange:_}),(0,l.jsx)(o.JsonViewer,{data:t?.payload,expandLevel:3})]})};exports.SamplesPanel=v;const g=(0,d.default)(o.Panel)`
+  ${o.PanelBody} {
+    padding: var(--spacing-sm) 0 0;
+    line-height: var(--line-height-md);
+  }
+`,y=(0,d.default)(o.PanelHeader)`
+  font-weight: var(--font-weight-regular);
+`,P=(0,d.default)(f.ExampleSwitch)`
+  overflow: hidden;
+`;

package/lib/components/Server.d.ts

@@ -0,0 +1,10 @@
+import type { AsyncApiServer } from '../types';
+type ServerProps = {
+    server: {
+        key?: string;
+        value: AsyncApiServer;
+    };
+    showDetails?: boolean;
+};
+export declare const Server: ({ server, showDetails }: ServerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Server.js

@@ -0,0 +1,28 @@
+"use strict";var u=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Server=void 0;const e=require("react/jsx-runtime"),s=u(require("styled-components")),n=require("@redocly/theme"),p=require("react"),x=require("./ServerModal"),l=require("./common"),f=({server:t,showDetails:o})=>{const[i,r]=(0,p.useState)(!1);(0,n.useModalScrollLock)(i);const c=a=>{switch(a){case"kafka":return(0,e.jsx)(n.KafkaIcon,{size:"20px"});case"amqp":return(0,e.jsx)(n.RabbitMQIcon,{size:"20px"});default:return(0,e.jsx)(n.DatabaseIcon,{size:"20px"})}};return(0,e.jsxs)(v,{"data-component-name":"Server/Server",children:[(0,e.jsxs)(g,{children:[(0,e.jsx)(h,{children:c(t.value.protocol)}),(0,e.jsx)(m,{children:t.key})]}),(0,e.jsxs)(j,{children:[(0,e.jsx)(l.HostList,{children:t.value.host.split(" ").map((a,d)=>(0,e.jsx)("span",{children:a},d))}),(0,e.jsx)(n.CopyButton,{data:t.value.host},t.value.host)]}),o&&(0,e.jsx)(_,{onClick:()=>r(!0),children:(0,e.jsx)(l.MoreDetailsButton,{expanded:!1})}),i&&(0,e.jsx)(n.Portal,{mountId:"api-content",children:(0,e.jsx)(x.ServerModal,{server:t,onClose:()=>r(!1)})})]})};exports.Server=f;const v=s.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  padding: var(--spacing-sm) var(--spacing-md);
+`,h=s.default.div`
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,g=s.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--spacing-xxs);
+`,j=s.default.span`
+  padding-left: var(--spacing-lg);
+  min-height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,m=s.default.span`
+  font-weight: var(--font-weight-semibold);
+  text-transform: capitalize;
+`,_=s.default.div`
+  padding-left: var(--spacing-lg);
+`;

package/lib/components/ServerBindingsSection.d.ts

@@ -0,0 +1,6 @@
+import type { AsyncApiServer } from '../types';
+type ServerBindingsSectionProps = {
+    server: AsyncApiServer;
+};
+export declare const ServerBindingsSection: ({ server }: ServerBindingsSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/ServerBindingsSection.js

@@ -0,0 +1 @@
+"use strict";var c=exports&&exports.__rest||function(t,r){var o={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&r.indexOf(n)<0&&(o[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(o[n[s]]=t[n[s]]);return o};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerBindingsSection=void 0;const e=require("react/jsx-runtime"),a=require("@redocly/openapi-docs"),d=require("@redocly/theme"),l=require("react"),i=require("./common"),g=require("../hooks"),h=({key:t,value:r})=>{const{bindingVersion:o}=r,n=c(r,["bindingVersion"]);switch(t){case"kafka":return(0,e.jsxs)(e.Fragment,{children:[r.schemaRegistryUrl&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"schema-registry-url-label",children:"Schema Registry URL:"}),(0,e.jsx)(i.ExternalDocumentationWrapper,{children:(0,e.jsx)(a.ExternalDocumentation,{externalDocs:{url:r.schemaRegistryUrl},compact:!0})})]}),r.schemaRegistryUrl&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"schema-registry-vendor-label",children:"Schema Registry Vendor:"}),(0,e.jsx)(i.Value,{"data-testid":"schema-registry-vendor-value",children:r.schemaRegistryVendor})]}),r.bindingVersion&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"binding-version-label",children:"Binding Version:"}),(0,e.jsx)(i.Value,{"data-testid":"binding-version-value",children:r.bindingVersion})]})]});default:return(0,e.jsx)(d.JsonViewer,{data:n,expandLevel:3,hideHeader:!0})}},u=({server:t})=>{const{getProtocolLabel:r}=(0,g.useProtocolLabels)(),o=(0,l.useMemo)(()=>Object.entries(t.bindings||{}).map(([n,s])=>({key:n,value:s}))[0],[t.bindings]);return(0,e.jsxs)(i.Block,{"data-component-name":"ServerBindingsSection/ServerBindingsSection",children:[(0,e.jsxs)(i.Header,{children:[r("server")," Configuration"]}),h(o)]})};exports.ServerBindingsSection=u;

package/lib/components/ServerModal.d.ts

@@ -0,0 +1,10 @@
+import type { AsyncApiServer } from '../types';
+type ServerModalProps = {
+    server: {
+        key?: string;
+        value: AsyncApiServer;
+    };
+    onClose: () => void;
+};
+export declare const ServerModal: ({ server, onClose }: ServerModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/ServerModal.js

@@ -0,0 +1,49 @@
+"use strict";var u=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerModal=void 0;const e=require("react/jsx-runtime"),a=require("@redocly/theme"),o=u(require("styled-components")),l=require("react"),v=require("./ServerOverviewSection"),p=require("./ServerBindingsSection"),g=[{label:"Overview",value:0}],h=({protocol:t})=>{switch(t){case"kafka":return(0,e.jsx)(a.KafkaIcon,{size:"24px"});case"amqp":return(0,e.jsx)(a.RabbitMQIcon,{size:"24px"});default:return(0,e.jsx)(a.DatabaseIcon,{size:"24px"})}},f=({server:t,onClose:n})=>{const[r,c]=(0,l.useState)(0),i=(0,l.useRef)(null);(0,a.useOutsideClick)(i,n),(0,a.useFocusTrap)(i);const s=[...g];return t.value.bindings&&s.push({label:"Configuration",value:2}),(0,e.jsx)(x,{"data-component-name":"ServerModal/ServerModal",children:(0,e.jsxs)(b,{ref:i,tabIndex:0,children:[(0,e.jsx)(m,{onClick:n,"data-testid":"close",variant:"ghost",icon:(0,e.jsx)(a.CloseIcon,{})}),(0,e.jsxs)(S,{children:[(0,e.jsx)(h,{protocol:t.value.protocol}),(0,e.jsx)(_,{children:t.value.protocol}),": ",t.key]}),(0,e.jsx)(a.Segmented,{value:r,onChange:({value:d})=>c(d),options:s}),(0,e.jsxs)(j,{children:[r===0&&(0,e.jsx)(v.ServerOverviewSection,{server:t.value}),r===2&&(0,e.jsx)(p.ServerBindingsSection,{server:t.value})]})]})})};exports.ServerModal=f;const x=o.default.div`
+  background: var(--bg-color-modal-overlay);
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: var(--z-index-popover);
+  left: 0;
+  top: 0;
+  pointer-events: auto;
+`,b=o.default.div`
+  background: var(--bg-color);
+  box-shadow: var(--bg-raised-shadow);
+  border-radius: var(--border-radius-lg);
+  padding: var(--spacing-lg);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: absolute;
+  width: 720px;
+  max-width: 100%;
+  height: auto;
+  max-height: 600px;
+  overflow-y: scroll;
+  left: 50%;
+  top: 100px;
+  transform: translateX(-50%);
+  .tag-grey span {
+    font-size: var(--font-size-base);
+    line-height: var(--line-height-base);
+  }
+`,m=(0,o.default)(a.Button)`
+  position: absolute;
+  right: var(--spacing-md);
+  top: var(--spacing-md);
+`,S=(0,o.default)(a.Typography)`
+  display: flex;
+  align-items: center;
+  font-size: var(--h4-font-size);
+  font-weight: var(--h4-font-weight);
+  margin-bottom: var(--spacing-lg);
+  svg {
+    margin-right: var(--spacing-xs);
+  }
+`,_=o.default.span`
+  text-transform: capitalize;
+`,j=o.default.div`
+  padding-top: var(--spacing-base);
+  width: 100%;
+`;

package/lib/components/ServerOverviewSection.d.ts

@@ -0,0 +1,6 @@
+import type { AsyncApiServer } from '../types';
+type ServerOverviewSectionProps = {
+    server: AsyncApiServer;
+};
+export declare const ServerOverviewSection: ({ server }: ServerOverviewSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/ServerOverviewSection.js

@@ -0,0 +1,25 @@
+"use strict";var j=exports&&exports.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerOverviewSection=void 0;const e=require("react/jsx-runtime"),x=require("@redocly/theme"),p=require("@redocly/openapi-docs"),c=j(require("styled-components")),h=require("react/jsx-runtime"),i=require("./common"),m=n=>{const s=n.title||n.summary||n.description;return(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Info"}),(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Host:"}),(0,e.jsx)(i.Value,{children:(0,e.jsx)(i.HostList,{children:n.host.split(" ").map((r,t)=>(0,e.jsx)("span",{children:r},t))})})]}),(0,e.jsxs)(i.Section,{children:[(0,e.jsxs)(i.Label,{children:["Protocol",n.protocolVersion?" and version":"",":"]}),(0,e.jsxs)(i.Value,{children:[n.protocol,n.protocolVersion&&`, ${n.protocolVersion}`]})]}),s&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),n.title&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Title:"}),(0,e.jsx)(i.Value,{children:n.title})]}),n.summary&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Summary:"}),(0,e.jsx)(i.Value,{children:n.summary})]}),n.description&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Description:"}),(0,e.jsx)(i.Value,{children:n.description})]})]})]})},u=n=>(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Variables"}),n.map(({key:s,value:r},t,a)=>(0,e.jsxs)(h.Fragment,{children:[(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(S,{children:s}),r.default&&(0,e.jsxs)(d,{children:["Default",(0,e.jsx)(x.Tag,{size:"small",borderless:!0,children:r.default})]}),r.description&&(0,e.jsx)(_,{children:r.description}),r.enum&&(0,e.jsxs)(d,{children:["Enum",(0,e.jsx)(v,{children:r.enum.map(l=>(0,e.jsx)(x.Tag,{size:"small",borderless:!0,children:l},l))})]})]}),t<a.length-1&&(0,e.jsx)(o,{})]},s))]}),g=n=>(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Tags"}),n.map((s,r,t)=>(0,e.jsxs)(h.Fragment,{children:[(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Value,{children:s.name}),s.description&&(0,e.jsx)(i.Label,{children:s.description}),s.externalDocs&&(0,e.jsx)(i.ExternalDocumentationWrapper,{children:(0,e.jsx)(p.ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0})})]}),r<t.length-1&&(0,e.jsx)(o,{})]},s.name))]}),f=({server:n})=>{const s=Object.entries(n.variables||{}).map(([a,l])=>({key:a,value:l})),r=n.tags&&n.tags.length>0,t=s.length>0;return(0,e.jsxs)(b,{"data-component-name":"ServerOverviewSection/ServerOverviewSection",children:[m(n),t&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),u(s)]}),r&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),n.tags&&g(n.tags)]})]})};exports.ServerOverviewSection=f;const b=c.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-base);
+`,o=c.default.div`
+  border-bottom: 1px solid var(--border-color-secondary);
+`,d=c.default.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`,S=(0,c.default)(d)`
+  padding-bottom: var(--spacing-xxs);
+  font-weight: var(--font-weight-semibold);
+`,_=c.default.p`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+  margin: 0;
+`,v=c.default.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+`;

package/lib/components/ServersListPanel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AsyncApiServer } from '../types';
+type ServersListPanelProps = {
+    servers: {
+        key?: string;
+        value: AsyncApiServer;
+    }[];
+    showDetails?: boolean;
+    hideHeader?: boolean;
+};
+export declare const ServersListPanel: React.MemoExoticComponent<({ servers, showDetails, hideHeader }: ServersListPanelProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/lib/components/ServersListPanel.js

@@ -0,0 +1,8 @@
+"use strict";var t=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersListPanel=void 0;const r=require("react/jsx-runtime"),s=require("@redocly/theme"),u=t(require("styled-components")),c=t(require("react")),d=require("./Server"),_=require("../hooks");exports.ServersListPanel=c.default.memo(({servers:e,showDetails:l,hideHeader:a})=>{const{getProtocolLabel:o}=(0,_.useProtocolLabels)();return(0,r.jsx)(v,{className:"panel-messages-samples",header:()=>a?null:(0,r.jsx)(s.PanelHeader,{isExpandable:!1,children:o("servers")}),children:e.map((n,i)=>(0,r.jsx)(d.Server,{server:n,showDetails:l},i))})});const v=(0,u.default)(s.Panel)`
+  ${s.PanelBody} {
+    padding: 0;
+    > *:not(:last-child) {
+      border-bottom: var(--panel-border-local);
+    }
+  }
+`;

package/lib/components/TagBlock.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ApiItemsGroup } from '../types';
+type TagBlockProps = {
+    tag: ApiItemsGroup;
+};
+export declare const TagBlock: React.MemoExoticComponent<({ tag }: TagBlockProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/lib/components/TagBlock.js

@@ -0,0 +1,24 @@
+"use strict";var O=exports&&exports.__createBinding||(Object.create?function(e,n,t,r){r===void 0&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){r===void 0&&(r=t),e[r]=n[t]}),C=exports&&exports.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),D=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t in e)t!=="default"&&Object.prototype.hasOwnProperty.call(e,t)&&O(n,e,t);return C(n,e),n},P=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagBlock=void 0;const i=require("react/jsx-runtime"),p=P(require("styled-components")),_=require("jotai"),u=require("@redocly/openapi-docs"),d=require("@redocly/theme"),S=require("react-router-dom"),f=D(require("react")),h=require("../jotai-store/app"),b=require("./common"),A=require("./ItemsNavigation"),L=require("./ChannelSection"),V=require("./MarkdownSection");exports.TagBlock=f.default.memo(({tag:e})=>{var n,t,r,a;const x=(0,_.useAtomValue)(h.layoutAtom),g=(0,_.useAtomValue)(h.routingBasePathAtom),l=(0,_.useAtomValue)(h.definitionAtom),y=(0,_.useAtomValue)(h.markdocOptionsAtom),j=(0,S.useLocation)(),k=(0,S.useNavigate)(),s=!!(!((n=e.items)===null||n===void 0)&&n.length),w=x===d.LayoutVariant.STACKED,c=(r=(t=l?.components)===null||t===void 0?void 0:t.tags)===null||r===void 0?void 0:r[e.label],M=(0,f.useMemo)(()=>{var o,m;return s?(m=(o=l?.channels)===null||o===void 0?void 0:o[e.items[0].id])===null||m===void 0?void 0:m.bindings:void 0},[s,l?.channels,e.items]),v=(0,f.useMemo)(()=>{if(!s)return!1;const o=j.pathname;return o.endsWith(e.link||"")||e.items.some(m=>m.link&&o.toLowerCase().includes(m.link.toLowerCase()))},[s,j.pathname,e.link,e.items]),q=(0,f.useCallback)(()=>{e.link&&k(e.link)},[k,e.link]),B=(0,u.saveTextBeforeHeading)((0,u.getValueFromMdParsedExtension)(c,"description")||"");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(E,{expanded:s&&!v,sectionId:(0,d.combineUrls)(g,e.dataSectionId),children:(0,i.jsxs)(I,{expanded:v,children:[(0,i.jsxs)(u.Row,{layout:x,children:[(0,i.jsxs)(u.SamplesMiddlePanel,{fullWidth:!s,isStacked:w,children:[(0,i.jsxs)($,{children:[e.label,(0,i.jsx)(b.ShareLink,{to:(0,d.combineUrls)(g,e.link),"aria-label":`link to ${e.label}`})]}),c?.description&&(0,i.jsx)(u.Markdown,{source:B,markdocOptions:y}),c?.externalDocs&&(0,i.jsx)(b.ExternalDocumentationWrapper,{children:(0,i.jsx)(u.ExternalDocumentation,{externalDocs:c.externalDocs})})]}),s&&e.items&&(0,i.jsx)(A.ItemsNavigation,{items:e.items,firstChannelBinding:M})]}),s&&!v&&(0,i.jsx)(W,{type:"button",variant:"text",size:"medium",onClick:q,children:"+ Show"})]})}),v&&((a=e.items)===null||a===void 0?void 0:a.map(o=>o.type==="channel"?(0,i.jsx)(L.ChannelSection,{item:o},o.link):o.type==="markdown"?(0,i.jsx)(b.SectionWrapper,{children:(0,i.jsx)(V.MarkdownSection,{item:o})},o.link):null))]})});const E=(0,p.default)(u.Section)`
+  scroll-margin-top: calc(var(--navbar-height)) !important;
+`,I=p.default.div`
+  padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
+  padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
+`,W=(0,p.default)(d.Button)`
+  margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
+  width: calc(100% - var(--spacing-xl) * 2);
+
+  @media screen and (min-width: ${d.breakpoints.medium}) {
+    --button-margin-md: calc(var(--spacing-xl) * 2);
+
+    margin-left: var(--button-margin-md);
+    margin-right: var(--button-margin-md);
+    width: calc(100% - var(--button-margin-md) * 2);
+  }
+`,$=(0,p.default)(d.H2)`
+  :hover {
+    ${d.LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+`;

package/lib/components/common/BindingPanel.d.ts

@@ -0,0 +1,9 @@
+import { Panel } from '@redocly/theme';
+type BindingPanelProps = {
+    header: string;
+    children: React.ReactNode;
+};
+export declare const BindingPanel: ({ header, children }: BindingPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockPanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/lib/components/common/BindingPanel.js

@@ -0,0 +1,30 @@
+"use strict";var i=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Header=exports.CodeBlockPanel=exports.BindingPanel=void 0;const n=require("react/jsx-runtime"),t=require("@redocly/openapi-docs"),a=require("@redocly/theme"),l=i(require("styled-components")),d=({header:e,children:r})=>(0,n.jsx)(exports.CodeBlockPanel,{className:"panel-messages-samples",header:()=>(0,n.jsx)(a.PanelHeader,{isExpandable:!1,children:e}),children:r});exports.BindingPanel=d,exports.CodeBlockPanel=(0,l.default)(a.Panel)`
+  ${a.PanelBody} {
+    background-color: var(--layer-color-ontonal);
+    padding: 0;
+
+    > *:not(:last-child) {
+      border-bottom: var(--panel-border-local);
+    }
+
+    & div {
+      border-bottom: none;
+    }
+  }
+
+  ${a.PanelHeader} {
+    display: flex;
+    justify-content: start;
+    align-items: center;
+    gap: var(--spacing-xs);
+  }
+
+  ${t.SamplesMiddlePanel} {
+    padding: 0 var(--spacing-md);
+  }
+`,exports.Header=l.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--spacing-xs);
+`;

package/lib/components/common/Information.d.ts

@@ -0,0 +1,12 @@
+type InformationProps = {
+    summary?: string;
+    description?: string;
+    externalDocs?: {
+        description?: string;
+        url: string;
+    };
+    compact?: boolean;
+    className?: string;
+};
+export declare const Information: ({ summary, description, externalDocs, className, }: InformationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/common/Information.js

@@ -0,0 +1,6 @@
+"use strict";var i=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Information=void 0;const e=require("react/jsx-runtime"),c=i(require("styled-components")),u=require("jotai"),n=require("@redocly/openapi-docs"),l=require("./styles"),m=require("../../jotai-store/app"),p=({summary:t,description:o,externalDocs:r,className:s})=>{const a=(0,u.useAtomValue)(m.markdocOptionsAtom);return(0,e.jsxs)(_,{className:s,children:[t&&(0,e.jsx)(n.Markdown,{source:t,markdocOptions:a}),o&&(0,e.jsx)(n.Markdown,{source:o,markdocOptions:a}),r&&(0,e.jsx)(l.ExternalDocumentationWrapper,{children:(0,e.jsx)(n.ExternalDocumentation,{externalDocs:r,compact:!0})})]})};exports.Information=p;const _=c.default.div.attrs(()=>({"data-component-name":"Information/Information"}))`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  margin: var(--spacing-sm) 0 0;
+`;

package/lib/components/common/Link.d.ts

@@ -0,0 +1,18 @@
+import type { PropsWithChildren, ReactElement } from 'react';
+interface LinkProps {
+    to: string;
+    className?: string;
+    id?: string;
+    'aria-label'?: string;
+}
+interface LinkToFieldProps {
+    to?: string;
+    className?: string;
+}
+interface ShareLinkProps extends LinkProps {
+    ariaLabel?: string;
+    isActive?: boolean;
+}
+export declare function ShareLink(props: ShareLinkProps): ReactElement;
+export declare const LinkToField: ({ to, className, }: PropsWithChildren<LinkToFieldProps>) => ReactElement | null;
+export {};

package/lib/components/common/Link.js

@@ -0,0 +1,38 @@
+"use strict";var d=exports&&exports.__createBinding||(Object.create?function(i,e,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(e,t);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(i,n,r)}:function(i,e,t,n){n===void 0&&(n=t),i[n]=e[t]}),f=exports&&exports.__setModuleDefault||(Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e}),h=exports&&exports.__importStar||function(i){if(i&&i.__esModule)return i;var e={};if(i!=null)for(var t in i)t!=="default"&&Object.prototype.hasOwnProperty.call(i,t)&&d(e,i,t);return f(e,i),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkToField=void 0,exports.ShareLink=s;const c=require("react/jsx-runtime"),a=h(require("styled-components")),l=require("react-router-dom"),o=require("@redocly/theme"),_=require("../../utils");function b(i){const e=i.to;return(0,c.jsx)(l.Link,{"aria-label":i["aria-label"]||`link to ${e}`,id:(0,_.tryDecodeURIComponent)(i.id||""),className:i.className||"",to:e,children:i.children})}function s(i){return(0,c.jsx)(L,Object.assign({},i,{children:(0,c.jsx)(o.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}const v=({to:i,className:e})=>{const t=i,n=(0,l.useLocation)(),r=t?.split("#")[1],u=n?n.hash===`#${r}`:!1;return(0,c.jsx)(y,{ariaLabel:`link to ${t}`,className:e,isActive:u,to:t||"",id:r})};exports.LinkToField=v;const y=(0,a.default)(s)`
+  display: flex;
+  ${o.LinkIcon} {
+    visibility: hidden;
+    cursor: pointer;
+    background-color: var(--bg-color);
+  }
+
+  ${({isActive:i})=>i&&(0,a.css)`
+      ${o.LinkIcon} {
+        visibility: visible;
+        opacity: 1;
+      }
+    `}
+  :hover ${o.LinkIcon}, :focus ${o.LinkIcon} {
+    visibility: visible;
+    opacity: 1;
+  }
+`,L=(0,a.default)(b)`
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translate(-100%, -50%);
+  padding-right: var(--heading-anchor-offset-right);
+  z-index: 1;
+
+  ${o.LinkIcon} {
+    opacity: 0;
+    transition:
+      visibility 0.3s linear,
+      opacity 0.3s linear;
+  }
+
+  :hover ${o.LinkIcon}, :focus ${o.LinkIcon} {
+    visibility: visible;
+    opacity: 1;
+  }
+`;

package/lib/components/common/ListIcon.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '@redocly/theme/src/icons/types';
+export declare const ListIcon: import("styled-components").StyledComponent<(props: IconProps) => import("react/jsx-runtime").JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/components/common/ListIcon.js

@@ -0,0 +1,10 @@
+"use strict";var s=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListIcon=void 0;const t=require("react/jsx-runtime"),c=s(require("styled-components")),i=require("@redocly/theme"),r=e=>(0,t.jsxs)("svg",Object.assign({viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e,{children:[(0,t.jsxs)("g",{clipPath:"url(#clip0_10754_58823)",children:[(0,t.jsx)("path",{d:"M0 11H22",strokeLinecap:"round"}),(0,t.jsx)("circle",{cx:"4",cy:"11",r:"4"})]}),(0,t.jsx)("defs",{children:(0,t.jsx)("clipPath",{id:"clip0_10754_58823",children:(0,t.jsx)("rect",{width:"22",height:"22",fill:"white"})})})]}));exports.ListIcon=(0,c.default)(r).attrs(()=>({"data-component-name":"icons/ListIcon/ListIcon"}))`
+  path,
+  circle {
+    fill: ${({color:e})=>(0,i.getCssColorVariable)(e)};
+    stroke: ${({color:e})=>(0,i.getCssColorVariable)(e)};
+  }
+
+  height: ${({size:e})=>e||"16px"};
+  width: ${({size:e})=>e||"16px"};
+`;

package/lib/components/common/MoreDetailsButton.d.ts

@@ -0,0 +1,5 @@
+type MoreDetailsButtonProps = {
+    expanded?: boolean;
+};
+export declare const MoreDetailsButton: ({ expanded }: MoreDetailsButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/common/MoreDetailsButton.js

@@ -0,0 +1,12 @@
+"use strict";var n=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MoreDetailsButton=void 0;const e=require("react/jsx-runtime"),r=require("@redocly/theme"),o=n(require("styled-components")),s=({expanded:t})=>(0,e.jsxs)(i,{children:[(0,e.jsx)("span",{children:"More details"}),(0,e.jsx)(r.Button,{icon:t?(0,e.jsx)(r.ChevronDownIcon,{}):(0,e.jsx)(r.ChevronRightIcon,{}),size:"small",variant:"ghost"})]});exports.MoreDetailsButton=s;const i=o.default.span.attrs(()=>({"data-component-name":"MoreDetailsButton/MoreDetailsButton"}))`
+  cursor: pointer;
+  align-items: center;
+  display: flex;
+  & > span {
+    color: var(--link-color-primary);
+  }
+
+  & path {
+    fill: var(--link-color-primary);
+  }
+`;

package/lib/components/common/SectionWrapper.d.ts

@@ -0,0 +1,6 @@
+type SectionWrapperProps = {
+    children: React.ReactNode;
+    rightPanel?: React.ReactNode;
+};
+export declare const SectionWrapper: ({ children, rightPanel }: SectionWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/common/SectionWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionWrapper=void 0;const t=require("react/jsx-runtime"),c=require("jotai"),r=require("@redocly/openapi-docs"),n=require("../../jotai-store/app"),s=({children:o,rightPanel:i})=>{const e=(0,c.useAtomValue)(n.layoutAtom);return(0,t.jsxs)(r.Row,{layout:e,children:[(0,t.jsx)(r.SectionContainer,{layout:e,children:(0,t.jsx)(r.SamplesMiddlePanel,{compact:!0,fullWidth:!0,isStacked:e==="stacked",children:o})}),i]})};exports.SectionWrapper=s;

package/lib/components/common/TagWithIcon.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+type TagWithIconProps = {
+    icon: ReactNode;
+    children: ReactNode;
+    info?: ReactNode;
+    capitalize?: boolean;
+    className?: string;
+    onClick?: () => void;
+};
+export declare const TagWithIcon: ({ icon, info, children, capitalize, className, onClick, }: TagWithIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/common/TagWithIcon.js

@@ -0,0 +1,30 @@
+"use strict";var l=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagWithIcon=void 0;const r=require("react/jsx-runtime"),t=l(require("styled-components")),s=require("@redocly/theme"),d=({icon:e,info:i,children:a,capitalize:o,className:n,onClick:c})=>(0,r.jsxs)(u,{className:n,onClick:c,children:[e&&(0,r.jsx)(h,{children:e}),(0,r.jsx)(p,{borderless:!0,capitalize:o,children:a}),i&&(0,r.jsx)(g,{children:i})]});exports.TagWithIcon=d;const u=t.default.div`
+  display: flex;
+  gap: var(--spacing-xxs);
+`,h=t.default.div`
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  flex-shrink: 0;
+  background-color: var(--layer-color-hover);
+`,p=(0,t.default)(s.Tag)`
+  text-transform: ${({capitalize:e})=>e?"capitalize":"initial"};
+  margin: 0;
+  background-color: var(--layer-color-hover);
+  color: inherit;
+  & span {
+    font-weight: 600;
+  }
+`,g=t.default.div`
+  width: 24px;
+  height: 24px;
+  border-radius: var(--border-radius);
+  align-items: center;
+  justify-content: center;
+  background-color: var(--layer-color-hover);
+  display: flex;
+  cursor: pointer;
+`;

package/lib/components/common/index.d.ts

@@ -0,0 +1,7 @@
+export { Block, Header, Section, Label, Value, ExternalDocumentationWrapper, HeaderWrapper, TagStyled, TopicConfiguration, TopicConfigurationWrapper, ActionTag, HostList, ApiHeader, } from './styles';
+export { Information } from './Information';
+export { TagWithIcon } from './TagWithIcon';
+export { BindingPanel } from './BindingPanel';
+export { MoreDetailsButton } from './MoreDetailsButton';
+export { SectionWrapper } from './SectionWrapper';
+export { ShareLink, LinkToField } from './Link';

package/lib/components/common/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkToField=exports.ShareLink=exports.SectionWrapper=exports.MoreDetailsButton=exports.BindingPanel=exports.TagWithIcon=exports.Information=exports.ApiHeader=exports.HostList=exports.ActionTag=exports.TopicConfigurationWrapper=exports.TopicConfiguration=exports.TagStyled=exports.HeaderWrapper=exports.ExternalDocumentationWrapper=exports.Value=exports.Label=exports.Section=exports.Header=exports.Block=void 0;var e=require("./styles");Object.defineProperty(exports,"Block",{enumerable:!0,get:function(){return e.Block}}),Object.defineProperty(exports,"Header",{enumerable:!0,get:function(){return e.Header}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return e.Section}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return e.Label}}),Object.defineProperty(exports,"Value",{enumerable:!0,get:function(){return e.Value}}),Object.defineProperty(exports,"ExternalDocumentationWrapper",{enumerable:!0,get:function(){return e.ExternalDocumentationWrapper}}),Object.defineProperty(exports,"HeaderWrapper",{enumerable:!0,get:function(){return e.HeaderWrapper}}),Object.defineProperty(exports,"TagStyled",{enumerable:!0,get:function(){return e.TagStyled}}),Object.defineProperty(exports,"TopicConfiguration",{enumerable:!0,get:function(){return e.TopicConfiguration}}),Object.defineProperty(exports,"TopicConfigurationWrapper",{enumerable:!0,get:function(){return e.TopicConfigurationWrapper}}),Object.defineProperty(exports,"ActionTag",{enumerable:!0,get:function(){return e.ActionTag}}),Object.defineProperty(exports,"HostList",{enumerable:!0,get:function(){return e.HostList}}),Object.defineProperty(exports,"ApiHeader",{enumerable:!0,get:function(){return e.ApiHeader}});var t=require("./Information");Object.defineProperty(exports,"Information",{enumerable:!0,get:function(){return t.Information}});var n=require("./TagWithIcon");Object.defineProperty(exports,"TagWithIcon",{enumerable:!0,get:function(){return n.TagWithIcon}});var i=require("./BindingPanel");Object.defineProperty(exports,"BindingPanel",{enumerable:!0,get:function(){return i.BindingPanel}});var u=require("./MoreDetailsButton");Object.defineProperty(exports,"MoreDetailsButton",{enumerable:!0,get:function(){return u.MoreDetailsButton}});var o=require("./SectionWrapper");Object.defineProperty(exports,"SectionWrapper",{enumerable:!0,get:function(){return o.SectionWrapper}});var r=require("./Link");Object.defineProperty(exports,"ShareLink",{enumerable:!0,get:function(){return r.ShareLink}}),Object.defineProperty(exports,"LinkToField",{enumerable:!0,get:function(){return r.LinkToField}});

package/lib/components/common/styles.d.ts

@@ -0,0 +1,16 @@
+import { Tag } from '@redocly/theme';
+export declare const ApiHeader: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const Block: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Section: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Value: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ExternalDocumentationWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {
+    expandable?: boolean;
+}, never>;
+export declare const TagStyled: import("styled-components").StyledComponent<typeof Tag, any, {}, never>;
+export declare const TopicConfiguration: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TopicConfigurationWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActionTag: import("styled-components").StyledComponent<typeof Tag, any, {}, never>;
+export declare const HostList: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/common/styles.js

@@ -0,0 +1,83 @@
+"use strict";var t=exports&&exports.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostList=exports.ActionTag=exports.TopicConfigurationWrapper=exports.TopicConfiguration=exports.TagStyled=exports.HeaderWrapper=exports.ExternalDocumentationWrapper=exports.Value=exports.Label=exports.Section=exports.Header=exports.Block=exports.ApiHeader=void 0;const e=t(require("styled-components")),i=require("@redocly/theme");exports.ApiHeader=(0,e.default)(i.H1)`
+  margin-top: 0;
+  margin-bottom: 0;
+  & + ${i.Markdown} {
+    margin-top: var(--h1-margin-bottom);
+  }
+`,exports.Block=e.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+`,exports.Header=e.default.span`
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-lg);
+`,exports.Section=e.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--spacing-xxs) / 2);
+`,exports.Label=e.default.span`
+  color: var(--text-color-description);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,exports.Value=e.default.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,exports.ExternalDocumentationWrapper=e.default.div`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,exports.HeaderWrapper=e.default.div`
+  min-height: 40px;
+  padding: var(--spacing-xs) var(--spacing-md);
+  align-items: center;
+  display: flex;
+  width: 100%;
+  background-color: ${({expandable:a})=>a&&"var(--layer-color)"};
+  cursor: ${({expandable:a})=>a&&"pointer"};
+  gap: var(--spacing-md);
+
+  &:hover {
+    background-color: ${({expandable:a})=>a&&"var(--layer-color-ontonal-hover)"};
+  }
+
+  & > *:first-child {
+    flex: 1;
+  }
+
+  & > *:nth-child(2) {
+    flex: 2;
+  }
+`,exports.TagStyled=(0,e.default)(i.Tag)`
+  text-transform: none;
+`,exports.TopicConfiguration=e.default.div`
+  min-height: 30px;
+  padding: var(--spacing-xs) var(--spacing-md);
+  align-items: start;
+  display: flex;
+  width: 100%;
+  gap: var(--spacing-md);
+
+  & > * {
+    flex: 1;
+  }
+`,exports.TopicConfigurationWrapper=e.default.div`
+  padding-left: var(--spacing-xs);
+  background-color: var(--layer-color);
+
+  & div {
+    border-bottom: none;
+  }
+`,exports.ActionTag=(0,e.default)(i.Tag)`
+  text-transform: uppercase;
+  background-color: unset;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font-family: var(--font-family-monospaced);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  display: block;
+`,exports.HostList=e.default.span`
+  display: flex;
+  flex-direction: column;
+`;

package/lib/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useAutoScroll } from './use-auto-scroll';
+export { useProtocolLabels } from './use-protocol-labels';
+export { useTranslate } from './use-translate';
+export { usePerformanceMetrics } from './use-performance-metrics';
+export { useTelemetry } from './use-telemetry';

package/lib/hooks/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTelemetry=exports.usePerformanceMetrics=exports.useTranslate=exports.useProtocolLabels=exports.useAutoScroll=void 0;var e=require("./use-auto-scroll");Object.defineProperty(exports,"useAutoScroll",{enumerable:!0,get:function(){return e.useAutoScroll}});var r=require("./use-protocol-labels");Object.defineProperty(exports,"useProtocolLabels",{enumerable:!0,get:function(){return r.useProtocolLabels}});var t=require("./use-translate");Object.defineProperty(exports,"useTranslate",{enumerable:!0,get:function(){return t.useTranslate}});var u=require("./use-performance-metrics");Object.defineProperty(exports,"usePerformanceMetrics",{enumerable:!0,get:function(){return u.usePerformanceMetrics}});var o=require("./use-telemetry");Object.defineProperty(exports,"useTelemetry",{enumerable:!0,get:function(){return o.useTelemetry}});

package/lib/hooks/use-auto-scroll.d.ts

@@ -0,0 +1 @@
+export declare function useAutoScroll(routingBasePath: string): void;

package/lib/hooks/use-auto-scroll.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAutoScroll=u;const c=require("react"),a=require("react-router-dom"),r=require("@redocly/theme"),l=require("../utils");let i=!0;function u(e){const t=(0,a.useLocation)(),n=(0,r.useActiveSectionId)(t,!1,!1);(0,c.useEffect)(()=>{d({location:t,routingBasePath:e})},[t,e]),(0,c.useEffect)(()=>{if(n&&i){i=!1;return}r.IS_BROWSER&&window.location.pathname!==n&&window.history.replaceState({},"",n)},[n])}function d({location:e,routingBasePath:t}){if(e.pathname===t&&e.hash===""){window.scrollTo(0,0);return}const n=e.pathname,o=m(e.hash),s=f(o)||document.querySelector(`[data-section-id="${n}"]`);s?setTimeout(()=>{s.scrollIntoView()},0):window.scrollTo(0,0)}function m(e){const t=e.replace("#","");if(!t.includes("&m="))return t;const[n,o]=t.split("&m=");return o.includes("&")||o.includes("/")?t:n}function f(e){return document.getElementById((0,l.tryDecodeURIComponent)(e))}

package/lib/hooks/use-performance-metrics.d.ts

@@ -0,0 +1,5 @@
+type PerformanceMetricsProps = {
+    sendTelemetry: (data: Record<string, any>) => void;
+};
+export declare function usePerformanceMetrics({ sendTelemetry }: PerformanceMetricsProps): void;
+export {};

package/lib/hooks/use-performance-metrics.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePerformanceMetrics=l;const i=require("@redocly/theme"),r=require("web-vitals");function l({sendTelemetry:s}){(0,i.useMount)(()=>{const a={},o=[new Promise(n=>(0,r.onCLS)(e=>n({name:"CLS",value:e.value}))),new Promise(n=>(0,r.onLCP)(e=>n({name:"LCP",value:e.value}))),new Promise(n=>(0,r.onFCP)(e=>n({name:"FCP",value:e.value}))),new Promise(n=>(0,r.onTTFB)(e=>n({name:"TTFB",value:e.value})))];Promise.allSettled(o).then(n=>{n.forEach(e=>{if(e.status==="fulfilled"){const{name:t,value:u}=e.value;a[t]=Math.round(u)}}),s(a)})})}