@asyncapi/react-component 1.0.0-next.44 → 1.0.0-next.45

package/lib/cjs/helpers/specification.js

@@ -61,6 +61,23 @@ var SpecificationHelpers = (function () {
         });
         return Array.from(tags.values());
     };
+    SpecificationHelpers.serversTags = function (spec) {
+        var tags = {};
+        Object.entries(spec.servers()).forEach(function (_a) {
+            var _ = _a[0], server = _a[1];
+            if (server.hasTags()) {
+                server.tags().forEach(function (tag) {
+                    if (tags[tag.name()]) {
+                        tags[tag.name()] = [tags[tag.name()], _];
+                    }
+                    else {
+                        tags[tag.name()] = _;
+                    }
+                });
+            }
+        });
+        return tags;
+    };
     return SpecificationHelpers;
 }());
 exports.SpecificationHelpers = SpecificationHelpers;

package/lib/cjs/helpers/specification.js.map

@@ -1 +1 @@
-{"version":3,"file":"specification.js","sourceRoot":"","sources":["../../../src/helpers/specification.ts"],"names":[],"mappings":"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","sourcesContent":["import { AsyncAPIDocument, Tag } from '@asyncapi/parser';\n// @ts-ignore\nimport AsyncAPIDocumentModel from '@asyncapi/parser/lib/models/asyncapi';\n\nexport class SpecificationHelpers {\n  /**\n   * Returns parsed AsyncAPI specification.\n   */\n  static retrieveParsedSpec(schema: any): AsyncAPIDocument | undefined {\n    if (!schema) {\n      return undefined;\n    }\n\n    // check if schema is an instance of AsyncAPIDocument (model from AsyncAPI Parser)\n    if (schema.constructor && schema.constructor.name === 'AsyncAPIDocument') {\n      return schema as AsyncAPIDocument;\n    }\n\n    // then check if schema is an instance of AsyncAPIDocument (model from AsyncAPI Parser)\n    // this check is used for security in case of code mangling (unification)\n    if (\n      typeof schema.version === 'function' &&\n      schema._json &&\n      schema._json.asyncapi\n    ) {\n      return schema as AsyncAPIDocument;\n    }\n\n    // check if input is a string and try parse it\n    if (typeof schema === 'string') {\n      try {\n        schema = JSON.parse(schema);\n      } catch (e) {\n        return undefined;\n      }\n    }\n\n    // at the end check if schema is a parsed JS object (as output from AsyncAPI Parser)\n    if (typeof schema === 'object' && schema['x-parser-spec-parsed'] === true) {\n      // if schema is stringified by `AsyncAPIDocument.stringify` function\n      if (schema['x-parser-spec-stringified'] === true) {\n        return AsyncAPIDocumentModel.parse(schema);\n      }\n      return new AsyncAPIDocumentModel(schema);\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Check if given schema have one of the specified tags.\n   */\n  static containTags(schema: any, tags: Tag | Tag[]): boolean {\n    const tagsToCheck =\n      typeof schema.tags === 'function' ? schema.tags() : undefined;\n    if (tagsToCheck === undefined || !Array.isArray(tagsToCheck)) {\n      return false;\n    }\n    tags = Array.isArray(tags) ? tags : [tags];\n    return tagsToCheck.some((tag: Tag) =>\n      (tags as Tag[]).some(t => t.name() === tag.name()),\n    );\n  }\n\n  /**\n   * Return all tags from operations\n   */\n  static operationsTags(spec: AsyncAPIDocument) {\n    const tags = new Map<string, Tag>();\n    Object.entries(spec.channels()).forEach(([_, channel]) => {\n      const publish = channel.publish();\n      if (publish && publish.hasTags()) {\n        publish.tags().forEach(tag => tags.set(tag.name(), tag));\n      }\n      const subscribe = channel.subscribe();\n      if (subscribe && subscribe.hasTags()) {\n        subscribe.tags().forEach(tag => tags.set(tag.name(), tag));\n      }\n    });\n    return Array.from(tags.values());\n  }\n}\n"]}
+{"version":3,"file":"specification.js","sourceRoot":"","sources":["../../../src/helpers/specification.ts"],"names":[],"mappings":"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","sourcesContent":["import { AsyncAPIDocument, Tag } from '@asyncapi/parser';\n// @ts-ignore\nimport AsyncAPIDocumentModel from '@asyncapi/parser/lib/models/asyncapi';\n\nexport class SpecificationHelpers {\n  /**\n   * Returns parsed AsyncAPI specification.\n   */\n  static retrieveParsedSpec(schema: any): AsyncAPIDocument | undefined {\n    if (!schema) {\n      return undefined;\n    }\n\n    // check if schema is an instance of AsyncAPIDocument (model from AsyncAPI Parser)\n    if (schema.constructor && schema.constructor.name === 'AsyncAPIDocument') {\n      return schema as AsyncAPIDocument;\n    }\n\n    // then check if schema is an instance of AsyncAPIDocument (model from AsyncAPI Parser)\n    // this check is used for security in case of code mangling (unification)\n    if (\n      typeof schema.version === 'function' &&\n      schema._json &&\n      schema._json.asyncapi\n    ) {\n      return schema as AsyncAPIDocument;\n    }\n\n    // check if input is a string and try parse it\n    if (typeof schema === 'string') {\n      try {\n        schema = JSON.parse(schema);\n      } catch (e) {\n        return undefined;\n      }\n    }\n\n    // at the end check if schema is a parsed JS object (as output from AsyncAPI Parser)\n    if (typeof schema === 'object' && schema['x-parser-spec-parsed'] === true) {\n      // if schema is stringified by `AsyncAPIDocument.stringify` function\n      if (schema['x-parser-spec-stringified'] === true) {\n        return AsyncAPIDocumentModel.parse(schema);\n      }\n      return new AsyncAPIDocumentModel(schema);\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Check if given schema have one of the specified tags.\n   */\n  static containTags(schema: any, tags: Tag | Tag[]): boolean {\n    const tagsToCheck =\n      typeof schema.tags === 'function' ? schema.tags() : undefined;\n    if (tagsToCheck === undefined || !Array.isArray(tagsToCheck)) {\n      return false;\n    }\n    tags = Array.isArray(tags) ? tags : [tags];\n    return tagsToCheck.some((tag: Tag) =>\n      (tags as Tag[]).some(t => t.name() === tag.name()),\n    );\n  }\n\n  /**\n   * Return all tags from operations\n   */\n  static operationsTags(spec: AsyncAPIDocument) {\n    const tags = new Map<string, Tag>();\n    Object.entries(spec.channels()).forEach(([_, channel]) => {\n      const publish = channel.publish();\n      if (publish && publish.hasTags()) {\n        publish.tags().forEach(tag => tags.set(tag.name(), tag));\n      }\n      const subscribe = channel.subscribe();\n      if (subscribe && subscribe.hasTags()) {\n        subscribe.tags().forEach(tag => tags.set(tag.name(), tag));\n      }\n    });\n    return Array.from(tags.values());\n  }\n\n  /**\n   * Return all tags from servers\n   */\n  static serversTags(spec: AsyncAPIDocument) {\n    const tags = {} as { string: string[] };\n    Object.entries(spec.servers()).forEach(([_, server]) => {\n      if (server.hasTags()) {\n        server.tags().forEach(tag => {\n          if (tags[tag.name()]) {\n            tags[tag.name()] = [tags[tag.name()], _];\n          } else {\n            tags[tag.name()] = _;\n          }\n        });\n      }\n    });\n    return tags;\n  }\n}\n"]}

