next-sanity 9.5.6 → 9.6.0

package/dist/draft-mode.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var previewUrlSecret = require("@sanity/preview-url-secret"), constants = require("@sanity/preview-url-secret/constants"), headers = require("next/headers"), navigation = require("next/navigation");
+function defineEnableDraftMode(options) {
+  const { client } = options;
+  return {
+    GET: async (request) => {
+      const {
+        isValid,
+        redirectTo = "/",
+        studioPreviewPerspective
+      } = await previewUrlSecret.validatePreviewUrl(client, request.url);
+      if (!isValid)
+        return new Response("Invalid secret", { status: 401 });
+      const draftModeStore = await headers.draftMode();
+      draftModeStore.isEnabled || draftModeStore.enable();
+      const cookieStore = await headers.cookies(), cookie = cookieStore.get("__prerender_bypass");
+      return cookieStore.set({
+        name: "__prerender_bypass",
+        value: cookie?.value,
+        httpOnly: !0,
+        path: "/",
+        secure: !0,
+        sameSite: "none"
+      }), studioPreviewPerspective && cookieStore.set({
+        name: constants.perspectiveCookieName,
+        value: studioPreviewPerspective,
+        httpOnly: !0,
+        path: "/",
+        secure: !0,
+        sameSite: "none"
+      }), navigation.redirect(redirectTo);
+    }
+  };
+}
+exports.defineEnableDraftMode = defineEnableDraftMode;
+//# sourceMappingURL=draft-mode.cjs.map

package/dist/draft-mode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"draft-mode.cjs","sources":["../src/draft-mode/define-enable-draft-mode.ts"],"sourcesContent":["import {validatePreviewUrl} from '@sanity/preview-url-secret'\nimport {perspectiveCookieName} from '@sanity/preview-url-secret/constants'\nimport {cookies, draftMode} from 'next/headers'\nimport {redirect} from 'next/navigation'\n\nimport type {SanityClient} from '../client'\n\n/**\n * @public\n */\nexport interface DefineEnableDraftModeOptions {\n  client: SanityClient\n}\n\n/**\n * @public\n */\nexport interface EnableDraftMode {\n  GET: (request: Request) => Promise<Response>\n}\n\n/**\n * Sets up an API route for enabling draft mode, can be paired with the `previewUrl.previewMode.enable` in `sanity/presentation`.\n * Can also be used with `sanity-plugin-iframe-pane`.\n * @example\n * ```ts\n * // src/app/api/draft-mode/enable/route.ts\n *\n * import { defineEnableDraftMode } from \"next-sanity/draft-mode\";\n * import { client } from \"@/sanity/lib/client\";\n *\n * export const { GET } = defineEnableDraftMode({\n *   client: client.withConfig({ token: process.env.SANITY_API_READ_TOKEN }),\n * });\n * ```\n *\n * @public\n */\nexport function defineEnableDraftMode(options: DefineEnableDraftModeOptions): EnableDraftMode {\n  const {client} = options\n  return {\n    GET: async (request: Request) => {\n      // eslint-disable-next-line no-warning-comments\n      // @TODO check if already in draft mode at a much earlier stage, and skip validation\n\n      const {\n        isValid,\n        redirectTo = '/',\n        studioPreviewPerspective,\n      } = await validatePreviewUrl(client, request.url)\n      if (!isValid) {\n        return new Response('Invalid secret', {status: 401})\n      }\n\n      const draftModeStore = await draftMode()\n\n      // Let's enable draft mode if it's not already enabled\n      if (!draftModeStore.isEnabled) {\n        draftModeStore.enable()\n      }\n\n      // Override cookie header for draft mode for usage in live-preview\n      // https://github.com/vercel/next.js/issues/49927\n      const cookieStore = await cookies()\n      const cookie = cookieStore.get('__prerender_bypass')!\n      cookieStore.set({\n        name: '__prerender_bypass',\n        value: cookie?.value,\n        httpOnly: true,\n        path: '/',\n        secure: true,\n        sameSite: 'none',\n      })\n\n      if (studioPreviewPerspective) {\n        cookieStore.set({\n          name: perspectiveCookieName,\n          value: studioPreviewPerspective,\n          httpOnly: true,\n          path: '/',\n          secure: true,\n          sameSite: 'none',\n        })\n      }\n\n      // the `redirect` function throws, and eventually returns a Promise<Response>. TSC doesn't \"see\" that so we have to tell it\n      return redirect(redirectTo) as Promise<Response>\n    },\n  }\n}\n"],"names":["validatePreviewUrl","draftMode","cookies","perspectiveCookieName","redirect"],"mappings":";;;AAsCO,SAAS,sBAAsB,SAAwD;AACtF,QAAA,EAAC,OAAU,IAAA;AACV,SAAA;AAAA,IACL,KAAK,OAAO,YAAqB;AAIzB,YAAA;AAAA,QACJ;AAAA,QACA,aAAa;AAAA,QACb;AAAA,MACE,IAAA,MAAMA,iBAAAA,mBAAmB,QAAQ,QAAQ,GAAG;AAChD,UAAI,CAAC;AACH,eAAO,IAAI,SAAS,kBAAkB,EAAC,QAAQ,IAAI,CAAA;AAG/C,YAAA,iBAAiB,MAAMC,QAAAA;AAGxB,qBAAe,aAClB,eAAe;AAKjB,YAAM,cAAc,MAAMC,mBACpB,SAAS,YAAY,IAAI,oBAAoB;AACnD,aAAA,YAAY,IAAI;AAAA,QACd,MAAM;AAAA,QACN,OAAO,QAAQ;AAAA,QACf,UAAU;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA,CACX,GAEG,4BACF,YAAY,IAAI;AAAA,QACd,MAAMC,UAAA;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA,CACX,GAIIC,WAAAA,SAAS,UAAU;AAAA,IAC5B;AAAA,EAAA;AAEJ;;"}

