next-sanity 5.4.4 → 5.4.5

package/README.md

@@ -161,6 +161,16 @@ async function HomePageLayout() {
 
 [Checkout our Personal website template to see a feature complete example of how `revalidateTag` is used together with Live Previews.](https://github.com/sanity-io/sanity-template-nextjs-app-router-personal-website)
 
+To aid in debugging and understanding what's in the cache, revalidated, skipped and more, add this to your `next.config.js`:
+
+```js
+module.exports = {
+  experimental: {
+    logging: 'verbose',
+  },
+}
+```
+
 ## `next-sanity` Visual Editing with Content Source Maps
 
 > **Note**
@@ -359,7 +369,47 @@ function StudioPage() {
 
 Implements [`@sanity/webhook`](https://github.com/sanity-io/webhook-toolkit) to parse and verify that a [Webhook](https://www.sanity.io/docs/webhooks) is indeed coming from Sanity infrastructure.
 
-`pages/api/revalidate`:
+### App Router
+
+`app/api/revalidate/route.ts`:
+
+```ts
+import {revalidateTag} from 'next/cache'
+import {type NextRequest, NextResponse} from 'next/server'
+import {parseBody} from 'next-sanity/webhook'
+
+export async function POST(req: NextRequest) {
+  try {
+    const {isValidSignature, body} = await parseBody<{_type}>(
+      req,
+      process.env.SANITY_REVALIDATE_SECRET,
+    )
+
+    if (!isValidSignature) {
+      const message = 'Invalid signature'
+      return new Response(JSON.stringify({message, isValidSignature, body}), {status: 401})
+    }
+
+    if (!body?._type) {
+      const message = 'Bad Request'
+      return new Response({message, body}, {status: 400})
+    }
+
+    // If the `_type` is `page`, then all `client.fetch` calls with
+    // `{next: {tags: ['page']}}` will be revalidated
+    await revalidateTag(body._type)
+
+    return NextResponse.json({body})
+  } catch (err) {
+    console.error(err)
+    return new Response(err.message, {status: 500})
+  }
+}
+```
+
+### Pages Router
+
+`pages/api/revalidate.ts`:
 
 ```ts
 import type {NextApiRequest, NextApiResponse} from 'next'
@@ -374,16 +424,13 @@ export default async function revalidate(req: NextApiRequest, res: NextApiRespon
 
     if (!isValidSignature) {
       const message = 'Invalid signature'
-      console.warn(message)
-      res.status(401).json({message})
-      return
+      return res.status(401).json({message, isValidSignature, body})
     }
 
     const staleRoute = `/${body.slug.current}`
     await res.revalidate(staleRoute)
     const message = `Updated route: ${staleRoute}`
-    console.log(message)
-    return res.status(200).json({message})
+    return res.status(200).json({message, body})
   } catch (err) {
     console.error(err)
     return res.status(500).json({message: err.message})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-sanity",
-  "version": "5.4.4",
+  "version": "5.4.5",
   "description": "Sanity.io toolkit for Next.js",
   "keywords": [
     "sanity",
@@ -174,7 +174,7 @@
     "singleQuote": true
   },
   "dependencies": {
-    "@sanity/preview-kit": "3.1.4",
+    "@sanity/preview-kit": "3.1.5",
     "@sanity/webhook": "3.0.1",
     "groq": "^3.0.0"
   },
@@ -185,16 +185,16 @@
     "@sanity/client": "6.4.9",
     "@sanity/eslint-config-studio": "^3.0.0",
     "@sanity/image-url": "^1.0.2",
-    "@sanity/pkg-utils": "^2.4.6",
+    "@sanity/pkg-utils": "^2.4.8",
     "@sanity/semantic-release-preset": "^4.1.3",
-    "@sanity/ui": "^1.7.8",
+    "@sanity/ui": "^1.7.9",
     "@sanity/vision": "3.15.1",
     "@types/eventsource": "^1.1.11",
-    "@types/jest": "^29.5.3",
-    "@types/react": "^18.2.20",
+    "@types/jest": "^29.5.4",
+    "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
     "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/eslint-plugin": "^6.4.1",
     "autoprefixer": "^10.4.15",
     "eslint": "^8.47.0",
     "eslint-config-prettier": "^9.0.0",
@@ -203,8 +203,8 @@
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "groqd": "^0.15.9",
-    "jest": "^29.6.2",
-    "jest-environment-jsdom": "^29.6.2",
+    "jest": "^29.6.3",
+    "jest-environment-jsdom": "^29.6.3",
     "ls-engines": "^0.9.0",
     "next": "13.4.19",
     "postcss": "^8.4.28",
@@ -214,7 +214,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "rollup": "^3.28.0",
+    "rollup": "^3.28.1",
     "sanity": "3.15.1",
     "server-only": "^0.0.1",
     "styled-components": "^5.3.11",
@@ -228,11 +228,10 @@
     "@sanity/icons": "^2.0.0",
     "@sanity/types": "^3.0.0",
     "@sanity/ui": "^1.0.0",
-    "@types/styled-components": "^5.1.0",
     "next": "^13.0.0",
     "react": "^18.0.0",
     "sanity": "^3.0.0",
-    "styled-components": "^5.2.0"
+    "styled-components": "^5.2.0 || ^6.0.0"
   },
   "engines": {
     "node": ">=16.14"