package/lib/esm/components/CollapseButton.js

@@ -21,7 +21,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { HiChevronRight } from 'react-icons/hi';
+var HiChevronRight = function (props) {
+    if (props === void 0) { props = {}; }
+    return (React.createElement("svg", __assign({ stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 20 20", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd" })));
+};
 export var CollapseButton = function (_a) {
     var chevronProps = _a.chevronProps, _b = _a.expanded, expanded = _b === void 0 ? false : _b, children = _a.children, rest = __rest(_a, ["chevronProps", "expanded", "children"]);
     return (React.createElement("button", __assign({}, rest, { className: "focus:outline-none ".concat(rest.className), type: "button" }),

package/lib/esm/components/CollapseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseButton.js","sourceRoot":"","sources":["../../../src/components/CollapseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOhD,MAAM,CAAC,IAAM,cAAc,GAAmC,UAAC,EAK9D;IAJC,IAAA,YAAY,kBAAA,EACZ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACL,IAAI,cAJsD,wCAK9D,CADQ;IACH,OAAA,CACJ,2CACM,IAAI,IACR,SAAS,EAAE,6BAAsB,IAAI,CAAC,SAAS,CAAE,EACjD,IAAI,EAAC,QAAQ;QAEb,6BAAK,SAAS,EAAC,cAAc,IAAE,QAAQ,CAAO;QAC9C,oBAAC,cAAc,eACT,YAAY,IAChB,SAAS,EAAE,kIACT,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,cAC1B,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,CAAE,IACnC,CACK,CACV,CAAA;CAAA,CAAC","sourcesContent":["import React, { ButtonHTMLAttributes, SVGAttributes } from 'react';\nimport { HiChevronRight } from 'react-icons/hi';\n\ninterface Props extends ButtonHTMLAttributes<HTMLButtonElement> {\n  chevronProps?: SVGAttributes<SVGElement>;\n  expanded?: boolean;\n}\n\nexport const CollapseButton: React.FunctionComponent<Props> = ({\n  chevronProps,\n  expanded = false,\n  children,\n  ...rest\n}) => (\n  <button\n    {...rest}\n    className={`focus:outline-none ${rest.className}`}\n    type=\"button\"\n  >\n    <div className=\"inline-block\">{children}</div>\n    <HiChevronRight\n      {...chevronProps}\n      className={`inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear ${\n        expanded ? '-rotate-90' : ''\n      } ${chevronProps?.className || ''}`}\n    />\n  </button>\n);\n"]}
+{"version":3,"file":"CollapseButton.js","sourceRoot":"","sources":["../../../src/components/CollapseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAOnE,IAAM,cAAc,GAAG,UAAC,KAAqC;IAArC,sBAAA,EAAA,UAAqC;IAAK,OAAA,CAEhE,sCACE,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oHAAoH,EACtH,QAAQ,EAAC,SAAS,GAClB,CACE,CACP;AAlBiE,CAkBjE,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAmC,UAAC,EAK9D;IAJC,IAAA,YAAY,kBAAA,EACZ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACL,IAAI,cAJsD,wCAK9D,CADQ;IACH,OAAA,CACJ,2CACM,IAAI,IACR,SAAS,EAAE,6BAAsB,IAAI,CAAC,SAAS,CAAE,EACjD,IAAI,EAAC,QAAQ;QAEb,6BAAK,SAAS,EAAC,cAAc,IAAE,QAAQ,CAAO;QAC9C,oBAAC,cAAc,eACT,YAAY,IAChB,SAAS,EAAE,kIACT,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,cAC1B,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,CAAE,IACnC,CACK,CACV,CAAA;CAAA,CAAC","sourcesContent":["import React, { ButtonHTMLAttributes, SVGAttributes } from 'react';\n\ninterface Props extends ButtonHTMLAttributes<HTMLButtonElement> {\n  chevronProps?: SVGAttributes<SVGElement>;\n  expanded?: boolean;\n}\n\nconst HiChevronRight = (props: SVGAttributes<SVGElement> = {}) => (\n  // Copied from https://icon-sets.iconify.design/heroicons-solid/chevron-right/\n  <svg\n    stroke=\"currentColor\"\n    fill=\"currentColor\"\n    strokeWidth=\"0\"\n    viewBox=\"0 0 20 20\"\n    height=\"1em\"\n    width=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n\nexport const CollapseButton: React.FunctionComponent<Props> = ({\n  chevronProps,\n  expanded = false,\n  children,\n  ...rest\n}) => (\n  <button\n    {...rest}\n    className={`focus:outline-none ${rest.className}`}\n    type=\"button\"\n  >\n    <div className=\"inline-block\">{children}</div>\n    <HiChevronRight\n      {...chevronProps}\n      className={`inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear ${\n        expanded ? '-rotate-90' : ''\n      } ${chevronProps?.className || ''}`}\n    />\n  </button>\n);\n"]}

package/lib/esm/config/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/config/config.ts"],"names":[],"mappings":"","sourcesContent":["export interface ConfigInterface {\n  schemaID?: string;\n  show?: ShowConfig;\n  expand?: ExpandConfig;\n  sidebar?: SideBarConfig;\n  parserOptions?: any;\n  publishLabel?: string;\n  subscribeLabel?: string;\n}\n\nexport interface ShowConfig {\n  sidebar?: boolean;\n  info?: boolean;\n  servers?: boolean;\n  operations?: boolean;\n  messages?: boolean;\n  schemas?: boolean;\n  errors?: boolean;\n}\n\nexport interface ExpandConfig {\n  messageExamples?: boolean;\n}\n\nexport interface SideBarConfig {\n  showOperations?: 'byDefault' | 'bySpecTags' | 'byOperationsTags';\n}\n"]}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/config/config.ts"],"names":[],"mappings":"","sourcesContent":["export interface ConfigInterface {\n  schemaID?: string;\n  show?: ShowConfig;\n  expand?: ExpandConfig;\n  sidebar?: SideBarConfig;\n  parserOptions?: any;\n  publishLabel?: string;\n  subscribeLabel?: string;\n}\n\nexport interface ShowConfig {\n  sidebar?: boolean;\n  info?: boolean;\n  servers?: boolean;\n  operations?: boolean;\n  messages?: boolean;\n  schemas?: boolean;\n  errors?: boolean;\n}\n\nexport interface ExpandConfig {\n  messageExamples?: boolean;\n}\n\nexport interface SideBarConfig {\n  showServers?: 'byDefault' | 'bySpecTags' | 'byServersTags';\n  showOperations?: 'byDefault' | 'bySpecTags' | 'byOperationsTags';\n}\n"]}

package/lib/esm/config/default.js

@@ -14,7 +14,8 @@ export var defaultConfig = {
         messageExamples: false,
     },
     sidebar: {
-        showOperations: 'byOperationsTags',
+        showServers: 'byDefault',
+        showOperations: 'byDefault',
     },
     publishLabel: PUBLISH_LABEL_DEFAULT_TEXT,
     subscribeLabel: SUBSCRIBE_LABEL_DEFAULT_TEXT,

package/lib/esm/config/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/config/default.ts"],"names":[],"mappings":"AACA,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,GAC7B,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,IAAM,aAAa,GAAoB;IAC5C,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;KACb;IACD,MAAM,EAAE;QACN,eAAe,EAAE,KAAK;KACvB;IACD,OAAO,EAAE;QACP,cAAc,EAAE,kBAAkB;KACnC;IACD,YAAY,EAAE,0BAA0B;IACxC,cAAc,EAAE,4BAA4B;CAC7C,CAAC","sourcesContent":["import { ConfigInterface } from './config';\nimport {\n  PUBLISH_LABEL_DEFAULT_TEXT,\n  SUBSCRIBE_LABEL_DEFAULT_TEXT,\n} from '../constants';\n\nexport const defaultConfig: ConfigInterface = {\n  schemaID: '',\n  show: {\n    sidebar: false,\n    info: true,\n    servers: true,\n    operations: true,\n    messages: true,\n    schemas: true,\n    errors: true,\n  },\n  expand: {\n    messageExamples: false,\n  },\n  sidebar: {\n    showOperations: 'byOperationsTags',\n  },\n  publishLabel: PUBLISH_LABEL_DEFAULT_TEXT,\n  subscribeLabel: SUBSCRIBE_LABEL_DEFAULT_TEXT,\n};\n"]}
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/config/default.ts"],"names":[],"mappings":"AACA,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,GAC7B,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,IAAM,aAAa,GAAoB;IAC5C,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;KACb;IACD,MAAM,EAAE;QACN,eAAe,EAAE,KAAK;KACvB;IACD,OAAO,EAAE;QACP,WAAW,EAAE,WAAW;QACxB,cAAc,EAAE,WAAW;KAC5B;IACD,YAAY,EAAE,0BAA0B;IACxC,cAAc,EAAE,4BAA4B;CAC7C,CAAC","sourcesContent":["import { ConfigInterface } from './config';\nimport {\n  PUBLISH_LABEL_DEFAULT_TEXT,\n  SUBSCRIBE_LABEL_DEFAULT_TEXT,\n} from '../constants';\n\nexport const defaultConfig: ConfigInterface = {\n  schemaID: '',\n  show: {\n    sidebar: false,\n    info: true,\n    servers: true,\n    operations: true,\n    messages: true,\n    schemas: true,\n    errors: true,\n  },\n  expand: {\n    messageExamples: false,\n  },\n  sidebar: {\n    showServers: 'byDefault',\n    showOperations: 'byDefault',\n  },\n  publishLabel: PUBLISH_LABEL_DEFAULT_TEXT,\n  subscribeLabel: SUBSCRIBE_LABEL_DEFAULT_TEXT,\n};\n"]}

package/lib/esm/containers/AsyncApi/Layout.js

@@ -9,9 +9,8 @@ import { Schemas } from '../Schemas/Schemas';
 import { Error } from '../Error/Error';
 import { SpecificationContext, ConfigContext } from '../../contexts';
 var AsyncApiLayout = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var asyncapi = _a.asyncapi, config = _a.config, _j = _a.error, error = _j === void 0 ? null : _j;
-    var _k = useState('container:xl'), observerClassName = _k[0], setObserverClassName = _k[1];
+    var asyncapi = _a.asyncapi, config = _a.config, _b = _a.error, error = _b === void 0 ? null : _b;
+    var _c = useState('container:xl'), observerClassName = _c[0], setObserverClassName = _c[1];
     var ref = useResizeObserver({
         onResize: function (_a) {
             var width = _a.width;
@@ -26,19 +25,20 @@ var AsyncApiLayout = function (_a) {
             });
         },
     }).ref;
