fix: send perspective as query param with GET request (#1008)

Author: jesperbjerke

src/runtime/minimal-client.ts

@@ -73,7 +73,7 @@ export function createClient(config: ClientConfig) {
      * Perform a fetch using GROQ syntax.
      */
     async fetch<T = unknown>(query: string, params?: Record<string, unknown>) {
-      const qs = getQuery(query, params)
+      const qs = getQuery(query, params) + `&perspective=${perspective}`
       const usePostRequest = getByteSize(qs) > 9000
 
       const host = useCdn && !usePostRequest ? cdnHost : apiHost

test/unit/client.test.ts

@@ -47,7 +47,7 @@ describe('minimal sanity client', () => {
     client.fetch('*[_type == "article"')
 
     expect($fetch).toBeCalledWith(
-      'https://sample-project.api.sanity.io/v1/data/query/undefined?query=*%5B_type%20%3D%3D%20%22article%22',
+      'https://sample-project.api.sanity.io/v1/data/query/undefined?query=*%5B_type%20%3D%3D%20%22article%22&perspective=raw',
       expect.not.objectContaining({ method: 'post' }),
     )
   })
@@ -148,4 +148,36 @@ describe('minimal sanity client', () => {
       },
     )
   })
+
+  it('appends perspective to the query with GET request', async () => {
+    const client = createClient({
+      projectId: 'sample-project',
+      apiVersion: '1',
+    })
+    const query = '*[_type == "article"]'
+    await client.fetch(query)
+
+    expect($fetch).toBeCalledWith(
+      `https://${project}.api.sanity.io/v1/data/query/undefined?query=${encodeURIComponent(query)}&perspective=raw`,
+      {
+        credentials: 'omit',
+        headers: {
+          Accept: 'application/json',
+        },
+      },
+    )
+  })
+
+  it('appends perspective to the query with POST request', () => {
+    const client = createClient({
+      projectId: 'sample-project',
+      apiVersion: '1',
+    })
+    client.fetch(largeRequest)
+
+    expect($fetch).toBeCalledWith(
+      'https://sample-project.api.sanity.io/v1/data/query/undefined',
+      expect.objectContaining({ method: 'post', query: { perspective: 'raw' } }),
+    )
+  })
 })