Merge pull request #441 from Workgrid/support-graphql

ETSWORK-17208 Support new GraphQL integration

Author: sjjharrington

packages/workgrid-client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workgrid/client",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "dist/client.js",
   "types": "dist/client.d.ts",
   "files": [
@@ -33,4 +33,4 @@
     ]
   },
   "license": "ISC"
-}
+}

packages/workgrid-client/src/client.test.ts

@@ -131,6 +131,39 @@ const server = setupServer(
         suggestions: ['ask another'],
       })
     )
+  }),
+  rest.post(`https://company-code.workgrid.com/graphql`, (req, res, ctx) => {
+    return res(
+      ctx.json({
+        data: {
+          me: {
+            id: '12345',
+            space: {
+              id: '17dacf8d-ee8d-45ff-9d6b-f984e789c4e3',
+              apps: {
+                edges: [
+                  {
+                    node: {
+                      entrypoint: 'f19b6a81-7648-4c72-97df-87f45e24191f',
+                      title: 'Intranet Admin Tools',
+                    },
+                  },
+                  {
+                    node: {
+                      entrypoint: '2b4d2ae8-fde4-4c8a-b4f1-8e349c3fcf68',
+                      title: 'Quick Links',
+                    },
+                  },
+                ],
+                pageInfo: {
+                  hasNextPage: false,
+                },
+              },
+            },
+          },
+        },
+      })
+    )
   })
 )
 
@@ -204,6 +237,65 @@ describe('@workgrid/client', () => {
     `)
   })
 
+  test('graphql', async () => {
+    const gql = String.raw
+    const query = gql`
+      query appsQuery($spaceId: ID!) {
+        me {
+          space(spaceId: $spaceId) {
+            id
+            apps {
+              edges {
+                node {
+                  entrypoint
+                  title
+                }
+              }
+              pageInfo {
+                hasNextPage
+              }
+            }
+          }
+        }
+      }
+    `
+
+    const variables = {
+      spaceId: '17dacf8d-ee8d-45ff-9d6b-f984e789c4e3',
+    }
+    const result = await client.mutate('graphql', { query, variables })
+
+    expect(result).toMatchInlineSnapshot(`
+      Object {
+        "me": Object {
+          "id": "12345",
+          "space": Object {
+            "apps": Object {
+              "edges": Array [
+                Object {
+                  "node": Object {
+                    "entrypoint": "f19b6a81-7648-4c72-97df-87f45e24191f",
+                    "title": "Intranet Admin Tools",
+                  },
+                },
+                Object {
+                  "node": Object {
+                    "entrypoint": "2b4d2ae8-fde4-4c8a-b4f1-8e349c3fcf68",
+                    "title": "Quick Links",
+                  },
+                },
+              ],
+              "pageInfo": Object {
+                "hasNextPage": false,
+              },
+            },
+            "id": "17dacf8d-ee8d-45ff-9d6b-f984e789c4e3",
+          },
+        },
+      }
+    `)
+  })
+
   test('customMutate', async () => {
     const options = { mutationFn: async () => ({ message: 'Hello, world!' }) }
     const result = client.customMutate('mutation-key', undefined, options)

packages/workgrid-client/src/client.ts

@@ -528,6 +528,29 @@ setTypedMutationDefaults('deleteNotification', (client) => ({
   },
 }))
 
+// graphql
+
+// ================================================================================================================================
+
+/** @beta */
+export interface Mutations {
+  graphql: Mutation<['graphql'], { query: string; variables: unknown }, unknown>
+}
+
+setTypedMutationDefaults('graphql', (client) => ({
+  mutationFn: async (params) => {
+    const { query, variables } = params
+
+    const data = {
+      query,
+      variables,
+    }
+
+    const response = await client.httpClient.post('graphql', data)
+    return response.data.data /* unwrap graphql */
+  },
+}))
+
 // getActivity
 // ================================================================================================================================