+    var configShow = config.show || {};
     return (React.createElement(ConfigContext.Provider, { value: config },
         React.createElement(SpecificationContext.Provider, { value: asyncapi },
             React.createElement("section", { className: "aui-root" },
                 React.createElement("div", { className: "".concat(observerClassName, " relative md:flex bg-white leading-normal"), id: config.schemaID || undefined, ref: ref },
-                    ((_b = config.show) === null || _b === void 0 ? void 0 : _b.sidebar) && React.createElement(Sidebar, { config: config.sidebar }),
+                    configShow.sidebar && React.createElement(Sidebar, null),
                     React.createElement("div", { className: "panel--center relative py-8 flex-1" },
                         React.createElement("div", { className: "relative z-10" },
-                            ((_c = config.show) === null || _c === void 0 ? void 0 : _c.errors) && error && React.createElement(Error, { error: error }),
-                            ((_d = config.show) === null || _d === void 0 ? void 0 : _d.info) && React.createElement(Info, null),
-                            ((_e = config.show) === null || _e === void 0 ? void 0 : _e.servers) && React.createElement(Servers, null),
-                            ((_f = config.show) === null || _f === void 0 ? void 0 : _f.operations) && React.createElement(Operations, null),
-                            ((_g = config.show) === null || _g === void 0 ? void 0 : _g.messages) && React.createElement(Messages, null),
-                            ((_h = config.show) === null || _h === void 0 ? void 0 : _h.schemas) && React.createElement(Schemas, null)),
+                            configShow.errors && error && React.createElement(Error, { error: error }),
+                            configShow.info && React.createElement(Info, null),
+                            configShow.servers && React.createElement(Servers, null),
+                            configShow.operations && React.createElement(Operations, null),
+                            configShow.messages && React.createElement(Messages, null),
+                            configShow.schemas && React.createElement(Schemas, null)),
                         React.createElement("div", { className: "panel--right absolute top-0 right-0 h-full bg-gray-800" })))))));
 };
 export default AsyncApiLayout;

