next-sanity 8.2.0 → 8.3.0

package/dist/image/Image.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("next/image"),t=require("./imageLoader.cjs");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.Image=function(r){const{loader:a,src:s,...i}=r;if(a)throw new TypeError("The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.");let n;try{n=new URL(s),r.height&&n.searchParams.set("h",`${r.height}`),r.width&&n.searchParams.set("w",`${r.width}`)}catch(e){throw new TypeError("The `src` prop must be a valid URL to an image on the Sanity Image CDN.",{cause:e})}return e.jsx(o.default,{...i,src:n.toString(),loader:t.imageLoader})};//# sourceMappingURL=Image.cjs.map

package/dist/image/Image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.cjs","sources":["../../src/image/Image.tsx"],"sourcesContent":["import NextImage, {ImageProps as NextImageProps} from 'next/image'\n\nimport {imageLoader} from './imageLoader'\n\n/**\n * @alpha\n */\nexport interface ImageProps extends Omit<NextImageProps, 'loader' | 'src'> {\n  /**\n   * The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.\n   */\n  loader?: never\n  /**\n   * Must be a string that is a valid URL to an image on the Sanity Image CDN.\n   */\n  src: string\n}\n\n/**\n * @alpha\n */\nexport function Image(props: ImageProps): JSX.Element {\n  const {loader, src, ...rest} = props\n  if (loader) {\n    throw new TypeError(\n      'The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.',\n    )\n  }\n  let srcUrl: URL\n  try {\n    srcUrl = new URL(src)\n    if (props.height) {\n      srcUrl.searchParams.set('h', `${props.height}`)\n    }\n    if (props.width) {\n      srcUrl.searchParams.set('w', `${props.width}`)\n    }\n  } catch (err) {\n    throw new TypeError(\n      'The `src` prop must be a valid URL to an image on the Sanity Image CDN.',\n      {cause: err},\n    )\n  }\n  return <NextImage {...rest} src={srcUrl.toString()} loader={imageLoader} />\n}\n"],"names":["exports","Image","props","loader","src","rest","TypeError","srcUrl","URL","height","searchParams","set","width","err","cause","NextImage","toString","imageLoader"],"mappings":"iPA4CAA,QAAAC,MAvBO,SAAeC,GACpB,MAAMC,OAACA,EAAAC,IAAQA,KAAQC,GAAQH,EAC3B,GAAAC,EACF,MAAM,IAAIG,UACR,+GAGA,IAAAC,EACA,IACOA,EAAA,IAAIC,IAAIJ,GACbF,EAAMO,QACRF,EAAOG,aAAaC,IAAI,IAAK,GAAGT,EAAMO,UAEpCP,EAAMU,OACRL,EAAOG,aAAaC,IAAI,IAAK,GAAGT,EAAMU,eAEjCC,GACP,MAAM,IAAIP,UACR,0EACA,CAACQ,MAAOD,GAEZ,CACO,aAACE,EAAAA,YAAcV,EAAMD,IAAKG,EAAOS,WAAYb,OAAQc,EAAAA,aAC9D"}

package/dist/image/Image.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r from"next/image";import{imageLoader as t}from"./imageLoader.js";function o(o){const{loader:a,src:s,...i}=o;if(a)throw new TypeError("The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.");let m;try{m=new URL(s),o.height&&m.searchParams.set("h",`${o.height}`),o.width&&m.searchParams.set("w",`${o.width}`)}catch(e){throw new TypeError("The `src` prop must be a valid URL to an image on the Sanity Image CDN.",{cause:e})}return e(r,{...i,src:m.toString(),loader:t})}export{o as Image};//# sourceMappingURL=Image.js.map

