Add support for security vendor extensions (#457)

* Add support for vendor extensions

* Add code security for testing

* Revert back to petstore

Author: sserrata

demo/docusaurus.config.js

@@ -233,6 +233,7 @@ const config = {
             template: "api.mustache", // Customize API MDX with mustache template
             downloadUrl:
               "https://raw.githubusercontent.com/PaloAltoNetworks/docusaurus-openapi-docs/main/demo/examples/petstore.yaml",
+            hideSendButton: true,
           },
           cos: {
             specPath: "examples/openapi-cos.json",

packages/docusaurus-theme-openapi-docs/src/theme/ApiDemoPanel/SecuritySchemes/index.tsx

@@ -65,7 +65,9 @@ function SecuritySchemes(props: any) {
                     return (
                       <span key={k}>
                         <strong>{k}: </strong>
-                        {rest[k]}
+                        {typeof rest[k] === "object"
+                          ? JSON.stringify(rest[k], null, 2)
+                          : String(rest[k])}
                       </span>
                     );
                   })}
@@ -104,7 +106,9 @@ function SecuritySchemes(props: any) {
                     return (
                       <span key={k}>
                         <strong>{k}: </strong>
-                        {rest[k]}
+                        {typeof rest[k] === "object"
+                          ? JSON.stringify(rest[k], null, 2)
+                          : String(rest[k])}
                       </span>
                     );
                   })}
@@ -169,7 +173,9 @@ function SecuritySchemes(props: any) {
                   return (
                     <span key={k}>
                       <strong>{k}: </strong>
-                      {rest[k]}
+                      {typeof rest[k] === "object"
+                        ? JSON.stringify(rest[k], null, 2)
+                        : String(rest[k])}
                     </span>
                   );
                 })}
@@ -209,7 +215,9 @@ function SecuritySchemes(props: any) {
                   return (
                     <span key={k}>
                       <strong>{k}: </strong>
-                      {rest[k]}
+                      {typeof rest[k] === "object"
+                        ? JSON.stringify(rest[k], null, 2)
+                        : String(rest[k])}
                     </span>
                   );
                 })}
@@ -257,7 +265,9 @@ function SecuritySchemes(props: any) {
                   return (
                     <span key={k}>
                       <strong>{k}: </strong>
-                      {rest[k]}
+                      {typeof rest[k] === "object"
+                        ? JSON.stringify(rest[k], null, 2)
+                        : String(rest[k])}
                     </span>
                   );
                 })}