package/lib/esm/containers/AsyncApi/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../../src/containers/AsyncApi/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AASrE,IAAM,cAAc,GAAmC,UAAC,EAIvD;;QAHC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA;IAEN,IAAA,KAA4C,QAAQ,CAAC,cAAc,CAAC,EAAnE,iBAAiB,QAAA,EAAE,oBAAoB,QAA4B,CAAC;IAEnE,IAAA,GAAG,GAAK,iBAAiB,CAAiB;QAChD,QAAQ,EAAE,UAAC,EAAS;gBAAP,KAAK,WAAA;YAChB,qBAAqB,CAAC;gBACpB,IAAI,KAAK,KAAK,SAAS,EAAE;oBACvB,OAAO;iBACR;gBAED,IAAM,iBAAiB,GACrB,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBACpD,IAAI,iBAAiB,KAAK,iBAAiB,EAAE;oBAC3C,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;iBACzC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;KACF,CAAC,IAdS,CAcR;IAEH,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM;QACnC,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ;YAC5C,iCAAS,SAAS,EAAC,UAAU;gBAC3B,6BACE,SAAS,EAAE,UAAG,iBAAiB,8CAA2C,EAC1E,EAAE,EAAE,MAAM,CAAC,QAAQ,IAAI,SAAS,EAChC,GAAG,EAAE,GAAG;oBAEP,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,OAAO,KAAI,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,CAAC,OAAO,GAAI;oBAC5D,6BAAK,SAAS,EAAC,oCAAoC;wBACjD,6BAAK,SAAS,EAAC,eAAe;4BAC3B,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,KAAI,KAAK,IAAI,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI;4BACvD,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,KAAI,oBAAC,IAAI,OAAG;4BAC7B,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,OAAO,KAAI,oBAAC,OAAO,OAAG;4BACnC,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,UAAU,KAAI,oBAAC,UAAU,OAAG;4BACzC,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,QAAQ,KAAI,oBAAC,QAAQ,OAAG;4BACrC,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,OAAO,KAAI,oBAAC,OAAO,OAAG,CAChC;wBACN,6BAAK,SAAS,EAAC,wDAAwD,GAAG,CACtE,CACF,CACE,CACoB,CACT,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport { AsyncAPIDocument } from '@asyncapi/parser';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { Sidebar } from '../Sidebar/Sidebar';\nimport { Info } from '../Info/Info';\nimport { Servers } from '../Servers/Servers';\nimport { Operations } from '../Operations/Operations';\nimport { Messages } from '../Messages/Messages';\nimport { Schemas } from '../Schemas/Schemas';\nimport { Error } from '../Error/Error';\n\nimport { ConfigInterface } from '../../config';\nimport { SpecificationContext, ConfigContext } from '../../contexts';\nimport { ErrorObject } from '../../types';\n\ninterface Props {\n  asyncapi: AsyncAPIDocument;\n  config: ConfigInterface;\n  error?: ErrorObject;\n}\n\nconst AsyncApiLayout: React.FunctionComponent<Props> = ({\n  asyncapi,\n  config,\n  error = null,\n}) => {\n  const [observerClassName, setObserverClassName] = useState('container:xl');\n\n  const { ref } = useResizeObserver<HTMLDivElement>({\n    onResize: ({ width }) => {\n      requestAnimationFrame(() => {\n        if (width === undefined) {\n          return;\n        }\n\n        const possibleClassName =\n          width <= 1280 ? 'container:xl' : 'container:base';\n        if (possibleClassName !== observerClassName) {\n          setObserverClassName(possibleClassName);\n        }\n      });\n    },\n  });\n\n  return (\n    <ConfigContext.Provider value={config}>\n      <SpecificationContext.Provider value={asyncapi}>\n        <section className=\"aui-root\">\n          <div\n            className={`${observerClassName} relative md:flex bg-white leading-normal`}\n            id={config.schemaID || undefined}\n            ref={ref}\n          >\n            {config.show?.sidebar && <Sidebar config={config.sidebar} />}\n            <div className=\"panel--center relative py-8 flex-1\">\n              <div className=\"relative z-10\">\n                {config.show?.errors && error && <Error error={error} />}\n                {config.show?.info && <Info />}\n                {config.show?.servers && <Servers />}\n                {config.show?.operations && <Operations />}\n                {config.show?.messages && <Messages />}\n                {config.show?.schemas && <Schemas />}\n              </div>\n              <div className=\"panel--right absolute top-0 right-0 h-full bg-gray-800\" />\n            </div>\n          </div>\n        </section>\n      </SpecificationContext.Provider>\n    </ConfigContext.Provider>\n  );\n};\n\nexport default AsyncApiLayout;\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../../src/containers/AsyncApi/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AASrE,IAAM,cAAc,GAAmC,UAAC,EAIvD;QAHC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA;IAEN,IAAA,KAA4C,QAAQ,CAAC,cAAc,CAAC,EAAnE,iBAAiB,QAAA,EAAE,oBAAoB,QAA4B,CAAC;IAEnE,IAAA,GAAG,GAAK,iBAAiB,CAAiB;QAChD,QAAQ,EAAE,UAAC,EAAS;gBAAP,KAAK,WAAA;YAChB,qBAAqB,CAAC;gBACpB,IAAI,KAAK,KAAK,SAAS,EAAE;oBACvB,OAAO;iBACR;gBAED,IAAM,iBAAiB,GACrB,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBACpD,IAAI,iBAAiB,KAAK,iBAAiB,EAAE;oBAC3C,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;iBACzC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;KACF,CAAC,IAdS,CAcR;IAEH,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;IACrC,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM;QACnC,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ;YAC5C,iCAAS,SAAS,EAAC,UAAU;gBAC3B,6BACE,SAAS,EAAE,UAAG,iBAAiB,8CAA2C,EAC1E,EAAE,EAAE,MAAM,CAAC,QAAQ,IAAI,SAAS,EAChC,GAAG,EAAE,GAAG;oBAEP,UAAU,CAAC,OAAO,IAAI,oBAAC,OAAO,OAAG;oBAClC,6BAAK,SAAS,EAAC,oCAAoC;wBACjD,6BAAK,SAAS,EAAC,eAAe;4BAC3B,UAAU,CAAC,MAAM,IAAI,KAAK,IAAI,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI;4BACrD,UAAU,CAAC,IAAI,IAAI,oBAAC,IAAI,OAAG;4BAC3B,UAAU,CAAC,OAAO,IAAI,oBAAC,OAAO,OAAG;4BACjC,UAAU,CAAC,UAAU,IAAI,oBAAC,UAAU,OAAG;4BACvC,UAAU,CAAC,QAAQ,IAAI,oBAAC,QAAQ,OAAG;4BACnC,UAAU,CAAC,OAAO,IAAI,oBAAC,OAAO,OAAG,CAC9B;wBACN,6BAAK,SAAS,EAAC,wDAAwD,GAAG,CACtE,CACF,CACE,CACoB,CACT,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport { AsyncAPIDocument } from '@asyncapi/parser';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { Sidebar } from '../Sidebar/Sidebar';\nimport { Info } from '../Info/Info';\nimport { Servers } from '../Servers/Servers';\nimport { Operations } from '../Operations/Operations';\nimport { Messages } from '../Messages/Messages';\nimport { Schemas } from '../Schemas/Schemas';\nimport { Error } from '../Error/Error';\n\nimport { ConfigInterface } from '../../config';\nimport { SpecificationContext, ConfigContext } from '../../contexts';\nimport { ErrorObject } from '../../types';\n\ninterface Props {\n  asyncapi: AsyncAPIDocument;\n  config: ConfigInterface;\n  error?: ErrorObject;\n}\n\nconst AsyncApiLayout: React.FunctionComponent<Props> = ({\n  asyncapi,\n  config,\n  error = null,\n}) => {\n  const [observerClassName, setObserverClassName] = useState('container:xl');\n\n  const { ref } = useResizeObserver<HTMLDivElement>({\n    onResize: ({ width }) => {\n      requestAnimationFrame(() => {\n        if (width === undefined) {\n          return;\n        }\n\n        const possibleClassName =\n          width <= 1280 ? 'container:xl' : 'container:base';\n        if (possibleClassName !== observerClassName) {\n          setObserverClassName(possibleClassName);\n        }\n      });\n    },\n  });\n\n  const configShow = config.show || {};\n  return (\n    <ConfigContext.Provider value={config}>\n      <SpecificationContext.Provider value={asyncapi}>\n        <section className=\"aui-root\">\n          <div\n            className={`${observerClassName} relative md:flex bg-white leading-normal`}\n            id={config.schemaID || undefined}\n            ref={ref}\n          >\n            {configShow.sidebar && <Sidebar />}\n            <div className=\"panel--center relative py-8 flex-1\">\n              <div className=\"relative z-10\">\n                {configShow.errors && error && <Error error={error} />}\n                {configShow.info && <Info />}\n                {configShow.servers && <Servers />}\n                {configShow.operations && <Operations />}\n                {configShow.messages && <Messages />}\n                {configShow.schemas && <Schemas />}\n              </div>\n              <div className=\"panel--right absolute top-0 right-0 h-full bg-gray-800\" />\n            </div>\n          </div>\n        </section>\n      </SpecificationContext.Provider>\n    </ConfigContext.Provider>\n  );\n};\n\nexport default AsyncApiLayout;\n"]}

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

