@asyncapi/react-component 1.0.0-next.5 → 1.0.0-next.50

package/lib/esm/containers/Sidebar/Sidebar.js

@@ -1,157 +1,241 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import React, { useState, useContext } from 'react';
 import { CollapseButton } from '../../components';
-import { useSpec } from '../../contexts';
-import { SpecificationHelpers } from '../../helpers';
+import { useConfig, useSpec } from '../../contexts';
+import { PUBLISH_LABEL_DEFAULT_TEXT, SUBSCRIBE_LABEL_DEFAULT_TEXT, } from '../../constants';
 var SidebarContext = React.createContext({
     setShowSidebar: function (value) { return value; },
 });
-export var Sidebar = function (_a) {
-    var config = _a.config;
+export var Sidebar = function () {
+    var _a;
     var _b = useState(false), showSidebar = _b[0], setShowSidebar = _b[1];
-    var showOperations = (config === null || config === void 0 ? void 0 : config.showOperations) || 'byDefault';
     var asyncapi = useSpec();
     var info = asyncapi.info();
-    var logo = info.ext('x-logo');
-    var allMessages = asyncapi.allMessages();
-    var Operations = OperationsList;
-    if (showOperations === 'bySpecTags') {
-        Operations = OperationsByRootTags;
-    }
-    else if (showOperations === 'byOperationsTags') {
-        Operations = OperationsByOperationsTags;
-    }
+    var logo = (_a = info
+        .extensions()
+        .get('x-logo')) === null || _a === void 0 ? void 0 : _a.value();
+    var components = asyncapi.components();
+    var messages = components && components.messages();
+    var schemas = components && components.schemas();
+    var hasOperations = asyncapi.channels().length > 0 &&
+        Object.values(asyncapi.channels()).some(function (channel) { return channel.operations().length > 0; });
+    var messagesList = messages && Object.keys(messages).length > 0 && (React.createElement("li", { className: "mb-3 mt-9" },
+        React.createElement("a", { className: "text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900", href: "#messages", onClick: function () { return setShowSidebar(false); } }, "Messages"),
+        React.createElement("ul", { className: "text-sm mt-2" }, Object.entries(messages).map(function (_a) {
+            var messageName = _a[0], message = _a[1];
+            return (React.createElement("li", { key: messageName },
+                React.createElement("a", { className: "flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900", href: "#message-".concat(messageName), onClick: function () { return setShowSidebar(false); } },
+                    React.createElement("div", { className: "break-all inline-block" }, message.id()))));
+        }))));
+    var schemasList = schemas && Object.keys(schemas).length > 0 && (React.createElement("li", { className: "mb-3 mt-9" },
+        React.createElement("a", { className: "text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900", href: "#schemas", onClick: function () { return setShowSidebar(false); } }, "Schemas"),
+        React.createElement("ul", { className: "text-sm mt-2" }, Object.keys(schemas).map(function (schemaName) { return (React.createElement("li", { key: schemaName },
+            React.createElement("a", { className: "flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900", href: "#schema-".concat(schemaName), onClick: function () { return setShowSidebar(false); } },
+                React.createElement("div", { className: "break-all inline-block" }, schemaName)))); }))));
     return (React.createElement(SidebarContext.Provider, { value: { setShowSidebar: setShowSidebar } },
         React.createElement("div", { className: "burger-menu rounded-full h-16 w-16 bg-white fixed bottom-16 right-8 flex items-center justify-center z-30 cursor-pointer shadow-md bg-teal-500", onClick: function () { return setShowSidebar(function (prev) { return !prev; }); }, "data-lol": showSidebar },
             React.createElement("svg", { viewBox: "0 0 100 70", width: "40", height: "30", className: "fill-current text-gray-200" },
                 React.createElement("rect", { width: "100", height: "10" }),
                 React.createElement("rect", { y: "30", width: "100", height: "10" }),
                 React.createElement("rect", { y: "60", width: "100", height: "10" }))),
-        React.createElement("div", { className: (showSidebar ? 'block fixed w-full' : 'hidden') + " sidebar relative w-64 max-h-screen h-full bg-gray-200 shadow z-20" },
-            React.createElement("div", { className: (showSidebar ? 'w-full' : '') + " block fixed max-h-screen h-full font-sans px-4 pt-8 pb-16 overflow-y-auto bg-gray-200" },
+        React.createElement("div", { className: "".concat(showSidebar ? 'block fixed w-full' : 'hidden', " sidebar relative w-64 max-h-screen h-full bg-gray-200 shadow z-20") },
+            React.createElement("div", { className: "".concat(showSidebar ? 'w-full' : '', " block fixed max-h-screen h-full font-sans px-4 pt-8 pb-16 overflow-y-auto bg-gray-200") },
                 React.createElement("div", { className: "sidebar--content" },
-                    React.createElement("div", null, logo ? (React.createElement("img", { src: logo, alt: info.title() + " logo, " + info.version() + " version" })) : (React.createElement("h1", { className: "text-2xl font-light" },
+                    React.createElement("div", null, logo ? (React.createElement("img", { src: logo, alt: "".concat(info.title(), " logo, ").concat(info.version(), " version") })) : (React.createElement("h1", { className: "text-2xl font-light" },
                         info.title(),
                         " ",
                         info.version()))),
                     React.createElement("ul", { className: "text-sm mt-10 relative" },
                         React.createElement("li", { className: "mb-3" },
                             React.createElement("a", { className: "text-gray-700 no-underline hover:text-gray-900", href: "#introduction", onClick: function () { return setShowSidebar(false); } }, "Introduction")),
-                        asyncapi.hasServers() && (React.createElement("li", { className: "mb-3" },
-                            React.createElement("a", { className: "text-gray-700 no-underline hover:text-gray-900", href: "#servers", onClick: function () { return setShowSidebar(false); } }, "Servers"))),
-                        asyncapi.hasChannels() && (React.createElement(React.Fragment, null,
+                        asyncapi.servers().length > 0 && (React.createElement("li", { className: "mb-3 mt-9" },
+                            React.createElement("a", { className: "text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900", href: "#servers", onClick: function () { return setShowSidebar(false); } }, "Servers"),
+                            React.createElement(ServersList, null))),
+                        hasOperations && (React.createElement(React.Fragment, null,
                             React.createElement("li", { className: "mb-3 mt-9" },
                                 React.createElement("a", { className: "text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900", href: "#operations", onClick: function () { return setShowSidebar(false); } }, "Operations"),
-                                React.createElement(Operations, null)),
-                            allMessages.size > 0 && (React.createElement("li", { className: "mb-3 mt-9" },
-                                React.createElement("a", { className: "text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900", href: "#messages", onClick: function () { return setShowSidebar(false); } }, "Messages"),
-                                React.createElement("ul", { className: "text-sm mt-2" }, Array.from(allMessages.keys()).map(function (messageName) { return (React.createElement("li", { key: messageName },
-                                    React.createElement("a", { className: "flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900", href: "#message-" + messageName, onClick: function () { return setShowSidebar(false); } },
-                                        React.createElement("div", { className: "break-all inline-block" }, messageName)))); }))))))))))));
+                                React.createElement(OperationsList, null)),
+                            messagesList,
+                            schemasList))))))));
 };