package/dist/draft-mode.d.cts

@@ -0,0 +1,38 @@
+import {SanityClient} from '@sanity/client'
+
+/**
+ * Sets up an API route for enabling draft mode, can be paired with the `previewUrl.previewMode.enable` in `sanity/presentation`.
+ * Can also be used with `sanity-plugin-iframe-pane`.
+ * @example
+ * ```ts
+ * // src/app/api/draft-mode/enable/route.ts
+ *
+ * import { defineEnableDraftMode } from "next-sanity/draft-mode";
+ * import { client } from "@/sanity/lib/client";
+ *
+ * export const { GET } = defineEnableDraftMode({
+ *   client: client.withConfig({ token: process.env.SANITY_API_READ_TOKEN }),
+ * });
+ * ```
+ *
+ * @public
+ */
+export declare function defineEnableDraftMode(
+  options: DefineEnableDraftModeOptions,
+): EnableDraftMode
+
+/**
+ * @public
+ */
+export declare interface DefineEnableDraftModeOptions {
+  client: SanityClient
+}
+
+/**
+ * @public
+ */
+export declare interface EnableDraftMode {
+  GET: (request: Request) => Promise<Response>
+}
+
+export {}

package/dist/draft-mode.d.ts

@@ -0,0 +1,38 @@
+import {SanityClient} from '@sanity/client'
+
+/**
+ * Sets up an API route for enabling draft mode, can be paired with the `previewUrl.previewMode.enable` in `sanity/presentation`.
+ * Can also be used with `sanity-plugin-iframe-pane`.
+ * @example
+ * ```ts
+ * // src/app/api/draft-mode/enable/route.ts
+ *
+ * import { defineEnableDraftMode } from "next-sanity/draft-mode";
+ * import { client } from "@/sanity/lib/client";
+ *
+ * export const { GET } = defineEnableDraftMode({
+ *   client: client.withConfig({ token: process.env.SANITY_API_READ_TOKEN }),
+ * });
+ * ```
+ *
+ * @public
+ */
+export declare function defineEnableDraftMode(
+  options: DefineEnableDraftModeOptions,
+): EnableDraftMode
+
+/**
+ * @public
+ */
+export declare interface DefineEnableDraftModeOptions {
+  client: SanityClient
+}
+
+/**
+ * @public
+ */
+export declare interface EnableDraftMode {
+  GET: (request: Request) => Promise<Response>
+}
+
+export {}

package/dist/draft-mode.js

@@ -0,0 +1,40 @@
+import { validatePreviewUrl } from "@sanity/preview-url-secret";
+import { perspectiveCookieName } from "@sanity/preview-url-secret/constants";
+import { draftMode, cookies } from "next/headers";
+import { redirect } from "next/navigation";
+function defineEnableDraftMode(options) {
+  const { client } = options;
+  return {
+    GET: async (request) => {
+      const {
+        isValid,
+        redirectTo = "/",
+        studioPreviewPerspective
+      } = await validatePreviewUrl(client, request.url);
+      if (!isValid)
+        return new Response("Invalid secret", { status: 401 });
+      const draftModeStore = await draftMode();
+      draftModeStore.isEnabled || draftModeStore.enable();
+      const cookieStore = await cookies(), cookie = cookieStore.get("__prerender_bypass");
+      return cookieStore.set({
+        name: "__prerender_bypass",
+        value: cookie?.value,
+        httpOnly: !0,
+        path: "/",
+        secure: !0,
+        sameSite: "none"
+      }), studioPreviewPerspective && cookieStore.set({
+        name: perspectiveCookieName,
+        value: studioPreviewPerspective,
+        httpOnly: !0,
+        path: "/",
+        secure: !0,
+        sameSite: "none"
+      }), redirect(redirectTo);
+    }
+  };
+}
+export {
+  defineEnableDraftMode
+};
+//# sourceMappingURL=draft-mode.js.map