@@ -1,28 +1,20 @@
 import React, { useState, useContext } from 'react';
 import { CollapseButton } from '../../components';
 import { useConfig, useSpec } from '../../contexts';
-import { SpecificationHelpers } from '../../helpers';
 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;
-    var _b = useState(false), showSidebar = _b[0], setShowSidebar = _b[1];
-    var showOperations = (config === null || config === void 0 ? void 0 : config.showOperations) || 'byDefault';
+export var Sidebar = function () {
+    var _a = useState(false), showSidebar = _a[0], setShowSidebar = _a[1];
     var asyncapi = useSpec();
     var info = asyncapi.info();
     var logo = info.ext('x-logo');
     var components = asyncapi.hasComponents() && asyncapi.components();
     var messages = components && components.messages();
     var schemas = components && components.schemas();
-    var Operations = OperationsList;
-    if (showOperations === 'bySpecTags') {
-        Operations = OperationsByRootTags;
-    }
-    else if (showOperations === 'byOperationsTags') {
-        Operations = OperationsByOperationsTags;
-    }
+    var hasOperations = asyncapi.hasChannels() &&
+        Object.values(asyncapi.channels()).some(function (channel) { return channel.hasPublish() || channel.hasSubscribe(); });
     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) {
@@ -52,119 +44,174 @@ export var Sidebar = function (_a) {
                     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.hasServers() && (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)),
+                                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-".concat(channelName) }));
-        }
-        if (channel.hasSubscribe()) {
-            operationsList.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-".concat(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;
+            }
+            var objectTags = (object.tags() || []).map(function (t) { return t.name(); });
+            var hasTag = objectTags.includes(tag);
+            if (hasTag) {
+                taggedForTag.push(obj);
+                taggedObjects.add(obj);
+            }
+        });
+        tagged.set(tag, taggedForTag);
+    });
+    var untagged = [];
+    objects.forEach(function (obj) {
+        if (!taggedObjects.has(obj)) {
+            untagged.push(obj);
         }
     });
