next-sanity 9.10.6 → 9.11.0

package/dist/studio.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var NextStudioNoScript = require("./_chunks-cjs/NextStudioNoScript.cjs"), clientComponent = require("next-sanity/studio/client-component");
+var NextStudioNoScript = require("./_chunks-cjs/NextStudioNoScript.cjs"), jsxRuntime = require("react/jsx-runtime"), clientComponent = require("next-sanity/studio/client-component"), reactDom = require("react-dom");
 const viewport = {
   width: "device-width",
   initialScale: 1,
@@ -9,15 +9,16 @@ const viewport = {
 }, metadata = {
   referrer: "same-origin",
   robots: "noindex"
-};
+}, bridgeScript = "https://core.sanity-cdn.com/bridge.js";
+function NextStudioWithBridge(props) {
+  return reactDom.preloadModule(bridgeScript, { as: "script" }), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("script", { src: bridgeScript, async: !0, type: "module", "data-sanity-core": !0 }),
+    /* @__PURE__ */ jsxRuntime.jsx(clientComponent.NextStudio, { ...props })
+  ] });
+}
 exports.NextStudioLayout = NextStudioNoScript.NextStudioLayout;
 exports.NextStudioNoScript = NextStudioNoScript.NextStudioNoScript;
-Object.defineProperty(exports, "NextStudio", {
-  enumerable: !0,
-  get: function() {
-    return clientComponent.NextStudio;
-  }
-});
+exports.NextStudio = NextStudioWithBridge;
 exports.metadata = metadata;
 exports.viewport = viewport;
 //# sourceMappingURL=studio.cjs.map

