Revert "refactor: removing js xhr"

This reverts commit fd170ff.

Author: erunion

src/helpers/__snapshots__/utils.test.ts.snap

@@ -120,6 +120,13 @@ exports[`availableTargets > returns all available targets 1`] = `
   },
   {
     "clients": [
+      {
+        "description": "W3C Standard API that provides scripted client functionality",
+        "extname": ".js",
+        "key": "xhr",
+        "link": "https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest",
+        "title": "XMLHttpRequest",
+      },
       {
         "description": "Promise based HTTP client for the browser and node.js",
         "extname": ".js",
@@ -143,7 +150,7 @@ exports[`availableTargets > returns all available targets 1`] = `
         "title": "jQuery",
       },
     ],
-    "default": "fetch",
+    "default": "xhr",
     "key": "javascript",
     "title": "JavaScript",
   },
@@ -201,7 +208,7 @@ exports[`availableTargets > returns all available targets 1`] = `
         "title": "fetch",
       },
     ],
-    "default": "native",
+    "default": "fetch",
     "key": "node",
     "title": "Node.js",
   },

src/targets/javascript/target.ts

@@ -3,15 +3,17 @@ import type { Target } from '../index.js';
 import { axios } from './axios/client.js';
 import { fetch } from './fetch/client.js';
 import { jquery } from './jquery/client.js';
+import { xhr } from './xhr/client.js';
 
 export const javascript: Target = {
   info: {
     key: 'javascript',
     title: 'JavaScript',
-    default: 'fetch',
+    default: 'xhr',
   },
 
   clientsById: {
+    xhr,
     axios,
     fetch,
     jquery,

src/targets/javascript/xhr/client.test.ts

@@ -0,0 +1,19 @@
+import type { Request } from '../../../index.js';
+
+import request from '../../../fixtures/requests/short.cjs';
+import { runCustomFixtures } from '../../../fixtures/runCustomFixtures.js';
+
+runCustomFixtures({
+  targetId: 'javascript',
+  clientId: 'xhr',
+  tests: [
+    {
+      it: 'should not use cors',
+      input: request.log.entries[0].request as Request,
+      options: {
+        cors: false,
+      },
+      expected: 'cors.js',
+    },
+  ],
+});

src/targets/javascript/xhr/client.ts

@@ -0,0 +1,102 @@
+/**
+ * @description
+ * HTTP code snippet generator for native XMLHttpRequest
+ *
+ * @author
+ * @AhmadNassri
+ *
+ * for any questions or issues regarding the generated code snippet, please open an issue mentioning the author.
+ */
+import type { Client } from '../../index.js';
+
+import stringifyObject from 'stringify-object';
+
+import { CodeBuilder } from '../../../helpers/code-builder.js';
+import { escapeForSingleQuotes } from '../../../helpers/escape.js';
+import { getHeader, getHeaderName, hasHeader } from '../../../helpers/headers.js';
+
+export interface XhrOptions {
+  cors?: boolean;
+}
+
+export const xhr: Client = {
+  info: {
+    key: 'xhr',
+    title: 'XMLHttpRequest',
+    link: 'https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest',
+    description: 'W3C Standard API that provides scripted client functionality',
+    extname: '.js',
+  },
+  convert: ({ postData, allHeaders, method, fullUrl }, options) => {
+    const opts = {
+      indent: '  ',
+      cors: true,
+      ...options,
+    };
+
+    const { blank, push, join } = new CodeBuilder({ indent: opts.indent });
+
+    switch (postData.mimeType) {
+      case 'application/json':
+        push(
+          `const data = JSON.stringify(${stringifyObject(postData.jsonObj, {
+            indent: opts.indent,
+          })});`,
+        );
+        blank();
+        break;
+
+      case 'multipart/form-data':
+        if (!postData.params) {
+          break;
+        }
+
+        push('const data = new FormData();');
+
+        postData.params.forEach(param => {
+          push(`data.append('${param.name}', '${param.value || param.fileName || ''}');`);
+        });
+
+        // remove the contentType header
+        if (hasHeader(allHeaders, 'content-type')) {
+          if (getHeader(allHeaders, 'content-type')?.includes('boundary')) {
+            const headerName = getHeaderName(allHeaders, 'content-type');
+            if (headerName) {
+              delete allHeaders[headerName];
+            }
+          }
+        }
+
+        blank();
+        break;
+
+      default:
+        push(`const data = ${postData.text ? `'${postData.text}'` : 'null'};`);
+        blank();
+    }
+
+    push('const xhr = new XMLHttpRequest();');
+
+    if (opts.cors) {
+      push('xhr.withCredentials = true;');
+    }
+
+    blank();
+    push("xhr.addEventListener('readystatechange', function () {");
+    push('if (this.readyState === this.DONE) {', 1);
+    push('console.log(this.responseText);', 2);
+    push('}', 1);
+    push('});');
+    blank();
+    push(`xhr.open('${method}', '${fullUrl}');`);
+
+    Object.keys(allHeaders).forEach(key => {
+      push(`xhr.setRequestHeader('${key}', '${escapeForSingleQuotes(allHeaders[key])}');`);
+    });
+
+    blank();
+    push('xhr.send(data);');
+
+    return join();
+  },
+};

src/targets/javascript/xhr/fixtures/application-form-encoded.js

@@ -0,0 +1,15 @@
+const data = 'foo=bar&hello=world';
+
+const xhr = new XMLHttpRequest();
+xhr.withCredentials = true;
+
+xhr.addEventListener('readystatechange', function () {
+  if (this.readyState === this.DONE) {
+    console.log(this.responseText);
+  }
+});
+
+xhr.open('POST', 'https://httpbin.org/anything');
+xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
+
+xhr.send(data);

src/targets/javascript/xhr/fixtures/application-json.js

@@ -0,0 +1,34 @@
+const data = JSON.stringify({
+  number: 1,
+  string: 'f"oo',
+  arr: [
+    1,
+    2,
+    3
+  ],
+  nested: {
+    a: 'b'
+  },
+  arr_mix: [
+    1,
+    'a',
+    {
+      arr_mix_nested: []
+    }
+  ],
+  boolean: false
+});
+
+const xhr = new XMLHttpRequest();
+xhr.withCredentials = true;
+
+xhr.addEventListener('readystatechange', function () {
+  if (this.readyState === this.DONE) {
+    console.log(this.responseText);
+  }
+});
+
+xhr.open('POST', 'https://httpbin.org/anything');
+xhr.setRequestHeader('content-type', 'application/json');
+
+xhr.send(data);

src/targets/javascript/xhr/fixtures/cookies.js

@@ -0,0 +1,15 @@
+const data = null;
+
+const xhr = new XMLHttpRequest();
+xhr.withCredentials = true;
+
+xhr.addEventListener('readystatechange', function () {
+  if (this.readyState === this.DONE) {
+    console.log(this.responseText);
+  }
+});
+
+xhr.open('GET', 'https://httpbin.org/cookies');
+xhr.setRequestHeader('cookie', 'foo=bar; bar=baz');
+
+xhr.send(data);

src/targets/javascript/xhr/fixtures/cors.js

@@ -0,0 +1,13 @@
+const data = null;
+
+const xhr = new XMLHttpRequest();
+
+xhr.addEventListener('readystatechange', function () {
+  if (this.readyState === this.DONE) {
+    console.log(this.responseText);
+  }
+});
+
+xhr.open('GET', 'https://httpbin.org/anything');
+
+xhr.send(data);

src/targets/javascript/xhr/fixtures/custom-method.js

@@ -0,0 +1,14 @@
+const data = null;
+
+const xhr = new XMLHttpRequest();
+xhr.withCredentials = true;
+
+xhr.addEventListener('readystatechange', function () {
+  if (this.readyState === this.DONE) {
+    console.log(this.responseText);
+  }
+});
+
+xhr.open('PROPFIND', 'https://httpbin.org/anything');
+
+xhr.send(data);

src/targets/javascript/xhr/fixtures/full.js

@@ -0,0 +1,17 @@
+const data = 'foo=bar';
+
+const xhr = new XMLHttpRequest();
+xhr.withCredentials = true;
+
+xhr.addEventListener('readystatechange', function () {
+  if (this.readyState === this.DONE) {
+    console.log(this.responseText);
+  }
+});
+
+xhr.open('POST', 'https://httpbin.org/anything?foo=bar&foo=baz&baz=abc&key=value');
+xhr.setRequestHeader('cookie', 'foo=bar; bar=baz');
+xhr.setRequestHeader('accept', 'application/json');
+xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
+
+xhr.send(data);