package/dist/image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../src/image/Image.tsx"],"sourcesContent":["import NextImage, {ImageProps as NextImageProps} from 'next/image'\n\nimport {imageLoader} from './imageLoader'\n\n/**\n * @alpha\n */\nexport interface ImageProps extends Omit<NextImageProps, 'loader' | 'src'> {\n  /**\n   * The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.\n   */\n  loader?: never\n  /**\n   * Must be a string that is a valid URL to an image on the Sanity Image CDN.\n   */\n  src: string\n}\n\n/**\n * @alpha\n */\nexport function Image(props: ImageProps): JSX.Element {\n  const {loader, src, ...rest} = props\n  if (loader) {\n    throw new TypeError(\n      'The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.',\n    )\n  }\n  let srcUrl: URL\n  try {\n    srcUrl = new URL(src)\n    if (props.height) {\n      srcUrl.searchParams.set('h', `${props.height}`)\n    }\n    if (props.width) {\n      srcUrl.searchParams.set('w', `${props.width}`)\n    }\n  } catch (err) {\n    throw new TypeError(\n      'The `src` prop must be a valid URL to an image on the Sanity Image CDN.',\n      {cause: err},\n    )\n  }\n  return <NextImage {...rest} src={srcUrl.toString()} loader={imageLoader} />\n}\n"],"names":["Image","props","loader","src","rest","TypeError","srcUrl","URL","height","searchParams","set","width","err","cause","jsx","NextImage","toString","imageLoader"],"mappings":"iHAqBO,SAASA,EAAMC,GACpB,MAAMC,OAACA,EAAAC,IAAQA,KAAQC,GAAQH,EAC3B,GAAAC,EACF,MAAM,IAAIG,UACR,+GAGA,IAAAC,EACA,IACOA,EAAA,IAAIC,IAAIJ,GACbF,EAAMO,QACRF,EAAOG,aAAaC,IAAI,IAAK,GAAGT,EAAMO,UAEpCP,EAAMU,OACRL,EAAOG,aAAaC,IAAI,IAAK,GAAGT,EAAMU,eAEjCC,GACP,MAAM,IAAIP,UACR,0EACA,CAACQ,MAAOD,GAEZ,CACO,OAAAE,EAACC,MAAcX,EAAMD,IAAKG,EAAOU,WAAYd,OAAQe,GAC9D"}

package/dist/image/imageLoader.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.imageLoader=({src:a,width:s,quality:e})=>{const r=new URL(a);if(r.searchParams.set("auto","format"),r.searchParams.set("fit",r.searchParams.get("fit")||"min"),r.searchParams.has("h")&&r.searchParams.has("w")){const a=parseInt(r.searchParams.get("h"),10),e=parseInt(r.searchParams.get("w"),10);r.searchParams.set("h",Math.round(a/e*s).toString())}return r.searchParams.set("w",s.toString()),e&&r.searchParams.set("q",e.toString()),r.href};//# sourceMappingURL=imageLoader.cjs.map

