@sanity/client 6.4.7-canary.0 → 6.4.8

package/README.md

@@ -58,6 +58,7 @@ export async function updateDocumentTitle(_id, title) {
     - [ESM](#esm)
     - [CommonJS](#commonjs)
     - [TypeScript](#typescript)
+    - [Next.js App Router](#nextjs-app-router)
     - [Bun](#bun)
     - [Deno](#deno)
     - [Edge Runtime](#edge-runtime)
@@ -201,6 +202,43 @@ console.log(`Number of documents: ${data}`)
 
 Another alternative is [groqd].
 
+#### [Next.js App Router](https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating#fetching-data-on-the-server-with-fetch)
+
+```tsx
+import {createClient} from '@sanity/client'
+
+const client = createClient({
+  projectId: 'your-project-id',
+  dataset: 'your-dataset-name',
+  useCdn: true, // set to `false` to bypass the edge cache
+  apiVersion: '2023-05-03', // use current date (YYYY-MM-DD) to target the latest API version
+})
+
+export default async function ReactServerComponent() {
+  const data = await client.fetch<number>(
+    `count(*[_type == "page"])`,
+    {},
+    {
+      // You can set any of the `cache` and `next` options as you would on a standard `fetch` call
+      cache: 'force-cache',
+      next: {tags: ['pages']},
+    },
+  )
+
+  return <h1>Number of pages: {data}</h1>
+}
+```
+
+The `cache` and `next` options are documented in the [Next.js documentation](https://nextjs.org/docs/app/api-reference/functions/fetch#fetchurl-options).
+Since [request memoization](https://nextjs.org/docs/app/building-your-application/caching#request-memoization) is supported it's unnecessary to use [the `React.cache`](https://nextjs.org/docs/app/building-your-application/caching#react-cache-function) API.
+To [opt-out of memoization](https://nextjs.org/docs/app/building-your-application/caching#opting-out), set the `signal` property:
+
+```tsx
+const {signal} = new AbortController()
+// By passing `signal` this request will not be memoized and `now()` will execute for every React Server Component that runs this query
+const data = await client.fetch<number>(`{"dynamic": now()}`, {}, {signal})
+```
+
 #### [Bun]
 
 ```bash

package/dist/index.cjs

@@ -8,7 +8,7 @@ var getIt = require('get-it');
 var rxjs = require('rxjs');
 var operators = require('rxjs/operators');
 var name = "@sanity/client";
-var version = "6.4.7-canary.0";
+var version = "6.4.8";
 const middleware = [middleware$1.debug({
   verbose: true,
   namespace: "sanity:client"

package/dist/index.d.ts

@@ -317,7 +317,7 @@ export declare interface ClientConfig {
    */
   resultSourceMap?: boolean
   /**
-   * Experimental, opts-in to using native `fetch` as transport in order to make full use of React Server Components
+   *@deprecated set `cache` and `next` options on `client.fetch` instead
    */
   fetch?: RequestFetchOptions | boolean
 }

package/dist/index.js

@@ -4,7 +4,7 @@ export { adapter as unstable__adapter, environment as unstable__environment } fr
 import { Observable, lastValueFrom } from 'rxjs';
 import { map, filter } from 'rxjs/operators';
 var name = "@sanity/client";
-var version = "6.4.7-canary.0";
+var version = "6.4.8";
 const middleware = [debug({
   verbose: true,
   namespace: "sanity:client"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/client",
-  "version": "6.4.7-canary.0",
+  "version": "6.4.8",
   "description": "Client for retrieving, creating and patching data from Sanity.io",
   "keywords": [
     "sanity",
@@ -93,36 +93,36 @@
   },
   "dependencies": {
     "@sanity/eventsource": "^5.0.0",
-    "get-it": "8.4.2-canary.0",
+    "get-it": "^8.4.3",
     "rxjs": "^7.0.0"
   },
   "devDependencies": {
     "@edge-runtime/types": "^2.1.5",
     "@edge-runtime/vm": "^3.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@sanity/pkg-utils": "^2.4.5",
+    "@rollup/plugin-node-resolve": "^15.2.0",
+    "@sanity/pkg-utils": "^2.4.6",
     "@sanity/semantic-release-preset": "^4.1.3",
     "@types/node": "^20.5.0",
     "@typescript-eslint/eslint-plugin": "^6.4.0",
     "@typescript-eslint/parser": "^6.4.0",
-    "@vitest/coverage-v8": "^0.34.1",
+    "@vitest/coverage-v8": "^0.34.2",
     "eslint": "^8.47.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "faucet": "^0.0.4",
-    "happy-dom": "^10.9.0",
+    "happy-dom": "^10.10.2",
     "ls-engines": "^0.9.0",
-    "nock": "^13.3.2",
-    "prettier": "^3.0.1",
+    "nock": "^13.3.3",
+    "prettier": "^3.0.2",
     "prettier-plugin-packagejson": "^2.4.5",
     "rimraf": "^5.0.1",
     "rollup": "^3.28.0",
     "sse-channel": "^4.0.0",
     "terser": "^5.19.2",
     "typescript": "^5.1.6",
-    "vitest": "^0.34.1",
+    "vitest": "^0.34.2",
     "vitest-github-actions-reporter": "^0.10.0"
   },
   "engines": {

package/src/types.ts

@@ -86,7 +86,7 @@ export interface ClientConfig {
    */
   resultSourceMap?: boolean
   /**
-   * Experimental, opts-in to using native `fetch` as transport in order to make full use of React Server Components
+   *@deprecated set `cache` and `next` options on `client.fetch` instead
    */
   fetch?: RequestFetchOptions | boolean
 }