Possible to hide APIDemoPanel?

[IanVS]

I'd like to remove the APIDemoPanel for now, what's the best way to do that? I don't see an option in the configuration settings, so I guess it's down to custom CSS to hide it, but it would be nice not to generate it at all, if possible.

[sserrata]

There is one way. Basically, you'd have to override the template used to generate the .api.mdx files, using this option.

Here's a full template:

https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/blob/main/demo/api.mustache

---
id: {{{id}}}
title: "{{{title}}}"
description: "{{{frontMatter.description}}}"
{{^api}}
sidebar_label: Introduction
{{/api}}
{{#api}}
sidebar_label: "{{{title}}}"
{{/api}}
{{^api}}
sidebar_position: 0
{{/api}}
hide_title: true
{{#api}}
hide_table_of_contents: true
{{/api}}
{{#json}}
api: {{{json}}}   // omitting this should hide the demo panel, since it renders only when `frontMatter.api` is present
{{/json}}
{{#api.method}}
sidebar_class_name: "{{{api.method}}} api-method"
{{/api.method}}
{{#infoPath}}
info_path: {{{infoPath}}}
{{/infoPath}}
custom_edit_url: null
{{#frontMatter.proxy}}
proxy: {{{frontMatter.proxy}}}
{{/frontMatter.proxy}}
---

{{{markdown}}}

[IanVS]

Unfortunately, that doesn't seem to work. If I remove the line with your comment, I get:

This page crashed.
could not find react-redux context value; please ensure the component is wrapped in a <Provider>

I also tried removing the lines above and below that one, with the same result.

[sserrata]

You're correct - this used to work before when redux was only used in the API Demo Panel. It breaks because MimeTabs require the redux Provider. That said, operations with no mime/media tabs end up defaulting to DocItem instead of ApiItem due to the logic that distinguishes API vs non-API docs, which is also probably not what you want.

Example:

[IanVS]

Alright, I'll just stick with good ol' display: none; for now then.