docusaurus-theme-openapi-docs 1.1.8 → 1.1.11

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

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _xmlFormatter = _interopRequireDefault(require("xml-formatter"));
+
 var _ContentType = _interopRequireDefault(require("../ContentType"));
 
 var _FormSelect = _interopRequireDefault(require("../FormSelect"));
@@ -170,7 +172,15 @@ function Body({
 
   if (contentType === "application/xml") {
     if (jsonRequestBodyExample) {
-      exampleBodyString = (0, _json2xml.default)(jsonRequestBodyExample);
+      try {
+        exampleBodyString = (0, _xmlFormatter.default)((0, _json2xml.default)(jsonRequestBodyExample, ""), {
+          indentation: "  ",
+          lineSeparator: "\n",
+          collapseContent: true
+        });
+      } catch {
+        exampleBodyString = (0, _json2xml.default)(jsonRequestBodyExample);
+      }
     }
 
     language = "xml";

package/lib/theme/ApiDemoPanel/CodeTabs/styles.module.css

@@ -7,5 +7,11 @@
 }
 
 .code__tabs {
-  justify-content: space-around;
+  display: table-row-group;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 996px) {
+  .code__tabs {
+    justify-content: space-around;
+  }
 }

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

@@ -36,47 +36,70 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 const languageSet = [{
-  tabName: "cURL",
   highlight: "bash",
   language: "curl",
-  codeLanguage: "bash",
-  variant: "curl",
+  logoClass: "bash",
   options: {
     longFormat: false,
     followRedirect: true,
     trimRequestBody: true
-  }
+  },
+  variant: "cURL"
 }, {
-  tabName: "Python",
   highlight: "python",
   language: "python",
-  codeLanguage: "python",
-  variant: "requests",
+  logoClass: "python",
   options: {
     followRedirect: true,
     trimRequestBody: true
-  }
+  },
+  variant: "requests"
 }, {
-  tabName: "Go",
   highlight: "go",
   language: "go",
-  codeLanguage: "go",
-  variant: "native",
+  logoClass: "go",
   options: {
     followRedirect: true,
     trimRequestBody: true
-  }
+  },
+  variant: "native"
 }, {
-  tabName: "Node",
   highlight: "javascript",
   language: "nodejs",
-  codeLanguage: "javascript",
-  variant: "axios",
+  logoClass: "nodejs",
   options: {
     ES6_enabled: true,
     followRedirect: true,
     trimRequestBody: true
-  }
+  },
+  variant: "axios"
+}, {
+  highlight: "ruby",
+  language: "ruby",
+  logoClass: "ruby",
+  options: {
+    followRedirect: true,
+    trimRequestBody: true
+  },
+  variant: "Net::HTTP"
+}, {
+  highlight: "csharp",
+  language: "csharp",
+  logoClass: "csharp",
+  options: {
+    followRedirect: true,
+    trimRequestBody: true
+  },
+  variant: "RestSharp"
+}, {
+  highlight: "php",
+  language: "php",
+  logoClass: "php",
+  options: {
+    followRedirect: true,
+    trimRequestBody: true
+  },
+  variant: "cURL"
 }];
 exports.languageSet = languageSet;
 
@@ -97,7 +120,7 @@ function Curl({
   postman,
   codeSamples
 }) {
-  var _ref, _siteConfig$themeConf, _defaultLang$;
+  var _ref, _siteConfig$themeConf;
 
   // TODO: match theme for vscode.
   const {
@@ -114,8 +137,16 @@ function Curl({
   const auth = (0, _hooks.useTypedSelector)(state => state.auth); // TODO
 
   const langs = [...((_ref = siteConfig === null || siteConfig === void 0 ? void 0 : (_siteConfig$themeConf = siteConfig.themeConfig) === null || _siteConfig$themeConf === void 0 ? void 0 : _siteConfig$themeConf.languageTabs) !== null && _ref !== void 0 ? _ref : languageSet), ...codeSamples];
-  const defaultLang = languageSet.filter(lang => lang.codeLanguage === localStorage.getItem("docusaurus.tab.code-samples"));
-  const [language, setLanguage] = (0, _react.useState)((_defaultLang$ = defaultLang[0]) !== null && _defaultLang$ !== void 0 ? _defaultLang$ : langs[0]);
+  const defaultLang = languageSet.filter(lang => lang.language === localStorage.getItem("docusaurus.tab.code-samples"));
+  const [language, setLanguage] = (0, _react.useState)(() => {
+    var _defaultLang$;
+
+    if (langs.length === 1) {
+      return langs[0];
+    }
+
+    return (_defaultLang$ = defaultLang[0]) !== null && _defaultLang$ !== void 0 ? _defaultLang$ : langs[0];
+  });
   const [codeText, setCodeText] = (0, _react.useState)("");
   (0, _react.useEffect)(() => {
     if (language && !!language.options) {
@@ -140,6 +171,33 @@ function Curl({
       });
     } else if (language && !!language.source) {
       setCodeText(language.source);
+    } else if (language && !language.options) {
+      const langSource = languageSet.filter(lang => lang.language === language.language); // Merges user-defined language with default languageSet
+      // This allows users to define only the minimal properties necessary in languageTabs
+      // User-defined properties should override languageSet properties
+
+      const mergedLanguage = { ...langSource[0],
+        ...language
+      };
+      const postmanRequest = (0, _buildPostmanRequest.default)(postman, {
+        queryParams,
+        pathParams,
+        cookieParams,
+        contentType,
+        accept,
+        headerParams,
+        body,
+        server,
+        auth
+      });
+
+      _postmanCodeGenerators.default.convert(mergedLanguage.language, mergedLanguage.variant, postmanRequest, mergedLanguage.options, (error, snippet) => {
+        if (error) {
+          return;
+        }
+
+        setCodeText(snippet);
+      });
     } else {
       setCodeText("");
     }
@@ -152,10 +210,10 @@ function Curl({
   return <>
       <_CodeTabs.default groupId="code-samples" action={setLanguage}>
         {langs.map(lang => {
-        return <CodeTab value={lang.language} label={""} key={lang.tabName || lang.label} attributes={{
-          className: `code__tab--${lang.codeLanguage}`
+        return <CodeTab value={lang.language} label={""} key={lang.variant ? `${lang.language}-${lang.variant}` : lang.language} attributes={{
+          className: `code__tab--${lang.logoClass}`
         }}>
-              <_CodeBlock.default language={lang.codeLanguage}>{codeText}</_CodeBlock.default>
+              <_CodeBlock.default language={lang.highlight}>{codeText}</_CodeBlock.default>
             </CodeTab>;
       })}
       </_CodeTabs.default>