-export var OperationsList = function () {
-    var asyncapi = useSpec();
-    var channels = asyncapi.channels();
-    var operationsList = [];
-    Object.entries(channels).forEach(function (_a) {
-        var channelName = _a[0], channel = _a[1];
-        if (channel.hasPublish()) {
-            operationsList.push(React.createElement(OperationsPubItem, { channelName: channelName, key: "pub-" + channelName }));
-        }
-        if (channel.hasSubscribe()) {
-            operationsList.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-" + channelName }));
-        }
-    });
-    return React.createElement("ul", { className: "text-sm mt-2" }, operationsList);
-};
-export var OperationsByRootTags = function () {
-    var asyncapi = useSpec();
-    var channels = asyncapi.channels();
-    var tags = asyncapi.tags();
-    var taggedOperations = function (tag) {
-        var operationsList = [];
-        Object.entries(channels).forEach(function (_a) {
-            var channelName = _a[0], channel = _a[1];
-            if (channel.hasPublish() &&
-                SpecificationHelpers.containTags(channel.publish(), tag)) {
-                operationsList.push(React.createElement(OperationsPubItem, { channelName: channelName, key: "pub-" + channelName }));
+function filterObjectsByTags(tags, objects) {
+    var taggedObjects = new Set();
+    var tagged = new Map();
+    tags.forEach(function (tag) {
+        var taggedForTag = [];
+        objects.forEach(function (obj) {
+            var object = obj.object;
+            if (typeof object.tags !== 'function') {
+                return;
             }
-            if (channel.hasSubscribe() &&
-                SpecificationHelpers.containTags(channel.subscribe(), tag)) {
-                operationsList.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-" + channelName }));
+            var objectTags = (object.tags() || []).map(function (t) { return t.name(); });
+            var hasTag = objectTags.includes(tag);
+            if (hasTag) {
+                taggedForTag.push(obj);
+                taggedObjects.add(obj);
             }
         });
-        return operationsList;
-    };
-    var untaggedOperations = [];
-    Object.entries(channels).forEach(function (_a) {
-        var channelName = _a[0], channel = _a[1];
-        if (channel.hasPublish() &&
-            (!channel.publish().hasTags() ||
-                !SpecificationHelpers.containTags(channel.publish(), tags))) {
-            untaggedOperations.push(React.createElement(OperationsPubItem, { channelName: channelName, key: "pub-" + channelName }));
-        }
-        if (channel.hasSubscribe() &&
-            (!channel.subscribe().hasTags() ||
-                !SpecificationHelpers.containTags(channel.subscribe(), tags))) {
-            untaggedOperations.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-" + channelName }));
+        tagged.set(tag, taggedForTag);
+    });
+    var untagged = [];
+    objects.forEach(function (obj) {
+        if (!taggedObjects.has(obj)) {
+            untagged.push(obj);
         }
     });
-    return (React.createElement("div", null,
-        React.createElement("ul", null,
-            tags &&
-                tags.map(function (tag) {
-                    var ops = taggedOperations(tag);
-                    return (ops.length > 0 && (React.createElement("li", { key: tag.name() },
-                        React.createElement(OperationsByTagItem, { tagName: tag.name() }, taggedOperations(tag)))));
-                }),
-            untaggedOperations.length > 0 && (React.createElement("li", null,
-                React.createElement(OperationsByTagItem, { tagName: "Untagged" }, untaggedOperations))))));
-};
-export var OperationsByOperationsTags = function () {
+    return { tagged: tagged, untagged: untagged };
+}
+var ServersList = function () {
+    var sidebarConfig = useConfig().sidebar;
     var asyncapi = useSpec();
-    var channels = asyncapi.channels();
-    var operationsTags = SpecificationHelpers.operationsTags(asyncapi);
-    var taggedOperations = function (tag) {
-        var operationsList = [];
-        Object.entries(channels).forEach(function (_a) {
-            var channelName = _a[0], channel = _a[1];
-            if (channel.hasPublish() &&
-                SpecificationHelpers.containTags(channel.publish(), tag)) {
-                operationsList.push(React.createElement(OperationsPubItem, { channelName: channelName, key: "pub-" + channelName }));
-            }
-            if (channel.hasSubscribe() &&
-                SpecificationHelpers.containTags(channel.subscribe(), tag)) {
-                operationsList.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-" + channelName }));
+    var servers = asyncapi.servers();
+    var showServers = (sidebarConfig === null || sidebarConfig === void 0 ? void 0 : sidebarConfig.showServers) || 'byDefault';
+    if (showServers === 'byDefault') {
+        return (React.createElement("ul", { className: "text-sm mt-2" }, Object.keys(servers).map(function (serverName) { return (React.createElement(ServerItem, { serverName: serverName, key: serverName })); })));
+    }
+    var specTagNames;
+    if (showServers === 'bySpecTags') {
+        specTagNames = (asyncapi.info().tags() || []).map(function (tag) { return tag.name(); });
+    }
+    else {
+        var serverTagNamesSet_1 = new Set();
+        Object.values(servers).forEach(function (server) {
+            if (typeof server.tags !== 'function') {
+                return;
             }
+            server.tags().forEach(function (t) { return serverTagNamesSet_1.add(t.name()); });
         });
-        return operationsList;
-    };
-    var untaggedOperations = [];
-    Object.entries(channels).forEach(function (_a) {
-        var channelName = _a[0], channel = _a[1];
-        if (channel.hasPublish() &&
-            (!channel.publish().hasTags() ||
-                !SpecificationHelpers.containTags(channel.publish(), operationsTags))) {
-            untaggedOperations.push(React.createElement(OperationsPubItem, { channelName: channelName, key: "pub-" + channelName }));
+        specTagNames = Array.from(serverTagNamesSet_1);
+    }
+    var serializedServers = Object.entries(servers).map(function (_a) {
+        var serverName = _a[0], server = _a[1];
+        return ({
+            name: serverName,
+            object: server,
+            data: {},
+        });
+    });
+    var _a = filterObjectsByTags(specTagNames, serializedServers), tagged = _a.tagged, untagged = _a.untagged;
+    return (React.createElement("ul", { className: "text-sm mt-2" },
+        Array.from(tagged.entries()).map(function (_a) {
+            var tag = _a[0], taggedServers = _a[1];
+            return (React.createElement("li", { key: tag },
+                React.createElement(ItemsByTagItem, { tagName: tag }, taggedServers.map(function (_a) {
+                    var serverName = _a.name;
+                    return (React.createElement(ServerItem, { serverName: serverName, key: serverName }));
+                }))));
+        }),
+        untagged.length > 0 ? (React.createElement("li", null,
+            React.createElement(ItemsByTagItem, { tagName: "Untagged" }, untagged.map(function (_a) {
+                var serverName = _a.name;
+                return (React.createElement(ServerItem, { serverName: serverName, key: serverName }));
+            })))) : null));
+};
+var OperationsList = function () {
+    var sidebarConfig = useConfig().sidebar;
+    var asyncapi = useSpec();
+    var operations = asyncapi.operations();
+    var showOperations = (sidebarConfig === null || sidebarConfig === void 0 ? void 0 : sidebarConfig.showOperations) || 'byDefault';
+    var processedOperations = [];
+    Object.entries(operations).forEach(function (_a) {
+        var operationId = _a[0], operation = _a[1];
+        if (operation.isSend()) {
+            processedOperations.push({
+                name: "publish-".concat(operationId),
+                object: operation,
+                data: {
+                    channelName: operation
+                        .channels()
+                        .all()[0]
+                        .address() || '',
+                    kind: 'publish',
+                    summary: operation.summary() || '',
+                },
+            });
         }
-        if (channel.hasSubscribe() &&
-            (!channel.subscribe().hasTags() ||
-                !SpecificationHelpers.containTags(channel.subscribe(), operationsTags))) {
-            untaggedOperations.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-" + channelName }));
+        if (operation.isReceive()) {
+            processedOperations.push({
+                name: "subscribe-".concat(operationId),
+                object: operation,
+                data: {
+                    channelName: operation
+                        .channels()
+                        .all()[0]
+                        .address() || '',
+                    kind: 'subscribe',
+                    summary: operation.summary() || '',
+                },
+            });
         }
     });
-    return (React.createElement("div", null,
-        React.createElement("ul", null,
-            operationsTags &&
-                operationsTags.map(function (tag) {
-                    var ops = taggedOperations(tag);
-                    return (ops.length > 0 && (React.createElement("li", { key: tag.name() },
-                        React.createElement(OperationsByTagItem, { tagName: tag.name() }, taggedOperations(tag)))));
-                }),
-            untaggedOperations.length > 0 && (React.createElement("li", null,
-                React.createElement(OperationsByTagItem, { tagName: "Untagged" }, untaggedOperations))))));
+    if (showOperations === 'byDefault') {
+        return (React.createElement("ul", { className: "text-sm mt-2" }, processedOperations.map(function (_a) {
+            var name = _a.name, data = _a.data;
+            return (React.createElement(OperationItem, __assign({ key: name }, data)));
+        })));
+    }
+    var operationTagNames;
+    if (showOperations === 'bySpecTags') {
+        operationTagNames = (asyncapi.info().tags() || []).map(function (tag) { return tag.name(); });
+    }
+    else {
+        var operationTagNamesSet_1 = new Set();
+        Object.values(operations).forEach(function (operation) {
+            operation.tags().forEach(function (t) { return operationTagNamesSet_1.add(t.name()); });
+        });
+        operationTagNames = Array.from(operationTagNamesSet_1);
+    }
+    var _a = filterObjectsByTags(operationTagNames, processedOperations), tagged = _a.tagged, untagged = _a.untagged;
+    return (React.createElement("ul", { className: "text-sm mt-2" },
+        Array.from(tagged.entries()).map(function (_a) {
+            var tag = _a[0], taggedOperations = _a[1];
+            return (React.createElement("li", { key: tag },
+                React.createElement(ItemsByTagItem, { tagName: tag }, taggedOperations.map(function (_a) {
+                    var name = _a.name, data = _a.data;
+                    return (React.createElement(OperationItem, __assign({ key: name }, data)));
+                }))));
+        }),
+        untagged.length > 0 ? (React.createElement("li", null,
+            React.createElement(ItemsByTagItem, { tagName: "Untagged" }, untagged.map(function (_a) {
+                var name = _a.name, data = _a.data;
+                return (React.createElement(OperationItem, __assign({ key: name }, data)));
+            })))) : null));
 };
-var OperationsByTagItem = function (_a) {
+var OperationItem = function (_a) {
+    var channelName = _a.channelName, summary = _a.summary, kind = _a.kind;
+    var config = useConfig();
+    var setShowSidebar = useContext(SidebarContext).setShowSidebar;
+    var isPublish = kind === 'publish';
+    var label = '';
+    if (isPublish) {
+        label = config.publishLabel || PUBLISH_LABEL_DEFAULT_TEXT;
+    }
+    else {
+        label = config.subscribeLabel || SUBSCRIBE_LABEL_DEFAULT_TEXT;
+    }
+    return (React.createElement("li", null,
+        React.createElement("a", { className: "flex no-underline text-gray-700 mb-2 hover:text-gray-900", href: "#operation-".concat(kind, "-").concat(channelName), onClick: function () { return setShowSidebar(false); } },
+            React.createElement("span", { className: "".concat(isPublish ? 'bg-blue-600' : 'bg-green-600', " font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs"), title: isPublish ? 'Publish' : 'Subscribe' }, label),
+            React.createElement("span", { className: "break-all inline-block" }, summary || channelName))));
+};
+var ServerItem = function (_a) {
+    var serverName = _a.serverName;
+    var setShowSidebar = useContext(SidebarContext).setShowSidebar;
+    return (React.createElement("li", null,
+        React.createElement("a", { className: "flex no-underline text-gray-700 mb-2 hover:text-gray-900", href: "#server-".concat(serverName), onClick: function () { return setShowSidebar(false); } },
+            React.createElement("span", { className: "break-all inline-block" }, serverName))));
+};
+var ItemsByTagItem = function (_a) {
     var tagName = _a.tagName, children = _a.children;
     var _b = useState(false), expand = _b[0], setExpand = _b[1];
     return (React.createElement("div", null,
@@ -159,22 +243,6 @@ var OperationsByTagItem = function (_a) {
                 className: expand ? '-rotate-180' : '-rotate-90',
             } },
             React.createElement("span", { className: "text-sm inline-block mt-1 font-extralight" }, tagName)),
-        React.createElement("ul", { className: (expand ? 'block' : 'hidden') + " text-sm mt-2 font-light" }, children)));
-};
-var OperationsPubItem = function (_a) {
-    var channelName = _a.channelName;
-    var setShowSidebar = useContext(SidebarContext).setShowSidebar;
-    return (React.createElement("li", null,
-        React.createElement("a", { className: "flex no-underline text-gray-700 mb-2 hover:text-gray-900", href: "#operation-publish-" + channelName, onClick: function () { return setShowSidebar(false); } },
-            React.createElement("span", { className: "bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs", title: "Publish" }, "Pub"),
-            React.createElement("span", { className: "break-all inline-block" }, channelName))));
-};
-var OperationsSubItem = function (_a) {
-    var channelName = _a.channelName;
-    var setShowSidebar = useContext(SidebarContext).setShowSidebar;
-    return (React.createElement("li", null,
-        React.createElement("a", { className: "flex no-underline text-gray-700 mb-2 hover:text-gray-900", href: "#operation-subscribe-" + channelName, onClick: function () { return setShowSidebar(false); } },
-            React.createElement("span", { className: "bg-green-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs", title: "Subscribe" }, "SUB"),
-            React.createElement("span", { className: "break-all inline-block" }, channelName))));
+        React.createElement("ul", { className: "".concat(expand ? 'block' : 'hidden', " text-sm mt-2 font-light") }, children)));
 };
 //# sourceMappingURL=Sidebar.js.map

package/lib/esm/containers/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/containers/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/containers/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useContext } from 'react';\n\nimport { CollapseButton } from '../../components';\nimport { useConfig, useSpec } from '../../contexts';\nimport {\n  PUBLISH_LABEL_DEFAULT_TEXT,\n  SUBSCRIBE_LABEL_DEFAULT_TEXT,\n} from '../../constants';\n\nconst SidebarContext = React.createContext<{\n  setShowSidebar: React.Dispatch<React.SetStateAction<boolean>>;\n}>({\n  setShowSidebar: (value: boolean | ((prevValue: boolean) => boolean)) => value,\n});\n\nexport const Sidebar: React.FunctionComponent = () => {\n  const [showSidebar, setShowSidebar] = useState(false);\n  const asyncapi = useSpec();\n\n  const info = asyncapi.info();\n  const logo = info\n    .extensions()\n    .get('x-logo')\n    ?.value();\n  const components = asyncapi.components();\n  const messages = components && components.messages();\n  const schemas = components && components.schemas();\n  const hasOperations =\n    asyncapi.channels().length > 0 &&\n    Object.values(asyncapi.channels()).some(\n      channel => channel.operations().length > 0,\n    );\n\n  const messagesList = messages && Object.keys(messages).length > 0 && (\n    <li className=\"mb-3 mt-9\">\n      <a\n        className=\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\"\n        href=\"#messages\"\n        onClick={() => setShowSidebar(false)}\n      >\n        Messages\n      </a>\n      <ul className=\"text-sm mt-2\">\n        {Object.entries(messages).map(([messageName, message]) => (\n          <li key={messageName}>\n            <a\n              className=\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\"\n              href={`#message-${messageName}`}\n              onClick={() => setShowSidebar(false)}\n            >\n              <div className=\"break-all inline-block\">{message.id()}</div>\n            </a>\n          </li>\n        ))}\n      </ul>\n    </li>\n  );\n\n  const schemasList = schemas && Object.keys(schemas).length > 0 && (\n    <li className=\"mb-3 mt-9\">\n      <a\n        className=\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\"\n        href=\"#schemas\"\n        onClick={() => setShowSidebar(false)}\n      >\n        Schemas\n      </a>\n      <ul className=\"text-sm mt-2\">\n        {Object.keys(schemas).map(schemaName => (\n          <li key={schemaName}>\n            <a\n              className=\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\"\n              href={`#schema-${schemaName}`}\n              onClick={() => setShowSidebar(false)}\n            >\n              <div className=\"break-all inline-block\">{schemaName}</div>\n            </a>\n          </li>\n        ))}\n      </ul>\n    </li>\n  );\n\n  return (\n    <SidebarContext.Provider value={{ setShowSidebar }}>\n      <div\n        className=\"burger-menu rounded-full h-16 w-16 bg-white fixed bottom-16 right-8 flex items-center justify-center z-30 cursor-pointer shadow-md bg-teal-500\"\n        onClick={() => setShowSidebar(prev => !prev)}\n        data-lol={showSidebar}\n      >\n        <svg\n          viewBox=\"0 0 100 70\"\n          width=\"40\"\n          height=\"30\"\n          className=\"fill-current text-gray-200\"\n        >\n          <rect width=\"100\" height=\"10\" />\n          <rect y=\"30\" width=\"100\" height=\"10\" />\n          <rect y=\"60\" width=\"100\" height=\"10\" />\n        </svg>\n      </div>\n      <div\n        className={`${\n          showSidebar ? 'block fixed w-full' : 'hidden'\n        } sidebar relative w-64 max-h-screen h-full bg-gray-200 shadow z-20`}\n        // className={`${\n        //   showSidebar ? 'block fixed w-full' : 'hidden'\n        // } sidebar bg-gray-200 font-sans font-light px-4 py-8 z-20 shadow overflow-auto`}\n      >\n        <div\n          className={`${\n            showSidebar ? 'w-full' : ''\n          } block fixed max-h-screen h-full font-sans px-4 pt-8 pb-16 overflow-y-auto bg-gray-200`}\n        >\n          <div className=\"sidebar--content\">\n            <div>\n              {logo ? (\n                <img\n                  src={logo}\n                  alt={`${info.title()} logo, ${info.version()} version`}\n                />\n              ) : (\n                <h1 className=\"text-2xl font-light\">\n                  {info.title()} {info.version()}\n                </h1>\n              )}\n            </div>\n\n            <ul className=\"text-sm mt-10 relative\">\n              <li className=\"mb-3\">\n                <a\n                  className=\"text-gray-700 no-underline hover:text-gray-900\"\n                  href=\"#introduction\"\n                  onClick={() => setShowSidebar(false)}\n                >\n                  Introduction\n                </a>\n              </li>\n              {asyncapi.servers().length > 0 && (\n                <li className=\"mb-3 mt-9\">\n                  <a\n                    className=\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\"\n                    href=\"#servers\"\n                    onClick={() => setShowSidebar(false)}\n                  >\n                    Servers\n                  </a>\n                  <ServersList />\n                </li>\n              )}\n              {hasOperations && (\n                <>\n                  <li className=\"mb-3 mt-9\">\n                    <a\n                      className=\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\"\n                      href=\"#operations\"\n                      onClick={() => setShowSidebar(false)}\n                    >\n                      Operations\n                    </a>\n                    <OperationsList />\n                  </li>\n                  {messagesList}\n                  {schemasList}\n                </>\n              )}\n            </ul>\n          </div>\n        </div>\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n\ninterface TagObject<T = any> {\n  name: string;\n  object: { tags?: () => Array<{ name: () => string }> };\n  data: T;\n}\n\nfunction filterObjectsByTags<T = any>(\n  tags: string[],\n  objects: Array<TagObject<T>>,\n): { tagged: Map<string, TagObject[]>; untagged: TagObject[] } {\n  const taggedObjects = new Set<TagObject>();\n  const tagged = new Map<string, TagObject[]>();\n\n  tags.forEach(tag => {\n    const taggedForTag: TagObject[] = [];\n    objects.forEach(obj => {\n      const object = obj.object;\n      if (typeof object.tags !== 'function') {\n        return;\n      }\n\n      const objectTags = (object.tags() || []).map(t => t.name());\n      const hasTag = objectTags.includes(tag);\n      if (hasTag) {\n        taggedForTag.push(obj);\n        taggedObjects.add(obj);\n      }\n    });\n    tagged.set(tag, taggedForTag);\n  });\n\n  const untagged: TagObject[] = [];\n  objects.forEach(obj => {\n    if (!taggedObjects.has(obj)) {\n      untagged.push(obj);\n    }\n  });\n\n  return { tagged, untagged };\n}\n\nconst ServersList: React.FunctionComponent = () => {\n  const sidebarConfig = useConfig().sidebar;\n  const asyncapi = useSpec();\n  const servers = asyncapi.servers();\n  const showServers = sidebarConfig?.showServers || 'byDefault';\n\n  if (showServers === 'byDefault') {\n    return (\n      <ul className=\"text-sm mt-2\">\n        {Object.keys(servers).map(serverName => (\n          <ServerItem serverName={serverName} key={serverName} />\n        ))}\n      </ul>\n    );\n  }\n\n  let specTagNames: string[];\n  if (showServers === 'bySpecTags') {\n    specTagNames = (asyncapi.info().tags() || []).map(tag => tag.name());\n  } else {\n    const serverTagNamesSet = new Set<string>();\n    Object.values(servers).forEach(server => {\n      if (typeof server.tags !== 'function') {\n        return;\n      }\n      server.tags().forEach(t => serverTagNamesSet.add(t.name()));\n    });\n    specTagNames = Array.from(serverTagNamesSet);\n  }\n\n  const serializedServers: TagObject[] = Object.entries(servers).map(\n    ([serverName, server]) => ({\n      name: serverName,\n      object: server,\n      data: {},\n    }),\n  );\n  const { tagged, untagged } = filterObjectsByTags(\n    specTagNames,\n    serializedServers,\n  );\n  return (\n    <ul className=\"text-sm mt-2\">\n      {Array.from(tagged.entries()).map(([tag, taggedServers]) => (\n        <li key={tag}>\n          <ItemsByTagItem tagName={tag}>\n            {taggedServers.map(({ name: serverName }) => (\n              <ServerItem serverName={serverName} key={serverName} />\n            ))}\n          </ItemsByTagItem>\n        </li>\n      ))}\n      {untagged.length > 0 ? (\n        <li>\n          <ItemsByTagItem tagName=\"Untagged\">\n            {untagged.map(({ name: serverName }) => (\n              <ServerItem serverName={serverName} key={serverName} />\n            ))}\n          </ItemsByTagItem>\n        </li>\n      ) : null}\n    </ul>\n  );\n};\n\nconst OperationsList: React.FunctionComponent = () => {\n  const sidebarConfig = useConfig().sidebar;\n  const asyncapi = useSpec();\n  const operations = asyncapi.operations();\n  const showOperations = sidebarConfig?.showOperations || 'byDefault';\n\n  const processedOperations: Array<TagObject<{\n    channelName: string;\n    summary: string;\n    kind: 'publish' | 'subscribe';\n  }>> = [];\n  Object.entries(operations).forEach(([operationId, operation]) => {\n    if (operation.isSend()) {\n      processedOperations.push({\n        name: `publish-${operationId}`,\n        object: operation,\n        data: {\n          channelName:\n            operation\n              .channels()\n              .all()[0]\n              .address() || '',\n          kind: 'publish',\n          summary: operation.summary() || '',\n        },\n      });\n    }\n    if (operation.isReceive()) {\n      processedOperations.push({\n        name: `subscribe-${operationId}`,\n        object: operation,\n        data: {\n          channelName:\n            operation\n              .channels()\n              .all()[0]\n              .address() || '',\n          kind: 'subscribe',\n          summary: operation.summary() || '',\n        },\n      });\n    }\n  });\n\n  if (showOperations === 'byDefault') {\n    return (\n      <ul className=\"text-sm mt-2\">\n        {processedOperations.map(({ name, data }) => (\n          <OperationItem key={name} {...data} />\n        ))}\n      </ul>\n    );\n  }\n\n  let operationTagNames: string[];\n  if (showOperations === 'bySpecTags') {\n    operationTagNames = (asyncapi.info().tags() || []).map(tag => tag.name());\n  } else {\n    const operationTagNamesSet = new Set<string>();\n    Object.values(operations).forEach(operation => {\n      operation.tags().forEach(t => operationTagNamesSet.add(t.name()));\n    });\n    operationTagNames = Array.from(operationTagNamesSet);\n  }\n\n  const { tagged, untagged } = filterObjectsByTags(\n    operationTagNames,\n    processedOperations,\n  );\n  return (\n    <ul className=\"text-sm mt-2\">\n      {Array.from(tagged.entries()).map(([tag, taggedOperations]) => (\n        <li key={tag}>\n          <ItemsByTagItem tagName={tag}>\n            {taggedOperations.map(({ name, data }) => (\n              <OperationItem key={name} {...data} />\n            ))}\n          </ItemsByTagItem>\n        </li>\n      ))}\n      {untagged.length > 0 ? (\n        <li>\n          <ItemsByTagItem tagName=\"Untagged\">\n            {untagged.map(({ name, data }) => (\n              <OperationItem key={name} {...data} />\n            ))}\n          </ItemsByTagItem>\n        </li>\n      ) : null}\n    </ul>\n  );\n};\n\ninterface OperationItemProps {\n  channelName: string;\n  summary: string;\n  kind: 'publish' | 'subscribe';\n}\n\nconst OperationItem: React.FunctionComponent<OperationItemProps> = ({\n  channelName,\n  summary,\n  kind,\n}) => {\n  const config = useConfig();\n  const { setShowSidebar } = useContext(SidebarContext);\n\n  const isPublish = kind === 'publish';\n  let label: string = '';\n  if (isPublish) {\n    label = config.publishLabel || PUBLISH_LABEL_DEFAULT_TEXT;\n  } else {\n    label = config.subscribeLabel || SUBSCRIBE_LABEL_DEFAULT_TEXT;\n  }\n\n  return (\n    <li>\n      <a\n        className=\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\"\n        href={`#operation-${kind}-${channelName}`}\n        onClick={() => setShowSidebar(false)}\n      >\n        <span\n          className={`${\n            isPublish ? 'bg-blue-600' : 'bg-green-600'\n          } font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs`}\n          title={isPublish ? 'Publish' : 'Subscribe'}\n        >\n          {label}\n        </span>\n        <span className=\"break-all inline-block\">{summary || channelName}</span>\n      </a>\n    </li>\n  );\n};\n\ninterface ServerItemProps {\n  serverName: string;\n}\n\nconst ServerItem: React.FunctionComponent<ServerItemProps> = ({\n  serverName,\n}) => {\n  const { setShowSidebar } = useContext(SidebarContext);\n\n  return (\n    <li>\n      <a\n        className=\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\"\n        href={`#server-${serverName}`}\n        onClick={() => setShowSidebar(false)}\n      >\n        <span className=\"break-all inline-block\">{serverName}</span>\n      </a>\n    </li>\n  );\n};\n\ninterface ItemsByTagItemProps {\n  tagName: string;\n}\n\nconst ItemsByTagItem: React.FunctionComponent<ItemsByTagItemProps> = ({\n  tagName,\n  children,\n}) => {\n  const [expand, setExpand] = useState(false);\n\n  return (\n    <div>\n      <CollapseButton\n        onClick={() => setExpand(prev => !prev)}\n        chevronProps={{\n          className: expand ? '-rotate-180' : '-rotate-90',\n        }}\n      >\n        <span className=\"text-sm inline-block mt-1 font-extralight\">\n          {tagName}\n        </span>\n      </CollapseButton>\n      <ul className={`${expand ? 'block' : 'hidden'} text-sm mt-2 font-light`}>\n        {children}\n      </ul>\n    </div>\n  );\n};\n"]}

package/lib/esm/contexts/index.js

@@ -1,2 +1,3 @@
+export * from './useConfig';
 export * from './useSpec';
 //# sourceMappingURL=index.js.map

package/lib/esm/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC","sourcesContent":["export * from './useConfig';\nexport * from './useSpec';\n"]}

package/lib/esm/contexts/useConfig.js

@@ -0,0 +1,6 @@
+import { createContext, useContext } from 'react';
+export var ConfigContext = createContext({});
+export function useConfig() {
+    return useContext(ConfigContext);
+}
+//# sourceMappingURL=useConfig.js.map

package/lib/esm/contexts/useConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.js","sourceRoot":"","sources":["../../../src/contexts/useConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,CAAC,IAAM,aAAa,GAAG,aAAa,CAAkB,EAAE,CAAC,CAAC;AAEhE,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AACnC,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\nimport { ConfigInterface } from '../config';\n\nexport const ConfigContext = createContext<ConfigInterface>({});\n\nexport function useConfig() {\n  return useContext(ConfigContext);\n}\n"]}

package/lib/esm/contexts/useSpec.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
-export var SpecificationContext = React.createContext({ asyncapi: null });
+export var SpecificationContext = React.createContext(null);
 export function useSpec() {
-    return useContext(SpecificationContext).asyncapi;
+    return useContext(SpecificationContext);
 }
 //# sourceMappingURL=useSpec.js.map

package/lib/esm/contexts/useSpec.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSpec.js","sourceRoot":"","sources":["../../../src/contexts/useSpec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,IAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAEpD,EAAE,QAAQ,EAAG,IAAoC,EAAE,CAAC,CAAC;AAExD,MAAM,UAAU,OAAO;IACrB,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC;AACnD,CAAC"}
+{"version":3,"file":"useSpec.js","sourceRoot":"","sources":["../../../src/contexts/useSpec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,IAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAErD,IAAW,CAAC,CAAC;AAEf,MAAM,UAAU,OAAO;IACrB,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["import React, { useContext } from 'react';\nimport { AsyncAPIDocumentInterface } from '@asyncapi/parser';\n\nexport const SpecificationContext = React.createContext<\n  AsyncAPIDocumentInterface\n>(null as any);\n\nexport function useSpec() {\n  return useContext(SpecificationContext);\n}\n"]}

package/lib/esm/helpers/common.js

@@ -0,0 +1,14 @@
+var CommonHelpers = (function () {
+    function CommonHelpers() {
+    }
+    CommonHelpers.getIdentifier = function (id, config) {
+        var schemaID = config === null || config === void 0 ? void 0 : config.schemaID;
+        if (schemaID) {
+            return "".concat(schemaID, "-").concat(id);
+        }
+        return id;
+    };
+    return CommonHelpers;
+}());
+export { CommonHelpers };
+//# sourceMappingURL=common.js.map

package/lib/esm/helpers/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../src/helpers/common.ts"],"names":[],"mappings":"AAEA;IAAA;IAQA,CAAC;IAPQ,2BAAa,GAApB,UAAqB,EAAU,EAAE,MAAwB;QACvD,IAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC;QAClC,IAAI,QAAQ,EAAE;YACZ,OAAO,UAAG,QAAQ,cAAI,EAAE,CAAE,CAAC;SAC5B;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IACH,oBAAC;AAAD,CAAC,AARD,IAQC","sourcesContent":["import { ConfigInterface } from '../config';\n\nexport class CommonHelpers {\n  static getIdentifier(id: string, config?: ConfigInterface) {\n    const schemaID = config?.schemaID;\n    if (schemaID) {\n      return `${schemaID}-${id}`;\n    }\n    return id;\n  }\n}\n"]}

package/lib/esm/helpers/index.js

@@ -1,6 +1,5 @@
-export * from './bemClasses';
-export * from './formatJsonHighlight';
-export * from './toKebabCase';
+export * from './common';
+export * from './marked';
 export * from './parser';
 export * from './specification';
 export * from './server';

package/lib/esm/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC","sourcesContent":["export * from './common';\nexport * from './marked';\nexport * from './parser';\nexport * from './specification';\nexport * from './server';\nexport * from './message';\nexport * from './schema';\n"]}

package/lib/esm/helpers/marked.js

@@ -0,0 +1,27 @@
+import { marked } from 'marked';
+import hljs from 'highlight.js/lib/core';
+import json from 'highlight.js/lib/languages/json';
+hljs.registerLanguage('json', json);
+import yaml from 'highlight.js/lib/languages/yaml';
+hljs.registerLanguage('yaml', yaml);
+import bash from 'highlight.js/lib/languages/bash';
+hljs.registerLanguage('bash', bash);
+var markedOptions = {
+    langPrefix: 'hljs language-',
+    highlight: function (code, language) {
+        if (!hljs.getLanguage(language)) {
+            return code;
+        }
+        try {
+            return hljs.highlight(code, { language: language }).value;
+        }
+        catch (e) {
+            return code;
+        }
+    },
+};
+export function renderMarkdown(content) {
+    return marked(content, markedOptions);
+}
+export { hljs };
+//# sourceMappingURL=marked.js.map

package/lib/esm/helpers/marked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marked.js","sourceRoot":"","sources":["../../../src/helpers/marked.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAGzC,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAGpC,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAGpC,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAEpC,IAAM,aAAa,GAAyB;IAC1C,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,UAAC,IAAI,EAAE,QAAQ;QACxB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE;YAC/B,OAAO,IAAI,CAAC;SACb;QACD,IAAI;YACF,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC,KAAK,CAAC;SACjD;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,IAAI,CAAC;SACb;IACH,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,OAAe;IAC5C,OAAO,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AACxC,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { marked } from 'marked';\n\n// @ts-ignore\nimport hljs from 'highlight.js/lib/core';\n\n// @ts-ignore\nimport json from 'highlight.js/lib/languages/json';\nhljs.registerLanguage('json', json);\n\n// @ts-ignore\nimport yaml from 'highlight.js/lib/languages/yaml';\nhljs.registerLanguage('yaml', yaml);\n\n// @ts-ignore\nimport bash from 'highlight.js/lib/languages/bash';\nhljs.registerLanguage('bash', bash);\n\nconst markedOptions: marked.MarkedOptions = {\n  langPrefix: 'hljs language-',\n  highlight: (code, language) => {\n    if (!hljs.getLanguage(language)) {\n      return code;\n    }\n    try {\n      return hljs.highlight(code, { language }).value;\n    } catch (e) {\n      return code;\n    }\n  },\n};\n\nexport function renderMarkdown(content: string): string {\n  return marked(content, markedOptions);\n}\n\nexport { hljs };\n"]}