feat: create and expose cursor encoding helpers

birkir · Jul 12, 2019 · a1959ac · a1959ac
1 parent eb0fa26
commit a1959ac
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/examples/pagination/src/pages/index.js b/examples/pagination/src/pages/index.js
@@ -1,6 +1,7 @@
 import { graphql, Link } from 'gatsby';
 import { get } from 'lodash';
 import React, { useEffect, useRef } from 'react';
+import { getCursorFromDocumentIndex } from 'gatsby-source-prismic-graphql';
 import Layout from '../components/layout';
 
 export const query = graphql`
@@ -46,7 +47,7 @@ const Home = props => {
     }
 
     props.prismic
-      .load({ variables: { after: btoa(`arrayconnection:${page}`) } })
+      .load({ variables: { after: getCursorFromDocumentIndex(page) } })
       .then(res => setData(res.data));
   }, [page]);
 

diff --git a/packages/gatsby-source-prismic-graphql/src/index.ts b/packages/gatsby-source-prismic-graphql/src/index.ts
@@ -4,6 +4,8 @@ export { withPreview } from './components/withPreview';
 export {
   PrismicLink,
   getCookies,
+  getCursorFromDocumentIndex,
+  getDocumentIndexFromCursor,
   registerLinkResolver,
   linkResolver,
   fieldName,

diff --git a/packages/gatsby-source-prismic-graphql/src/utils/index.ts b/packages/gatsby-source-prismic-graphql/src/utils/index.ts
@@ -27,6 +27,14 @@ export function getCookies() {
   return parseQueryString(document.cookie, ';');
 }
 
+export function getDocumentIndexFromCursor(cursor: string) {
+  return atob(cursor).split(':')[1];
+}
+
+export function getCursorFromDocumentIndex(index: number) {
+  return btoa(`arrayconnection:${index}`);
+}
+
 export function fetchStripQueryWhitespace(url: string, ...args: any) {
   const [hostname, qs = ''] = url.split('?');
   const queryString = parseQueryString(qs);