docusaurus-theme-openapi-docs 1.0.1 → 1.0.2

package/src/theme/ApiItem/styles.module.css

@@ -1,5 +1,9 @@
 :root {
   --openapi-required: var(--ifm-color-danger);
+  --openapi-code-blue: var(--ifm-color-info);
+  --openapi-code-red: var(--ifm-color-danger);
+  --openapi-code-orange: var(--ifm-color-warning);
+  --openapi-code-green: var(--ifm-color-success);
 }
 
 .apiItemContainer article > *:first-child,
@@ -75,9 +79,9 @@
   font-size: 14px;
 }
 
-:global(.theme-api-markdown h2) {
+/* :global(.theme-api-markdown h2) {
   font-size: 2rem;
-}
+} */
 
 :global(.schemaItem) {
   list-style: none;

package/{lib-next/theme/Tabs → src/theme/ApiTabs}/index.js

@@ -29,7 +29,7 @@ function isTabItem(comp) {
   return typeof comp.props.value !== "undefined";
 }
 
-function ResponseCodeTabs(props) {
+function ApiTabsComponent(props) {
   const {
     lazy,
     block,
@@ -246,10 +246,10 @@ function ResponseCodeTabs(props) {
   );
 }
 
-export default function Tabs(props) {
+export default function ApiTabs(props) {
   const isBrowser = useIsBrowser();
   return (
-    <ResponseCodeTabs // Remount tabs after hydration
+    <ApiTabsComponent // Remount tabs after hydration
       // Temporary fix for https://github.com/facebook/docusaurus/issues/5653
       key={String(isBrowser)}
       {...props}

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

@@ -1,174 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _FormItem = _interopRequireDefault(require("../FormItem"));
-
-var _FormSelect = _interopRequireDefault(require("../FormSelect"));
-
-var _FormTextInput = _interopRequireDefault(require("../FormTextInput"));
-
-var _hooks = require("../hooks");
-
-var _stylesModule = _interopRequireDefault(require("../styles.module.css"));
-
-var _slice = require("./slice");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* ============================================================================
- * Copyright (c) Palo Alto Networks
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- * ========================================================================== */
-function LockButton({
-  mode,
-  children,
-  style,
-  ...rest
-}) {
-  return <button className={(0, _clsx.default)("button", "button--primary", {
-    "button--outline": mode !== "locked"
-  })} style={{
-    marginLeft: "auto",
-    display: "flex",
-    alignItems: "center",
-    marginBottom: "var(--ifm-spacing-vertical)",
-    ...style
-  }} {...rest}>
-      <span>{children}</span>
-
-      <svg style={{
-      marginLeft: "12px",
-      width: "18px",
-      height: "18px",
-      fill: "currentColor"
-    }} viewBox="0 0 20 20" id={mode}>
-        {mode === "locked" ? <path d="M15.8 8H14V5.6C14 2.703 12.665 1 10 1 7.334 1 6 2.703 6 5.6V8H4c-.553 0-1 .646-1 1.199V17c0 .549.428 1.139.951 1.307l1.197.387C5.672 18.861 6.55 19 7.1 19h5.8c.549 0 1.428-.139 1.951-.307l1.196-.387c.524-.167.953-.757.953-1.306V9.199C17 8.646 16.352 8 15.8 8zM12 8H8V5.199C8 3.754 8.797 3 10 3c1.203 0 2 .754 2 2.199V8z"></path> : <path d="M15.8 8H14V5.6C14 2.703 12.665 1 10 1 7.334 1 6 2.703 6 5.6V6h2v-.801C8 3.754 8.797 3 10 3c1.203 0 2 .754 2 2.199V8H4c-.553 0-1 .646-1 1.199V17c0 .549.428 1.139.951 1.307l1.197.387C5.672 18.861 6.55 19 7.1 19h5.8c.549 0 1.428-.139 1.951-.307l1.196-.387c.524-.167.953-.757.953-1.306V9.199C17 8.646 16.352 8 15.8 8z"></path>}
-      </svg>
-    </button>;
-}
-
-function validateData(selectedAuth, data) {
-  for (const scheme of selectedAuth) {
-    if (data[scheme.key] === undefined) {
-      return false;
-    }
-
-    const hasMissingKeys = Object.values(data[scheme.key]).includes(undefined);
-
-    if (hasMissingKeys) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-function Authorization() {
-  const [editing, setEditing] = (0, _react.useState)(false);
-  const data = (0, _hooks.useTypedSelector)(state => state.auth.data);
-  const options = (0, _hooks.useTypedSelector)(state => state.auth.options);
-  const selected = (0, _hooks.useTypedSelector)(state => state.auth.selected);
-  const dispatch = (0, _hooks.useTypedDispatch)();
-
-  if (selected === undefined) {
-    return null;
-  }
-
-  const selectedAuth = options[selected];
-  const authenticated = validateData(selectedAuth, data);
-  const optionKeys = Object.keys(options);
-
-  if (editing) {
-    return <div className={_stylesModule.default.optionsPanel}>
-        {optionKeys.length > 1 && <_FormItem.default label="Security Scheme">
-            <_FormSelect.default options={optionKeys} value={selected} onChange={e => {
-          dispatch((0, _slice.setSelectedAuth)(e.target.value));
-        }} />
-          </_FormItem.default>}
-        {selectedAuth.map(a => {
-        if (a.type === "http" && a.scheme === "bearer") {
-          var _data$a$key$token;
-
-          return <_FormItem.default label="Bearer Token" key={selected + "-bearer"}>
-                <_FormTextInput.default placeholder="Bearer Token" value={(_data$a$key$token = data[a.key].token) !== null && _data$a$key$token !== void 0 ? _data$a$key$token : ""} onChange={e => {
-              const value = e.target.value.trim();
-              dispatch((0, _slice.setAuthData)({
-                scheme: a.key,
-                key: "token",
-                value: value ? value : undefined
-              }));
-            }} />
-              </_FormItem.default>;
-        }
-
-        if (a.type === "http" && a.scheme === "basic") {
-          var _data$a$key$username, _data$a$key$password;
-
-          return <_react.default.Fragment key={selected + "-basic"}>
-                <_FormItem.default label="Username">
-                  <_FormTextInput.default placeholder="Username" value={(_data$a$key$username = data[a.key].username) !== null && _data$a$key$username !== void 0 ? _data$a$key$username : ""} onChange={e => {
-                const value = e.target.value.trim();
-                dispatch((0, _slice.setAuthData)({
-                  scheme: a.key,
-                  key: "username",
-                  value: value ? value : undefined
-                }));
-              }} />
-                </_FormItem.default>
-                <_FormItem.default label="Password">
-                  <_FormTextInput.default placeholder="Password" password value={(_data$a$key$password = data[a.key].password) !== null && _data$a$key$password !== void 0 ? _data$a$key$password : ""} onChange={e => {
-                const value = e.target.value.trim();
-                dispatch((0, _slice.setAuthData)({
-                  scheme: a.key,
-                  key: "password",
-                  value: value ? value : undefined
-                }));
-              }} />
-                </_FormItem.default>
-              </_react.default.Fragment>;
-        }
-
-        return null;
-      })}
-        <LockButton mode="unlocked" style={{
-        marginTop: "var(--ifm-spacing-vertical)",
-        marginBottom: 0
-      }} onClick={() => {
-        setEditing(false);
-      }}>
-          Save
-        </LockButton>
-      </div>;
-  }
-
-  if (authenticated) {
-    return <LockButton mode="locked" onClick={() => {
-      setEditing(true);
-    }}>
-        Authorized
-      </LockButton>;
-  }
-
-  return <LockButton mode="unlocked" onClick={() => {
-    setEditing(true);
-  }}>
-      Authorize
-    </LockButton>;
-}
-
-var _default = Authorization;
-exports.default = _default;

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

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _hooks = require("../hooks");
-
-var _slice = require("../Response/slice");
-
-var _buildPostmanRequest = _interopRequireDefault(require("./../buildPostmanRequest"));
-
-var _makeRequest = _interopRequireDefault(require("./makeRequest"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* ============================================================================
- * Copyright (c) Palo Alto Networks
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- * ========================================================================== */
-function validateRequest(params) {
-  for (let paramList of Object.values(params)) {
-    for (let param of paramList) {
-      if (param.required && !param.value) {
-        return false;
-      }
-    }
-  }
-
-  return true;
-}
-
-function Execute({
-  postman,
-  proxy
-}) {
-  const pathParams = (0, _hooks.useTypedSelector)(state => state.params.path);
-  const queryParams = (0, _hooks.useTypedSelector)(state => state.params.query);
-  const cookieParams = (0, _hooks.useTypedSelector)(state => state.params.cookie);
-  const headerParams = (0, _hooks.useTypedSelector)(state => state.params.header);
-  const contentType = (0, _hooks.useTypedSelector)(state => state.contentType.value);
-  const body = (0, _hooks.useTypedSelector)(state => state.body);
-  const accept = (0, _hooks.useTypedSelector)(state => state.accept.value);
-  const server = (0, _hooks.useTypedSelector)(state => state.server.value);
-  const params = (0, _hooks.useTypedSelector)(state => state.params);
-  const auth = (0, _hooks.useTypedSelector)(state => state.auth);
-  const isValidRequest = validateRequest(params);
-  const dispatch = (0, _hooks.useTypedDispatch)();
-  const postmanRequest = (0, _buildPostmanRequest.default)(postman, {
-    queryParams,
-    pathParams,
-    cookieParams,
-    contentType,
-    accept,
-    headerParams,
-    body,
-    server,
-    auth
-  });
-  return <button className="button button--block button--primary" style={{
-    height: "48px",
-    marginBottom: "var(--ifm-spacing-vertical)"
-  }} disabled={!isValidRequest} onClick={async () => {
-    dispatch((0, _slice.setResponse)("loading..."));
-
-    try {
-      const res = await (0, _makeRequest.default)(postmanRequest, proxy, body);
-      dispatch((0, _slice.setResponse)(res));
-    } catch (e) {
-      var _e$message;
-
-      dispatch((0, _slice.setResponse)((_e$message = e.message) !== null && _e$message !== void 0 ? _e$message : "Error fetching."));
-    }
-  }}>
-      Execute
-    </button>;
-}
-
-var _default = Execute;
-exports.default = _default;

package/lib/theme/ApiDemoPanel/Execute/makeRequest.js

@@ -1,202 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-/* ============================================================================
- * Copyright (c) Palo Alto Networks
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- * ========================================================================== */
-// @ts-ignore
-async function loadImage(content) {
-  return new Promise((accept, reject) => {
-    const reader = new FileReader();
-
-    reader.onabort = () => {
-      console.log("file reading was aborted");
-      reject();
-    };
-
-    reader.onerror = () => {
-      console.log("file reading has failed");
-      reject();
-    };
-
-    reader.onload = () => {
-      // Do whatever you want with the file contents
-      const binaryStr = reader.result;
-      accept(binaryStr);
-    };
-
-    reader.readAsArrayBuffer(content);
-  });
-}
-
-async function makeRequest(request, proxy, _body) {
-  var _request$body;
-
-  const headers = request.toJSON().header;
-  let myHeaders = new Headers();
-
-  if (headers) {
-    // @ts-ignore
-    headers.forEach(header => {
-      if (header.key && header.value) {
-        myHeaders.append(header.key, header.value);
-      }
-    });
-  } // The following code handles multiple files in the same formdata param.
-  // It removes the form data params where the src property is an array of filepath strings
-  // Splits that array into different form data params with src set as a single filepath string
-  // TODO:
-  // if (request.body && request.body.mode === 'formdata') {
-  //   let formdata = request.body.formdata,
-  //     formdataArray = [];
-  //   formdata.members.forEach((param) => {
-  //     let key = param.key,
-  //       type = param.type,
-  //       disabled = param.disabled,
-  //       contentType = param.contentType;
-  //     // check if type is file or text
-  //     if (type === 'file') {
-  //       // if src is not of type string we check for array(multiple files)
-  //       if (typeof param.src !== 'string') {
-  //         // if src is an array(not empty), iterate over it and add files as separate form fields
-  //         if (Array.isArray(param.src) && param.src.length) {
-  //           param.src.forEach((filePath) => {
-  //             addFormParam(
-  //               formdataArray,
-  //               key,
-  //               param.type,
-  //               filePath,
-  //               disabled,
-  //               contentType
-  //             );
-  //           });
-  //         }
-  //         // if src is not an array or string, or is an empty array, add a placeholder for file path(no files case)
-  //         else {
-  //           addFormParam(
-  //             formdataArray,
-  //             key,
-  //             param.type,
-  //             '/path/to/file',
-  //             disabled,
-  //             contentType
-  //           );
-  //         }
-  //       }
-  //       // if src is string, directly add the param with src as filepath
-  //       else {
-  //         addFormParam(
-  //           formdataArray,
-  //           key,
-  //           param.type,
-  //           param.src,
-  //           disabled,
-  //           contentType
-  //         );
-  //       }
-  //     }
-  //     // if type is text, directly add it to formdata array
-  //     else {
-  //       addFormParam(
-  //         formdataArray,
-  //         key,
-  //         param.type,
-  //         param.value,
-  //         disabled,
-  //         contentType
-  //       );
-  //     }
-  //   });
-  //   request.body.update({
-  //     mode: 'formdata',
-  //     formdata: formdataArray,
-  //   });
-  // }
-
-
-  const body = (_request$body = request.body) === null || _request$body === void 0 ? void 0 : _request$body.toJSON();
-  let myBody = undefined;
-
-  if (body !== undefined && Object.keys(body).length > 0) {
-    switch (body.mode) {
-      case "urlencoded":
-        {
-          myBody = new URLSearchParams();
-
-          if (Array.isArray(body.urlencoded)) {
-            for (const data of body.urlencoded) {
-              if (data.key && data.value) {
-                myBody.append(data.key, data.value);
-              }
-            }
-          }
-
-          break;
-        }
-
-      case "raw":
-        {
-          var _body$raw;
-
-          myBody = ((_body$raw = body.raw) !== null && _body$raw !== void 0 ? _body$raw : "").toString();
-          break;
-        }
-
-      case "formdata":
-        {
-          myBody = new FormData();
-
-          if (Array.isArray(body.formdata)) {
-            for (const data of body.formdata) {
-              if (data.key && data.value) {
-                myBody.append(data.key, data.value);
-              }
-            }
-          }
-
-          break;
-        }
-
-      case "file":
-        {
-          var _body$content;
-
-          if (_body.type === "raw" && ((_body$content = _body.content) === null || _body$content === void 0 ? void 0 : _body$content.type) === "file") {
-            myBody = await loadImage(_body.content.value.content);
-          }
-
-          break;
-        }
-
-      default:
-        break;
-    }
-  }
-
-  const requestOptions = {
-    method: request.method,
-    headers: myHeaders,
-    body: myBody
-  };
-  let finalUrl = request.url.toString();
-
-  if (proxy) {
-    // Ensure the proxy ends with a slash.
-    let normalizedProxy = proxy.replace(/\/$/, "") + "/";
-    finalUrl = normalizedProxy + request.url.toString();
-  }
-
-  return await fetch(finalUrl, requestOptions).then(response => {
-    return response.text();
-  });
-}
-
-var _default = makeRequest;
-exports.default = _default;