package/dist/image/imageLoader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageLoader.cjs","sources":["../../src/image/imageLoader.ts"],"sourcesContent":["'use client'\n\nimport type {ImageLoader} from 'next/image'\n\n/**\n * @alpha\n */\nexport const imageLoader = (({src, width, quality}) => {\n  const url = new URL(src)\n  url.searchParams.set('auto', 'format')\n  url.searchParams.set('fit', url.searchParams.get('fit') || 'min')\n  if (url.searchParams.has('h') && url.searchParams.has('w')) {\n    const originalHeight = parseInt(url.searchParams.get('h')!, 10)\n    const originalWidth = parseInt(url.searchParams.get('w')!, 10)\n    url.searchParams.set('h', Math.round((originalHeight / originalWidth) * width).toString())\n  }\n  url.searchParams.set('w', width.toString())\n  if (quality) {\n    url.searchParams.set('q', quality.toString())\n  }\n  return url.href\n}) satisfies ImageLoader\n"],"names":["exports","imageLoader","src","width","quality","url","URL","searchParams","set","get","has","originalHeight","parseInt","originalWidth","Math","round","toString","href"],"mappings":"iFAqBAA,QAAAC,YAd4B,EAAEC,MAAKC,QAAOC,cAClC,MAAAC,EAAM,IAAIC,IAAIJ,GACpB,GAAAG,EAAIE,aAAaC,IAAI,OAAQ,UAC7BH,EAAIE,aAAaC,IAAI,MAAOH,EAAIE,aAAaE,IAAI,QAAU,OACvDJ,EAAIE,aAAaG,IAAI,MAAQL,EAAIE,aAAaG,IAAI,KAAM,CAC1D,MAAMC,EAAiBC,SAASP,EAAIE,aAAaE,IAAI,KAAO,IACtDI,EAAgBD,SAASP,EAAIE,aAAaE,IAAI,KAAO,IACvDJ,EAAAE,aAAaC,IAAI,IAAKM,KAAKC,MAAOJ,EAAiBE,EAAiBV,GAAOa,WACjF,CACA,OAAAX,EAAIE,aAAaC,IAAI,IAAKL,EAAMa,YAC5BZ,GACFC,EAAIE,aAAaC,IAAI,IAAKJ,EAAQY,YAE7BX,EAAIY,IAAA"}

package/dist/image/imageLoader.js

@@ -0,0 +1 @@
+"use client";const a=({src:a,width:s,quality:r})=>{const t=new URL(a);if(t.searchParams.set("auto","format"),t.searchParams.set("fit",t.searchParams.get("fit")||"min"),t.searchParams.has("h")&&t.searchParams.has("w")){const a=parseInt(t.searchParams.get("h"),10),r=parseInt(t.searchParams.get("w"),10);t.searchParams.set("h",Math.round(a/r*s).toString())}return t.searchParams.set("w",s.toString()),r&&t.searchParams.set("q",r.toString()),t.href};export{a as imageLoader};//# sourceMappingURL=imageLoader.js.map

package/dist/image/imageLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageLoader.js","sources":["../../src/image/imageLoader.ts"],"sourcesContent":["'use client'\n\nimport type {ImageLoader} from 'next/image'\n\n/**\n * @alpha\n */\nexport const imageLoader = (({src, width, quality}) => {\n  const url = new URL(src)\n  url.searchParams.set('auto', 'format')\n  url.searchParams.set('fit', url.searchParams.get('fit') || 'min')\n  if (url.searchParams.has('h') && url.searchParams.has('w')) {\n    const originalHeight = parseInt(url.searchParams.get('h')!, 10)\n    const originalWidth = parseInt(url.searchParams.get('w')!, 10)\n    url.searchParams.set('h', Math.round((originalHeight / originalWidth) * width).toString())\n  }\n  url.searchParams.set('w', width.toString())\n  if (quality) {\n    url.searchParams.set('q', quality.toString())\n  }\n  return url.href\n}) satisfies ImageLoader\n"],"names":["imageLoader","src","width","quality","url","URL","searchParams","set","get","has","originalHeight","parseInt","originalWidth","Math","round","toString","href"],"mappings":"aAOO,MAAMA,EAAe,EAAEC,MAAKC,QAAOC,cAClC,MAAAC,EAAM,IAAIC,IAAIJ,GACpB,GAAAG,EAAIE,aAAaC,IAAI,OAAQ,UAC7BH,EAAIE,aAAaC,IAAI,MAAOH,EAAIE,aAAaE,IAAI,QAAU,OACvDJ,EAAIE,aAAaG,IAAI,MAAQL,EAAIE,aAAaG,IAAI,KAAM,CAC1D,MAAMC,EAAiBC,SAASP,EAAIE,aAAaE,IAAI,KAAO,IACtDI,EAAgBD,SAASP,EAAIE,aAAaE,IAAI,KAAO,IACvDJ,EAAAE,aAAaC,IAAI,IAAKM,KAAKC,MAAOJ,EAAiBE,EAAiBV,GAAOa,WACjF,CACA,OAAAX,EAAIE,aAAaC,IAAI,IAAKL,EAAMa,YAC5BZ,GACFC,EAAIE,aAAaC,IAAI,IAAKJ,EAAQY,YAE7BX,EAAIY,IAAA"}