package/dist/studio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"studio.cjs","sources":["../src/studio/head.tsx"],"sourcesContent":["import type {Metadata, Viewport} from 'next'\n\n/**\n * In router segments (`/app/studio/[[...index]]/page.tsx`):\n * ```tsx\n * // If you don't want to change any defaults you can just re-export the viewport config directly:\n * export {viewport} from 'next-sanity/studio'\n *\n * // To customize the viewport config, spread it on the export:\n * import {viewport as studioViewport} from 'next-sanity/studio'\n * import type { Viewport } from 'next'\n *\n * export const viewport: Viewport = {\n *   ...studioViewport,\n *   // Overrides the viewport to resize behavior\n *   interactiveWidget: 'resizes-content'\n * })\n * ```\n * @public\n */\nexport const viewport = {\n  width: 'device-width' as const,\n  initialScale: 1 as const,\n  // Studio implements display cutouts CSS (The iPhone Notch ™ ) and needs `viewport-fit=covered` for it to work correctly\n  viewportFit: 'cover',\n} satisfies Viewport\n\n/**\n * In router segments (`/app/studio/[[...index]]/page.tsx`):\n * ```tsx\n * // If you don't want to change any defaults you can just re-export the metadata directly:\n * export {metadata} from 'next-sanity/studio'\n *\n * // To customize the metadata, spread it on the export:\n * import {metadata as studioMetadata} from 'next-sanity/studio'\n * import type { Metadata } from 'next'\n *\n * export const metadata: Metadata = {\n *   ...studioMetadata,\n *   // Set another title\n *   title: 'My Studio',\n * })\n * ```\n * @public\n */\nexport const metadata = {\n  referrer: 'same-origin' as const,\n  robots: 'noindex' as const,\n} satisfies Metadata\n"],"names":[],"mappings":";;;AAoBO,MAAM,WAAW;AAAA,EACtB,OAAO;AAAA,EACP,cAAc;AAAA;AAAA,EAEd,aAAa;AACf,GAoBa,WAAW;AAAA,EACtB,UAAU;AAAA,EACV,QAAQ;AACV;;;;;;;;;;;"}
+{"version":3,"file":"studio.cjs","sources":["../src/studio/head.tsx","../src/studio/NextStudioWithBridge.tsx"],"sourcesContent":["import type {Metadata, Viewport} from 'next'\n\n/**\n * In router segments (`/app/studio/[[...index]]/page.tsx`):\n * ```tsx\n * // If you don't want to change any defaults you can just re-export the viewport config directly:\n * export {viewport} from 'next-sanity/studio'\n *\n * // To customize the viewport config, spread it on the export:\n * import {viewport as studioViewport} from 'next-sanity/studio'\n * import type { Viewport } from 'next'\n *\n * export const viewport: Viewport = {\n *   ...studioViewport,\n *   // Overrides the viewport to resize behavior\n *   interactiveWidget: 'resizes-content'\n * })\n * ```\n * @public\n */\nexport const viewport = {\n  width: 'device-width' as const,\n  initialScale: 1 as const,\n  // Studio implements display cutouts CSS (The iPhone Notch ™ ) and needs `viewport-fit=covered` for it to work correctly\n  viewportFit: 'cover',\n} satisfies Viewport\n\n/**\n * In router segments (`/app/studio/[[...index]]/page.tsx`):\n * ```tsx\n * // If you don't want to change any defaults you can just re-export the metadata directly:\n * export {metadata} from 'next-sanity/studio'\n *\n * // To customize the metadata, spread it on the export:\n * import {metadata as studioMetadata} from 'next-sanity/studio'\n * import type { Metadata } from 'next'\n *\n * export const metadata: Metadata = {\n *   ...studioMetadata,\n *   // Set another title\n *   title: 'My Studio',\n * })\n * ```\n * @public\n */\nexport const metadata = {\n  referrer: 'same-origin' as const,\n  robots: 'noindex' as const,\n} satisfies Metadata\n","import {NextStudio, type NextStudioProps} from 'next-sanity/studio/client-component'\nimport {preloadModule} from 'react-dom'\n\n/**\n * Loads the bridge script the same way Sanity Studio does:\n * https://github.com/sanity-io/sanity/blob/bd5b1acb5015baaddd8d96c2abd1eaf579b3c904/packages/sanity/src/_internal/cli/server/renderDocument.tsx#L124-L139\n */\n\nconst bridgeScript = 'https://core.sanity-cdn.com/bridge.js'\n\nexport function NextStudioWithBridge(props: NextStudioProps): React.JSX.Element {\n  preloadModule(bridgeScript, {as: 'script'})\n\n  return (\n    <>\n      <script src={bridgeScript} async type=\"module\" data-sanity-core />\n      <NextStudio {...props} />\n    </>\n  )\n}\n"],"names":["preloadModule","jsxs","Fragment","jsx","NextStudio"],"mappings":";;;AAoBO,MAAM,WAAW;AAAA,EACtB,OAAO;AAAA,EACP,cAAc;AAAA;AAAA,EAEd,aAAa;AACf,GAoBa,WAAW;AAAA,EACtB,UAAU;AAAA,EACV,QAAQ;AACV,GCxCM,eAAe;AAEd,SAAS,qBAAqB,OAA2C;AAC9E,SAAAA,SAAA,cAAc,cAAc,EAAC,IAAI,SAAS,CAAA,GAItCC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAACC,2BAAAA,IAAA,UAAA,EAAO,KAAK,cAAc,OAAK,IAAC,MAAK,UAAS,oBAAgB,GAAC,CAAA;AAAA,IAChEA,+BAACC,gBAAAA,YAAY,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA,GACzB;AAEJ;;;;;;"}

package/dist/studio.d.cts

@@ -1,6 +1,5 @@
 import {JSX} from 'react'
 import {MemoExoticComponent} from 'react'
-import {NextStudio} from 'next-sanity/studio/client-component'
 import {NextStudioProps} from 'next-sanity/studio/client-component'
 
 /**
@@ -26,7 +25,7 @@ export declare const metadata: {
   robots: 'noindex'
 }
 
-export {NextStudio}
+export declare function NextStudio(props: NextStudioProps): React.JSX.Element
 
 /** @public */
 export declare const NextStudioLayout: MemoExoticComponent<

package/dist/studio.d.ts

@@ -1,6 +1,5 @@
 import {JSX} from 'react'
 import {MemoExoticComponent} from 'react'
-import {NextStudio} from 'next-sanity/studio/client-component'
 import {NextStudioProps} from 'next-sanity/studio/client-component'
 
 /**
@@ -26,7 +25,7 @@ export declare const metadata: {
   robots: 'noindex'
 }
 
-export {NextStudio}
+export declare function NextStudio(props: NextStudioProps): React.JSX.Element
 
 /** @public */
 export declare const NextStudioLayout: MemoExoticComponent<

package/dist/studio.js

@@ -1,5 +1,7 @@
 import { NextStudioLayout, NextStudioNoScript } from "./_chunks-es/NextStudioNoScript.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { NextStudio } from "next-sanity/studio/client-component";
