@jahia/cypress 1.1.5 → 1.1.6

package/dist/support/apollo/apolloClient.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 exports.apolloClient = void 0;
 var core_1 = require("@apollo/client/core");
+var links_1 = require("./links");
 var apolloClient = function (authMethod, options) {
     if (options === void 0) { options = {
         log: true,
@@ -18,11 +19,9 @@ var apolloClient = function (authMethod, options) {
     else if (authMethod.username !== undefined && authMethod.password !== undefined) {
         headers.authorization = "Basic " + btoa(authMethod.username + ':' + authMethod.password);
     }
+    var links = [links_1.uploadLink, links_1.FormDataHttpLink(Cypress.config().baseUrl, headers)];
     var client = new core_1.ApolloClient({
-        link: new core_1.HttpLink({
-            uri: Cypress.config().baseUrl + "/modules/graphql",
-            headers: headers
-        }),
+        link: core_1.from(links),
         cache: new core_1.InMemoryCache(),
         defaultOptions: {
             query: {

package/dist/support/apollo/links.d.ts

@@ -0,0 +1,3 @@
+import { HttpLink } from '@apollo/client/link/http';
+export declare const FormDataHttpLink: (baseUrl: string, headers: Object) => HttpLink;
+export declare const uploadLink: import("@apollo/client/core").ApolloLink;

package/dist/support/apollo/links.js

@@ -0,0 +1,73 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.uploadLink = exports.FormDataHttpLink = void 0;
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+var http_1 = require("@apollo/client/link/http");
+var cross_fetch_1 = __importDefault(require("cross-fetch"));
+var context_1 = require("@apollo/client/link/context");
+var FormDataHttpLink = function (baseUrl, headers) {
+    return new http_1.HttpLink({
+        uri: baseUrl + "/modules/graphql",
+        headers: headers,
+        fetch: function (uri, fetcherOptions) {
+            var options = __assign({}, fetcherOptions);
+            if (options.formData) {
+                var formData_1 = options.formData;
+                var body_1 = JSON.parse(options.body.toString());
+                if (Array.isArray(body_1)) {
+                    formData_1.append('query', options.body.toString());
+                }
+                else {
+                    Object.keys(body_1).forEach(function (k) {
+                        return formData_1.append(k, typeof body_1[k] === 'string' ? body_1[k] : JSON.stringify(body_1[k]));
+                    });
+                }
+                fetcherOptions.body = formData_1;
+                delete fetcherOptions.headers['content-type'];
+                return cross_fetch_1["default"](uri, fetcherOptions);
+            }
+            return cross_fetch_1["default"](uri, fetcherOptions);
+        }
+    });
+};
+exports.FormDataHttpLink = FormDataHttpLink;
+exports.uploadLink = context_1.setContext(function (operation, _a) {
+    var fetchOptions = _a.fetchOptions;
+    var variables = operation.variables;
+    var fileFound = false;
+    var formData = new FormData();
+    var id = Math.random().toString(36);
+    // Search for File objects on the request and set it as formData
+    Object.keys(variables).forEach(function (k) {
+        var variable = variables[k];
+        if (variable instanceof File) {
+            formData.append(id, variable);
+            variables[k] = id;
+            fileFound = true;
+        }
+    });
+    if (fileFound) {
+        return {
+            fetchOptions: __assign(__assign({}, fetchOptions), { formData: formData })
+        };
+    }
+    else {
+        return {
+            fetchOptions: __assign({}, fetchOptions)
+        };
+    }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jahia/cypress",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "scripts": {
     "build": "tsc",
     "lint": "eslint src -c .eslintrc.json --ext .ts"
@@ -14,6 +14,7 @@
     "cypress": "^8.3.1",
     "eslint": "^7.32.0",
     "eslint-plugin-cypress": "^2.11.3",
+    "cross-fetch": "^3.1.5",
     "typescript": "^4.3.5"
   },
   "dependencies": {

package/src/support/apollo/apolloClient.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-namespace */
 
-import {ApolloClient, HttpLink, InMemoryCache, NormalizedCacheObject} from '@apollo/client/core'
+import {ApolloClient, from, HttpLink, InMemoryCache, NormalizedCacheObject} from '@apollo/client/core'
+import {FormDataHttpLink, uploadLink} from './links'
 
 interface AuthMethod {
     token?: string
@@ -34,11 +35,10 @@ export const apolloClient = function (authMethod?: AuthMethod, options: ApolloCl
         headers.authorization = `Basic ${btoa(authMethod.username + ':' + authMethod.password)}`
     }
 
+    const links = [ uploadLink, FormDataHttpLink(Cypress.config().baseUrl, headers)]
+
     const client = new ApolloClient({
-        link: new HttpLink({
-            uri: `${Cypress.config().baseUrl}/modules/graphql`,
-            headers,
-        }),
+        link: from(links),
         cache: new InMemoryCache(),
         defaultOptions: {
             query: {

package/src/support/apollo/links.ts

@@ -0,0 +1,64 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+import { HttpLink } from '@apollo/client/link/http'
+import fetch from 'cross-fetch'
+import { setContext } from '@apollo/client/link/context'
+
+interface ApolloRequestInit extends RequestInit {
+    formData?: FormData
+}
+
+export const FormDataHttpLink = (baseUrl: string, headers: Object) => {
+    return new HttpLink({
+        uri: `${baseUrl}/modules/graphql`,
+        headers,
+        fetch: (uri, fetcherOptions) => {
+            const options: ApolloRequestInit = { ...fetcherOptions }
+            if (options.formData) {
+                const formData = options.formData
+                const body = JSON.parse(options.body.toString())
+                if (Array.isArray(body)) {
+                    formData.append('query', options.body.toString())
+                } else {
+                    Object.keys(body).forEach((k) =>
+                        formData.append(k, typeof body[k] === 'string' ? body[k] : JSON.stringify(body[k])),
+                    )
+                }
+
+                fetcherOptions.body = formData
+                delete fetcherOptions.headers['content-type']
+                return fetch(uri, fetcherOptions)
+            }
+            return fetch(uri, fetcherOptions)
+        },
+    })
+}
+
+export const uploadLink = setContext((operation, { fetchOptions }) => {
+    const { variables } = operation
+    let fileFound = false
+    const formData = new FormData()
+    const id = Math.random().toString(36)
+    // Search for File objects on the request and set it as formData
+    Object.keys(variables).forEach(function (k) {
+        const variable = variables[k]
+        if (variable instanceof File) {
+            formData.append(id, variable)
+            variables[k] = id
+            fileFound = true
+        }
+    })
+    if (fileFound) {
+        return {
+            fetchOptions: {
+                ...fetchOptions,
+                formData: formData,
+            },
+        }
+    } else {
+        return {
+            fetchOptions: {
+                ...fetchOptions,
+            },
+        }
+    }
+})