Added separated code generator code for cURL, JS Fetch and JS XHR

helpers/codegen/generators/js-xhr.js

@@ -0,0 +1,49 @@
+export const JSXHRCodegen = {
+  id: "js-xhr",
+  name: "JavaScript XHR",
+  generator: ({
+    auth,
+    httpUser,
+    httpPassword,
+    method,
+    url,
+    pathName,
+    queryString,
+    bearerToken,
+    headers,
+    rawInput,
+    rawParams,
+    rawRequestBody,
+    contentType,
+  }) => {
+    const requestString = []
+    requestString.push("const xhr = new XMLHttpRequest()")
+
+    const user = auth === "Basic Auth" ? `'${httpUser}'` : null
+    const password = auth === "Basic Auth" ? `'${httpPassword}'` : null
+    requestString.push(
+      `xhr.open('${method}', '${url}${pathName}${queryString}', true, ${user}, ${password})`
+    )
+    if (auth === "Bearer Token" || auth === "OAuth 2.0") {
+      requestString.push(`xhr.setRequestHeader('Authorization', 'Bearer ${bearerToken}')`)
+    }
+    if (headers) {
+      headers.forEach(({ key, value }) => {
+        if (key) requestString.push(`xhr.setRequestHeader('${key}', '${value}')`)
+      })
+    }
+    if (["POST", "PUT", "PATCH", "DELETE"].includes(method)) {
+      let requestBody = rawInput ? rawParams : rawRequestBody
+      if (isJSONContentType(contentType)) {
+        requestBody = `JSON.stringify(${requestBody})`
+      } else if (contentType.includes("x-www-form-urlencoded")) {
+        requestBody = `"${requestBody}"`
+      }
+      requestString.push(`xhr.setRequestHeader('Content-Type', '${contentType}; charset=utf-8')`)
+      requestString.push(`xhr.send(${requestBody})`)
+    } else {
+      requestString.push("xhr.send()")
+    }
+    return requestString.join("\n")
+  },
+}