docusaurus-theme-openapi-docs 1.0.1 → 1.0.2

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

@@ -1,88 +0,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.
- * ========================================================================== */
-
-import React from "react";
-
-// @ts-ignore
-import sdk from "@paloaltonetworks/postman-collection";
-
-import { useTypedDispatch, useTypedSelector } from "../hooks";
-import { Param } from "../ParamOptions/slice";
-import { setResponse } from "../Response/slice";
-import buildPostmanRequest from "./../buildPostmanRequest";
-import makeRequest from "./makeRequest";
-
-function validateRequest(params: {
-  path: Param[];
-  query: Param[];
-  header: Param[];
-  cookie: Param[];
-}) {
-  for (let paramList of Object.values(params)) {
-    for (let param of paramList) {
-      if (param.required && !param.value) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-
-interface Props {
-  postman: sdk.Request;
-  proxy?: string;
-}
-
-function Execute({ postman, proxy }: Props) {
-  const pathParams = useTypedSelector((state) => state.params.path);
-  const queryParams = useTypedSelector((state) => state.params.query);
-  const cookieParams = useTypedSelector((state) => state.params.cookie);
-  const headerParams = useTypedSelector((state) => state.params.header);
-  const contentType = useTypedSelector((state) => state.contentType.value);
-  const body = useTypedSelector((state) => state.body);
-  const accept = useTypedSelector((state) => state.accept.value);
-  const server = useTypedSelector((state) => state.server.value);
-  const params = useTypedSelector((state) => state.params);
-  const auth = useTypedSelector((state) => state.auth);
-
-  const isValidRequest = validateRequest(params);
-
-  const dispatch = useTypedDispatch();
-
-  const postmanRequest = buildPostmanRequest(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(setResponse("loading..."));
-        try {
-          const res = await makeRequest(postmanRequest, proxy, body);
-          dispatch(setResponse(res));
-        } catch (e: any) {
-          dispatch(setResponse(e.message ?? "Error fetching."));
-        }
-      }}
-    >
-      Execute
-    </button>
-  );
-}
-
-export default Execute;

package/src/theme/ApiDemoPanel/Execute/makeRequest.ts

@@ -1,184 +0,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
-import sdk from "@paloaltonetworks/postman-collection";
-
-import { Body } from "../Body/slice";
-
-async function loadImage(content: Blob): Promise<string | ArrayBuffer | null> {
-  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: sdk.Request,
-  proxy: string | undefined,
-  _body: 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?.toJSON();
-
-  let myBody: RequestInit["body"] = 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": {
-        myBody = (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": {
-        if (_body.type === "raw" && _body.content?.type === "file") {
-          myBody = await loadImage(_body.content.value.content);
-        }
-        break;
-      }
-      default:
-        break;
-    }
-  }
-
-  const requestOptions: RequestInit = {
-    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();
-  });
-}
-
-export default makeRequest;