davist11 · January 22, 2022 14:35 · Jan 22, 2022 · Jan 22, 2022 · Jan 22, 2022 · Jan 22, 2022
diff --git a/graphql.server.jsx b/graphql.server.jsx
@@ -22,7 +22,7 @@ export const gqlClient = (request = null) => {
 
     return new GraphQLClient(`https://your-endpoint-here/${queryString}`, {
         headers: {
-            authorization: `Bearer ${process.env.GRAPHQL_TOKEN}`,
+            authorization: `Bearer YOUR_AUTH_TOKEN_HERE`,
         },
     })
 }
diff --git a/graphql.server.jsx b/graphql.server.jsx
@@ -1,7 +1,7 @@
 import { GraphQLClient } from 'graphql-request'
 
 // Pass through allowed query params to the requst
-const getQueryParams = (request): string => {
+const getQueryParams = (request) => {
     const url = new URL(request.url)
     const allowedKeys = ['x-craft-preview', 'x-craft-live-preview', 'token']
     const filteredParams = Object.entries(

diff --git a/$slug.jsx b/$slug.jsx
@@ -1,6 +1,6 @@
 import { json } from 'remix'
 import { gql } from 'graphql-request'
-import { gqlClient } from '~/helpers/graphql.server'
+import { gqlClient } from 'graphql.server'
 
 export const loader = async ({ request }) => {
     const { entries } = await gqlClient(request).request(gql`

diff --git a/$slug.jsx b/$slug.jsx
@@ -5,7 +5,7 @@ import { gqlClient } from '~/helpers/graphql.server'
 export const loader = async ({ request }) => {
     const { entries } = await gqlClient(request).request(gql`
         {
-            GRAPHQL_REQUEST_HERE
+            YOUR GRAPHQL QUERY HERE
         }
     `)
 

diff --git a/graphql.server.jsx b/graphql.server.jsx
@@ -0,0 +1,28 @@
+import { GraphQLClient } from 'graphql-request'
+
+// Pass through allowed query params to the requst
+const getQueryParams = (request): string => {
+    const url = new URL(request.url)
+    const allowedKeys = ['x-craft-preview', 'x-craft-live-preview', 'token']
+    const filteredParams = Object.entries(
+        Object.fromEntries(url.searchParams)
+    ).filter(([key]) => allowedKeys.includes(key))
+
+    if (!filteredParams.length) {
+        return ''
+    }
+
+    const queryString = filteredParams.map((val) => val.join('=')).join('&')
+
+    return `?${queryString}`
+}
+
+export const gqlClient = (request = null) => {
+    const queryString = request ? getQueryParams(request) : ''
+
+    return new GraphQLClient(`https://your-endpoint-here/${queryString}`, {
+        headers: {
+            authorization: `Bearer ${process.env.GRAPHQL_TOKEN}`,
+        },
+    })
+}
diff --git a/$slug.jsx b/$slug.jsx
@@ -0,0 +1,13 @@
+import { json } from 'remix'
+import { gql } from 'graphql-request'
+import { gqlClient } from '~/helpers/graphql.server'
+
+export const loader = async ({ request }) => {
+    const { entries } = await gqlClient(request).request(gql`
+        {
+            GRAPHQL_REQUEST_HERE
+        }
+    `)
+
+    return json({ entries })
+}
diff --git a/general.php b/general.php
@@ -1,7 +1,7 @@
 <?php
 
 return [
-	'*' => [
+    '*' => [
         'headlessMode' => true,
         'previewIframeResizerOptions' => [
             'checkOrigin' => [

diff --git a/general.php b/general.php
@@ -0,0 +1,12 @@
+<?php
+
+return [
+	'*' => [
+        'headlessMode' => true,
+        'previewIframeResizerOptions' => [
+            'checkOrigin' => [
+                'https://www.trevor-davis.com',
+            ],
+        ],
+    ],
+];
No results found