next-sanity 7.0.16 → 7.1.0

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./client.cjs"),t=require("groq"),r=require("@sanity/client");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(t);exports.createClient=e.createClient,Object.defineProperty(exports,"groq",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(exports,"unstable__adapter",{enumerable:!0,get:function(){return r.unstable__adapter}}),Object.defineProperty(exports,"unstable__environment",{enumerable:!0,get:function(){return r.unstable__environment}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./client.cjs"),t=require("./visual-editing/index.cjs"),r=require("groq"),n=require("@sanity/client");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(r);exports.createClient=e.createClient,exports.VisualEditing=t.VisualEditing,Object.defineProperty(exports,"groq",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(exports,"unstable__adapter",{enumerable:!0,get:function(){return n.unstable__adapter}}),Object.defineProperty(exports,"unstable__environment",{enumerable:!0,get:function(){return n.unstable__environment}});
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.js

@@ -1,6 +1,7 @@
 import cjs from './index.cjs';
 
 export const createClient = cjs.createClient;
+export const VisualEditing = cjs.VisualEditing;
 export const groq = cjs.groq;
 export const unstable__adapter = cjs.unstable__adapter;
 export const unstable__environment = cjs.unstable__environment;

package/dist/index.d.ts

@@ -1,8 +1,11 @@
+/// <reference types="react" />
+
 import {createClient as createClient_2} from '@sanity/preview-kit/client'
 import {default as groq} from 'groq'
 import {PreviewKitClientConfig} from '@sanity/preview-kit/client'
 import {unstable__adapter} from '@sanity/client'
 import {unstable__environment} from '@sanity/client'
+import {VisualEditingOptions} from '@sanity/visual-editing'
 
 /** @public */
 export declare interface ClientConfig
@@ -37,6 +40,21 @@ export {unstable__adapter}
 
 export {unstable__environment}
 
+/**
+ * @public
+ */
+export declare function VisualEditing(props: VisualEditingProps): React.ReactElement
+
+/**
+ * @public
+ */
+export declare interface VisualEditingProps extends Omit<VisualEditingOptions, 'history'> {
+  /**
+   * @deprecated The histoy adapter is already implemented
+   */
+  history?: never
+}
+
 export * from '@sanity/preview-kit/client'
 
 export {}

package/dist/index.js

@@ -1,2 +1,2 @@
-export{createClient}from"./client.js";export{default as groq}from"groq";export{unstable__adapter,unstable__environment}from"@sanity/client";
+export{createClient}from"./client.js";export{VisualEditing}from"./visual-editing/index.js";export{default as groq}from"groq";export{unstable__adapter,unstable__environment}from"@sanity/client";
 //# sourceMappingURL=index.js.map

package/dist/visual-editing/VisualEditing.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";var e=require("@sanity/visual-editing"),t=require("next/navigation.js"),r=require("react");module.exports=function(u){const{zIndex:n}=u,c=t.useRouter(),s=r.useRef(c),[a,i]=r.useState();r.useEffect((()=>{s.current=c}),[c]),r.useEffect((()=>{const t=e.enableVisualEditing({zIndex:n,history:{subscribe:e=>(i((()=>e)),()=>i(void 0)),update:e=>{switch(e.type){case"push":return s.current.push(e.url);case"pop":return s.current.back();case"replace":return s.current.replace(e.url);default:throw new Error("Unknown update type: ".concat(e.type))}}}});return()=>t()}),[n]);const o=t.usePathname(),l=t.useSearchParams();return r.useEffect((()=>{a&&a({type:"push",url:"".concat(o).concat((null==l?void 0:l.size)?"?".concat(l):"")})}),[a,o,l]),null};
+//# sourceMappingURL=VisualEditing.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisualEditing.cjs","sources":["../../src/visual-editing/VisualEditing.tsx"],"sourcesContent":["'use client'\n\nimport {\n  enableVisualEditing,\n  type HistoryAdapterNavigate,\n  type VisualEditingOptions,\n} from '@sanity/visual-editing'\nimport {usePathname, useRouter, useSearchParams} from 'next/navigation.js'\nimport {useEffect, useRef, useState} from 'react'\n\n/**\n * @public\n */\nexport interface VisualEditingProps extends Omit<VisualEditingOptions, 'history'> {\n  /**\n   * @deprecated The histoy adapter is already implemented\n   */\n  history?: never\n}\n\nexport default function VisualEditing(props: VisualEditingProps): null {\n  const {zIndex} = props\n\n  const router = useRouter()\n  const routerRef = useRef(router)\n  const [navigate, setNavigate] = useState<HistoryAdapterNavigate | undefined>()\n\n  useEffect(() => {\n    routerRef.current = router\n  }, [router])\n  useEffect(() => {\n    const disable = enableVisualEditing({\n      zIndex,\n      history: {\n        subscribe: (_navigate) => {\n          setNavigate(() => _navigate)\n          return () => setNavigate(undefined)\n        },\n        update: (update) => {\n          switch (update.type) {\n            case 'push':\n              return routerRef.current.push(update.url)\n            case 'pop':\n              return routerRef.current.back()\n            case 'replace':\n              return routerRef.current.replace(update.url)\n            default:\n              throw new Error(`Unknown update type: ${update.type}`)\n          }\n        },\n      },\n    })\n    return () => disable()\n  }, [zIndex])\n\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  useEffect(() => {\n    if (navigate) {\n      navigate({\n        type: 'push',\n        url: `${pathname}${searchParams?.size ? `?${searchParams}` : ''}`,\n      })\n    }\n  }, [navigate, pathname, searchParams])\n\n  return null\n}\n"],"names":["props","zIndex","router","useRouter","routerRef","useRef","navigate","setNavigate","useState","useEffect","current","disable","enableVisualEditing","history","subscribe","_navigate","update","type","push","url","back","replace","Error","concat","pathname","usePathname","searchParams","useSearchParams","size"],"mappings":"oIAoBA,SAAsCA,GAC9B,MAAAC,OAACA,GAAUD,EAEXE,EAASC,EAAAA,YACTC,EAAYC,SAAOH,IAClBI,EAAUC,GAAeC,EAA6CA,WAE7EC,EAAAA,WAAU,KACRL,EAAUM,QAAUR,CAAA,GACnB,CAACA,IACJO,EAAAA,WAAU,KACR,MAAME,EAAUC,EAAAA,oBAAoB,CAClCX,SACAY,QAAS,CACPC,UAAYC,IACVR,GAAY,IAAMQ,IACX,IAAMR,OAAY,IAE3BS,OAASA,IACP,OAAQA,EAAOC,MACb,IAAK,OACH,OAAOb,EAAUM,QAAQQ,KAAKF,EAAOG,KACvC,IAAK,MACI,OAAAf,EAAUM,QAAQU,OAC3B,IAAK,UACH,OAAOhB,EAAUM,QAAQW,QAAQL,EAAOG,KAC1C,QACE,MAAM,IAAIG,MAAM,wBAAwBC,OAAAP,EAAOC,OACnD,KAIN,MAAO,IAAMN,GAAQ,GACpB,CAACV,IAEJ,MAAMuB,EAAWC,EAAAA,cACXC,EAAeC,EAAAA,kBAUd,OATPlB,EAAAA,WAAU,KACJH,GACOA,EAAA,CACPW,KAAM,OACNE,IAAK,GAAGI,OAAAC,GAAWD,QAAc,MAAAG,OAAA,EAAAA,EAAAE,MAAO,IAAIL,OAAiBG,GAAA,KAEjE,GACC,CAACpB,EAAUkB,EAAUE,IAEjB,IACT"}

package/dist/visual-editing/VisualEditing.js

@@ -0,0 +1,2 @@
+"use client";import{enableVisualEditing as t}from"@sanity/visual-editing";import{useRouter as r,usePathname as e,useSearchParams as n}from"next/navigation.js";import{useRef as c,useState as u,useEffect as o}from"react";function a(a){const{zIndex:s}=a,i=r(),p=c(i),[l,d]=u();o((()=>{p.current=i}),[i]),o((()=>{const r=t({zIndex:s,history:{subscribe:t=>(d((()=>t)),()=>d(void 0)),update:t=>{switch(t.type){case"push":return p.current.push(t.url);case"pop":return p.current.back();case"replace":return p.current.replace(t.url);default:throw new Error("Unknown update type: ".concat(t.type))}}}});return()=>r()}),[s]);const f=e(),h=n();return o((()=>{l&&l({type:"push",url:"".concat(f).concat((null==h?void 0:h.size)?"?".concat(h):"")})}),[l,f,h]),null}export{a as default};
+//# sourceMappingURL=VisualEditing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisualEditing.js","sources":["../../src/visual-editing/VisualEditing.tsx"],"sourcesContent":["'use client'\n\nimport {\n  enableVisualEditing,\n  type HistoryAdapterNavigate,\n  type VisualEditingOptions,\n} from '@sanity/visual-editing'\nimport {usePathname, useRouter, useSearchParams} from 'next/navigation.js'\nimport {useEffect, useRef, useState} from 'react'\n\n/**\n * @public\n */\nexport interface VisualEditingProps extends Omit<VisualEditingOptions, 'history'> {\n  /**\n   * @deprecated The histoy adapter is already implemented\n   */\n  history?: never\n}\n\nexport default function VisualEditing(props: VisualEditingProps): null {\n  const {zIndex} = props\n\n  const router = useRouter()\n  const routerRef = useRef(router)\n  const [navigate, setNavigate] = useState<HistoryAdapterNavigate | undefined>()\n\n  useEffect(() => {\n    routerRef.current = router\n  }, [router])\n  useEffect(() => {\n    const disable = enableVisualEditing({\n      zIndex,\n      history: {\n        subscribe: (_navigate) => {\n          setNavigate(() => _navigate)\n          return () => setNavigate(undefined)\n        },\n        update: (update) => {\n          switch (update.type) {\n            case 'push':\n              return routerRef.current.push(update.url)\n            case 'pop':\n              return routerRef.current.back()\n            case 'replace':\n              return routerRef.current.replace(update.url)\n            default:\n              throw new Error(`Unknown update type: ${update.type}`)\n          }\n        },\n      },\n    })\n    return () => disable()\n  }, [zIndex])\n\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  useEffect(() => {\n    if (navigate) {\n      navigate({\n        type: 'push',\n        url: `${pathname}${searchParams?.size ? `?${searchParams}` : ''}`,\n      })\n    }\n  }, [navigate, pathname, searchParams])\n\n  return null\n}\n"],"names":["VisualEditing","props","zIndex","router","useRouter","routerRef","useRef","navigate","setNavigate","useState","useEffect","current","disable","enableVisualEditing","history","subscribe","_navigate","update","type","push","url","back","replace","Error","concat","pathname","usePathname","searchParams","useSearchParams","size"],"mappings":"2NAoBA,SAAwBA,EAAcC,GAC9B,MAAAC,OAACA,GAAUD,EAEXE,EAASC,IACTC,EAAYC,EAAOH,IAClBI,EAAUC,GAAeC,IAEhCC,GAAU,KACRL,EAAUM,QAAUR,CAAA,GACnB,CAACA,IACJO,GAAU,KACR,MAAME,EAAUC,EAAoB,CAClCX,SACAY,QAAS,CACPC,UAAYC,IACVR,GAAY,IAAMQ,IACX,IAAMR,OAAY,IAE3BS,OAASA,IACP,OAAQA,EAAOC,MACb,IAAK,OACH,OAAOb,EAAUM,QAAQQ,KAAKF,EAAOG,KACvC,IAAK,MACI,OAAAf,EAAUM,QAAQU,OAC3B,IAAK,UACH,OAAOhB,EAAUM,QAAQW,QAAQL,EAAOG,KAC1C,QACE,MAAM,IAAIG,MAAM,wBAAwBC,OAAAP,EAAOC,OACnD,KAIN,MAAO,IAAMN,GAAQ,GACpB,CAACV,IAEJ,MAAMuB,EAAWC,IACXC,EAAeC,IAUd,OATPlB,GAAU,KACJH,GACOA,EAAA,CACPW,KAAM,OACNE,IAAK,GAAGI,OAAAC,GAAWD,QAAc,MAAAG,OAAA,EAAAA,EAAAE,MAAO,IAAIL,OAAiBG,GAAA,KAEjE,GACC,CAACpB,EAAUkB,EAAUE,IAEjB,IACT"}

package/dist/visual-editing/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");function t(e){return Object.freeze({__proto__:null,default:e})}const n=r.lazy((()=>Promise.resolve().then((function(){return t(require("./VisualEditing.cjs"))}))));exports.VisualEditing=function(t){return e.jsx(r.Suspense,{fallback:null,children:e.jsx(n,{...t})})};
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/visual-editing/index.tsx"],"sourcesContent":["import {lazy, Suspense} from 'react'\n\nimport type {VisualEditingProps} from './VisualEditing'\n\nconst VisualEditingComponent = lazy(() => import('./VisualEditing'))\n\n/**\n * @public\n */\nexport function VisualEditing(props: VisualEditingProps): React.ReactElement {\n  return (\n    <Suspense fallback={null}>\n      <VisualEditingComponent {...props} />\n    </Suspense>\n  )\n}\n"],"names":["VisualEditingComponent","lazy","Promise","resolve","then","_interopNamespaceDefaultOnly","require","props","jsx","Suspense","fallback","children"],"mappings":"yLAIA,MAAMA,EAAyBC,EAAAA,MAAK,IAAMC,QAAOC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAA,uBAAkB,4BAK5D,SAAuBC,GAE1B,OAAAC,MAACC,EAAAA,UAASC,SAAU,KAClBC,eAACX,EAAwB,IAAGO,KAGlC"}

package/dist/visual-editing/index.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{lazy as t,Suspense as i}from"react";const n=t((()=>import("./VisualEditing.js")));function o(t){return r(i,{fallback:null,children:r(n,{...t})})}export{o as VisualEditing};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/visual-editing/index.tsx"],"sourcesContent":["import {lazy, Suspense} from 'react'\n\nimport type {VisualEditingProps} from './VisualEditing'\n\nconst VisualEditingComponent = lazy(() => import('./VisualEditing'))\n\n/**\n * @public\n */\nexport function VisualEditing(props: VisualEditingProps): React.ReactElement {\n  return (\n    <Suspense fallback={null}>\n      <VisualEditingComponent {...props} />\n    </Suspense>\n  )\n}\n"],"names":["VisualEditingComponent","lazy","import","VisualEditing","props","jsx","Suspense","fallback","children"],"mappings":"mFAIA,MAAMA,EAAyBC,GAAK,IAAMC,OAAO,wBAK1C,SAASC,EAAcC,GAE1B,OAAAC,EAACC,GAASC,SAAU,KAClBC,WAACR,EAAwB,IAAGI,KAGlC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-sanity",
-  "version": "7.0.16",
+  "version": "7.1.0",
   "description": "Sanity.io toolkit for Next.js",
   "keywords": [
     "sanity",
@@ -175,7 +175,8 @@
   },
   "dependencies": {
     "@sanity/client": "^6.12.3",
-    "@sanity/preview-kit": "5.0.18",
+    "@sanity/preview-kit": "5.0.19",
+    "@sanity/visual-editing": "1.0.1",
     "@sanity/webhook": "4.0.0",
     "groq": "^3.19"
   },
@@ -186,13 +187,12 @@
     "@sanity/browserslist-config": "^1.0.0",
     "@sanity/eslint-config-studio": "^3.0.1",
     "@sanity/image-url": "^1.0.2",
-    "@sanity/overlays": "2.3.8",
-    "@sanity/pkg-utils": "^4.1.1",
+    "@sanity/pkg-utils": "^4.1.3",
     "@sanity/ui": "^2.0.1",
-    "@sanity/vision": "3.26.1",
-    "@types/react": "^18.2.48",
+    "@sanity/vision": "3.27.1",
+    "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.18",
-    "@typescript-eslint/eslint-plugin": "^6.20.0",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@vitest/coverage-v8": "^1.2.2",
     "autoprefixer": "^10.4.17",
     "eslint": "^8.56.0",
@@ -204,15 +204,15 @@
     "groqd": "^0.15.10",
     "ls-engines": "^0.9.1",
     "next": "14.1.0",
-    "postcss": "^8.4.33",
-    "prettier": "^3.2.4",
-    "prettier-plugin-packagejson": "^2.4.9",
+    "postcss": "^8.4.34",
+    "prettier": "^3.2.5",
+    "prettier-plugin-packagejson": "^2.4.10",
     "prettier-plugin-tailwindcss": "^0.5.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "rollup": "^4.9.6",
-    "sanity": "3.26.1",
+    "sanity": "3.27.1",
     "server-only": "^0.0.1",
     "styled-components": "^6.1.8",
     "suspend-react": "^0.1.3",

package/src/index.ts

@@ -1,2 +1,4 @@
 export * from './client'
+export {VisualEditing} from './visual-editing'
+export type {VisualEditingProps} from './visual-editing/VisualEditing'
 export {default as groq} from 'groq'

package/src/visual-editing/VisualEditing.tsx

@@ -0,0 +1,68 @@
+'use client'
+
+import {
+  enableVisualEditing,
+  type HistoryAdapterNavigate,
+  type VisualEditingOptions,
+} from '@sanity/visual-editing'
+import {usePathname, useRouter, useSearchParams} from 'next/navigation.js'
+import {useEffect, useRef, useState} from 'react'
+
+/**
+ * @public
+ */
+export interface VisualEditingProps extends Omit<VisualEditingOptions, 'history'> {
+  /**
+   * @deprecated The histoy adapter is already implemented
+   */
+  history?: never
+}
+
+export default function VisualEditing(props: VisualEditingProps): null {
+  const {zIndex} = props
+
+  const router = useRouter()
+  const routerRef = useRef(router)
+  const [navigate, setNavigate] = useState<HistoryAdapterNavigate | undefined>()
+
+  useEffect(() => {
+    routerRef.current = router
+  }, [router])
+  useEffect(() => {
+    const disable = enableVisualEditing({
+      zIndex,
+      history: {
+        subscribe: (_navigate) => {
+          setNavigate(() => _navigate)
+          return () => setNavigate(undefined)
+        },
+        update: (update) => {
+          switch (update.type) {
+            case 'push':
+              return routerRef.current.push(update.url)
+            case 'pop':
+              return routerRef.current.back()
+            case 'replace':
+              return routerRef.current.replace(update.url)
+            default:
+              throw new Error(`Unknown update type: ${update.type}`)
+          }
+        },
+      },
+    })
+    return () => disable()
+  }, [zIndex])
+
+  const pathname = usePathname()
+  const searchParams = useSearchParams()
+  useEffect(() => {
+    if (navigate) {
+      navigate({
+        type: 'push',
+        url: `${pathname}${searchParams?.size ? `?${searchParams}` : ''}`,
+      })
+    }
+  }, [navigate, pathname, searchParams])
+
+  return null
+}

package/src/visual-editing/index.tsx

@@ -0,0 +1,16 @@
+import {lazy, Suspense} from 'react'
+
+import type {VisualEditingProps} from './VisualEditing'
+
+const VisualEditingComponent = lazy(() => import('./VisualEditing'))
+
+/**
+ * @public
+ */
+export function VisualEditing(props: VisualEditingProps): React.ReactElement {
+  return (
+    <Suspense fallback={null}>
+      <VisualEditingComponent {...props} />
+    </Suspense>
+  )
+}