package/dist/image/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Image.cjs"),r=require("./imageLoader.cjs");exports.Image=e.Image,exports.imageLoader=r.imageLoader;//# sourceMappingURL=index.cjs.map

package/dist/image/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/image/index.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+
+import {ImageLoaderProps} from 'next/image'
+import {ImageProps as ImageProps_2} from 'next/image'
+
+/**
+ * @alpha
+ */
+declare function Image_2(props: ImageProps): JSX.Element
+export {Image_2 as Image}
+
+/**
+ * @alpha
+ */
+export declare const imageLoader: ({src, width, quality}: ImageLoaderProps) => string
+
+/**
+ * @alpha
+ */
+export declare interface ImageProps extends Omit<ImageProps_2, 'loader' | 'src'> {
+  /**
+   * The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.
+   */
+  loader?: never
+  /**
+   * Must be a string that is a valid URL to an image on the Sanity Image CDN.
+   */
+  src: string
+}
+
+export {}

package/dist/image/index.js

@@ -0,0 +1 @@
+import{Image as m}from"./Image.js";import{imageLoader as o}from"./imageLoader.js";export{m as Image,o as imageLoader};//# sourceMappingURL=index.js.map

package/dist/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/visual-editing/actions.cjs

@@ -1 +1 @@
-"use server";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/cache.js"),a=require("next/headers.js");exports.revalidateRootLayout=async function(){a.draftMode().isEnabled?await e.revalidatePath("/","layout"):console.debug("Skipped revalidatePath request because draft mode is not enabled")};//# sourceMappingURL=actions.cjs.map
+"use server";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/cache.js"),r=require("next/headers.js");exports.revalidateRootLayout=async function(){try{if(!r.draftMode().isEnabled)return void console.debug("Skipped revalidatePath request because draft mode is not enabled")}catch(e){if(console.error("Error while checking if Draft Mode is enabled",e),null==e||!e.message.includes("requestAsyncStorage"))return void console.warn("Ignoring")}await e.revalidatePath("/","layout")};//# sourceMappingURL=actions.cjs.map

