next-sanity 0.4.1-beta.0 → 0.5.0

package/README.md

@@ -5,8 +5,6 @@
 **Features:**
 
 - Client-side live real-time preview for authenticated users
-- URL-helper for Sanity’s image pipeline
-- Rich-text component for Portable Text
 - GROQ syntax highlighting
 
 ## Table of contents
@@ -18,14 +16,15 @@
 - [Optimizing bundle size](#optimizing-bundle-size)
 - [Usage](#usage)
 - [Example: Minimal blog post template](#example-minimal-blog-post-template)
+- [Migrate](#migrate)
 - [License](#license)
 
 ## Installation
 
 ```sh
-$ npm install next-sanity
+$ npm install next-sanity @portabletext/react @sanity/image-url
 // or
-$ yarn add next-sanity
+$ yarn add next-sanity @portabletext/react @sanity/image-url
 ```
 
 ## Live real-time preview
@@ -83,12 +82,8 @@ export const config = {
 
 ```js
 // lib/sanity.js
-import {
-  createImageUrlBuilder,
-  createPortableTextComponent,
-  createPreviewSubscriptionHook,
-  createCurrentUserHook,
-} from 'next-sanity'
+import {createPreviewSubscriptionHook, createCurrentUserHook} from 'next-sanity'
+import createImageUrlBuilder from '@sanity/image-url'
 import {config} from './config'
 
 /**
@@ -100,14 +95,6 @@ export const urlFor = (source) => createImageUrlBuilder(config).image(source)
 // Set up the live preview subscription hook
 export const usePreviewSubscription = createPreviewSubscriptionHook(config)
 
-// Set up Portable Text serialization
-export const PortableText = createPortableTextComponent({
-  ...config,
-  // Serializers passed to @sanity/block-content-to-react
-  // (https://github.com/sanity-io/block-content-to-react)
-  serializers: {},
-})
-
 // Helper function for using the current logged in user account
 export const useCurrentUser = createCurrentUserHook(config)
 ```
@@ -140,7 +127,8 @@ A minimal example for a blog post template using the schema from from the Sanity
 import ErrorPage from 'next/error'
 import {useRouter} from 'next/router'
 import {groq} from 'next-sanity'
-import {usePreviewSubscription, urlFor, PortableText} from '../../lib/sanity'
+import {PortableText} from '@portabletext/react'
+import {usePreviewSubscription, urlFor} from '../../lib/sanity'
 import {getClient} from '../../lib/sanity.server'
 
 const postQuery = groq`
@@ -178,7 +166,7 @@ export default function Post({data, preview}) {
       <figure>
         <img src={urlFor(mainImage).url()} />
       </figure>
-      <PortableText blocks={body} />
+      <PortableText value={body} />
     </article>
   )
 }
@@ -208,6 +196,47 @@ export async function getStaticPaths() {
 }
 ```
 
+## Migrate
+
+### From `v0.4`
+
+#### `createPortableTextComponent` is removed
+
+This utility used to wrap `@sanity/block-content-to-react`. It's encouraged to upgrade to `@portabletext/react`.
+
+```sh
+$ npm install @portabletext/react
+// or
+$ yarn add @portabletext/react
+```
+
+```diff
+-import { createPortableTextComponent } from 'next-sanity'
++import { PortableText as PortableTextComponent } from '@portabletext/react'
+
+-export const PortableText = createPortableTextComponent({ serializers: {} })
++export const PortableText = (props) => <PortableTextComponent components={{}} {...props} />
+```
+
+Please note that the `serializers` and `components` are not 100% equivalent.
+
+[Check the full migration guide.](https://github.com/portabletext/react-portabletext/blob/main/MIGRATING.md)
+
+#### `createImageUrlBuilder` is removed
+
+This utility is no longer wrapped by `next-sanity` and you'll need to install the dependency yourself:
+
+```sh
+$ npm install @sanity/image-url
+// or
+$ yarn add @sanity/image-url
+```
+
+```diff
+-import { createImageUrlBuilder } from 'next-sanity'
++import createImageUrlBuilder from '@sanity/image-url'
+```
+
 ## License
 
 MIT-licensed. See LICENSE.

package/dist/aborter.d.ts

@@ -1,5 +1,5 @@
 export interface Aborter {
     abort(): void;
-    signal?: AbortSignal;
+    signal: AbortSignal;
 }
 export declare function getAborter(): Aborter;

package/dist/currentUser.d.ts

@@ -8,4 +8,4 @@ export declare function createCurrentUserHook({ projectId }: {
     error: Error | undefined;
     loading: boolean;
 };
-export declare function getCurrentUser(projectId: string, abort?: Aborter): Promise<CurrentUser | null>;
+export declare function getCurrentUser(projectId: string, abort: Aborter): Promise<CurrentUser | null>;

package/dist/index.d.ts

@@ -1,7 +1,5 @@
 export * from './types';
 export { createClient } from './client';
-export { createImageUrlBuilder } from './imageUrlBuilder';
 export { createCurrentUserHook } from './currentUser';
 export { createPreviewSubscriptionHook } from './useSubscription';
-export { createPortableTextComponent } from './portableText';
 export { default as groq } from 'groq';

package/dist/next-sanity.cjs.development.js

@@ -24,34 +24,57 @@ function _interopNamespace(e) {
 }
 
 var sanityClient = _interopDefault(require('@sanity/client'));
-var getImageUrlBuilder = _interopDefault(require('@sanity/image-url'));
-var React = require('react');
-var React__default = _interopDefault(React);
-var useDeepCompareEffect = require('use-deep-compare-effect');
-var SanityPortableText = _interopDefault(require('@sanity/block-content-to-react'));
+var react = require('react');
 var groq = _interopDefault(require('groq'));
 
 function createClient(config) {
   return sanityClient(config);
 }
 
-function createImageUrlBuilder(_ref) {
-  var projectId = _ref.projectId,
-      dataset = _ref.dataset;
-  return getImageUrlBuilder({
-    projectId: projectId,
-    dataset: dataset
-  });
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
 }
 
-function getAborter() {
-  return typeof AbortController === 'undefined' ? {
-    signal: undefined,
-    abort: noop
-  } : new AbortController();
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
 }
 
-function noop() {// intentional noop
+var MockAbortController = /*#__PURE__*/function () {
+  function MockAbortController() {
+    this._signal = {
+      aborted: false
+    };
+  }
+
+  var _proto = MockAbortController.prototype;
+
+  _proto.abort = function abort() {
+    this._signal.aborted = true;
+  };
+
+  _createClass(MockAbortController, [{
+    key: "signal",
+    get: function get() {
+      return this._signal;
+    }
+  }]);
+
+  return MockAbortController;
+}();
+
+function getAborter() {
+  return typeof AbortController === 'undefined' ? new MockAbortController() : new AbortController();
 }
 
 function createCurrentUserHook(_ref) {
@@ -63,30 +86,30 @@ function createCurrentUserHook(_ref) {
 function getCurrentUser(projectId, abort) {
   return fetch("https://" + projectId + ".api.sanity.io/v1/users/me", {
     credentials: 'include',
-    signal: abort == null ? void 0 : abort.signal
+    signal: abort.signal
   }).then(function (res) {
     return res.json();
   }).then(function (res) {
     return res != null && res.id ? res : null;
-  }).catch(function (err) {
-    return err.name === 'AbortError' ? null : Promise.reject(err);
   });
 }
 
 function useCurrentUser(projectId) {
-  var _useState = React.useState(),
+  var _useState = react.useState(),
       data = _useState[0],
       setUser = _useState[1];
 
-  var _useState2 = React.useState(),
+  var _useState2 = react.useState(),
       error = _useState2[0],
       setError = _useState2[1];
 
-  React.useEffect(function () {
+  react.useEffect(function () {
     var aborter = getAborter();
-    getCurrentUser(projectId, aborter).then(setUser).catch(setError);
+    getCurrentUser(projectId, aborter).then(setUser).catch(function (err) {
+      return err.name !== 'AbortError' && setError(err);
+    });
     return function () {
-      return aborter.abort();
+      aborter.abort();
     };
   }, [projectId]);
   return {
@@ -100,7 +123,6 @@ var EMPTY_PARAMS = {};
 function createPreviewSubscriptionHook(_ref) {
   var projectId = _ref.projectId,
       dataset = _ref.dataset,
-      useGroqBeta = _ref.useGroqBeta,
       _ref$documentLimit = _ref.documentLimit,
       documentLimit = _ref$documentLimit === void 0 ? 3000 : _ref$documentLimit;
   // Only construct/setup the store when `getStore()` is called
@@ -125,15 +147,23 @@ function createPreviewSubscriptionHook(_ref) {
     });
   };
 
-  function getStore() {
+  function getStore(abort) {
     if (!store) {
       store = new Promise(function (resolve) { resolve(_interopNamespace(require('@sanity/groq-store'))); }).then(function (_ref2) {
         var groqStore = _ref2.groqStore;
+
+        // Skip creating the groq store if we've been unmounted to save memory and reduce gc pressure
+        if (abort.signal.aborted) {
+          var error = new Error('Cancelling groq store creation'); // This ensures we can skip it in the catch block same way
+
+          error.name = 'AbortError';
+          return Promise.reject(error);
+        }
+
         return groqStore({
           projectId: projectId,
           dataset: dataset,
           documentLimit: documentLimit,
-          useGroqBeta: useGroqBeta,
           listen: true,
           overlayDrafts: true,
           subscriptionThrottleMs: 10
@@ -149,30 +179,28 @@ function useQuerySubscription(options) {
   var getStore = options.getStore,
       projectId = options.projectId,
       query = options.query,
-      params = options.params,
       initialData = options.initialData,
       _options$enabled = options.enabled,
       enabled = _options$enabled === void 0 ? false : _options$enabled;
 
-  var _useState = React.useState(),
+  var _useState = react.useState(),
       error = _useState[0],
       setError = _useState[1];
 
-  var _useState2 = React.useState(false),
+  var _useState2 = react.useState(false),
       loading = _useState2[0],
       setLoading = _useState2[1];
 
-  var _useState3 = React.useState(),
+  var _useState3 = react.useState(),
       data = _useState3[0],
-      setData = _useState3[1]; // Use "deep" dependency comparison because params are often not _referentially_ equal,
-  // but contains the same shallow properties, eg `{"slug": "some-slug"}`
+      setData = _useState3[1];
 
+  var params = useParams(options.params); // Use "deep" dependency comparison because params are often not _referentially_ equal,
+  // but contains the same shallow properties, eg `{"slug": "some-slug"}`
 
-  useDeepCompareEffect.useDeepCompareEffectNoCheck(function () {
+  react.useEffect(function () {
     if (!enabled) {
-      return function () {
-        /* intentional noop */
-      };
+      return;
     }
 
     setLoading(true);
@@ -186,7 +214,9 @@ function useQuerySubscription(options) {
 
       console.warn('Not authenticated - preview not available');
       throw new Error('Not authenticated - preview not available');
-    }).then(getStore).then(function (store) {
+    }).then(function () {
+      return getStore(aborter);
+    }).then(function (store) {
       subscription = store.subscribe(query, params, function (err, result) {
         if (err) {
           setError(err);
@@ -194,9 +224,12 @@ function useQuerySubscription(options) {
           setData(result);
         }
       });
-    }).catch(setError).finally(function () {
+    }).catch(function (err) {
+      return err.name === 'AbortError' ? null : setError(err);
+    }).finally(function () {
       return setLoading(false);
-    });
+    }); // eslint-disable-next-line consistent-return
+
     return function () {
       if (subscription) {
         subscription.unsubscribe();
@@ -210,25 +243,20 @@ function useQuerySubscription(options) {
     loading: loading,
     error: error
   };
-}
+} // Return params that are stable with deep equal as long as the key order is the same
 
-function createPortableTextComponent(_ref) {
-  var projectId = _ref.projectId,
-      dataset = _ref.dataset,
-      serializers = _ref.serializers;
-  return function PortableText(props) {
-    return React__default.createElement(SanityPortableText, Object.assign({
-      projectId: projectId,
-      dataset: dataset,
-      serializers: serializers
-    }, props));
-  };
+
+function useParams(params) {
+  var stringifiedParams = react.useMemo(function () {
+    return JSON.stringify(params);
+  }, [params]);
+  return react.useMemo(function () {
+    return JSON.parse(stringifiedParams);
+  }, [stringifiedParams]);
 }
 
 exports.groq = groq;
 exports.createClient = createClient;
 exports.createCurrentUserHook = createCurrentUserHook;
-exports.createImageUrlBuilder = createImageUrlBuilder;
-exports.createPortableTextComponent = createPortableTextComponent;
 exports.createPreviewSubscriptionHook = createPreviewSubscriptionHook;
 //# sourceMappingURL=next-sanity.cjs.development.js.map

package/dist/next-sanity.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-sanity.cjs.development.js","sources":["../src/client.ts","../src/imageUrlBuilder.ts","../src/aborter.ts","../src/currentUser.ts","../src/useSubscription.ts","../src/portableText.tsx"],"sourcesContent":["import sanityClient from '@sanity/client'\nimport {ClientConfig} from './types'\n\nexport function createClient(config: ClientConfig) {\n  return sanityClient(config)\n}\n","import getImageUrlBuilder from '@sanity/image-url'\nimport {ProjectConfig} from './types'\n\nexport function createImageUrlBuilder({projectId, dataset}: ProjectConfig) {\n  return getImageUrlBuilder({projectId, dataset})\n}\n","export interface Aborter {\n  abort(): void\n  signal?: AbortSignal\n}\n\nexport function getAborter(): Aborter {\n  return typeof AbortController === 'undefined'\n    ? {signal: undefined, abort: noop}\n    : new AbortController()\n}\n\nfunction noop() {\n  // intentional noop\n}\n","import {useEffect, useState} from 'react'\nimport {CurrentUser} from './types'\nimport {getAborter, Aborter} from './aborter'\n\nexport function createCurrentUserHook({projectId}: {projectId: string; dataset?: string}) {\n  return () => useCurrentUser(projectId)\n}\n\nexport function getCurrentUser(projectId: string, abort?: Aborter): Promise<CurrentUser | null> {\n  return fetch(`https://${projectId}.api.sanity.io/v1/users/me`, {\n    credentials: 'include',\n    signal: abort?.signal,\n  })\n    .then((res) => res.json())\n    .then((res) => (res?.id ? res : null))\n    .catch((err: Error) => (err.name === 'AbortError' ? null : Promise.reject(err)))\n}\n\nfunction useCurrentUser(projectId: string) {\n  const [data, setUser] = useState<CurrentUser | null>()\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    const aborter = getAborter()\n    getCurrentUser(projectId, aborter).then(setUser).catch(setError)\n    return () => aborter.abort()\n  }, [projectId])\n\n  return {data, error, loading: data !== null || !error}\n}\n","import {useState} from 'react'\nimport {GroqStore, Subscription} from '@sanity/groq-store'\nimport {useDeepCompareEffectNoCheck as useDeepCompareEffect} from 'use-deep-compare-effect'\nimport {ProjectConfig} from './types'\nimport {getCurrentUser} from './currentUser'\nimport {getAborter} from './aborter'\n\nconst EMPTY_PARAMS = {}\n\ninterface SubscriptionOptions<R = any> {\n  enabled?: boolean\n  params?: Record<string, unknown>\n  initialData?: R\n}\n\nexport function createPreviewSubscriptionHook({\n  projectId,\n  dataset,\n  useGroqBeta,\n  documentLimit = 3000,\n}: ProjectConfig & {documentLimit?: number; useGroqBeta?: boolean}) {\n  // Only construct/setup the store when `getStore()` is called\n  let store: Promise<GroqStore>\n\n  return function usePreviewSubscription<R = any>(\n    query: string,\n    options: SubscriptionOptions<R> = {}\n  ) {\n    const {params = EMPTY_PARAMS, initialData, enabled} = options\n    return useQuerySubscription<R>({\n      getStore,\n      projectId,\n      query,\n      params,\n      initialData: initialData as any,\n      enabled: enabled ? typeof window !== 'undefined' : false,\n    })\n  }\n\n  function getStore() {\n    if (!store) {\n      store = import('@sanity/groq-store').then(({groqStore}) =>\n        groqStore({\n          projectId,\n          dataset,\n          documentLimit,\n          useGroqBeta,\n          listen: true,\n          overlayDrafts: true,\n          subscriptionThrottleMs: 10,\n        })\n      )\n    }\n    return store\n  }\n}\n\nfunction useQuerySubscription<R = any>(options: {\n  getStore: () => Promise<GroqStore>\n  projectId: string\n  query: string\n  params: Record<string, unknown>\n  initialData: R\n  enabled: boolean\n}) {\n  const {getStore, projectId, query, params, initialData, enabled = false} = options\n  const [error, setError] = useState<Error>()\n  const [loading, setLoading] = useState(false)\n  const [data, setData] = useState<R>()\n\n  // Use \"deep\" dependency comparison because params are often not _referentially_ equal,\n  // but contains the same shallow properties, eg `{\"slug\": \"some-slug\"}`\n  useDeepCompareEffect(() => {\n    if (!enabled) {\n      return () => {\n        /* intentional noop */\n      }\n    }\n\n    setLoading(true)\n\n    const aborter = getAborter()\n    let subscription: Subscription | undefined\n    getCurrentUser(projectId, aborter)\n      .then((user) => {\n        if (user) {\n          return\n        }\n\n        // eslint-disable-next-line no-console\n        console.warn('Not authenticated - preview not available')\n        throw new Error('Not authenticated - preview not available')\n      })\n      .then(getStore)\n      .then((store) => {\n        subscription = store.subscribe(query, params, (err, result) => {\n          if (err) {\n            setError(err)\n          } else {\n            setData(result)\n          }\n        })\n      })\n      .catch(setError)\n      .finally(() => setLoading(false))\n\n    return () => {\n      if (subscription) {\n        subscription.unsubscribe()\n      }\n\n      aborter.abort()\n    }\n  }, [getStore, query, params, enabled])\n\n  return {\n    data: typeof data === 'undefined' ? initialData : data,\n    loading,\n    error,\n  }\n}\n","import React from 'react'\nimport SanityPortableText, {\n  PortableTextProps,\n  PortableTextSerializers,\n} from '@sanity/block-content-to-react'\nimport {ProjectConfig} from './types'\n\nexport function createPortableTextComponent({\n  projectId,\n  dataset,\n  serializers,\n}: ProjectConfig & {serializers?: PortableTextSerializers}) {\n  return function PortableText(props: PortableTextProps) {\n    return (\n      <SanityPortableText\n        projectId={projectId}\n        dataset={dataset}\n        serializers={serializers}\n        {...props}\n      />\n    )\n  }\n}\n"],"names":["createClient","config","sanityClient","createImageUrlBuilder","projectId","dataset","getImageUrlBuilder","getAborter","AbortController","signal","undefined","abort","noop","createCurrentUserHook","useCurrentUser","getCurrentUser","fetch","credentials","then","res","json","id","catch","err","name","Promise","reject","useState","data","setUser","error","setError","useEffect","aborter","loading","EMPTY_PARAMS","createPreviewSubscriptionHook","useGroqBeta","documentLimit","store","usePreviewSubscription","query","options","params","initialData","enabled","useQuerySubscription","getStore","window","groqStore","listen","overlayDrafts","subscriptionThrottleMs","setLoading","setData","useDeepCompareEffect","subscription","user","console","warn","Error","subscribe","result","finally","unsubscribe","createPortableTextComponent","serializers","PortableText","props","React","SanityPortableText"],"mappings":"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"}
+{"version":3,"file":"next-sanity.cjs.development.js","sources":["../src/client.ts","../src/aborter.ts","../src/currentUser.ts","../src/useSubscription.ts"],"sourcesContent":["import sanityClient from '@sanity/client'\nimport {ClientConfig} from './types'\n\nexport function createClient(config: ClientConfig) {\n  return sanityClient(config)\n}\n","export interface Aborter {\n  abort(): void\n  signal: AbortSignal\n}\n\nclass MockAbortController {\n  _signal = {aborted: false}\n  get signal() {\n    return this._signal as AbortSignal\n  }\n  abort() {\n    this._signal.aborted = true\n  }\n}\n\nexport function getAborter(): Aborter {\n  return typeof AbortController === 'undefined'\n    ? new MockAbortController()\n    : new AbortController()\n}\n","import {useEffect, useState} from 'react'\nimport {CurrentUser} from './types'\nimport {getAborter, Aborter} from './aborter'\n\nexport function createCurrentUserHook({projectId}: {projectId: string; dataset?: string}) {\n  return () => useCurrentUser(projectId)\n}\n\nexport function getCurrentUser(projectId: string, abort: Aborter): Promise<CurrentUser | null> {\n  return fetch(`https://${projectId}.api.sanity.io/v1/users/me`, {\n    credentials: 'include',\n    signal: abort.signal,\n  })\n    .then((res) => res.json())\n    .then((res) => (res?.id ? res : null))\n}\n\nfunction useCurrentUser(projectId: string) {\n  const [data, setUser] = useState<CurrentUser | null>()\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    const aborter = getAborter()\n    getCurrentUser(projectId, aborter)\n      .then(setUser)\n      .catch((err: Error) => err.name !== 'AbortError' && setError(err))\n\n    return () => {\n      aborter.abort()\n    }\n  }, [projectId])\n\n  return {data, error, loading: data !== null || !error}\n}\n","import {useState, useEffect, useMemo} from 'react'\nimport {GroqStore, Subscription} from '@sanity/groq-store'\nimport {ProjectConfig} from './types'\nimport {getCurrentUser} from './currentUser'\nimport {getAborter, Aborter} from './aborter'\n\nconst EMPTY_PARAMS = {}\n\ntype Params = Record<string, unknown>\ninterface SubscriptionOptions<R = any> {\n  enabled?: boolean\n  params?: Params\n  initialData?: R\n}\n\nexport function createPreviewSubscriptionHook({\n  projectId,\n  dataset,\n  documentLimit = 3000,\n}: ProjectConfig & {documentLimit?: number}) {\n  // Only construct/setup the store when `getStore()` is called\n  let store: Promise<GroqStore>\n\n  return function usePreviewSubscription<R = any>(\n    query: string,\n    options: SubscriptionOptions<R> = {}\n  ) {\n    const {params = EMPTY_PARAMS, initialData, enabled} = options\n    return useQuerySubscription<R>({\n      getStore,\n      projectId,\n      query,\n      params,\n      initialData: initialData as any,\n      enabled: enabled ? typeof window !== 'undefined' : false,\n    })\n  }\n\n  function getStore(abort: Aborter) {\n    if (!store) {\n      store = import('@sanity/groq-store').then(({groqStore}) => {\n        // Skip creating the groq store if we've been unmounted to save memory and reduce gc pressure\n        if (abort.signal.aborted) {\n          const error = new Error('Cancelling groq store creation')\n          // This ensures we can skip it in the catch block same way\n          error.name = 'AbortError'\n          return Promise.reject(error)\n        }\n\n        return groqStore({\n          projectId,\n          dataset,\n          documentLimit,\n          listen: true,\n          overlayDrafts: true,\n          subscriptionThrottleMs: 10,\n        })\n      })\n    }\n    return store\n  }\n}\n\nfunction useQuerySubscription<R = any>(options: {\n  getStore: (abort: Aborter) => Promise<GroqStore>\n  projectId: string\n  query: string\n  params: Params\n  initialData: R\n  enabled: boolean\n}) {\n  const {getStore, projectId, query, initialData, enabled = false} = options\n  const [error, setError] = useState<Error>()\n  const [loading, setLoading] = useState(false)\n  const [data, setData] = useState<R>()\n  const params = useParams(options.params)\n\n  // Use \"deep\" dependency comparison because params are often not _referentially_ equal,\n  // but contains the same shallow properties, eg `{\"slug\": \"some-slug\"}`\n  useEffect(() => {\n    if (!enabled) {\n      return\n    }\n\n    setLoading(true)\n\n    const aborter = getAborter()\n    let subscription: Subscription | undefined\n    getCurrentUser(projectId, aborter)\n      .then((user) => {\n        if (user) {\n          return\n        }\n\n        // eslint-disable-next-line no-console\n        console.warn('Not authenticated - preview not available')\n        throw new Error('Not authenticated - preview not available')\n      })\n      .then(() => getStore(aborter))\n      .then((store) => {\n        subscription = store.subscribe(query, params, (err, result) => {\n          if (err) {\n            setError(err)\n          } else {\n            setData(result)\n          }\n        })\n      })\n      .catch((err: Error) => (err.name === 'AbortError' ? null : setError(err)))\n      .finally(() => setLoading(false))\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      if (subscription) {\n        subscription.unsubscribe()\n      }\n\n      aborter.abort()\n    }\n  }, [getStore, query, params, enabled])\n\n  return {\n    data: typeof data === 'undefined' ? initialData : data,\n    loading,\n    error,\n  }\n}\n\n// Return params that are stable with deep equal as long as the key order is the same\nfunction useParams(params: Params): Params {\n  const stringifiedParams = useMemo(() => JSON.stringify(params), [params])\n  return useMemo(() => JSON.parse(stringifiedParams), [stringifiedParams])\n}\n"],"names":["createClient","config","sanityClient","MockAbortController","aborted","abort","_signal","getAborter","AbortController","createCurrentUserHook","projectId","useCurrentUser","getCurrentUser","fetch","credentials","signal","then","res","json","id","useState","data","setUser","error","setError","useEffect","aborter","catch","err","name","loading","EMPTY_PARAMS","createPreviewSubscriptionHook","dataset","documentLimit","store","usePreviewSubscription","query","options","params","initialData","enabled","useQuerySubscription","getStore","window","groqStore","Error","Promise","reject","listen","overlayDrafts","subscriptionThrottleMs","setLoading","setData","useParams","subscription","user","console","warn","subscribe","result","finally","unsubscribe","stringifiedParams","useMemo","JSON","stringify","parse"],"mappings":"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"}

package/dist/next-sanity.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@sanity/client")),r=e(require("@sanity/image-url")),n=require("react"),o=e(n),i=require("use-deep-compare-effect"),a=e(require("@sanity/block-content-to-react")),u=e(require("groq"));function c(){return"undefined"==typeof AbortController?{signal:void 0,abort:s}:new AbortController}function s(){}function f(e,t){return fetch("https://"+e+".api.sanity.io/v1/users/me",{credentials:"include",signal:null==t?void 0:t.signal}).then((function(e){return e.json()})).then((function(e){return null!=e&&e.id?e:null})).catch((function(e){return"AbortError"===e.name?null:Promise.reject(e)}))}var l={};exports.groq=u,exports.createClient=function(e){return t(e)},exports.createCurrentUserHook=function(e){var t=e.projectId;return function(){return function(e){var t=n.useState(),r=t[0],o=t[1],i=n.useState(),a=i[0],u=i[1];return n.useEffect((function(){var t=c();return f(e,t).then(o).catch(u),function(){return t.abort()}}),[e]),{data:r,error:a,loading:null!==r||!a}}(t)}},exports.createImageUrlBuilder=function(e){return r({projectId:e.projectId,dataset:e.dataset})},exports.createPortableTextComponent=function(e){var t=e.projectId,r=e.dataset,n=e.serializers;return function(e){return o.createElement(a,Object.assign({projectId:t,dataset:r,serializers:n},e))}},exports.createPreviewSubscriptionHook=function(e){var t,r=e.projectId,o=e.dataset,a=e.useGroqBeta,u=e.documentLimit,s=void 0===u?3e3:u;return function(e,t){void 0===t&&(t={});var o=t.params;return function(e){var t=e.getStore,r=e.projectId,o=e.query,a=e.params,u=e.initialData,s=e.enabled,l=void 0!==s&&s,d=n.useState(),p=d[0],v=d[1],b=n.useState(!1),h=b[0],m=b[1],g=n.useState(),j=g[0],y=g[1];return i.useDeepCompareEffectNoCheck((function(){if(!l)return function(){};m(!0);var e,n=c();return f(r,n).then((function(e){if(!e)throw console.warn("Not authenticated - preview not available"),new Error("Not authenticated - preview not available")})).then(t).then((function(t){e=t.subscribe(o,a,(function(e,t){e?v(e):y(t)}))})).catch(v).finally((function(){return m(!1)})),function(){e&&e.unsubscribe(),n.abort()}}),[t,o,a,l]),{data:void 0===j?u:j,loading:h,error:p}}({getStore:d,projectId:r,query:e,params:void 0===o?l:o,initialData:t.initialData,enabled:!!t.enabled&&"undefined"!=typeof window})};function d(){return t||(t=new Promise((function(e){e(function(e){if(e&&e.__esModule)return e;var t={};return e&&Object.keys(e).forEach((function(r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})})),t.default=e,t}(require("@sanity/groq-store")))})).then((function(e){return(0,e.groqStore)({projectId:r,dataset:o,documentLimit:s,useGroqBeta:a,listen:!0,overlayDrafts:!0,subscriptionThrottleMs:10})}))),t}};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@sanity/client")),r=require("react"),n=e(require("groq")),o=function(){function e(){this._signal={aborted:!1}}var t,r;return e.prototype.abort=function(){this._signal.aborted=!0},t=e,(r=[{key:"signal",get:function(){return this._signal}}])&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),e}();function i(){return"undefined"==typeof AbortController?new o:new AbortController}function u(e,t){return fetch("https://"+e+".api.sanity.io/v1/users/me",{credentials:"include",signal:t.signal}).then((function(e){return e.json()})).then((function(e){return null!=e&&e.id?e:null}))}var a={};exports.groq=n,exports.createClient=function(e){return t(e)},exports.createCurrentUserHook=function(e){var t=e.projectId;return function(){return function(e){var t=r.useState(),n=t[0],o=t[1],a=r.useState(),c=a[0],f=a[1];return r.useEffect((function(){var t=i();return u(e,t).then(o).catch((function(e){return"AbortError"!==e.name&&f(e)})),function(){t.abort()}}),[e]),{data:n,error:c,loading:null!==n||!c}}(t)}},exports.createPreviewSubscriptionHook=function(e){var t,n=e.projectId,o=e.dataset,c=e.documentLimit,f=void 0===c?3e3:c;return function(e,t){void 0===t&&(t={});var o=t.params;return function(e){var t=e.getStore,n=e.projectId,o=e.query,a=e.initialData,c=e.enabled,f=void 0!==c&&c,s=r.useState(),l=s[0],d=s[1],b=r.useState(!1),p=b[0],v=b[1],g=r.useState(),y=g[0],h=g[1],m=function(e){var t=r.useMemo((function(){return JSON.stringify(e)}),[e]);return r.useMemo((function(){return JSON.parse(t)}),[t])}(e.params);return r.useEffect((function(){if(f){v(!0);var e,r=i();return u(n,r).then((function(e){if(!e)throw console.warn("Not authenticated - preview not available"),new Error("Not authenticated - preview not available")})).then((function(){return t(r)})).then((function(t){e=t.subscribe(o,m,(function(e,t){e?d(e):h(t)}))})).catch((function(e){return"AbortError"===e.name?null:d(e)})).finally((function(){return v(!1)})),function(){e&&e.unsubscribe(),r.abort()}}}),[t,o,m,f]),{data:void 0===y?a:y,loading:p,error:l}}({getStore:s,projectId:n,query:e,params:void 0===o?a:o,initialData:t.initialData,enabled:!!t.enabled&&"undefined"!=typeof window})};function s(e){return t||(t=new Promise((function(e){e(function(e){if(e&&e.__esModule)return e;var t={};return e&&Object.keys(e).forEach((function(r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})})),t.default=e,t}(require("@sanity/groq-store")))})).then((function(t){var r=t.groqStore;if(e.signal.aborted){var i=new Error("Cancelling groq store creation");return i.name="AbortError",Promise.reject(i)}return r({projectId:n,dataset:o,documentLimit:f,listen:!0,overlayDrafts:!0,subscriptionThrottleMs:10})}))),t}};
 //# sourceMappingURL=next-sanity.cjs.production.min.js.map

package/dist/next-sanity.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-sanity.cjs.production.min.js","sources":["../src/aborter.ts","../src/currentUser.ts","../src/useSubscription.ts","../src/client.ts","../src/imageUrlBuilder.ts","../src/portableText.tsx"],"sourcesContent":["export interface Aborter {\n  abort(): void\n  signal?: AbortSignal\n}\n\nexport function getAborter(): Aborter {\n  return typeof AbortController === 'undefined'\n    ? {signal: undefined, abort: noop}\n    : new AbortController()\n}\n\nfunction noop() {\n  // intentional noop\n}\n","import {useEffect, useState} from 'react'\nimport {CurrentUser} from './types'\nimport {getAborter, Aborter} from './aborter'\n\nexport function createCurrentUserHook({projectId}: {projectId: string; dataset?: string}) {\n  return () => useCurrentUser(projectId)\n}\n\nexport function getCurrentUser(projectId: string, abort?: Aborter): Promise<CurrentUser | null> {\n  return fetch(`https://${projectId}.api.sanity.io/v1/users/me`, {\n    credentials: 'include',\n    signal: abort?.signal,\n  })\n    .then((res) => res.json())\n    .then((res) => (res?.id ? res : null))\n    .catch((err: Error) => (err.name === 'AbortError' ? null : Promise.reject(err)))\n}\n\nfunction useCurrentUser(projectId: string) {\n  const [data, setUser] = useState<CurrentUser | null>()\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    const aborter = getAborter()\n    getCurrentUser(projectId, aborter).then(setUser).catch(setError)\n    return () => aborter.abort()\n  }, [projectId])\n\n  return {data, error, loading: data !== null || !error}\n}\n","import {useState} from 'react'\nimport {GroqStore, Subscription} from '@sanity/groq-store'\nimport {useDeepCompareEffectNoCheck as useDeepCompareEffect} from 'use-deep-compare-effect'\nimport {ProjectConfig} from './types'\nimport {getCurrentUser} from './currentUser'\nimport {getAborter} from './aborter'\n\nconst EMPTY_PARAMS = {}\n\ninterface SubscriptionOptions<R = any> {\n  enabled?: boolean\n  params?: Record<string, unknown>\n  initialData?: R\n}\n\nexport function createPreviewSubscriptionHook({\n  projectId,\n  dataset,\n  useGroqBeta,\n  documentLimit = 3000,\n}: ProjectConfig & {documentLimit?: number; useGroqBeta?: boolean}) {\n  // Only construct/setup the store when `getStore()` is called\n  let store: Promise<GroqStore>\n\n  return function usePreviewSubscription<R = any>(\n    query: string,\n    options: SubscriptionOptions<R> = {}\n  ) {\n    const {params = EMPTY_PARAMS, initialData, enabled} = options\n    return useQuerySubscription<R>({\n      getStore,\n      projectId,\n      query,\n      params,\n      initialData: initialData as any,\n      enabled: enabled ? typeof window !== 'undefined' : false,\n    })\n  }\n\n  function getStore() {\n    if (!store) {\n      store = import('@sanity/groq-store').then(({groqStore}) =>\n        groqStore({\n          projectId,\n          dataset,\n          documentLimit,\n          useGroqBeta,\n          listen: true,\n          overlayDrafts: true,\n          subscriptionThrottleMs: 10,\n        })\n      )\n    }\n    return store\n  }\n}\n\nfunction useQuerySubscription<R = any>(options: {\n  getStore: () => Promise<GroqStore>\n  projectId: string\n  query: string\n  params: Record<string, unknown>\n  initialData: R\n  enabled: boolean\n}) {\n  const {getStore, projectId, query, params, initialData, enabled = false} = options\n  const [error, setError] = useState<Error>()\n  const [loading, setLoading] = useState(false)\n  const [data, setData] = useState<R>()\n\n  // Use \"deep\" dependency comparison because params are often not _referentially_ equal,\n  // but contains the same shallow properties, eg `{\"slug\": \"some-slug\"}`\n  useDeepCompareEffect(() => {\n    if (!enabled) {\n      return () => {\n        /* intentional noop */\n      }\n    }\n\n    setLoading(true)\n\n    const aborter = getAborter()\n    let subscription: Subscription | undefined\n    getCurrentUser(projectId, aborter)\n      .then((user) => {\n        if (user) {\n          return\n        }\n\n        // eslint-disable-next-line no-console\n        console.warn('Not authenticated - preview not available')\n        throw new Error('Not authenticated - preview not available')\n      })\n      .then(getStore)\n      .then((store) => {\n        subscription = store.subscribe(query, params, (err, result) => {\n          if (err) {\n            setError(err)\n          } else {\n            setData(result)\n          }\n        })\n      })\n      .catch(setError)\n      .finally(() => setLoading(false))\n\n    return () => {\n      if (subscription) {\n        subscription.unsubscribe()\n      }\n\n      aborter.abort()\n    }\n  }, [getStore, query, params, enabled])\n\n  return {\n    data: typeof data === 'undefined' ? initialData : data,\n    loading,\n    error,\n  }\n}\n","import sanityClient from '@sanity/client'\nimport {ClientConfig} from './types'\n\nexport function createClient(config: ClientConfig) {\n  return sanityClient(config)\n}\n","import getImageUrlBuilder from '@sanity/image-url'\nimport {ProjectConfig} from './types'\n\nexport function createImageUrlBuilder({projectId, dataset}: ProjectConfig) {\n  return getImageUrlBuilder({projectId, dataset})\n}\n","import React from 'react'\nimport SanityPortableText, {\n  PortableTextProps,\n  PortableTextSerializers,\n} from '@sanity/block-content-to-react'\nimport {ProjectConfig} from './types'\n\nexport function createPortableTextComponent({\n  projectId,\n  dataset,\n  serializers,\n}: ProjectConfig & {serializers?: PortableTextSerializers}) {\n  return function PortableText(props: PortableTextProps) {\n    return (\n      <SanityPortableText\n        projectId={projectId}\n        dataset={dataset}\n        serializers={serializers}\n        {...props}\n      />\n    )\n  }\n}\n"],"names":["getAborter","AbortController","signal","undefined","abort","noop","getCurrentUser","projectId","fetch","credentials","then","res","json","id","catch","err","name","Promise","reject","EMPTY_PARAMS","config","sanityClient","useState","data","setUser","error","setError","useEffect","aborter","loading","useCurrentUser","getImageUrlBuilder","dataset","serializers","props","React","SanityPortableText","store","useGroqBeta","documentLimit","query","options","params","getStore","initialData","enabled","setLoading","setData","useDeepCompareEffect","subscription","user","console","warn","Error","subscribe","result","finally","unsubscribe","useQuerySubscription","window","groqStore","listen","overlayDrafts","subscriptionThrottleMs"],"mappings":"2VAKgBA,UACoB,oBAApBC,gBACV,CAACC,YAAQC,EAAWC,MAAOC,GAC3B,IAAIJ,gBAGV,SAASI,cCHOC,EAAeC,EAAmBH,UACzCI,iBAAiBD,+BAAuC,CAC7DE,YAAa,UACbP,aAAQE,SAAAA,EAAOF,SAEdQ,MAAK,SAACC,UAAQA,EAAIC,UAClBF,MAAK,SAACC,gBAASA,GAAAA,EAAKE,GAAKF,EAAM,QAC/BG,OAAM,SAACC,SAA6B,eAAbA,EAAIC,KAAwB,KAAOC,QAAQC,OAAOH,MCR9E,IAAMI,EAAe,gDCJQC,UACpBC,EAAaD,kDFAiBb,IAAAA,iBAC9B,kBAaT,SAAwBA,SACEe,aAAjBC,OAAMC,SACaF,aAAnBG,OAAOC,cAEdC,aAAU,eACFC,EAAU5B,WAChBM,EAAeC,EAAWqB,GAASlB,KAAKc,GAASV,MAAMY,GAChD,kBAAME,EAAQxB,WACpB,CAACG,IAEG,CAACgB,KAAAA,EAAME,MAAAA,EAAOI,QAAkB,OAATN,IAAkBE,GAvBnCK,CAAevB,sDGDrBwB,EAAmB,CAACxB,YADUA,UACCyB,UADUA,+DCKhDzB,IAAAA,UACAyB,IAAAA,QACAC,IAAAA,mBAEO,SAAsBC,UAEzBC,gBAACC,iBACC7B,UAAWA,EACXyB,QAASA,EACTC,YAAaA,GACTC,4DHING,EANJ9B,IAAAA,UACAyB,IAAAA,QACAM,IAAAA,gBACAC,cAAAA,aAAgB,aAKT,SACLC,EACAC,YAAAA,IAAAA,EAAkC,UAEoBA,EAA/CC,cA6BX,SAAuCD,OAQ9BE,EAAoEF,EAApEE,SAAUpC,EAA0DkC,EAA1DlC,UAAWiC,EAA+CC,EAA/CD,MAAOE,EAAwCD,EAAxCC,OAAQE,EAAgCH,EAAhCG,cAAgCH,EAAnBI,QAAAA,kBAC9BvB,aAAnBG,OAAOC,SACgBJ,YAAS,GAAhCO,OAASiB,SACQxB,aAAjBC,OAAMwB,cAIbC,+BAAqB,eACdH,SACI,aAKTC,GAAW,OAGPG,EADErB,EAAU5B,WAEhBM,EAAeC,EAAWqB,GACvBlB,MAAK,SAACwC,OACDA,QAKJC,QAAQC,KAAK,6CACP,IAAIC,MAAM,gDAEjB3C,KAAKiC,GACLjC,MAAK,SAAC2B,GACLY,EAAeZ,EAAMiB,UAAUd,EAAOE,GAAQ,SAAC3B,EAAKwC,GAC9CxC,EACFW,EAASX,GAETgC,EAAQQ,SAIbzC,MAAMY,GACN8B,SAAQ,kBAAMV,GAAW,MAErB,WACDG,GACFA,EAAaQ,cAGf7B,EAAQxB,WAET,CAACuC,EAAUH,EAAOE,EAAQG,IAEtB,CACLtB,UAAsB,IAATA,EAAuBqB,EAAcrB,EAClDM,QAAAA,EACAJ,MAAAA,GAzFOiC,CAAwB,CAC7Bf,SAAAA,EACApC,UAAAA,EACAiC,MAAAA,EACAE,kBALcvB,IAMdyB,YANoDH,EAAxBG,YAO5BC,UAPoDJ,EAAXI,SAOJ,oBAAXc,mBAIrBhB,WACFN,IACHA,EAAQ,8QAAO,2BAAsB3B,MAAK,mBACxCkD,IAD0CA,WAChC,CACRrD,UAAAA,EACAyB,QAAAA,EACAO,cAAAA,EACAD,YAAAA,EACAuB,QAAQ,EACRC,eAAe,EACfC,uBAAwB,SAIvB1B"}
+{"version":3,"file":"next-sanity.cjs.production.min.js","sources":["../src/aborter.ts","../src/currentUser.ts","../src/useSubscription.ts","../src/client.ts"],"sourcesContent":["export interface Aborter {\n  abort(): void\n  signal: AbortSignal\n}\n\nclass MockAbortController {\n  _signal = {aborted: false}\n  get signal() {\n    return this._signal as AbortSignal\n  }\n  abort() {\n    this._signal.aborted = true\n  }\n}\n\nexport function getAborter(): Aborter {\n  return typeof AbortController === 'undefined'\n    ? new MockAbortController()\n    : new AbortController()\n}\n","import {useEffect, useState} from 'react'\nimport {CurrentUser} from './types'\nimport {getAborter, Aborter} from './aborter'\n\nexport function createCurrentUserHook({projectId}: {projectId: string; dataset?: string}) {\n  return () => useCurrentUser(projectId)\n}\n\nexport function getCurrentUser(projectId: string, abort: Aborter): Promise<CurrentUser | null> {\n  return fetch(`https://${projectId}.api.sanity.io/v1/users/me`, {\n    credentials: 'include',\n    signal: abort.signal,\n  })\n    .then((res) => res.json())\n    .then((res) => (res?.id ? res : null))\n}\n\nfunction useCurrentUser(projectId: string) {\n  const [data, setUser] = useState<CurrentUser | null>()\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    const aborter = getAborter()\n    getCurrentUser(projectId, aborter)\n      .then(setUser)\n      .catch((err: Error) => err.name !== 'AbortError' && setError(err))\n\n    return () => {\n      aborter.abort()\n    }\n  }, [projectId])\n\n  return {data, error, loading: data !== null || !error}\n}\n","import {useState, useEffect, useMemo} from 'react'\nimport {GroqStore, Subscription} from '@sanity/groq-store'\nimport {ProjectConfig} from './types'\nimport {getCurrentUser} from './currentUser'\nimport {getAborter, Aborter} from './aborter'\n\nconst EMPTY_PARAMS = {}\n\ntype Params = Record<string, unknown>\ninterface SubscriptionOptions<R = any> {\n  enabled?: boolean\n  params?: Params\n  initialData?: R\n}\n\nexport function createPreviewSubscriptionHook({\n  projectId,\n  dataset,\n  documentLimit = 3000,\n}: ProjectConfig & {documentLimit?: number}) {\n  // Only construct/setup the store when `getStore()` is called\n  let store: Promise<GroqStore>\n\n  return function usePreviewSubscription<R = any>(\n    query: string,\n    options: SubscriptionOptions<R> = {}\n  ) {\n    const {params = EMPTY_PARAMS, initialData, enabled} = options\n    return useQuerySubscription<R>({\n      getStore,\n      projectId,\n      query,\n      params,\n      initialData: initialData as any,\n      enabled: enabled ? typeof window !== 'undefined' : false,\n    })\n  }\n\n  function getStore(abort: Aborter) {\n    if (!store) {\n      store = import('@sanity/groq-store').then(({groqStore}) => {\n        // Skip creating the groq store if we've been unmounted to save memory and reduce gc pressure\n        if (abort.signal.aborted) {\n          const error = new Error('Cancelling groq store creation')\n          // This ensures we can skip it in the catch block same way\n          error.name = 'AbortError'\n          return Promise.reject(error)\n        }\n\n        return groqStore({\n          projectId,\n          dataset,\n          documentLimit,\n          listen: true,\n          overlayDrafts: true,\n          subscriptionThrottleMs: 10,\n        })\n      })\n    }\n    return store\n  }\n}\n\nfunction useQuerySubscription<R = any>(options: {\n  getStore: (abort: Aborter) => Promise<GroqStore>\n  projectId: string\n  query: string\n  params: Params\n  initialData: R\n  enabled: boolean\n}) {\n  const {getStore, projectId, query, initialData, enabled = false} = options\n  const [error, setError] = useState<Error>()\n  const [loading, setLoading] = useState(false)\n  const [data, setData] = useState<R>()\n  const params = useParams(options.params)\n\n  // Use \"deep\" dependency comparison because params are often not _referentially_ equal,\n  // but contains the same shallow properties, eg `{\"slug\": \"some-slug\"}`\n  useEffect(() => {\n    if (!enabled) {\n      return\n    }\n\n    setLoading(true)\n\n    const aborter = getAborter()\n    let subscription: Subscription | undefined\n    getCurrentUser(projectId, aborter)\n      .then((user) => {\n        if (user) {\n          return\n        }\n\n        // eslint-disable-next-line no-console\n        console.warn('Not authenticated - preview not available')\n        throw new Error('Not authenticated - preview not available')\n      })\n      .then(() => getStore(aborter))\n      .then((store) => {\n        subscription = store.subscribe(query, params, (err, result) => {\n          if (err) {\n            setError(err)\n          } else {\n            setData(result)\n          }\n        })\n      })\n      .catch((err: Error) => (err.name === 'AbortError' ? null : setError(err)))\n      .finally(() => setLoading(false))\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      if (subscription) {\n        subscription.unsubscribe()\n      }\n\n      aborter.abort()\n    }\n  }, [getStore, query, params, enabled])\n\n  return {\n    data: typeof data === 'undefined' ? initialData : data,\n    loading,\n    error,\n  }\n}\n\n// Return params that are stable with deep equal as long as the key order is the same\nfunction useParams(params: Params): Params {\n  const stringifiedParams = useMemo(() => JSON.stringify(params), [params])\n  return useMemo(() => JSON.parse(stringifiedParams), [stringifiedParams])\n}\n","import sanityClient from '@sanity/client'\nimport {ClientConfig} from './types'\n\nexport function createClient(config: ClientConfig) {\n  return sanityClient(config)\n}\n"],"names":["MockAbortController","aborted","abort","_signal","this","getAborter","AbortController","getCurrentUser","projectId","fetch","credentials","signal","then","res","json","id","EMPTY_PARAMS","config","sanityClient","useState","data","setUser","error","setError","useEffect","aborter","catch","err","name","loading","useCurrentUser","store","dataset","documentLimit","query","options","params","getStore","initialData","enabled","setLoading","setData","stringifiedParams","useMemo","JSON","stringify","parse","useParams","subscription","user","console","warn","Error","subscribe","result","finally","unsubscribe","useQuerySubscription","window","groqStore","Promise","reject","listen","overlayDrafts","subscriptionThrottleMs"],"mappings":"qNAKMA,uCACM,CAACC,SAAS,8BAIpBC,MAAA,gBACOC,QAAQF,SAAU,6BAJzB,kBACSG,KAAKD,yPAOhB,SAAgBE,UACoB,oBAApBC,gBACV,IAAIN,EACJ,IAAIM,yBCVMC,EAAeC,EAAmBN,UACzCO,iBAAiBD,+BAAuC,CAC7DE,YAAa,UACbC,OAAQT,EAAMS,SAEbC,MAAK,SAACC,UAAQA,EAAIC,UAClBF,MAAK,SAACC,gBAASA,GAAAA,EAAKE,GAAKF,EAAM,QCRpC,IAAMG,EAAe,gDCHQC,UACpBC,EAAaD,kDFAiBT,IAAAA,iBAC9B,kBAYT,SAAwBA,SACEW,aAAjBC,OAAMC,SACaF,aAAnBG,OAAOC,cAEdC,aAAU,eACFC,EAAUpB,WAChBE,EAAeC,EAAWiB,GACvBb,KAAKS,GACLK,OAAM,SAACC,SAA4B,eAAbA,EAAIC,MAAyBL,EAASI,MAExD,WACLF,EAAQvB,WAET,CAACM,IAEG,CAACY,KAAAA,EAAME,MAAAA,EAAOO,QAAkB,OAATT,IAAkBE,GA3BnCQ,CAAetB,2DCgBxBuB,EALJvB,IAAAA,UACAwB,IAAAA,YACAC,cAAAA,aAAgB,aAKT,SACLC,EACAC,YAAAA,IAAAA,EAAkC,UAEoBA,EAA/CC,cAoCX,SAAuCD,OAQ9BE,EAA4DF,EAA5DE,SAAU7B,EAAkD2B,EAAlD3B,UAAW0B,EAAuCC,EAAvCD,MAAOI,EAAgCH,EAAhCG,cAAgCH,EAAnBI,QAAAA,kBACtBpB,aAAnBG,OAAOC,SACgBJ,YAAS,GAAhCU,OAASW,SACQrB,aAAjBC,OAAMqB,OACPL,EAsDR,SAAmBA,OACXM,EAAoBC,WAAQ,kBAAMC,KAAKC,UAAUT,KAAS,CAACA,WAC1DO,WAAQ,kBAAMC,KAAKE,MAAMJ,KAAoB,CAACA,IAxDtCK,CAAUZ,EAAQC,eAIjCZ,aAAU,cACHe,GAILC,GAAW,OAGPQ,EADEvB,EAAUpB,WAEhBE,EAAeC,EAAWiB,GACvBb,MAAK,SAACqC,OACDA,QAKJC,QAAQC,KAAK,6CACP,IAAIC,MAAM,gDAEjBxC,MAAK,kBAAMyB,EAASZ,MACpBb,MAAK,SAACmB,GACLiB,EAAejB,EAAMsB,UAAUnB,EAAOE,GAAQ,SAACT,EAAK2B,GAC9C3B,EACFJ,EAASI,GAETc,EAAQa,SAIb5B,OAAM,SAACC,SAA6B,eAAbA,EAAIC,KAAwB,KAAOL,EAASI,MACnE4B,SAAQ,kBAAMf,GAAW,MAGrB,WACDQ,GACFA,EAAaQ,cAGf/B,EAAQvB,YAET,CAACmC,EAAUH,EAAOE,EAAQG,IAEtB,CACLnB,UAAsB,IAATA,EAAuBkB,EAAclB,EAClDS,QAAAA,EACAP,MAAAA,GAhGOmC,CAAwB,CAC7BpB,SAAAA,EACA7B,UAAAA,EACA0B,MAAAA,EACAE,kBALcpB,IAMdsB,YANoDH,EAAxBG,YAO5BC,UAPoDJ,EAAXI,SAOJ,oBAAXmB,mBAIrBrB,EAASnC,UACX6B,IACHA,EAAQ,8QAAO,2BAAsBnB,MAAK,gBAAE+C,IAAAA,aAEtCzD,EAAMS,OAAOV,QAAS,KAClBqB,EAAQ,IAAI8B,MAAM,yCAExB9B,EAAMM,KAAO,aACNgC,QAAQC,OAAOvC,UAGjBqC,EAAU,CACfnD,UAAAA,EACAwB,QAAAA,EACAC,cAAAA,EACA6B,QAAQ,EACRC,eAAe,EACfC,uBAAwB,SAIvBjC"}

package/dist/next-sanity.esm.js

@@ -1,31 +1,55 @@
 import sanityClient from '@sanity/client';
-import getImageUrlBuilder from '@sanity/image-url';
-import React, { useState, useEffect } from 'react';
-import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
-import SanityPortableText from '@sanity/block-content-to-react';
+import { useState, useEffect, useMemo } from 'react';
 export { default as groq } from 'groq';
 
 function createClient(config) {
   return sanityClient(config);
 }
 
-function createImageUrlBuilder(_ref) {
-  var projectId = _ref.projectId,
-      dataset = _ref.dataset;
-  return getImageUrlBuilder({
-    projectId: projectId,
-    dataset: dataset
-  });
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
 }
 
-function getAborter() {
-  return typeof AbortController === 'undefined' ? {
-    signal: undefined,
-    abort: noop
-  } : new AbortController();
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
 }
 
-function noop() {// intentional noop
+var MockAbortController = /*#__PURE__*/function () {
+  function MockAbortController() {
+    this._signal = {
+      aborted: false
+    };
+  }
+
+  var _proto = MockAbortController.prototype;
+
+  _proto.abort = function abort() {
+    this._signal.aborted = true;
+  };
+
+  _createClass(MockAbortController, [{
+    key: "signal",
+    get: function get() {
+      return this._signal;
+    }
+  }]);
+
+  return MockAbortController;
+}();
+
+function getAborter() {
+  return typeof AbortController === 'undefined' ? new MockAbortController() : new AbortController();
 }
 
 function createCurrentUserHook(_ref) {
@@ -37,13 +61,11 @@ function createCurrentUserHook(_ref) {
 function getCurrentUser(projectId, abort) {
   return fetch("https://" + projectId + ".api.sanity.io/v1/users/me", {
     credentials: 'include',
-    signal: abort == null ? void 0 : abort.signal
+    signal: abort.signal
   }).then(function (res) {
     return res.json();
   }).then(function (res) {
     return res != null && res.id ? res : null;
-  }).catch(function (err) {
-    return err.name === 'AbortError' ? null : Promise.reject(err);
   });
 }
 
@@ -58,9 +80,11 @@ function useCurrentUser(projectId) {
 
   useEffect(function () {
     var aborter = getAborter();
-    getCurrentUser(projectId, aborter).then(setUser).catch(setError);
+    getCurrentUser(projectId, aborter).then(setUser).catch(function (err) {
+      return err.name !== 'AbortError' && setError(err);
+    });
     return function () {
-      return aborter.abort();
+      aborter.abort();
     };
   }, [projectId]);
   return {
@@ -74,7 +98,6 @@ var EMPTY_PARAMS = {};
 function createPreviewSubscriptionHook(_ref) {
   var projectId = _ref.projectId,
       dataset = _ref.dataset,
-      useGroqBeta = _ref.useGroqBeta,
       _ref$documentLimit = _ref.documentLimit,
       documentLimit = _ref$documentLimit === void 0 ? 3000 : _ref$documentLimit;
   // Only construct/setup the store when `getStore()` is called
@@ -99,15 +122,23 @@ function createPreviewSubscriptionHook(_ref) {
     });
   };
 
-  function getStore() {
+  function getStore(abort) {
     if (!store) {
       store = import('@sanity/groq-store').then(function (_ref2) {
         var groqStore = _ref2.groqStore;
+
+        // Skip creating the groq store if we've been unmounted to save memory and reduce gc pressure
+        if (abort.signal.aborted) {
+          var error = new Error('Cancelling groq store creation'); // This ensures we can skip it in the catch block same way
+
+          error.name = 'AbortError';
+          return Promise.reject(error);
+        }
+
         return groqStore({
           projectId: projectId,
           dataset: dataset,
           documentLimit: documentLimit,
-          useGroqBeta: useGroqBeta,
           listen: true,
           overlayDrafts: true,
           subscriptionThrottleMs: 10
@@ -123,7 +154,6 @@ function useQuerySubscription(options) {
   var getStore = options.getStore,
       projectId = options.projectId,
       query = options.query,
-      params = options.params,
       initialData = options.initialData,
       _options$enabled = options.enabled,
       enabled = _options$enabled === void 0 ? false : _options$enabled;
@@ -138,15 +168,14 @@ function useQuerySubscription(options) {
 
   var _useState3 = useState(),
       data = _useState3[0],
-      setData = _useState3[1]; // Use "deep" dependency comparison because params are often not _referentially_ equal,
-  // but contains the same shallow properties, eg `{"slug": "some-slug"}`
+      setData = _useState3[1];
 
+  var params = useParams(options.params); // Use "deep" dependency comparison because params are often not _referentially_ equal,
+  // but contains the same shallow properties, eg `{"slug": "some-slug"}`
 
-  useDeepCompareEffectNoCheck(function () {
+  useEffect(function () {
     if (!enabled) {
-      return function () {
-        /* intentional noop */
-      };
+      return;
     }
 
     setLoading(true);
@@ -160,7 +189,9 @@ function useQuerySubscription(options) {
 
       console.warn('Not authenticated - preview not available');
       throw new Error('Not authenticated - preview not available');
-    }).then(getStore).then(function (store) {
+    }).then(function () {
+      return getStore(aborter);
+    }).then(function (store) {
       subscription = store.subscribe(query, params, function (err, result) {
         if (err) {
           setError(err);
@@ -168,9 +199,12 @@ function useQuerySubscription(options) {
           setData(result);
         }
       });
-    }).catch(setError).finally(function () {
+    }).catch(function (err) {
+      return err.name === 'AbortError' ? null : setError(err);
+    }).finally(function () {
       return setLoading(false);
-    });
+    }); // eslint-disable-next-line consistent-return
+
     return function () {
       if (subscription) {
         subscription.unsubscribe();
@@ -184,20 +218,17 @@ function useQuerySubscription(options) {
     loading: loading,
     error: error
   };
-}
+} // Return params that are stable with deep equal as long as the key order is the same
 
-function createPortableTextComponent(_ref) {
-  var projectId = _ref.projectId,
-      dataset = _ref.dataset,
-      serializers = _ref.serializers;
-  return function PortableText(props) {
-    return React.createElement(SanityPortableText, Object.assign({
-      projectId: projectId,
-      dataset: dataset,
-      serializers: serializers
-    }, props));
-  };
+
+function useParams(params) {
+  var stringifiedParams = useMemo(function () {
+    return JSON.stringify(params);
+  }, [params]);
+  return useMemo(function () {
+    return JSON.parse(stringifiedParams);
+  }, [stringifiedParams]);
 }
 
-export { createClient, createCurrentUserHook, createImageUrlBuilder, createPortableTextComponent, createPreviewSubscriptionHook };
+export { createClient, createCurrentUserHook, createPreviewSubscriptionHook };
 //# sourceMappingURL=next-sanity.esm.js.map

package/dist/next-sanity.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-sanity.esm.js","sources":["../src/client.ts","../src/imageUrlBuilder.ts","../src/aborter.ts","../src/currentUser.ts","../src/useSubscription.ts","../src/portableText.tsx"],"sourcesContent":["import sanityClient from '@sanity/client'\nimport {ClientConfig} from './types'\n\nexport function createClient(config: ClientConfig) {\n  return sanityClient(config)\n}\n","import getImageUrlBuilder from '@sanity/image-url'\nimport {ProjectConfig} from './types'\n\nexport function createImageUrlBuilder({projectId, dataset}: ProjectConfig) {\n  return getImageUrlBuilder({projectId, dataset})\n}\n","export interface Aborter {\n  abort(): void\n  signal?: AbortSignal\n}\n\nexport function getAborter(): Aborter {\n  return typeof AbortController === 'undefined'\n    ? {signal: undefined, abort: noop}\n    : new AbortController()\n}\n\nfunction noop() {\n  // intentional noop\n}\n","import {useEffect, useState} from 'react'\nimport {CurrentUser} from './types'\nimport {getAborter, Aborter} from './aborter'\n\nexport function createCurrentUserHook({projectId}: {projectId: string; dataset?: string}) {\n  return () => useCurrentUser(projectId)\n}\n\nexport function getCurrentUser(projectId: string, abort?: Aborter): Promise<CurrentUser | null> {\n  return fetch(`https://${projectId}.api.sanity.io/v1/users/me`, {\n    credentials: 'include',\n    signal: abort?.signal,\n  })\n    .then((res) => res.json())\n    .then((res) => (res?.id ? res : null))\n    .catch((err: Error) => (err.name === 'AbortError' ? null : Promise.reject(err)))\n}\n\nfunction useCurrentUser(projectId: string) {\n  const [data, setUser] = useState<CurrentUser | null>()\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    const aborter = getAborter()\n    getCurrentUser(projectId, aborter).then(setUser).catch(setError)\n    return () => aborter.abort()\n  }, [projectId])\n\n  return {data, error, loading: data !== null || !error}\n}\n","import {useState} from 'react'\nimport {GroqStore, Subscription} from '@sanity/groq-store'\nimport {useDeepCompareEffectNoCheck as useDeepCompareEffect} from 'use-deep-compare-effect'\nimport {ProjectConfig} from './types'\nimport {getCurrentUser} from './currentUser'\nimport {getAborter} from './aborter'\n\nconst EMPTY_PARAMS = {}\n\ninterface SubscriptionOptions<R = any> {\n  enabled?: boolean\n  params?: Record<string, unknown>\n  initialData?: R\n}\n\nexport function createPreviewSubscriptionHook({\n  projectId,\n  dataset,\n  useGroqBeta,\n  documentLimit = 3000,\n}: ProjectConfig & {documentLimit?: number; useGroqBeta?: boolean}) {\n  // Only construct/setup the store when `getStore()` is called\n  let store: Promise<GroqStore>\n\n  return function usePreviewSubscription<R = any>(\n    query: string,\n    options: SubscriptionOptions<R> = {}\n  ) {\n    const {params = EMPTY_PARAMS, initialData, enabled} = options\n    return useQuerySubscription<R>({\n      getStore,\n      projectId,\n      query,\n      params,\n      initialData: initialData as any,\n      enabled: enabled ? typeof window !== 'undefined' : false,\n    })\n  }\n\n  function getStore() {\n    if (!store) {\n      store = import('@sanity/groq-store').then(({groqStore}) =>\n        groqStore({\n          projectId,\n          dataset,\n          documentLimit,\n          useGroqBeta,\n          listen: true,\n          overlayDrafts: true,\n          subscriptionThrottleMs: 10,\n        })\n      )\n    }\n    return store\n  }\n}\n\nfunction useQuerySubscription<R = any>(options: {\n  getStore: () => Promise<GroqStore>\n  projectId: string\n  query: string\n  params: Record<string, unknown>\n  initialData: R\n  enabled: boolean\n}) {\n  const {getStore, projectId, query, params, initialData, enabled = false} = options\n  const [error, setError] = useState<Error>()\n  const [loading, setLoading] = useState(false)\n  const [data, setData] = useState<R>()\n\n  // Use \"deep\" dependency comparison because params are often not _referentially_ equal,\n  // but contains the same shallow properties, eg `{\"slug\": \"some-slug\"}`\n  useDeepCompareEffect(() => {\n    if (!enabled) {\n      return () => {\n        /* intentional noop */\n      }\n    }\n\n    setLoading(true)\n\n    const aborter = getAborter()\n    let subscription: Subscription | undefined\n    getCurrentUser(projectId, aborter)\n      .then((user) => {\n        if (user) {\n          return\n        }\n\n        // eslint-disable-next-line no-console\n        console.warn('Not authenticated - preview not available')\n        throw new Error('Not authenticated - preview not available')\n      })\n      .then(getStore)\n      .then((store) => {\n        subscription = store.subscribe(query, params, (err, result) => {\n          if (err) {\n            setError(err)\n          } else {\n            setData(result)\n          }\n        })\n      })\n      .catch(setError)\n      .finally(() => setLoading(false))\n\n    return () => {\n      if (subscription) {\n        subscription.unsubscribe()\n      }\n\n      aborter.abort()\n    }\n  }, [getStore, query, params, enabled])\n\n  return {\n    data: typeof data === 'undefined' ? initialData : data,\n    loading,\n    error,\n  }\n}\n","import React from 'react'\nimport SanityPortableText, {\n  PortableTextProps,\n  PortableTextSerializers,\n} from '@sanity/block-content-to-react'\nimport {ProjectConfig} from './types'\n\nexport function createPortableTextComponent({\n  projectId,\n  dataset,\n  serializers,\n}: ProjectConfig & {serializers?: PortableTextSerializers}) {\n  return function PortableText(props: PortableTextProps) {\n    return (\n      <SanityPortableText\n        projectId={projectId}\n        dataset={dataset}\n        serializers={serializers}\n        {...props}\n      />\n    )\n  }\n}\n"],"names":["createClient","config","sanityClient","createImageUrlBuilder","projectId","dataset","getImageUrlBuilder","getAborter","AbortController","signal","undefined","abort","noop","createCurrentUserHook","useCurrentUser","getCurrentUser","fetch","credentials","then","res","json","id","catch","err","name","Promise","reject","useState","data","setUser","error","setError","useEffect","aborter","loading","EMPTY_PARAMS","createPreviewSubscriptionHook","useGroqBeta","documentLimit","store","usePreviewSubscription","query","options","params","initialData","enabled","useQuerySubscription","getStore","window","groqStore","listen","overlayDrafts","subscriptionThrottleMs","setLoading","setData","useDeepCompareEffect","subscription","user","console","warn","Error","subscribe","result","finally","unsubscribe","createPortableTextComponent","serializers","PortableText","props","React","SanityPortableText"],"mappings":"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"}
+{"version":3,"file":"next-sanity.esm.js","sources":["../src/client.ts","../src/aborter.ts","../src/currentUser.ts","../src/useSubscription.ts"],"sourcesContent":["import sanityClient from '@sanity/client'\nimport {ClientConfig} from './types'\n\nexport function createClient(config: ClientConfig) {\n  return sanityClient(config)\n}\n","export interface Aborter {\n  abort(): void\n  signal: AbortSignal\n}\n\nclass MockAbortController {\n  _signal = {aborted: false}\n  get signal() {\n    return this._signal as AbortSignal\n  }\n  abort() {\n    this._signal.aborted = true\n  }\n}\n\nexport function getAborter(): Aborter {\n  return typeof AbortController === 'undefined'\n    ? new MockAbortController()\n    : new AbortController()\n}\n","import {useEffect, useState} from 'react'\nimport {CurrentUser} from './types'\nimport {getAborter, Aborter} from './aborter'\n\nexport function createCurrentUserHook({projectId}: {projectId: string; dataset?: string}) {\n  return () => useCurrentUser(projectId)\n}\n\nexport function getCurrentUser(projectId: string, abort: Aborter): Promise<CurrentUser | null> {\n  return fetch(`https://${projectId}.api.sanity.io/v1/users/me`, {\n    credentials: 'include',\n    signal: abort.signal,\n  })\n    .then((res) => res.json())\n    .then((res) => (res?.id ? res : null))\n}\n\nfunction useCurrentUser(projectId: string) {\n  const [data, setUser] = useState<CurrentUser | null>()\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    const aborter = getAborter()\n    getCurrentUser(projectId, aborter)\n      .then(setUser)\n      .catch((err: Error) => err.name !== 'AbortError' && setError(err))\n\n    return () => {\n      aborter.abort()\n    }\n  }, [projectId])\n\n  return {data, error, loading: data !== null || !error}\n}\n","import {useState, useEffect, useMemo} from 'react'\nimport {GroqStore, Subscription} from '@sanity/groq-store'\nimport {ProjectConfig} from './types'\nimport {getCurrentUser} from './currentUser'\nimport {getAborter, Aborter} from './aborter'\n\nconst EMPTY_PARAMS = {}\n\ntype Params = Record<string, unknown>\ninterface SubscriptionOptions<R = any> {\n  enabled?: boolean\n  params?: Params\n  initialData?: R\n}\n\nexport function createPreviewSubscriptionHook({\n  projectId,\n  dataset,\n  documentLimit = 3000,\n}: ProjectConfig & {documentLimit?: number}) {\n  // Only construct/setup the store when `getStore()` is called\n  let store: Promise<GroqStore>\n\n  return function usePreviewSubscription<R = any>(\n    query: string,\n    options: SubscriptionOptions<R> = {}\n  ) {\n    const {params = EMPTY_PARAMS, initialData, enabled} = options\n    return useQuerySubscription<R>({\n      getStore,\n      projectId,\n      query,\n      params,\n      initialData: initialData as any,\n      enabled: enabled ? typeof window !== 'undefined' : false,\n    })\n  }\n\n  function getStore(abort: Aborter) {\n    if (!store) {\n      store = import('@sanity/groq-store').then(({groqStore}) => {\n        // Skip creating the groq store if we've been unmounted to save memory and reduce gc pressure\n        if (abort.signal.aborted) {\n          const error = new Error('Cancelling groq store creation')\n          // This ensures we can skip it in the catch block same way\n          error.name = 'AbortError'\n          return Promise.reject(error)\n        }\n\n        return groqStore({\n          projectId,\n          dataset,\n          documentLimit,\n          listen: true,\n          overlayDrafts: true,\n          subscriptionThrottleMs: 10,\n        })\n      })\n    }\n    return store\n  }\n}\n\nfunction useQuerySubscription<R = any>(options: {\n  getStore: (abort: Aborter) => Promise<GroqStore>\n  projectId: string\n  query: string\n  params: Params\n  initialData: R\n  enabled: boolean\n}) {\n  const {getStore, projectId, query, initialData, enabled = false} = options\n  const [error, setError] = useState<Error>()\n  const [loading, setLoading] = useState(false)\n  const [data, setData] = useState<R>()\n  const params = useParams(options.params)\n\n  // Use \"deep\" dependency comparison because params are often not _referentially_ equal,\n  // but contains the same shallow properties, eg `{\"slug\": \"some-slug\"}`\n  useEffect(() => {\n    if (!enabled) {\n      return\n    }\n\n    setLoading(true)\n\n    const aborter = getAborter()\n    let subscription: Subscription | undefined\n    getCurrentUser(projectId, aborter)\n      .then((user) => {\n        if (user) {\n          return\n        }\n\n        // eslint-disable-next-line no-console\n        console.warn('Not authenticated - preview not available')\n        throw new Error('Not authenticated - preview not available')\n      })\n      .then(() => getStore(aborter))\n      .then((store) => {\n        subscription = store.subscribe(query, params, (err, result) => {\n          if (err) {\n            setError(err)\n          } else {\n            setData(result)\n          }\n        })\n      })\n      .catch((err: Error) => (err.name === 'AbortError' ? null : setError(err)))\n      .finally(() => setLoading(false))\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      if (subscription) {\n        subscription.unsubscribe()\n      }\n\n      aborter.abort()\n    }\n  }, [getStore, query, params, enabled])\n\n  return {\n    data: typeof data === 'undefined' ? initialData : data,\n    loading,\n    error,\n  }\n}\n\n// Return params that are stable with deep equal as long as the key order is the same\nfunction useParams(params: Params): Params {\n  const stringifiedParams = useMemo(() => JSON.stringify(params), [params])\n  return useMemo(() => JSON.parse(stringifiedParams), [stringifiedParams])\n}\n"],"names":["createClient","config","sanityClient","MockAbortController","aborted","abort","_signal","getAborter","AbortController","createCurrentUserHook","projectId","useCurrentUser","getCurrentUser","fetch","credentials","signal","then","res","json","id","useState","data","setUser","error","setError","useEffect","aborter","catch","err","name","loading","EMPTY_PARAMS","createPreviewSubscriptionHook","dataset","documentLimit","store","usePreviewSubscription","query","options","params","initialData","enabled","useQuerySubscription","getStore","window","groqStore","Error","Promise","reject","listen","overlayDrafts","subscriptionThrottleMs","setLoading","setData","useParams","subscription","user","console","warn","subscribe","result","finally","unsubscribe","stringifiedParams","useMemo","JSON","stringify","parse"],"mappings":"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"}

package/dist/useSubscription.d.ts

@@ -1,12 +1,12 @@
 import { ProjectConfig } from './types';
+declare type Params = Record<string, unknown>;
 interface SubscriptionOptions<R = any> {
     enabled?: boolean;
-    params?: Record<string, unknown>;
+    params?: Params;
     initialData?: R;
 }
-export declare function createPreviewSubscriptionHook({ projectId, dataset, useGroqBeta, documentLimit, }: ProjectConfig & {
+export declare function createPreviewSubscriptionHook({ projectId, dataset, documentLimit, }: ProjectConfig & {
     documentLimit?: number;
-    useGroqBeta?: boolean;
 }): <R = any>(query: string, options?: SubscriptionOptions<R>) => {
     data: R;
     loading: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "next-sanity",
   "description": "Sanity.io toolkit for Next.js",
-  "version": "0.4.1-beta.0",
+  "version": "0.5.0",
   "author": "Sanity.io <hello@sanity.io>",
   "license": "MIT",
   "sideEffects": false,
@@ -25,14 +25,13 @@
     "coverage": "tsdx test --coverage"
   },
   "dependencies": {
-    "@sanity/block-content-to-react": "^3.0.0",
-    "@sanity/client": "^2.23.1",
-    "@sanity/groq-store": "^0.3.0-beta.0",
-    "@sanity/image-url": "^1.0.1",
-    "groq": "^2.15.0",
-    "use-deep-compare-effect": "^1.6.1"
+    "@sanity/client": "^3.0.6",
+    "@sanity/groq-store": "^0.3.0",
+    "groq": "^2.15.0"
   },
   "devDependencies": {
+    "@async-fn/jest": "^1.5.3",
+    "@testing-library/react-hooks": "^7.0.2",
     "@types/jest": "^27.0.0",
     "@types/react": "^17.0.17",
     "@types/react-dom": "^17.0.9",

package/src/aborter.ts

@@ -1,14 +1,20 @@
 export interface Aborter {
   abort(): void
-  signal?: AbortSignal
+  signal: AbortSignal
+}
+
+class MockAbortController {
+  _signal = {aborted: false}
+  get signal() {
+    return this._signal as AbortSignal
+  }
+  abort() {
+    this._signal.aborted = true
+  }
 }
 
 export function getAborter(): Aborter {
   return typeof AbortController === 'undefined'
-    ? {signal: undefined, abort: noop}
+    ? new MockAbortController()
     : new AbortController()
 }
-
-function noop() {
-  // intentional noop
-}

package/src/currentUser.ts

@@ -6,14 +6,13 @@ export function createCurrentUserHook({projectId}: {projectId: string; dataset?:
   return () => useCurrentUser(projectId)
 }
 
-export function getCurrentUser(projectId: string, abort?: Aborter): Promise<CurrentUser | null> {
+export function getCurrentUser(projectId: string, abort: Aborter): Promise<CurrentUser | null> {
   return fetch(`https://${projectId}.api.sanity.io/v1/users/me`, {
     credentials: 'include',
-    signal: abort?.signal,
+    signal: abort.signal,
   })
     .then((res) => res.json())
     .then((res) => (res?.id ? res : null))
-    .catch((err: Error) => (err.name === 'AbortError' ? null : Promise.reject(err)))
 }
 
 function useCurrentUser(projectId: string) {
@@ -22,8 +21,13 @@ function useCurrentUser(projectId: string) {
 
   useEffect(() => {
     const aborter = getAborter()
-    getCurrentUser(projectId, aborter).then(setUser).catch(setError)
-    return () => aborter.abort()
+    getCurrentUser(projectId, aborter)
+      .then(setUser)
+      .catch((err: Error) => err.name !== 'AbortError' && setError(err))
+
+    return () => {
+      aborter.abort()
+    }
   }, [projectId])
 
   return {data, error, loading: data !== null || !error}

package/src/index.ts

@@ -1,7 +1,5 @@
 export * from './types'
 export {createClient} from './client'
-export {createImageUrlBuilder} from './imageUrlBuilder'
 export {createCurrentUserHook} from './currentUser'
 export {createPreviewSubscriptionHook} from './useSubscription'
-export {createPortableTextComponent} from './portableText'
 export {default as groq} from 'groq'

package/src/useSubscription.ts

@@ -1,24 +1,23 @@
-import {useState} from 'react'
+import {useState, useEffect, useMemo} from 'react'
 import {GroqStore, Subscription} from '@sanity/groq-store'
-import {useDeepCompareEffectNoCheck as useDeepCompareEffect} from 'use-deep-compare-effect'
 import {ProjectConfig} from './types'
 import {getCurrentUser} from './currentUser'
-import {getAborter} from './aborter'
+import {getAborter, Aborter} from './aborter'
 
 const EMPTY_PARAMS = {}
 
+type Params = Record<string, unknown>
 interface SubscriptionOptions<R = any> {
   enabled?: boolean
-  params?: Record<string, unknown>
+  params?: Params
   initialData?: R
 }
 
 export function createPreviewSubscriptionHook({
   projectId,
   dataset,
-  useGroqBeta,
   documentLimit = 3000,
-}: ProjectConfig & {documentLimit?: number; useGroqBeta?: boolean}) {
+}: ProjectConfig & {documentLimit?: number}) {
   // Only construct/setup the store when `getStore()` is called
   let store: Promise<GroqStore>
 
@@ -37,44 +36,50 @@ export function createPreviewSubscriptionHook({
     })
   }
 
-  function getStore() {
+  function getStore(abort: Aborter) {
     if (!store) {
-      store = import('@sanity/groq-store').then(({groqStore}) =>
-        groqStore({
+      store = import('@sanity/groq-store').then(({groqStore}) => {
+        // Skip creating the groq store if we've been unmounted to save memory and reduce gc pressure
+        if (abort.signal.aborted) {
+          const error = new Error('Cancelling groq store creation')
+          // This ensures we can skip it in the catch block same way
+          error.name = 'AbortError'
+          return Promise.reject(error)
+        }
+
+        return groqStore({
           projectId,
           dataset,
           documentLimit,
-          useGroqBeta,
           listen: true,
           overlayDrafts: true,
           subscriptionThrottleMs: 10,
         })
-      )
+      })
     }
     return store
   }
 }
 
 function useQuerySubscription<R = any>(options: {
-  getStore: () => Promise<GroqStore>
+  getStore: (abort: Aborter) => Promise<GroqStore>
   projectId: string
   query: string
-  params: Record<string, unknown>
+  params: Params
   initialData: R
   enabled: boolean
 }) {
-  const {getStore, projectId, query, params, initialData, enabled = false} = options
+  const {getStore, projectId, query, initialData, enabled = false} = options
   const [error, setError] = useState<Error>()
   const [loading, setLoading] = useState(false)
   const [data, setData] = useState<R>()
+  const params = useParams(options.params)
 
   // Use "deep" dependency comparison because params are often not _referentially_ equal,
   // but contains the same shallow properties, eg `{"slug": "some-slug"}`
-  useDeepCompareEffect(() => {
+  useEffect(() => {
     if (!enabled) {
-      return () => {
-        /* intentional noop */
-      }
+      return
     }
 
     setLoading(true)
@@ -91,7 +96,7 @@ function useQuerySubscription<R = any>(options: {
         console.warn('Not authenticated - preview not available')
         throw new Error('Not authenticated - preview not available')
       })
-      .then(getStore)
+      .then(() => getStore(aborter))
       .then((store) => {
         subscription = store.subscribe(query, params, (err, result) => {
           if (err) {
@@ -101,9 +106,10 @@ function useQuerySubscription<R = any>(options: {
           }
         })
       })
-      .catch(setError)
+      .catch((err: Error) => (err.name === 'AbortError' ? null : setError(err)))
       .finally(() => setLoading(false))
 
+    // eslint-disable-next-line consistent-return
     return () => {
       if (subscription) {
         subscription.unsubscribe()
@@ -119,3 +125,9 @@ function useQuerySubscription<R = any>(options: {
     error,
   }
 }
+
+// Return params that are stable with deep equal as long as the key order is the same
+function useParams(params: Params): Params {
+  const stringifiedParams = useMemo(() => JSON.stringify(params), [params])
+  return useMemo(() => JSON.parse(stringifiedParams), [stringifiedParams])
+}

package/dist/imageUrlBuilder.d.ts

@@ -1,2 +0,0 @@
-import { ProjectConfig } from './types';
-export declare function createImageUrlBuilder({ projectId, dataset }: ProjectConfig): import("@sanity/image-url/lib/types/builder").ImageUrlBuilder;

package/dist/portableText.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { PortableTextProps, PortableTextSerializers } from '@sanity/block-content-to-react';
-import { ProjectConfig } from './types';
-export declare function createPortableTextComponent({ projectId, dataset, serializers, }: ProjectConfig & {
-    serializers?: PortableTextSerializers;
-}): (props: PortableTextProps) => JSX.Element;

package/src/imageUrlBuilder.ts

@@ -1,6 +0,0 @@
-import getImageUrlBuilder from '@sanity/image-url'
-import {ProjectConfig} from './types'
-
-export function createImageUrlBuilder({projectId, dataset}: ProjectConfig) {
-  return getImageUrlBuilder({projectId, dataset})
-}

package/src/portableText.tsx

@@ -1,23 +0,0 @@
-import React from 'react'
-import SanityPortableText, {
-  PortableTextProps,
-  PortableTextSerializers,
-} from '@sanity/block-content-to-react'
-import {ProjectConfig} from './types'
-
-export function createPortableTextComponent({
-  projectId,
-  dataset,
-  serializers,
-}: ProjectConfig & {serializers?: PortableTextSerializers}) {
-  return function PortableText(props: PortableTextProps) {
-    return (
-      <SanityPortableText
-        projectId={projectId}
-        dataset={dataset}
-        serializers={serializers}
-        {...props}
-      />
-    )
-  }
-}