+import { preloadModule } from "react-dom";
 const viewport = {
   width: "device-width",
   initialScale: 1,
@@ -8,9 +10,15 @@ const viewport = {
 }, metadata = {
   referrer: "same-origin",
   robots: "noindex"
-};
+}, bridgeScript = "https://core.sanity-cdn.com/bridge.js";
+function NextStudioWithBridge(props) {
+  return preloadModule(bridgeScript, { as: "script" }), /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("script", { src: bridgeScript, async: !0, type: "module", "data-sanity-core": !0 }),
+    /* @__PURE__ */ jsx(NextStudio, { ...props })
+  ] });
+}
 export {
-  NextStudio,
+  NextStudioWithBridge as NextStudio,
   NextStudioLayout,
   NextStudioNoScript,
   metadata,

package/dist/studio.js.map

@@ -1 +1 @@
-{"version":3,"file":"studio.js","sources":["../src/studio/head.tsx"],"sourcesContent":["import type {Metadata, Viewport} from 'next'\n\n/**\n * In router segments (`/app/studio/[[...index]]/page.tsx`):\n * ```tsx\n * // If you don't want to change any defaults you can just re-export the viewport config directly:\n * export {viewport} from 'next-sanity/studio'\n *\n * // To customize the viewport config, spread it on the export:\n * import {viewport as studioViewport} from 'next-sanity/studio'\n * import type { Viewport } from 'next'\n *\n * export const viewport: Viewport = {\n *   ...studioViewport,\n *   // Overrides the viewport to resize behavior\n *   interactiveWidget: 'resizes-content'\n * })\n * ```\n * @public\n */\nexport const viewport = {\n  width: 'device-width' as const,\n  initialScale: 1 as const,\n  // Studio implements display cutouts CSS (The iPhone Notch ™ ) and needs `viewport-fit=covered` for it to work correctly\n  viewportFit: 'cover',\n} satisfies Viewport\n\n/**\n * In router segments (`/app/studio/[[...index]]/page.tsx`):\n * ```tsx\n * // If you don't want to change any defaults you can just re-export the metadata directly:\n * export {metadata} from 'next-sanity/studio'\n *\n * // To customize the metadata, spread it on the export:\n * import {metadata as studioMetadata} from 'next-sanity/studio'\n * import type { Metadata } from 'next'\n *\n * export const metadata: Metadata = {\n *   ...studioMetadata,\n *   // Set another title\n *   title: 'My Studio',\n * })\n * ```\n * @public\n */\nexport const metadata = {\n  referrer: 'same-origin' as const,\n  robots: 'noindex' as const,\n} satisfies Metadata\n"],"names":[],"mappings":";;AAoBO,MAAM,WAAW;AAAA,EACtB,OAAO;AAAA,EACP,cAAc;AAAA;AAAA,EAEd,aAAa;AACf,GAoBa,WAAW;AAAA,EACtB,UAAU;AAAA,EACV,QAAQ;AACV;"}
+{"version":3,"file":"studio.js","sources":["../src/studio/head.tsx","../src/studio/NextStudioWithBridge.tsx"],"sourcesContent":["import type {Metadata, Viewport} from 'next'\n\n/**\n * In router segments (`/app/studio/[[...index]]/page.tsx`):\n * ```tsx\n * // If you don't want to change any defaults you can just re-export the viewport config directly:\n * export {viewport} from 'next-sanity/studio'\n *\n * // To customize the viewport config, spread it on the export:\n * import {viewport as studioViewport} from 'next-sanity/studio'\n * import type { Viewport } from 'next'\n *\n * export const viewport: Viewport = {\n *   ...studioViewport,\n *   // Overrides the viewport to resize behavior\n *   interactiveWidget: 'resizes-content'\n * })\n * ```\n * @public\n */\nexport const viewport = {\n  width: 'device-width' as const,\n  initialScale: 1 as const,\n  // Studio implements display cutouts CSS (The iPhone Notch ™ ) and needs `viewport-fit=covered` for it to work correctly\n  viewportFit: 'cover',\n} satisfies Viewport\n\n/**\n * In router segments (`/app/studio/[[...index]]/page.tsx`):\n * ```tsx\n * // If you don't want to change any defaults you can just re-export the metadata directly:\n * export {metadata} from 'next-sanity/studio'\n *\n * // To customize the metadata, spread it on the export:\n * import {metadata as studioMetadata} from 'next-sanity/studio'\n * import type { Metadata } from 'next'\n *\n * export const metadata: Metadata = {\n *   ...studioMetadata,\n *   // Set another title\n *   title: 'My Studio',\n * })\n * ```\n * @public\n */\nexport const metadata = {\n  referrer: 'same-origin' as const,\n  robots: 'noindex' as const,\n} satisfies Metadata\n","import {NextStudio, type NextStudioProps} from 'next-sanity/studio/client-component'\nimport {preloadModule} from 'react-dom'\n\n/**\n * Loads the bridge script the same way Sanity Studio does:\n * https://github.com/sanity-io/sanity/blob/bd5b1acb5015baaddd8d96c2abd1eaf579b3c904/packages/sanity/src/_internal/cli/server/renderDocument.tsx#L124-L139\n */\n\nconst bridgeScript = 'https://core.sanity-cdn.com/bridge.js'\n\nexport function NextStudioWithBridge(props: NextStudioProps): React.JSX.Element {\n  preloadModule(bridgeScript, {as: 'script'})\n\n  return (\n    <>\n      <script src={bridgeScript} async type=\"module\" data-sanity-core />\n      <NextStudio {...props} />\n    </>\n  )\n}\n"],"names":[],"mappings":";;;;AAoBO,MAAM,WAAW;AAAA,EACtB,OAAO;AAAA,EACP,cAAc;AAAA;AAAA,EAEd,aAAa;AACf,GAoBa,WAAW;AAAA,EACtB,UAAU;AAAA,EACV,QAAQ;AACV,GCxCM,eAAe;AAEd,SAAS,qBAAqB,OAA2C;AAC9E,SAAA,cAAc,cAAc,EAAC,IAAI,SAAS,CAAA,GAItC,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,UAAA,EAAO,KAAK,cAAc,OAAK,IAAC,MAAK,UAAS,oBAAgB,GAAC,CAAA;AAAA,IAChE,oBAAC,YAAY,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA,GACzB;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-sanity",
-  "version": "9.10.6",
+  "version": "9.11.0",
   "description": "Sanity.io toolkit for Next.js",
   "keywords": [
     "sanity",
@@ -140,10 +140,10 @@
     "@portabletext/react": "^3.2.1",
     "@sanity/client": "^7.0.0",
     "@sanity/next-loader": "^1.5.2",
-    "@sanity/preview-kit": "^6.0.12",
+    "@sanity/preview-kit": "^6.1.0",
     "@sanity/preview-url-secret": "^2.1.10",
     "@sanity/visual-editing": "^2.13.20",
-    "groq": "^3.87.0",
+    "groq": "^3.88.0",
     "history": "^5.3.0"
   },
   "devDependencies": {
@@ -174,11 +174,12 @@
   "peerDependencies": {
     "@sanity/client": "^7.0.0",
     "@sanity/icons": "^3.7.0",
-    "@sanity/types": "^3.87.0",
+    "@sanity/types": "^3.88.0",
     "@sanity/ui": "^2.15.14",
     "next": "^14.2 || ^15.0.0-0",
     "react": "^18.3 || ^19.0.0-0",
-    "sanity": "^3.87.0",
+    "react-dom": "^18.3 || ^19.0.0-0",
+    "sanity": "^3.88.0",
     "styled-components": "^6.1"
   },
   "engines": {

package/src/studio/NextStudioWithBridge.tsx

@@ -0,0 +1,20 @@
+import {NextStudio, type NextStudioProps} from 'next-sanity/studio/client-component'
+import {preloadModule} from 'react-dom'
+
+/**
+ * Loads the bridge script the same way Sanity Studio does:
+ * https://github.com/sanity-io/sanity/blob/bd5b1acb5015baaddd8d96c2abd1eaf579b3c904/packages/sanity/src/_internal/cli/server/renderDocument.tsx#L124-L139
+ */
+
+const bridgeScript = 'https://core.sanity-cdn.com/bridge.js'
+
+export function NextStudioWithBridge(props: NextStudioProps): React.JSX.Element {
+  preloadModule(bridgeScript, {as: 'script'})
+
+  return (
+    <>
+      <script src={bridgeScript} async type="module" data-sanity-core />
+      <NextStudio {...props} />
+    </>
+  )
+}

package/src/studio/index.ts

@@ -1,4 +1,5 @@
 export {metadata, viewport} from './head'
 export * from './NextStudioLayout'
 export * from './NextStudioNoScript'
-export {NextStudio, type NextStudioProps} from 'next-sanity/studio/client-component'
+export {NextStudioWithBridge as NextStudio} from './NextStudioWithBridge'
+export {type NextStudioProps} from 'next-sanity/studio/client-component'