-    return React.createElement("ul", { className: "text-sm mt-2" }, operationsList);
-};
-export var OperationsByRootTags = function () {
+    return { tagged: tagged, untagged: untagged };
+}
+var ServersList = function () {
+    var sidebarConfig = useConfig().sidebar;
     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-".concat(channelName) }));
-            }
-            if (channel.hasSubscribe() &&
-                SpecificationHelpers.containTags(channel.subscribe(), tag)) {
-                operationsList.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-".concat(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.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()); });
+        });
+        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: {},
         });
-        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-".concat(channelName) }));
-        }
-        if (channel.hasSubscribe() &&
-            (!channel.subscribe().hasTags() ||
-                !SpecificationHelpers.containTags(channel.subscribe(), tags))) {
-            untaggedOperations.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-".concat(channelName) }));
-        }
     });
-    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))))));
+    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));
 };
-export var OperationsByOperationsTags = function () {
+var OperationsList = 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-".concat(channelName) }));
-            }
-            if (channel.hasSubscribe() &&
-                SpecificationHelpers.containTags(channel.subscribe(), tag)) {
-                operationsList.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-".concat(channelName) }));
-            }
-        });
-        return operationsList;
-    };
-    var untaggedOperations = [];
+    var showOperations = (sidebarConfig === null || sidebarConfig === void 0 ? void 0 : sidebarConfig.showOperations) || 'byDefault';
+    var operations = [];
     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-".concat(channelName) }));