package/dist/visual-editing/actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"actions.cjs","sources":["../../src/visual-editing/actions.ts"],"sourcesContent":["'use server'\n/**\n * The code in this file will be ported to `next-sanity`\n */\nimport {revalidatePath} from 'next/cache.js'\nimport {draftMode} from 'next/headers.js'\n\nexport async function revalidateRootLayout(): Promise<void> {\n  if (!draftMode().isEnabled) {\n    // eslint-disable-next-line no-console\n    console.debug('Skipped revalidatePath request because draft mode is not enabled')\n    return\n  }\n  await revalidatePath('/', 'layout')\n}\n"],"names":["Object","defineProperty","exports","value","cache_js","require","headers_js","revalidateRootLayout","async","draftMode","isEnabled","revalidatePath","console","debug"],"mappings":"0BAOAA,OAAAC,eAAAC,QAAA,aAAA,CAAAC,OAAA,IAAA,IAAAC,EAAAC,QAAA,iBAAAC,EAAAD,QAAA,mBAOAH,QAAAK,qBAPAC,iBACOC,EAAAA,YAAYC,gBAKXC,EAAAA,eAAe,IAAK,UAHxBC,QAAQC,MAAM,mEAIlB"}
+{"version":3,"file":"actions.cjs","sources":["../../src/visual-editing/actions.ts"],"sourcesContent":["'use server'\n/**\n * The code in this file will be ported to `next-sanity`\n */\nimport {revalidatePath} from 'next/cache.js'\nimport {draftMode} from 'next/headers.js'\n\nexport async function revalidateRootLayout(): Promise<void> {\n  try {\n    if (!draftMode().isEnabled) {\n      // eslint-disable-next-line no-console\n      console.debug('Skipped revalidatePath request because draft mode is not enabled')\n      return\n    }\n  } catch (err) {\n    // eslint-disable-next-line no-console\n    console.error('Error while checking if Draft Mode is enabled', err)\n    if (!(err as Error)?.message.includes('requestAsyncStorage')) {\n      console.warn('Ignoring')\n      return\n    }\n  }\n  await revalidatePath('/', 'layout')\n}\n"],"names":["Object","defineProperty","exports","value","cache_js","require","headers_js","revalidateRootLayout","async","draftMode","isEnabled","console","debug","err","error","message","includes","warn","revalidatePath"],"mappings":"0BAOAA,OAAAC,eAAAC,QAAA,aAAA,CAAAC,OAAA,IAAA,IAAAC,EAAAC,QAAA,iBAAAC,EAAAD,QAAA,mBAgBAH,QAAAK,qBAhBAC,iBACM,IACE,IAACC,EAAAA,YAAYC,UAGf,YADAC,QAAQC,MAAM,0EAGTC,GAEP,GAAAF,QAAQG,MAAM,gDAAiDD,GACzD,MAAAA,IAAAA,EAAeE,QAAQC,SAAS,uBAEpC,YADAL,QAAQM,KAAK,WAGjB,OACMC,EAAAA,eAAe,IAAK,SAC5B"}

package/dist/visual-editing/actions.js

@@ -1 +1 @@
-"use server";import{revalidatePath as e}from"next/cache.js";import{draftMode as a}from"next/headers.js";async function t(){a().isEnabled?await e("/","layout"):console.debug("Skipped revalidatePath request because draft mode is not enabled")}export{t as revalidateRootLayout};//# sourceMappingURL=actions.js.map
+"use server";import{revalidatePath as e}from"next/cache.js";import{draftMode as r}from"next/headers.js";async function o(){try{if(!r().isEnabled)return void console.debug("Skipped revalidatePath request because draft mode is not enabled")}catch(e){if(console.error("Error while checking if Draft Mode is enabled",e),null==e||!e.message.includes("requestAsyncStorage"))return void console.warn("Ignoring")}await e("/","layout")}export{o as revalidateRootLayout};//# sourceMappingURL=actions.js.map

