docusaurus-theme-openapi-docs 0.0.0-beta.621 → 0.0.0-beta.627

package/lib/theme/ApiDemoPanel/CodeTabs/_CodeTabs.scss

@@ -209,6 +209,28 @@
   }
 }
 
+.language-powershell {
+  max-height: 500px;
+  overflow: auto;
+}
+
+.openapi-tabs__code-item--powershell {
+  color: var(--ifm-color-info);
+
+  &::after {
+    content: "";
+    width: 28px;
+    height: 28px;
+    background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/windows8/windows8-original.svg");
+    margin-block: auto;
+  }
+
+  &.active {
+    border-bottom-color: var(--ifm-color-success);
+    background-color: var(--ifm-color-emphasis-100);
+  }
+}
+
 @media only screen and (min-width: 768px) and (max-width: 996px) {
   .openapi-tabs__code-list {
     justify-content: space-around;

package/lib/theme/ApiDemoPanel/Curl/index.js

@@ -96,6 +96,15 @@ const languageSet = [{
     trimRequestBody: true
   },
   variant: "OkHttp"
+}, {
+  highlight: "powershell",
+  language: "powershell",
+  logoClass: "powershell",
+  options: {
+    followRedirect: true,
+    trimRequestBody: true
+  },
+  variant: "RestMethod"
 }];
 exports.languageSet = languageSet;
 function CodeTab({
@@ -217,7 +226,7 @@ function Curl({
         return <CodeTab value={lang.language} label={""} key={lang.variant ? `${lang.language}-${lang.variant}` : lang.language} attributes={{
           className: `openapi-tabs__code-item--${lang.logoClass}`
         }}>
-              <_CodeBlock.default language={lang.highlight} className="openapi-demo__code-block">
+              <_CodeBlock.default language={lang.highlight} className="openapi-demo__code-block" title={`${lang.language} / ${lang.variant}`}>
                 {codeText}
               </_CodeBlock.default>
             </CodeTab>;

package/lib/theme/ApiDemoPanel/Response/index.js

@@ -8,9 +8,6 @@ var _react = _interopRequireDefault(require("react"));
 var _themeCommon = require("@docusaurus/theme-common");
 var _hooks = require("@theme/ApiItem/hooks");
 var _CodeBlock = _interopRequireDefault(require("@theme/CodeBlock"));
-var _SchemaTabs = _interopRequireDefault(require("@theme/SchemaTabs"));
-var _TabItem = _interopRequireDefault(require("@theme/TabItem"));
-var _clsx = _interopRequireDefault(require("clsx"));
 var _slice = require("./slice");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* ============================================================================
@@ -69,32 +66,9 @@ function Response() {
           </button>
         </div>
       </summary>
-
-      <div style={{
-      backgroundColor: prismTheme.plain.backgroundColor,
-      paddingLeft: "1rem",
-      paddingTop: "1rem",
-      ...((prettyResponse === "Fetching..." || !code) && {
-        paddingBottom: "1rem"
-      })
-    }}>
-        {code && prettyResponse !== "Fetching..." ? <_SchemaTabs.default lazy>
-            {/* @ts-ignore */}
-            <_TabItem.default label={` ${code}`} value="body" attributes={{
-          className: (0, _clsx.default)("openapi-response__dot", responseStatusClass)
-        }} default>
-              <_CodeBlock.default className="openapi-response__status-code" language={response.startsWith("<") ? `xml` : `json`}>
-                {prettyResponse || "No Response"}
-              </_CodeBlock.default>
-            </_TabItem.default>
-            {/* @ts-ignore */}
-            <_TabItem.default label="Headers" value="headers">
-              <_CodeBlock.default className="openapi-response__status-headers" language={response.startsWith("<") ? `xml` : `json`}>
-                {JSON.stringify(headers, undefined, 2)}
-              </_CodeBlock.default>
-            </_TabItem.default>
-          </_SchemaTabs.default> : prettyResponse || "No Response"}
-      </div>
+      <_CodeBlock.default language={response.startsWith("<") ? `xml` : `json`} className="openapi-demo__code-block">
+        {prettyResponse || "No Response"}
+      </_CodeBlock.default>
     </details>;
 }
 var _default = Response;

package/lib/theme/styles.scss

@@ -116,3 +116,8 @@
 .openapi__heading {
   font-size: var(--ifm-h1-font-size);
 }
+
+.openapi-demo__code-block code {
+  max-height: 500px;
+  overflow: auto;
+}

package/lib-next/theme/ApiDemoPanel/CodeTabs/_CodeTabs.scss

@@ -209,6 +209,28 @@
   }
 }
 
+.language-powershell {
+  max-height: 500px;
+  overflow: auto;
+}
+
+.openapi-tabs__code-item--powershell {
+  color: var(--ifm-color-info);
+
+  &::after {
+    content: "";
+    width: 28px;
+    height: 28px;
+    background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/windows8/windows8-original.svg");
+    margin-block: auto;
+  }
+
+  &.active {
+    border-bottom-color: var(--ifm-color-success);
+    background-color: var(--ifm-color-emphasis-100);
+  }
+}
+
 @media only screen and (min-width: 768px) and (max-width: 996px) {
   .openapi-tabs__code-list {
     justify-content: space-around;

package/lib-next/theme/ApiDemoPanel/Curl/index.js

@@ -96,6 +96,16 @@ export const languageSet = [
     },
     variant: "OkHttp",
   },
+  {
+    highlight: "powershell",
+    language: "powershell",
+    logoClass: "powershell",
+    options: {
+      followRedirect: true,
+      trimRequestBody: true,
+    },
+    variant: "RestMethod",
+  },
 ];
 function CodeTab({ children, hidden, className, onClick }) {
   return (
@@ -257,6 +267,7 @@ function Curl({ postman, codeSamples }) {
               <CodeBlock
                 language={lang.highlight}
                 className="openapi-demo__code-block"
+                title={`${lang.language} / ${lang.variant}`}
               >
                 {codeText}
               </CodeBlock>

package/lib-next/theme/ApiDemoPanel/Response/index.js

@@ -9,9 +9,6 @@ import React from "react";
 import { usePrismTheme } from "@docusaurus/theme-common";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import CodeBlock from "@theme/CodeBlock";
-import SchemaTabs from "@theme/SchemaTabs";
-import TabItem from "@theme/TabItem";
-import clsx from "clsx";
 import { clearResponse, clearCode, clearHeaders } from "./slice";
 
 // TODO: We probably shouldn't attempt to format XML...
@@ -74,49 +71,12 @@ function Response() {
           </button>
         </div>
       </summary>
-
-      <div
-        style={{
-          backgroundColor: prismTheme.plain.backgroundColor,
-          paddingLeft: "1rem",
-          paddingTop: "1rem",
-          ...((prettyResponse === "Fetching..." || !code) && {
-            paddingBottom: "1rem",
-          }),
-        }}
+      <CodeBlock
+        language={response.startsWith("<") ? `xml` : `json`}
+        className="openapi-demo__code-block"
       >
-        {code && prettyResponse !== "Fetching..." ? (
-          <SchemaTabs lazy>
-            {/* @ts-ignore */}
-            <TabItem
-              label={` ${code}`}
-              value="body"
-              attributes={{
-                className: clsx("openapi-response__dot", responseStatusClass),
-              }}
-              default
-            >
-              <CodeBlock
-                className="openapi-response__status-code"
-                language={response.startsWith("<") ? `xml` : `json`}
-              >
-                {prettyResponse || "No Response"}
-              </CodeBlock>
-            </TabItem>
-            {/* @ts-ignore */}
-            <TabItem label="Headers" value="headers">
-              <CodeBlock
-                className="openapi-response__status-headers"
-                language={response.startsWith("<") ? `xml` : `json`}
-              >
-                {JSON.stringify(headers, undefined, 2)}
-              </CodeBlock>
-            </TabItem>
-          </SchemaTabs>
-        ) : (
-          prettyResponse || "No Response"
-        )}
-      </div>
+        {prettyResponse || "No Response"}
+      </CodeBlock>
     </details>
   );
 }

package/lib-next/theme/styles.scss

@@ -116,3 +116,8 @@
 .openapi__heading {
   font-size: var(--ifm-h1-font-size);
 }
+
+.openapi-demo__code-block code {
+  max-height: 500px;
+  overflow: auto;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-beta.621",
+  "version": "0.0.0-beta.627",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -45,13 +45,13 @@
   "dependencies": {
     "@docusaurus/theme-common": "^2.3.0",
     "@mdx-js/react": "^1.6.21",
-    "@paloaltonetworks/postman-code-generators": "^1.1.15",
+    "@paloaltonetworks/postman-code-generators": "1.1.15-patch.2",
     "@paloaltonetworks/postman-collection": "^4.1.0",
     "@reduxjs/toolkit": "^1.7.1",
     "buffer": "^6.0.3",
     "clsx": "^1.1.1",
     "crypto-js": "^4.1.1",
-    "docusaurus-plugin-openapi-docs": "0.0.0-beta.621",
+    "docusaurus-plugin-openapi-docs": "0.0.0-beta.627",
     "docusaurus-plugin-sass": "^0.2.3",
     "file-saver": "^2.0.5",
     "immer": "^9.0.7",
@@ -76,5 +76,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "61a48302243de6de8ae4308c9d90eb2b1cbffdc0"
+  "gitHead": "28b5c12af12e5327c0b8b024b565c7b707b8eb83"
 }

package/src/theme/ApiDemoPanel/CodeTabs/_CodeTabs.scss

@@ -209,6 +209,28 @@
   }
 }
 
+.language-powershell {
+  max-height: 500px;
+  overflow: auto;
+}
+
+.openapi-tabs__code-item--powershell {
+  color: var(--ifm-color-info);
+
+  &::after {
+    content: "";
+    width: 28px;
+    height: 28px;
+    background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/windows8/windows8-original.svg");
+    margin-block: auto;
+  }
+
+  &.active {
+    border-bottom-color: var(--ifm-color-success);
+    background-color: var(--ifm-color-emphasis-100);
+  }
+}
+
 @media only screen and (min-width: 768px) and (max-width: 996px) {
   .openapi-tabs__code-list {
     justify-content: space-around;

package/src/theme/ApiDemoPanel/Curl/index.tsx

@@ -108,6 +108,16 @@ export const languageSet: Language[] = [
     },
     variant: "OkHttp",
   },
+  {
+    highlight: "powershell",
+    language: "powershell",
+    logoClass: "powershell",
+    options: {
+      followRedirect: true,
+      trimRequestBody: true,
+    },
+    variant: "RestMethod",
+  },
 ];
 
 export interface Props {
@@ -278,6 +288,7 @@ function Curl({ postman, codeSamples }: Props) {
               <CodeBlock
                 language={lang.highlight}
                 className="openapi-demo__code-block"
+                title={`${lang.language} / ${lang.variant}`}
               >
                 {codeText}
               </CodeBlock>

package/src/theme/ApiDemoPanel/Response/index.tsx

@@ -81,49 +81,12 @@ function Response() {
           </button>
         </div>
       </summary>
-
-      <div
-        style={{
-          backgroundColor: prismTheme.plain.backgroundColor,
-          paddingLeft: "1rem",
-          paddingTop: "1rem",
-          ...((prettyResponse === "Fetching..." || !code) && {
-            paddingBottom: "1rem",
-          }),
-        }}
+      <CodeBlock
+        language={response.startsWith("<") ? `xml` : `json`}
+        className="openapi-demo__code-block"
       >
-        {code && prettyResponse !== "Fetching..." ? (
-          <SchemaTabs lazy>
-            {/* @ts-ignore */}
-            <TabItem
-              label={` ${code}`}
-              value="body"
-              attributes={{
-                className: clsx("openapi-response__dot", responseStatusClass),
-              }}
-              default
-            >
-              <CodeBlock
-                className="openapi-response__status-code"
-                language={response.startsWith("<") ? `xml` : `json`}
-              >
-                {prettyResponse || "No Response"}
-              </CodeBlock>
-            </TabItem>
-            {/* @ts-ignore */}
-            <TabItem label="Headers" value="headers">
-              <CodeBlock
-                className="openapi-response__status-headers"
-                language={response.startsWith("<") ? `xml` : `json`}
-              >
-                {JSON.stringify(headers, undefined, 2)}
-              </CodeBlock>
-            </TabItem>
-          </SchemaTabs>
-        ) : (
-          prettyResponse || "No Response"
-        )}
-      </div>
+        {prettyResponse || "No Response"}
+      </CodeBlock>
     </details>
   );
 }

package/src/theme/styles.scss

@@ -116,3 +116,8 @@
 .openapi__heading {
   font-size: var(--ifm-h1-font-size);
 }
+
+.openapi-demo__code-block code {
+  max-height: 500px;
+  overflow: auto;
+}