···

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
---

     

       
2
       
+
       
'@urql/core': patch

     

       
3
       
+
       
---

     

       
4
       
+
       


     

       
5
       
+
       
Allow `url` to be a plain, non-URL pathname (i.e. `/api/graphql`) to be used with `preferGetMethod`

     

···

       
70
       
 
       
    );

     

       
71
       
 
       
  });

     

       
72
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
73
       
 
       
  it('returns a query parameter URL when GET is preferred', () => {

     

       
74
       
 
       
    const operation = makeOperation(queryOperation.kind, queryOperation, {

     

       
75
       
 
       
      ...queryOperation.context,

     
···

       
79
       
 
       
    const body = makeFetchBody(operation);

     

       
80
       
 
       
    expect(makeFetchURL(operation, body)).toMatchInlineSnapshot(

     

       
81
       
 
       
      '"http://localhost:3000/graphql?query=query+getUser%28%24name%3A+String%29+%7B%0A++user%28name%3A+%24name%29+%7B%0A++++id%0A++++firstName%0A++++lastName%0A++%7D%0A%7D&operationName=getUser&variables=%7B%22name%22%3A%22Clara%22%7D"'

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
82
       
 
       
    );

     

       
83
       
 
       
  });

     

       
84
       
 
       


     

···

       
70
       
 
       
    );

     

       
71
       
 
       
  });

     

       
72
       
 
       


     

       
73
       
+
       
  it('returns the URL by default when only a path is provided', () => {

     

       
74
       
+
       
    const operation = makeOperation(queryOperation.kind, queryOperation, {

     

       
75
       
+
       
      url: '/graphql',

     

       
76
       
+
       
    });

     

       
77
       
+
       
    const body = makeFetchBody(operation);

     

       
78
       
+
       
    expect(makeFetchURL(operation, body)).toBe('/graphql');

     

       
79
       
+
       
  });

     

       
80
       
+
       


     

       
81
       
 
       
  it('returns a query parameter URL when GET is preferred', () => {

     

       
82
       
 
       
    const operation = makeOperation(queryOperation.kind, queryOperation, {

     

       
83
       
 
       
      ...queryOperation.context,

     
···

       
87
       
 
       
    const body = makeFetchBody(operation);

     

       
88
       
 
       
    expect(makeFetchURL(operation, body)).toMatchInlineSnapshot(

     

       
89
       
 
       
      '"http://localhost:3000/graphql?query=query+getUser%28%24name%3A+String%29+%7B%0A++user%28name%3A+%24name%29+%7B%0A++++id%0A++++firstName%0A++++lastName%0A++%7D%0A%7D&operationName=getUser&variables=%7B%22name%22%3A%22Clara%22%7D"'

     

       
90
       
+
       
    );

     

       
91
       
+
       
  });

     

       
92
       
+
       


     

       
93
       
+
       
  it('returns a query parameter URL when GET is preferred and only a path is provided', () => {

     

       
94
       
+
       
    const operation = makeOperation(queryOperation.kind, queryOperation, {

     

       
95
       
+
       
      url: '/graphql',

     

       
96
       
+
       
      preferGetMethod: true,

     

       
97
       
+
       
    });

     

       
98
       
+
       


     

       
99
       
+
       
    const body = makeFetchBody(operation);

     

       
100
       
+
       
    expect(makeFetchURL(operation, body)).toMatchInlineSnapshot(

     

       
101
       
+
       
      '"/graphql?query=query+getUser%28%24name%3A+String%29+%7B%0A++user%28name%3A+%24name%29+%7B%0A++++id%0A++++firstName%0A++++lastName%0A++%7D%0A%7D&operationName=getUser&variables=%7B%22name%22%3A%22Clara%22%7D"'

     

       
102
       
 
       
    );

     

       
103
       
 
       
  });

     

       
104
       
 
       


     

···

       
71
       
 
       
    operation.kind === 'query' && operation.context.preferGetMethod;

     

       
72
       
 
       
  if (!useGETMethod || !body) return operation.context.url;

     

       
73
       
 
       


     

       
74
       
-
       
  const url = new URL(operation.context.url);

     

       
75
       
 
       
  for (const key in body) {

     

       
76
       
 
       
    const value = body[key];

     

       
77
       
 
       
    if (value) {

     

       
78
       
-
       
      url.searchParams.set(

     

       
79
       
 
       
        key,

     

       
80
       
 
       
        typeof value === 'object' ? stringifyVariables(value) : value

     

       
81
       
 
       
      );

     

       
82
       
 
       
    }

     

       
83
       
 
       
  }

     

       
84
       
-
       


     

       
85
       
-
       
  const finalUrl = url.toString();

     

       
86
       
 
       
  if (finalUrl.length > 2047 && useGETMethod !== 'force') {

     

       
87
       
 
       
    operation.context.preferGetMethod = false;

     

       
88
       
 
       
    return operation.context.url;

     

       
89
       
 
       
  }

     

       
90
       
 
       


     

       
91
       
 
       
  return finalUrl;

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
92
       
 
       
};

     

       
93
       
 
       


     

       
94
       
 
       
/** Serializes a {@link FetchBody} into a {@link RequestInit.body} format. */

     

···

       
71
       
 
       
    operation.kind === 'query' && operation.context.preferGetMethod;

     

       
72
       
 
       
  if (!useGETMethod || !body) return operation.context.url;

     

       
73
       
 
       


     

       
74
       
+
       
  const urlParts = splitOutSearchParams(operation.context.url);

     

       
75
       
 
       
  for (const key in body) {

     

       
76
       
 
       
    const value = body[key];

     

       
77
       
 
       
    if (value) {

     

       
78
       
+
       
      urlParts[1].set(

     

       
79
       
 
       
        key,

     

       
80
       
 
       
        typeof value === 'object' ? stringifyVariables(value) : value

     

       
81
       
 
       
      );

     

       
82
       
 
       
    }

     

       
83
       
 
       
  }

     

       
84
       
+
       
  const finalUrl = urlParts.join('?');

     

       
0
       
 
       

     

       
85
       
 
       
  if (finalUrl.length > 2047 && useGETMethod !== 'force') {

     

       
86
       
 
       
    operation.context.preferGetMethod = false;

     

       
87
       
 
       
    return operation.context.url;

     

       
88
       
 
       
  }

     

       
89
       
 
       


     

       
90
       
 
       
  return finalUrl;

     

       
91
       
+
       
};

     

       
92
       
+
       


     

       
93
       
+
       
const splitOutSearchParams = (

     

       
94
       
+
       
  url: string

     

       
95
       
+
       
): readonly [string, URLSearchParams] => {

     

       
96
       
+
       
  const start = url.indexOf('?');

     

       
97
       
+
       
  return start > -1

     

       
98
       
+
       
    ? [url.slice(0, start), new URLSearchParams(url.slice(start + 1))]

     

       
99
       
+
       
    : [url, new URLSearchParams()];

     

       
100
       
 
       
};

     

       
101
       
 
       


     

       
102
       
 
       
/** Serializes a {@link FetchBody} into a {@link RequestInit.body} format. */