package/dist/visual-editing/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sources":["../../src/visual-editing/actions.ts"],"sourcesContent":["'use server'\n/**\n * The code in this file will be ported to `next-sanity`\n */\nimport {revalidatePath} from 'next/cache.js'\nimport {draftMode} from 'next/headers.js'\n\nexport async function revalidateRootLayout(): Promise<void> {\n  if (!draftMode().isEnabled) {\n    // eslint-disable-next-line no-console\n    console.debug('Skipped revalidatePath request because draft mode is not enabled')\n    return\n  }\n  await revalidatePath('/', 'layout')\n}\n"],"names":["revalidatePath","draftMode","async","revalidateRootLayout","isEnabled","console","debug"],"mappings":"sCAOAA,MAAA,oCAAAC,MAAA,kBAAAC,eAAsBC,IACfF,IAAYG,gBAKXJ,EAAe,IAAK,UAHxBK,QAAQC,MAAM,mEAIlB"}
+{"version":3,"file":"actions.js","sources":["../../src/visual-editing/actions.ts"],"sourcesContent":["'use server'\n/**\n * The code in this file will be ported to `next-sanity`\n */\nimport {revalidatePath} from 'next/cache.js'\nimport {draftMode} from 'next/headers.js'\n\nexport async function revalidateRootLayout(): Promise<void> {\n  try {\n    if (!draftMode().isEnabled) {\n      // eslint-disable-next-line no-console\n      console.debug('Skipped revalidatePath request because draft mode is not enabled')\n      return\n    }\n  } catch (err) {\n    // eslint-disable-next-line no-console\n    console.error('Error while checking if Draft Mode is enabled', err)\n    if (!(err as Error)?.message.includes('requestAsyncStorage')) {\n      console.warn('Ignoring')\n      return\n    }\n  }\n  await revalidatePath('/', 'layout')\n}\n"],"names":["revalidatePath","draftMode","async","revalidateRootLayout","isEnabled","console","debug","err","error","message","includes","warn"],"mappings":"sCAOAA,MAAA,oCAAAC,MAAA,kBAAAC,eAAsBC,IAChB,IACE,IAACF,IAAYG,UAGf,YADAC,QAAQC,MAAM,0EAGTC,GAEP,GAAAF,QAAQG,MAAM,gDAAiDD,GACzD,MAAAA,IAAAA,EAAeE,QAAQC,SAAS,uBAEpC,YADAL,QAAQM,KAAK,WAGjB,OACMX,EAAe,IAAK,SAC5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-sanity",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "description": "Sanity.io toolkit for Next.js",
   "keywords": [
     "sanity",
@@ -28,78 +28,57 @@
     ".": {
       "types": "./dist/index.d.ts",
       "source": "./src/index.ts",
-      "require": "./dist/index.cjs",
-      "node": {
-        "module": "./dist/index.js",
-        "import": "./dist/index.cjs.js"
-      },
       "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
+    "./image": {
+      "types": "./dist/image/index.d.ts",
+      "source": "./src/image/index.ts",
+      "import": "./dist/image/index.js",
+      "require": "./dist/image/index.cjs",
+      "default": "./dist/image/index.js"
+    },
     "./preview": {
       "types": "./dist/preview/index.d.ts",
       "source": "./src/preview/index.ts",
-      "require": "./dist/preview/index.cjs",
-      "node": {
-        "module": "./dist/preview/index.js",
-        "import": "./dist/preview/index.cjs.js"
-      },
       "import": "./dist/preview/index.js",
+      "require": "./dist/preview/index.cjs",
       "default": "./dist/preview/index.js"
     },
     "./preview/live-query": {
       "types": "./dist/preview/live-query.d.ts",
       "source": "./src/preview/LiveQuery/index.ts",
-      "require": "./dist/preview/live-query.cjs",
-      "node": {
-        "module": "./dist/preview/live-query.js",
-        "import": "./dist/preview/live-query.cjs.js"
-      },
       "import": "./dist/preview/live-query.js",
+      "require": "./dist/preview/live-query.cjs",
       "default": "./dist/preview/live-query.js"
     },
     "./studio": {
       "types": "./dist/studio/index.d.ts",
       "source": "./src/studio/index.ts",
-      "require": "./dist/studio/index.cjs",
-      "node": {
-        "module": "./dist/studio/index.js",
-        "import": "./dist/studio/index.cjs.js"
-      },
       "import": "./dist/studio/index.js",
+      "require": "./dist/studio/index.cjs",
       "default": "./dist/studio/index.js"
     },
     "./studio/metadata": {
       "types": "./dist/studio/metadata.d.ts",
       "source": "./src/studio/metadata.ts",
-      "require": "./dist/studio/metadata.cjs",
-      "node": {
-        "module": "./dist/studio/metadata.js",
-        "import": "./dist/studio/metadata.cjs.js"
-      },
       "import": "./dist/studio/metadata.js",
+      "require": "./dist/studio/metadata.cjs",
       "default": "./dist/studio/metadata.js"
     },
     "./studio/viewport": {
       "types": "./dist/studio/viewport.d.ts",
       "source": "./src/studio/viewport.ts",
-      "require": "./dist/studio/viewport.cjs",
-      "node": {
-        "module": "./dist/studio/viewport.js",
-        "import": "./dist/studio/viewport.cjs.js"
-      },
       "import": "./dist/studio/viewport.js",
+      "require": "./dist/studio/viewport.cjs",
       "default": "./dist/studio/viewport.js"
     },
     "./webhook": {
       "types": "./dist/webhook.d.ts",
       "source": "./src/webhook/index.ts",
-      "require": "./dist/webhook.cjs",
-      "node": {
-        "module": "./dist/webhook.js",
-        "import": "./dist/webhook.cjs.js"
-      },
       "import": "./dist/webhook.js",
+      "require": "./dist/webhook.cjs",
       "default": "./dist/webhook.js"
     },
     "./package.json": "./package.json"
@@ -110,6 +89,9 @@
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
+      "image": [
+        "./dist/image/index.d.ts"
+      ],
       "preview": [
         "./dist/preview/index.d.ts"
       ],
@@ -139,8 +121,8 @@
   "dependencies": {
     "@portabletext/react": "^3.0.11",
     "@portabletext/types": "^2.0.8",
-    "@sanity/client": "^6.15.2",
-    "@sanity/preview-kit": "5.0.30",
+    "@sanity/client": "^6.15.3",
+    "@sanity/preview-kit": "5.0.31",
     "@sanity/visual-editing": "1.7.0",
     "@sanity/webhook": "4.0.2-bc",
     "groq": "^3.19"
@@ -148,7 +130,7 @@
   "devDependencies": {
     "@sanity/browserslist-config": "^1.0.3",
     "@sanity/eslint-config-studio": "^3.0.1",
-    "@sanity/pkg-utils": "^4.4.1",
+    "@sanity/pkg-utils": "^5.0.0",
     "@types/react": "^18.2.64",
     "@typescript-eslint/eslint-plugin": "^7.1.1",
     "@vitest/coverage-v8": "^1.3.1",
@@ -163,12 +145,11 @@
     "rimraf": "^5.0.5",
     "styled-components": "^6.1.8",
     "typescript": "5.3.3",
-    "url-loader": "^4.1.1",
     "vitest": "^1.3.1",
     "vitest-github-actions-reporter": "^0.11.1"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.15.2",
+    "@sanity/client": "^6.15.3",
     "@sanity/icons": "^2.8",
     "@sanity/types": "^3.25",
     "@sanity/ui": "^1.8 || ^2.0.0-beta || ^2.0",

package/src/image/Image.tsx

@@ -0,0 +1,45 @@
+import NextImage, {ImageProps as NextImageProps} from 'next/image'
+
+import {imageLoader} from './imageLoader'
+
+/**
+ * @alpha
+ */
+export interface ImageProps extends Omit<NextImageProps, 'loader' | 'src'> {
+  /**
+   * The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.
+   */
+  loader?: never
+  /**
+   * Must be a string that is a valid URL to an image on the Sanity Image CDN.
+   */
+  src: string
+}
+
+/**
+ * @alpha
+ */
+export function Image(props: ImageProps): JSX.Element {
+  const {loader, src, ...rest} = props
+  if (loader) {
+    throw new TypeError(
+      'The `loader` prop is not supported on `Image` components. Use `next/image` directly to use a custom loader.',
+    )
+  }
+  let srcUrl: URL
+  try {
+    srcUrl = new URL(src)
+    if (props.height) {
+      srcUrl.searchParams.set('h', `${props.height}`)
+    }
+    if (props.width) {
+      srcUrl.searchParams.set('w', `${props.width}`)
+    }
+  } catch (err) {
+    throw new TypeError(
+      'The `src` prop must be a valid URL to an image on the Sanity Image CDN.',
+      {cause: err},
+    )
+  }
+  return <NextImage {...rest} src={srcUrl.toString()} loader={imageLoader} />
+}

package/src/image/imageLoader.ts

@@ -0,0 +1,22 @@
+'use client'
+
+import type {ImageLoader} from 'next/image'
+
+/**
+ * @alpha
+ */
+export const imageLoader = (({src, width, quality}) => {
+  const url = new URL(src)
+  url.searchParams.set('auto', 'format')
+  url.searchParams.set('fit', url.searchParams.get('fit') || 'min')
+  if (url.searchParams.has('h') && url.searchParams.has('w')) {
+    const originalHeight = parseInt(url.searchParams.get('h')!, 10)
+    const originalWidth = parseInt(url.searchParams.get('w')!, 10)
+    url.searchParams.set('h', Math.round((originalHeight / originalWidth) * width).toString())
+  }
+  url.searchParams.set('w', width.toString())
+  if (quality) {
+    url.searchParams.set('q', quality.toString())
+  }
+  return url.href
+}) satisfies ImageLoader

package/src/image/index.ts

@@ -0,0 +1,2 @@
+export {Image, type ImageProps} from './Image'
+export {imageLoader} from './imageLoader'

package/src/visual-editing/actions.ts

@@ -6,10 +6,19 @@ import {revalidatePath} from 'next/cache.js'
 import {draftMode} from 'next/headers.js'
 
 export async function revalidateRootLayout(): Promise<void> {
-  if (!draftMode().isEnabled) {
+  try {
+    if (!draftMode().isEnabled) {
+      // eslint-disable-next-line no-console
+      console.debug('Skipped revalidatePath request because draft mode is not enabled')
+      return
+    }
+  } catch (err) {
     // eslint-disable-next-line no-console
-    console.debug('Skipped revalidatePath request because draft mode is not enabled')
-    return
+    console.error('Error while checking if Draft Mode is enabled', err)
+    if (!(err as Error)?.message.includes('requestAsyncStorage')) {
+      console.warn('Ignoring')
+      return
+    }
   }
   await revalidatePath('/', 'layout')
 }

package/dist/index.cjs.js

@@ -1,12 +0,0 @@
-import cjs from './index.cjs';
-
-export const createClient = cjs.createClient;
-export const unstable__adapter = cjs.unstable__adapter;
-export const unstable__environment = cjs.unstable__environment;
-export const VisualEditing = cjs.VisualEditing;
-export const groq = cjs.groq;
-export const toPlainText = cjs.toPlainText;
-export const PortableText = cjs.PortableText;
-export const defaultComponents = cjs.defaultComponents;
-export const mergeComponents = cjs.mergeComponents;
-

package/dist/preview/index.cjs.js

@@ -1,6 +0,0 @@
-import cjs from './index.cjs';
-
-export const LiveQueryProvider = cjs.LiveQueryProvider;
-export const useLiveQuery = cjs.useLiveQuery;
-
-export default cjs.default;

package/dist/preview/live-query.cjs.js

@@ -1,5 +0,0 @@
-import cjs from './live-query.cjs';
-
-export const LiveQuery = cjs.LiveQuery;
-
-export default cjs.default;

package/dist/studio/index.cjs.js

@@ -1,8 +0,0 @@
-import cjs from './index.cjs';
-
-export const metadata = cjs.metadata;
-export const viewport = cjs.viewport;
-export const NextStudio = cjs.NextStudio;
-export const NextStudioLayout = cjs.NextStudioLayout;
-export const NextStudioNoScript = cjs.NextStudioNoScript;
-

package/dist/studio/metadata.cjs.js

@@ -1,4 +0,0 @@
-import cjs from './metadata.cjs';
-
-export const metadata = cjs.metadata;
-

package/dist/studio/viewport.cjs.js

@@ -1,4 +0,0 @@
-import cjs from './viewport.cjs';
-
-export const viewport = cjs.viewport;
-

package/dist/webhook.cjs.js

@@ -1,5 +0,0 @@
-import cjs from './webhook.cjs';
-
-export const config = cjs.config;
-export const parseBody = cjs.parseBody;
-