+        if (channel.hasPublish()) {
+            operations.push({
+                name: "publish-".concat(channelName),
+                object: channel.publish(),
+                data: { channelName: channelName, kind: 'publish' },
+            });
         }
-        if (channel.hasSubscribe() &&
-            (!channel.subscribe().hasTags() ||
-                !SpecificationHelpers.containTags(channel.subscribe(), operationsTags))) {
-            untaggedOperations.push(React.createElement(OperationsSubItem, { channelName: channelName, key: "sub-".concat(channelName) }));
+        if (channel.hasSubscribe()) {
+            operations.push({
+                name: "subscribe-".concat(channelName),
+                object: channel.subscribe(),
+                data: { channelName: channelName, kind: 'subscribe' },
+            });
         }
     });
-    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" }, operations.map(function (_a) {
+            var name = _a.name, _b = _a.data, channelName = _b.channelName, kind = _b.kind;
+            return (React.createElement(OperationItem, { channelName: channelName, kind: kind, key: name }));
+        })));
+    }
+    var operationTagNames;
+    if (showOperations === 'bySpecTags') {
+        operationTagNames = (asyncapi.tags() || []).map(function (tag) { return tag.name(); });
+    }
+    else {
+        var operationTagNamesSet_1 = new Set();
+        Object.values(operations).forEach(function (_a) {
+            var object = _a.object;
+            if (typeof object.tags !== 'function') {
+                return;
+            }
+            object.tags().forEach(function (t) { return operationTagNamesSet_1.add(t.name()); });
+        });
+        operationTagNames = Array.from(operationTagNamesSet_1);
+    }
+    var _a = filterObjectsByTags(operationTagNames, operations), 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, _b = _a.data, kind = _b.kind, channelName = _b.channelName;
+                    return (React.createElement(OperationItem, { channelName: channelName, kind: kind, key: name }));
+                }))));
+        }),
+        untagged.length > 0 ? (React.createElement("li", null,
+            React.createElement(ItemsByTagItem, { tagName: "Untagged" }, untagged.map(function (_a) {
+                var name = _a.name, _b = _a.data, kind = _b.kind, channelName = _b.channelName;
+                return (React.createElement(OperationItem, { channelName: channelName, kind: kind, key: name }));
+            })))) : null));
 };
-var OperationsByTagItem = function (_a) {
+var OperationItem = function (_a) {
+    var channelName = _a.channelName, 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" }, 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,
@@ -174,22 +221,4 @@ var OperationsByTagItem = function (_a) {
             React.createElement("span", { className: "text-sm inline-block mt-1 font-extralight" }, tagName)),
         React.createElement("ul", { className: "".concat(expand ? 'block' : 'hidden', " text-sm mt-2 font-light") }, children)));
 };
-var OperationsPubItem = function (_a) {
-    var channelName = _a.channelName;
-    var config = useConfig();
-    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-".concat(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" }, config.publishLabel || PUBLISH_LABEL_DEFAULT_TEXT),
-            React.createElement("span", { className: "break-all inline-block" }, channelName))));
-};
-var OperationsSubItem = function (_a) {
-    var channelName = _a.channelName;
-    var config = useConfig();
-    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-".concat(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" }, config.subscribeLabel || SUBSCRIBE_LABEL_DEFAULT_TEXT),
-            React.createElement("span", { className: "break-all inline-block" }, channelName))));
-};
 //# sourceMappingURL=Sidebar.js.map