package/dist/draft-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draft-mode.js","sources":["../src/draft-mode/define-enable-draft-mode.ts"],"sourcesContent":["import {validatePreviewUrl} from '@sanity/preview-url-secret'\nimport {perspectiveCookieName} from '@sanity/preview-url-secret/constants'\nimport {cookies, draftMode} from 'next/headers'\nimport {redirect} from 'next/navigation'\n\nimport type {SanityClient} from '../client'\n\n/**\n * @public\n */\nexport interface DefineEnableDraftModeOptions {\n  client: SanityClient\n}\n\n/**\n * @public\n */\nexport interface EnableDraftMode {\n  GET: (request: Request) => Promise<Response>\n}\n\n/**\n * Sets up an API route for enabling draft mode, can be paired with the `previewUrl.previewMode.enable` in `sanity/presentation`.\n * Can also be used with `sanity-plugin-iframe-pane`.\n * @example\n * ```ts\n * // src/app/api/draft-mode/enable/route.ts\n *\n * import { defineEnableDraftMode } from \"next-sanity/draft-mode\";\n * import { client } from \"@/sanity/lib/client\";\n *\n * export const { GET } = defineEnableDraftMode({\n *   client: client.withConfig({ token: process.env.SANITY_API_READ_TOKEN }),\n * });\n * ```\n *\n * @public\n */\nexport function defineEnableDraftMode(options: DefineEnableDraftModeOptions): EnableDraftMode {\n  const {client} = options\n  return {\n    GET: async (request: Request) => {\n      // eslint-disable-next-line no-warning-comments\n      // @TODO check if already in draft mode at a much earlier stage, and skip validation\n\n      const {\n        isValid,\n        redirectTo = '/',\n        studioPreviewPerspective,\n      } = await validatePreviewUrl(client, request.url)\n      if (!isValid) {\n        return new Response('Invalid secret', {status: 401})\n      }\n\n      const draftModeStore = await draftMode()\n\n      // Let's enable draft mode if it's not already enabled\n      if (!draftModeStore.isEnabled) {\n        draftModeStore.enable()\n      }\n\n      // Override cookie header for draft mode for usage in live-preview\n      // https://github.com/vercel/next.js/issues/49927\n      const cookieStore = await cookies()\n      const cookie = cookieStore.get('__prerender_bypass')!\n      cookieStore.set({\n        name: '__prerender_bypass',\n        value: cookie?.value,\n        httpOnly: true,\n        path: '/',\n        secure: true,\n        sameSite: 'none',\n      })\n\n      if (studioPreviewPerspective) {\n        cookieStore.set({\n          name: perspectiveCookieName,\n          value: studioPreviewPerspective,\n          httpOnly: true,\n          path: '/',\n          secure: true,\n          sameSite: 'none',\n        })\n      }\n\n      // the `redirect` function throws, and eventually returns a Promise<Response>. TSC doesn't \"see\" that so we have to tell it\n      return redirect(redirectTo) as Promise<Response>\n    },\n  }\n}\n"],"names":[],"mappings":";;;;AAsCO,SAAS,sBAAsB,SAAwD;AACtF,QAAA,EAAC,OAAU,IAAA;AACV,SAAA;AAAA,IACL,KAAK,OAAO,YAAqB;AAIzB,YAAA;AAAA,QACJ;AAAA,QACA,aAAa;AAAA,QACb;AAAA,MACE,IAAA,MAAM,mBAAmB,QAAQ,QAAQ,GAAG;AAChD,UAAI,CAAC;AACH,eAAO,IAAI,SAAS,kBAAkB,EAAC,QAAQ,IAAI,CAAA;AAG/C,YAAA,iBAAiB,MAAM;AAGxB,qBAAe,aAClB,eAAe;AAKjB,YAAM,cAAc,MAAM,WACpB,SAAS,YAAY,IAAI,oBAAoB;AACnD,aAAA,YAAY,IAAI;AAAA,QACd,MAAM;AAAA,QACN,OAAO,QAAQ;AAAA,QACf,UAAU;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA,CACX,GAEG,4BACF,YAAY,IAAI;AAAA,QACd,MAAM;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA,CACX,GAII,SAAS,UAAU;AAAA,IAC5B;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-sanity",
-  "version": "9.5.6",
+  "version": "9.6.0",
   "description": "Sanity.io toolkit for Next.js",
   "keywords": [
     "sanity",
@@ -31,6 +31,12 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
+    "./draft-mode": {
+      "source": "./src/draft-mode/index.ts",
+      "import": "./dist/draft-mode.js",
+      "require": "./dist/draft-mode.cjs",
+      "default": "./dist/draft-mode.js"
+    },
     "./image": {
       "source": "./src/image/index.ts",
       "import": "./dist/image.js",
@@ -86,6 +92,9 @@
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
+      "draft-mode": [
+        "./dist/draft-mode.d.ts"
+      ],
       "image": [
         "./dist/image.d.ts"
       ],
@@ -121,6 +130,7 @@
     "@portabletext/react": "^3.1.0",
     "@sanity/client": "^6.22.2",
     "@sanity/preview-kit": "5.1.7",
+    "@sanity/preview-url-secret": "2.0.0",
     "@sanity/visual-editing": "2.2.2",
     "groq": "^3.61.0",
     "history": "^5.3.0"
@@ -155,12 +165,12 @@
   "peerDependencies": {
     "@sanity/client": "^6.22.2",
     "@sanity/icons": "^3.4.0",
-    "@sanity/types": "^3.57.4",
+    "@sanity/types": "^3.61.0",
     "@sanity/ui": "^2.8.9",
     "next": "^14.2 || ^15.0.0-0",
     "react": "^18.3 || ^19.0.0-0",
     "react-dom": "^18.3 || ^19.0.0-0",
-    "sanity": "^3.57.4",
+    "sanity": "^3.61.0",
     "styled-components": "^6.1"
   },
   "engines": {

package/src/draft-mode/define-enable-draft-mode.ts

@@ -0,0 +1,90 @@
+import {validatePreviewUrl} from '@sanity/preview-url-secret'
+import {perspectiveCookieName} from '@sanity/preview-url-secret/constants'
+import {cookies, draftMode} from 'next/headers'
+import {redirect} from 'next/navigation'
+
+import type {SanityClient} from '../client'
+
+/**
+ * @public
+ */
+export interface DefineEnableDraftModeOptions {
+  client: SanityClient
+}
+
+/**
+ * @public
+ */
+export interface EnableDraftMode {
+  GET: (request: Request) => Promise<Response>
+}
+
+/**
+ * Sets up an API route for enabling draft mode, can be paired with the `previewUrl.previewMode.enable` in `sanity/presentation`.
+ * Can also be used with `sanity-plugin-iframe-pane`.
+ * @example
+ * ```ts
+ * // src/app/api/draft-mode/enable/route.ts
+ *
+ * import { defineEnableDraftMode } from "next-sanity/draft-mode";
+ * import { client } from "@/sanity/lib/client";
+ *
+ * export const { GET } = defineEnableDraftMode({
+ *   client: client.withConfig({ token: process.env.SANITY_API_READ_TOKEN }),
+ * });
+ * ```
+ *
+ * @public
+ */
+export function defineEnableDraftMode(options: DefineEnableDraftModeOptions): EnableDraftMode {
+  const {client} = options
+  return {
+    GET: async (request: Request) => {
+      // eslint-disable-next-line no-warning-comments
+      // @TODO check if already in draft mode at a much earlier stage, and skip validation
+
+      const {
+        isValid,
+        redirectTo = '/',
+        studioPreviewPerspective,
+      } = await validatePreviewUrl(client, request.url)
+      if (!isValid) {
+        return new Response('Invalid secret', {status: 401})
+      }
+
+      const draftModeStore = await draftMode()
+
+      // Let's enable draft mode if it's not already enabled
+      if (!draftModeStore.isEnabled) {
+        draftModeStore.enable()
+      }
+
+      // Override cookie header for draft mode for usage in live-preview
+      // https://github.com/vercel/next.js/issues/49927
+      const cookieStore = await cookies()
+      const cookie = cookieStore.get('__prerender_bypass')!
+      cookieStore.set({
+        name: '__prerender_bypass',
+        value: cookie?.value,
+        httpOnly: true,
+        path: '/',
+        secure: true,
+        sameSite: 'none',
+      })
+
+      if (studioPreviewPerspective) {
+        cookieStore.set({
+          name: perspectiveCookieName,
+          value: studioPreviewPerspective,
+          httpOnly: true,
+          path: '/',
+          secure: true,
+          sameSite: 'none',
+        })
+      }
+
+      // the `redirect` function throws, and eventually returns a Promise<Response>. TSC doesn't "see" that so we have to tell it
+      return redirect(redirectTo) as Promise<Response>
+    },
+  }
+}

package/src/draft-mode/index.ts

@@ -0,0 +1 @@
+export * from './define-enable-draft-mode'