Best approach for tag groups?

[dredlong]

Hi team - firstly thanks for the project! It's doing a great job for us so far building a combined documentation site with guides and OpenApi spec pages.

We currently use Redoc and the x-tagGroups feature to structure the sidebar of our API docs. I saw a few other discussions that supporting this feature is under consideration for this project but not yet supported.

In the meantime, does anyone have a recommended approach for implementing similar functionality?

From a design perspective we'd prefer a label in the sidebar above each tag group with some vertical separation between each group.

At the moment I'm rewriting the auto-generated sidebars.js to be an object with each tag group as a list referenced by a key and then manually building a sidebar spec as:

apiSidebar = [
      require("./docs/openapi/sidebar.js").intro,
    {
      type: "html",
      value: "Tag Group 1"
    },
    require("./docs/openapi/sidebar.js").tag_group_1.items,
    {
      type: "html",
      value: "Tag Group 2"
    },
    require("./docs/openapi/sidebar.js").tag_group_2.items,
    {
      type: "html",
      value: "Tag Group 3"
    },
     require("./docs/openapi/sidebar.js").tag_group_3.items
]

It looks like it will work in a hacky kind of way but would be great to have any pointers if anyone's had success with something more elegant, particularly avoiding the need to manually restructure the autogenerated sidebars file.