next-sanity 9.5.2 → 9.5.3

package/dist/_chunks-cjs/NextStudio.cjs

@@ -0,0 +1,88 @@
+"use strict";
+var jsxRuntime = require("react/jsx-runtime"), react = require("react"), sanity = require("sanity"), NextStudioNoScript = require("./NextStudioNoScript.cjs"), history = require("history"), navigation_js = require("next/navigation.js"), styledComponents = require("styled-components");
+function createHashHistoryForStudio() {
+  const history$1 = history.createHashHistory();
+  return {
+    get action() {
+      return history$1.action;
+    },
+    get location() {
+      return history$1.location;
+    },
+    get createHref() {
+      return history$1.createHref;
+    },
+    get push() {
+      return history$1.push;
+    },
+    get replace() {
+      return history$1.replace;
+    },
+    get go() {
+      return history$1.go;
+    },
+    get back() {
+      return history$1.back;
+    },
+    get forward() {
+      return history$1.forward;
+    },
+    get block() {
+      return history$1.block;
+    },
+    // Overriding listen to workaround a problem where native history provides history.listen(location => void), but the npm package is history.listen(({action, location}) => void)
+    listen(listener) {
+      return history$1.listen(({ location }) => {
+        listener(location);
+      });
+    }
+  };
+}
+function StyledComponentsRegistry({
+  children,
+  isMounted
+}) {
+  const [styledComponentsStyleSheet] = react.useState(() => new styledComponents.ServerStyleSheet());
+  return navigation_js.useServerInsertedHTML(() => {
+    const styles = styledComponentsStyleSheet.getStyleElement();
+    return styledComponentsStyleSheet.instance.clearTag(), /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: styles });
+  }), isMounted ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : /* @__PURE__ */ jsxRuntime.jsx(styledComponents.StyleSheetManager, { sheet: styledComponentsStyleSheet.instance, children });
+}
+function useIsMounted() {
+  return react.useSyncExternalStore(
+    emptySubscribe,
+    () => !0,
+    () => !1
+  );
+}
+const emptySubscribe = () => () => {
+};
+function NextStudioComponent({
+  children,
+  config,
+  unstable__noScript = !0,
+  scheme,
+  history: history2,
+  ...props
+}) {
+  const isMounted = useIsMounted(), unstableHistory = react.useMemo(() => {
+    if (props.unstable_history && history2)
+      throw new Error("Cannot use both `unstable_history` and `history` props at the same time");
+    return isMounted && history2 === "hash" ? createHashHistoryForStudio() : props.unstable_history;
+  }, [history2, isMounted, props.unstable_history]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    unstable__noScript && /* @__PURE__ */ jsxRuntime.jsx(NextStudioNoScript.NextStudioNoScript, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(StyledComponentsRegistry, { isMounted, children: /* @__PURE__ */ jsxRuntime.jsx(NextStudioNoScript.NextStudioLayout, { children: history2 === "hash" && !isMounted ? null : children || /* @__PURE__ */ jsxRuntime.jsx(
+      sanity.Studio,
+      {
+        config,
+        scheme,
+        unstable_globalStyles: !0,
+        ...props,
+        unstable_history: unstableHistory
+      }
+    ) }) })
+  ] });
+}
+exports.default = NextStudioComponent;
+//# sourceMappingURL=NextStudio.cjs.map

package/dist/_chunks-cjs/NextStudio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudio.cjs","sources":["../../src/studio/client-component/createHashHistoryForStudio.ts","../../src/studio/client-component/registry.tsx","../../src/studio/client-component/useIsMounted.ts","../../src/studio/client-component/NextStudio.tsx"],"sourcesContent":["import {createHashHistory, type History, type Listener} from 'history'\n\n/** @internal */\nexport function createHashHistoryForStudio(): History {\n  const history = createHashHistory()\n  return {\n    get action() {\n      return history.action\n    },\n    get location() {\n      return history.location\n    },\n    get createHref() {\n      return history.createHref\n    },\n    get push() {\n      return history.push\n    },\n    get replace() {\n      return history.replace\n    },\n    get go() {\n      return history.go\n    },\n    get back() {\n      return history.back\n    },\n    get forward() {\n      return history.forward\n    },\n    get block() {\n      return history.block\n    },\n    // Overriding listen to workaround a problem where native history provides history.listen(location => void), but the npm package is history.listen(({action, location}) => void)\n    listen(listener: Listener) {\n      // return history.listen(({ action, location }) => {\n      return history.listen(({location}) => {\n        // console.debug('history.listen', action, location)\n        // @ts-expect-error -- working around a bug? in studio\n        listener(location)\n      })\n    },\n  }\n}\n","// https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components\nimport {useServerInsertedHTML} from 'next/navigation.js'\nimport {useState} from 'react'\nimport {ServerStyleSheet, StyleSheetManager} from 'styled-components'\n\nexport function StyledComponentsRegistry({\n  children,\n  isMounted,\n}: {\n  children: React.ReactNode\n  isMounted: boolean\n}): JSX.Element {\n  // Only create stylesheet once with lazy initial state\n  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state\n  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet())\n\n  useServerInsertedHTML(() => {\n    const styles = styledComponentsStyleSheet.getStyleElement()\n    styledComponentsStyleSheet.instance.clearTag()\n    return <>{styles}</>\n  })\n\n  if (isMounted) return <>{children}</>\n\n  return (\n    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>{children}</StyleSheetManager>\n  )\n}\n","import {useSyncExternalStore} from 'react'\n\n/** @internal */\nexport function useIsMounted(): boolean {\n  return useSyncExternalStore(\n    emptySubscribe,\n    () => true,\n    () => false,\n  )\n}\n// eslint-disable-next-line no-empty-function\nconst emptySubscribe = () => () => {}\n","import {useMemo} from 'react'\nimport {Studio, type StudioProps} from 'sanity'\n\nimport {NextStudioLayout} from '../NextStudioLayout'\nimport {NextStudioNoScript} from '../NextStudioNoScript'\nimport {createHashHistoryForStudio} from './createHashHistoryForStudio'\nimport {StyledComponentsRegistry} from './registry'\nimport {useIsMounted} from './useIsMounted'\n\n/** @public */\nexport interface NextStudioProps extends StudioProps {\n  children?: React.ReactNode\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n  /**\n   * The 'hash' option is new feature that is not yet stable for production, but is available for testing and its API won't change in a breaking way.\n   * If 'hash' doesn't work for you, or if you want to use a memory based history, you can use the `unstable_history` prop instead.\n   * @alpha\n   * @defaultValue 'browser'\n   */\n  history?: 'browser' | 'hash'\n}\n/**\n * Override how the Studio renders by passing children.\n * This is useful for advanced use cases where you're using StudioProvider and StudioLayout instead of Studio:\n * ```\n * import {StudioProvider, StudioLayout} from 'sanity'\n * import {NextStudio} from 'next-sanity/studio'\n * <NextStudio config={config}>\n *   <StudioProvider config={config}>\n *     <CustomComponentThatUsesContextFromStudioProvider />\n *     <StudioLayout />\n *   </StudioProvider>\n * </NextStudio>\n * ```\n * @public\n */\nexport default function NextStudioComponent({\n  children,\n  config,\n  unstable__noScript = true,\n  scheme,\n  history,\n  ...props\n}: NextStudioProps): React.JSX.Element {\n  const isMounted = useIsMounted()\n  const unstableHistory = useMemo<typeof props.unstable_history>(() => {\n    if (props.unstable_history && history) {\n      throw new Error('Cannot use both `unstable_history` and `history` props at the same time')\n    }\n\n    if (isMounted && history === 'hash') {\n      return createHashHistoryForStudio()\n    }\n    return props.unstable_history\n  }, [history, isMounted, props.unstable_history])\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <StyledComponentsRegistry isMounted={isMounted}>\n        <NextStudioLayout>\n          {history === 'hash' && !isMounted\n            ? null\n            : children || (\n                <Studio\n                  config={config}\n                  scheme={scheme}\n                  unstable_globalStyles\n                  {...props}\n                  unstable_history={unstableHistory}\n                />\n              )}\n        </NextStudioLayout>\n      </StyledComponentsRegistry>\n    </>\n  )\n}\n"],"names":["history","createHashHistory","useState","ServerStyleSheet","useServerInsertedHTML","jsx","Fragment","StyleSheetManager","useSyncExternalStore","useMemo","jsxs","NextStudioNoScript","NextStudioLayout","Studio"],"mappings":";;AAGO,SAAS,6BAAsC;AACpD,QAAMA,YAAUC,QAAAA;AACT,SAAA;AAAA,IACL,IAAI,SAAS;AACX,aAAOD,UAAQ;AAAA,IACjB;AAAA,IACA,IAAI,WAAW;AACb,aAAOA,UAAQ;AAAA,IACjB;AAAA,IACA,IAAI,aAAa;AACf,aAAOA,UAAQ;AAAA,IACjB;AAAA,IACA,IAAI,OAAO;AACT,aAAOA,UAAQ;AAAA,IACjB;AAAA,IACA,IAAI,UAAU;AACZ,aAAOA,UAAQ;AAAA,IACjB;AAAA,IACA,IAAI,KAAK;AACP,aAAOA,UAAQ;AAAA,IACjB;AAAA,IACA,IAAI,OAAO;AACT,aAAOA,UAAQ;AAAA,IACjB;AAAA,IACA,IAAI,UAAU;AACZ,aAAOA,UAAQ;AAAA,IACjB;AAAA,IACA,IAAI,QAAQ;AACV,aAAOA,UAAQ;AAAA,IACjB;AAAA;AAAA,IAEA,OAAO,UAAoB;AAEzB,aAAOA,UAAQ,OAAO,CAAC,EAAC,eAAc;AAGpC,iBAAS,QAAQ;AAAA,MAAA,CAClB;AAAA,IACH;AAAA,EAAA;AAEJ;ACtCO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACF,GAGgB;AAGd,QAAM,CAAC,0BAA0B,IAAIE,MAAAA,SAAS,MAAM,IAAIC,iBAAAA,iBAAkB,CAAA;AAQ1E,SANAC,oCAAsB,MAAM;AACpB,UAAA,SAAS,2BAA2B;AAC1C,WAAA,2BAA2B,SAAS,YAC7BC,2BAAAA,IAAAC,WAAAA,UAAA,EAAG,UAAO,OAAA,CAAA;AAAA,EAClB,CAAA,GAEG,YAAqBD,2BAAAA,IAAAC,WAAAA,UAAA,EAAA,SAAA,CAAS,IAGhCD,2BAAA,IAACE,iBAAkB,mBAAA,EAAA,OAAO,2BAA2B,UAAW,SAAS,CAAA;AAE7E;ACxBO,SAAS,eAAwB;AAC/B,SAAAC,MAAA;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV;AAEA,MAAM,iBAAiB,MAAM,MAAM;AAAC;AC8BpC,SAAwB,oBAAoB;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAAR;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,QAAM,YAAY,aAAA,GACZ,kBAAkBS,cAAuC,MAAM;AACnE,QAAI,MAAM,oBAAoBT;AACtB,YAAA,IAAI,MAAM,yEAAyE;AAG3F,WAAI,aAAaA,aAAY,SACpB,+BAEF,MAAM;AAAA,KACZ,CAACA,UAAS,WAAW,MAAM,gBAAgB,CAAC;AAE/C,SAEKU,2BAAA,KAAAJ,qBAAA,EAAA,UAAA;AAAA,IAAA,qDAAuBK,mBAAmB,oBAAA,EAAA;AAAA,IAC3CN,2BAAAA,IAAC,0BAAyB,EAAA,WACxB,UAACA,2BAAA,IAAAO,mBAAA,kBAAA,EACE,uBAAY,UAAU,CAAC,YACpB,OACA,YACEP,2BAAA;AAAA,MAACQ,OAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,uBAAqB;AAAA,QACpB,GAAG;AAAA,QACJ,kBAAkB;AAAA,MAAA;AAAA,OAG5B,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/_chunks-cjs/VisualEditing.cjs

@@ -0,0 +1,104 @@
+"use strict";
+var jsxRuntime = require("react/jsx-runtime"), react$1 = require("@sanity/visual-editing/react"), navigation_js = require("next/navigation.js"), serverActions = require("next-sanity/visual-editing/server-actions"), react = require("react"), reactDom = require("react-dom");
+function pathHasPrefix(path, prefix) {
+  if (typeof path != "string")
+    return !1;
+  const { pathname } = parsePath(path);
+  return pathname === prefix || pathname.startsWith(`${prefix}/`);
+}
+function parsePath(path) {
+  const hashIndex = path.indexOf("#"), queryIndex = path.indexOf("?"), hasQuery = queryIndex > -1 && (hashIndex < 0 || queryIndex < hashIndex);
+  return hasQuery || hashIndex > -1 ? {
+    pathname: path.substring(0, hasQuery ? queryIndex : hashIndex),
+    query: hasQuery ? path.substring(queryIndex, hashIndex > -1 ? hashIndex : void 0) : "",
+    hash: hashIndex > -1 ? path.slice(hashIndex) : ""
+  } : { pathname: path, query: "", hash: "" };
+}
+function addPathPrefix(path, prefix) {
+  if (!path.startsWith("/") || !prefix)
+    return path;
+  if (path === "/" && prefix)
+    return prefix;
+  const { pathname, query, hash } = parsePath(path);
+  return `${prefix}${pathname}${query}${hash}`;
+}
+function removePathPrefix(path, prefix) {
+  if (!pathHasPrefix(path, prefix))
+    return path;
+  const withoutPrefix = path.slice(prefix.length);
+  return withoutPrefix.startsWith("/") ? withoutPrefix : `/${withoutPrefix}`;
+}
+const normalizePathTrailingSlash = (path, trailingSlash) => {
+  const { pathname, query, hash } = parsePath(path);
+  return trailingSlash ? pathname.endsWith("/") ? `${pathname}${query}${hash}` : `${pathname}/${query}${hash}` : `${removeTrailingSlash(pathname)}${query}${hash}`;
+};
+function removeTrailingSlash(route) {
+  return route.replace(/\/$/, "") || "/";
+}
+function VisualEditing(props) {
+  const { basePath = "", refresh, trailingSlash = !1, zIndex } = props, router = navigation_js.useRouter(), routerRef = react.useRef(router), [navigate, setNavigate] = react.useState();
+  react.useEffect(() => {
+    routerRef.current = router;
+  }, [router]);
+  const history = react.useMemo(
+    () => ({
+      subscribe: (_navigate) => (setNavigate(() => _navigate), () => setNavigate(void 0)),
+      update: (update) => {
+        switch (update.type) {
+          case "push":
+            return routerRef.current.push(removePathPrefix(update.url, basePath));
+          case "pop":
+            return routerRef.current.back();
+          case "replace":
+            return routerRef.current.replace(removePathPrefix(update.url, basePath));
+          default:
+            throw new Error(`Unknown update type: ${update.type}`);
+        }
+      }
+    }),
+    [basePath]
+  ), pathname = navigation_js.usePathname(), searchParams = navigation_js.useSearchParams();
+  react.useEffect(() => {
+    navigate && navigate({
+      type: "push",
+      url: normalizePathTrailingSlash(
+        addPathPrefix(`${pathname}${searchParams?.size ? `?${searchParams}` : ""}`, basePath),
+        trailingSlash
+      )
+    });
+  }, [basePath, navigate, pathname, searchParams, trailingSlash]);
+  const handleRefresh = react.useCallback(
+    (payload) => {
+      if (refresh) return refresh(payload);
+      const manualFastRefresh = () => (console.debug(
+        "Live preview is setup, calling router.refresh() to refresh the server components without refetching cached data"
+      ), routerRef.current.refresh(), Promise.resolve()), manualFallbackRefresh = () => (console.debug(
+        "No loaders in live mode detected, or preview kit setup, revalidating root layout"
+      ), serverActions.revalidateRootLayout()), mutationFastRefresh = () => (console.debug(
+        "Live preview is setup, mutation is skipped assuming its handled by the live preview"
+      ), !1), mutationFallbackRefresh = () => (console.debug(
+        "No loaders in live mode detected, or preview kit setup, revalidating root layout"
+      ), serverActions.revalidateRootLayout());
+      switch (payload.source) {
+        case "manual":
+          return payload.livePreviewEnabled ? manualFastRefresh() : manualFallbackRefresh();
+        case "mutation":
+          return payload.livePreviewEnabled ? mutationFastRefresh() : mutationFallbackRefresh();
+        default:
+          throw new Error("Unknown refresh source", { cause: payload });
+      }
+    },
+    [refresh]
+  ), [node, setNode] = react.useState(null);
+  return react.useEffect(() => {
+    const node2 = document.createElement("div");
+    return node2.id = "sanity-visual-editing", document.documentElement.appendChild(node2), setNode(node2), () => {
+      setNode(null), document.documentElement.contains(node2) && document.documentElement.removeChild(node2);
+    };
+  }, []), node ? reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.VisualEditing, { history, refresh: handleRefresh, zIndex }),
+    node
+  ) : null;
+}
+exports.default = VisualEditing;
+//# sourceMappingURL=VisualEditing.cjs.map

package/dist/_chunks-cjs/VisualEditing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualEditing.cjs","sources":["../../src/visual-editing/client-component/utils.ts","../../src/visual-editing/client-component/VisualEditing.tsx"],"sourcesContent":["/**\n * From: https://github.com/vercel/next.js/blob/5469e6427b54ab7e9876d4c85b47f9c3afdc5c1f/packages/next/src/shared/lib/router/utils/path-has-prefix.ts#L10-L17\n * Checks if a given path starts with a given prefix. It ensures it matches\n * exactly without containing extra chars. e.g. prefix /docs should replace\n * for /docs, /docs/, /docs/a but not /docsss\n * @param path The path to check.\n * @param prefix The prefix to check against.\n */\nfunction pathHasPrefix(path: string, prefix: string): boolean {\n  if (typeof path !== 'string') {\n    return false\n  }\n\n  const {pathname} = parsePath(path)\n  return pathname === prefix || pathname.startsWith(`${prefix}/`)\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/5469e6427b54ab7e9876d4c85b47f9c3afdc5c1f/packages/next/src/shared/lib/router/utils/parse-path.ts#L6-L22\n * Given a path this function will find the pathname, query and hash and return\n * them. This is useful to parse full paths on the client side.\n * @param path A path to parse e.g. /foo/bar?id=1#hash\n */\nfunction parsePath(path: string): {\n  pathname: string\n  query: string\n  hash: string\n} {\n  const hashIndex = path.indexOf('#')\n  const queryIndex = path.indexOf('?')\n  const hasQuery = queryIndex > -1 && (hashIndex < 0 || queryIndex < hashIndex)\n\n  if (hasQuery || hashIndex > -1) {\n    return {\n      pathname: path.substring(0, hasQuery ? queryIndex : hashIndex),\n      query: hasQuery ? path.substring(queryIndex, hashIndex > -1 ? hashIndex : undefined) : '',\n      hash: hashIndex > -1 ? path.slice(hashIndex) : '',\n    }\n  }\n\n  return {pathname: path, query: '', hash: ''}\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/5469e6427b54ab7e9876d4c85b47f9c3afdc5c1f/packages/next/src/shared/lib/router/utils/add-path-prefix.ts#L3C1-L14C2\n * Adds the provided prefix to the given path. It first ensures that the path\n * is indeed starting with a slash.\n */\nexport function addPathPrefix(path: string, prefix?: string): string {\n  if (!path.startsWith('/') || !prefix) {\n    return path\n  }\n  // If the path is exactly '/' then return just the prefix\n  if (path === '/' && prefix) {\n    return prefix\n  }\n\n  const {pathname, query, hash} = parsePath(path)\n  return `${prefix}${pathname}${query}${hash}`\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/5469e6427b54ab7e9876d4c85b47f9c3afdc5c1f/packages/next/src/shared/lib/router/utils/remove-path-prefix.ts#L3-L39\n * Given a path and a prefix it will remove the prefix when it exists in the\n * given path. It ensures it matches exactly without containing extra chars\n * and if the prefix is not there it will be noop.\n *\n * @param path The path to remove the prefix from.\n * @param prefix The prefix to be removed.\n */\nexport function removePathPrefix(path: string, prefix: string): string {\n  // If the path doesn't start with the prefix we can return it as is. This\n  // protects us from situations where the prefix is a substring of the path\n  // prefix such as:\n  //\n  // For prefix: /blog\n  //\n  //   /blog -> true\n  //   /blog/ -> true\n  //   /blog/1 -> true\n  //   /blogging -> false\n  //   /blogging/ -> false\n  //   /blogging/1 -> false\n  if (!pathHasPrefix(path, prefix)) {\n    return path\n  }\n\n  // Remove the prefix from the path via slicing.\n  const withoutPrefix = path.slice(prefix.length)\n\n  // If the path without the prefix starts with a `/` we can return it as is.\n  if (withoutPrefix.startsWith('/')) {\n    return withoutPrefix\n  }\n\n  // If the path without the prefix doesn't start with a `/` we need to add it\n  // back to the path to make sure it's a valid path.\n  return `/${withoutPrefix}`\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/dfe7fc03e2268e7cb765dce6a89e02c831c922d5/packages/next/src/client/normalize-trailing-slash.ts#L16\n * Normalizes the trailing slash of a path according to the `trailingSlash` option\n * in `next.config.js`.\n */\nexport const normalizePathTrailingSlash = (path: string, trailingSlash: boolean): string => {\n  const {pathname, query, hash} = parsePath(path)\n  if (trailingSlash) {\n    if (pathname.endsWith('/')) {\n      return `${pathname}${query}${hash}`\n    }\n    return `${pathname}/${query}${hash}`\n  }\n\n  return `${removeTrailingSlash(pathname)}${query}${hash}`\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/dfe7fc03e2268e7cb765dce6a89e02c831c922d5/packages/next/src/shared/lib/router/utils/remove-trailing-slash.ts#L8\n * Removes the trailing slash for a given route or page path. Preserves the\n * root page. Examples:\n *   - `/foo/bar/` -> `/foo/bar`\n *   - `/foo/bar` -> `/foo/bar`\n *   - `/` -> `/`\n */\nfunction removeTrailingSlash(route: string) {\n  return route.replace(/\\/$/, '') || '/'\n}\n","import {\n  type HistoryAdapter,\n  type HistoryAdapterNavigate,\n  type HistoryRefresh,\n  VisualEditing as VisualEditingComponent,\n  type VisualEditingOptions,\n} from '@sanity/visual-editing/react'\nimport {usePathname, useRouter, useSearchParams} from 'next/navigation.js'\nimport {revalidateRootLayout} from 'next-sanity/visual-editing/server-actions'\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {createPortal} from 'react-dom'\n\nimport {addPathPrefix, normalizePathTrailingSlash, removePathPrefix} from './utils'\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   * If next.config.ts is configured with a basePath we try to configure it automatically,\n   * you can disable this by setting basePath to ''.\n   * @example basePath=\"/my-custom-base-path\"\n   * @alpha experimental and may change without notice\n   * @defaultValue process.env.__NEXT_ROUTER_BASEPATH || ''\n   */\n  basePath?: string\n  /**\n   * If next.config.ts is configured with a `trailingSlash` we try to detect it automatically,\n   * it can be controlled manually by passing a boolean.\n   * @example trailingSlash={true}\n   * @alpha experimental and may change without notice\n   * @defaultValue Boolean(process.env.__NEXT_TRAILING_SLASH)\n   */\n  trailingSlash?: boolean\n}\n\nexport default function VisualEditing(props: VisualEditingProps): React.JSX.Element | null {\n  const {basePath = '', refresh, trailingSlash = false, 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\n  const history = useMemo<HistoryAdapter>(\n    () => ({\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(removePathPrefix(update.url, basePath))\n          case 'pop':\n            return routerRef.current.back()\n          case 'replace':\n            return routerRef.current.replace(removePathPrefix(update.url, basePath))\n          default:\n            throw new Error(`Unknown update type: ${update.type}`)\n        }\n      },\n    }),\n    [basePath],\n  )\n\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  useEffect(() => {\n    if (navigate) {\n      navigate({\n        type: 'push',\n        url: normalizePathTrailingSlash(\n          addPathPrefix(`${pathname}${searchParams?.size ? `?${searchParams}` : ''}`, basePath),\n          trailingSlash,\n        ),\n      })\n    }\n  }, [basePath, navigate, pathname, searchParams, trailingSlash])\n\n  const handleRefresh = useCallback(\n    (payload: HistoryRefresh) => {\n      if (refresh) return refresh(payload)\n\n      const manualFastRefresh = () => {\n        // eslint-disable-next-line no-console\n        console.debug(\n          'Live preview is setup, calling router.refresh() to refresh the server components without refetching cached data',\n        )\n        routerRef.current.refresh()\n        return Promise.resolve()\n      }\n      const manualFallbackRefresh = () => {\n        // eslint-disable-next-line no-console\n        console.debug(\n          'No loaders in live mode detected, or preview kit setup, revalidating root layout',\n        )\n        return revalidateRootLayout()\n      }\n      const mutationFastRefresh = (): false => {\n        // eslint-disable-next-line no-console\n        console.debug(\n          'Live preview is setup, mutation is skipped assuming its handled by the live preview',\n        )\n        return false\n      }\n      const mutationFallbackRefresh = () => {\n        // eslint-disable-next-line no-console\n        console.debug(\n          'No loaders in live mode detected, or preview kit setup, revalidating root layout',\n        )\n        return revalidateRootLayout()\n      }\n\n      switch (payload.source) {\n        case 'manual':\n          return payload.livePreviewEnabled ? manualFastRefresh() : manualFallbackRefresh()\n        case 'mutation':\n          return payload.livePreviewEnabled ? mutationFastRefresh() : mutationFallbackRefresh()\n        default:\n          throw new Error('Unknown refresh source', {cause: payload})\n      }\n    },\n    [refresh],\n  )\n\n  const [node, setNode] = useState<HTMLDivElement | null>(null)\n  useEffect(() => {\n    // eslint-disable-next-line no-warning-comments\n    // @TODO use 'sanity-visual-editing' instead of 'div'\n    // eslint-disable-next-line no-shadow\n    const node = document.createElement('div')\n    // eslint-disable-next-line no-warning-comments\n    // @TODO after the element is `sanity-visual-editing` instead of `div`, stop setting this ID\n    node.id = 'sanity-visual-editing'\n    document.documentElement.appendChild(node)\n    setNode(node)\n    return () => {\n      setNode(null)\n      if (document.documentElement.contains(node)) {\n        document.documentElement.removeChild(node)\n      }\n    }\n  }, [])\n\n  if (!node) return null\n\n  return createPortal(\n    <VisualEditingComponent history={history} refresh={handleRefresh} zIndex={zIndex} />,\n    node,\n  )\n}\n"],"names":["useRouter","useRef","useState","useEffect","useMemo","usePathname","useSearchParams","useCallback","revalidateRootLayout","node","createPortal","jsx","VisualEditingComponent"],"mappings":"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"}

package/dist/_chunks-es/NextStudio.js

@@ -0,0 +1,95 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useSyncExternalStore, useMemo } from "react";
+import { Studio } from "sanity";
+import { NextStudioNoScript, NextStudioLayout } from "./NextStudioNoScript.js";
+import { createHashHistory } from "history";
+import { useServerInsertedHTML } from "next/navigation.js";
+import { ServerStyleSheet, StyleSheetManager } from "styled-components";
+function createHashHistoryForStudio() {
+  const history = createHashHistory();
+  return {
+    get action() {
+      return history.action;
+    },
+    get location() {
+      return history.location;
+    },
+    get createHref() {
+      return history.createHref;
+    },
+    get push() {
+      return history.push;
+    },
+    get replace() {
+      return history.replace;
+    },
+    get go() {
+      return history.go;
+    },
+    get back() {
+      return history.back;
+    },
+    get forward() {
+      return history.forward;
+    },
+    get block() {
+      return history.block;
+    },
+    // Overriding listen to workaround a problem where native history provides history.listen(location => void), but the npm package is history.listen(({action, location}) => void)
+    listen(listener) {
+      return history.listen(({ location }) => {
+        listener(location);
+      });
+    }
+  };
+}
+function StyledComponentsRegistry({
+  children,
+  isMounted
+}) {
+  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
+  return useServerInsertedHTML(() => {
+    const styles = styledComponentsStyleSheet.getStyleElement();
+    return styledComponentsStyleSheet.instance.clearTag(), /* @__PURE__ */ jsx(Fragment, { children: styles });
+  }), isMounted ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(StyleSheetManager, { sheet: styledComponentsStyleSheet.instance, children });
+}
+function useIsMounted() {
+  return useSyncExternalStore(
+    emptySubscribe,
+    () => !0,
+    () => !1
+  );
+}
+const emptySubscribe = () => () => {
+};
+function NextStudioComponent({
+  children,
+  config,
+  unstable__noScript = !0,
+  scheme,
+  history,
+  ...props
+}) {
+  const isMounted = useIsMounted(), unstableHistory = useMemo(() => {
+    if (props.unstable_history && history)
+      throw new Error("Cannot use both `unstable_history` and `history` props at the same time");
+    return isMounted && history === "hash" ? createHashHistoryForStudio() : props.unstable_history;
+  }, [history, isMounted, props.unstable_history]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    unstable__noScript && /* @__PURE__ */ jsx(NextStudioNoScript, {}),
+    /* @__PURE__ */ jsx(StyledComponentsRegistry, { isMounted, children: /* @__PURE__ */ jsx(NextStudioLayout, { children: history === "hash" && !isMounted ? null : children || /* @__PURE__ */ jsx(
+      Studio,
+      {
+        config,
+        scheme,
+        unstable_globalStyles: !0,
+        ...props,
+        unstable_history: unstableHistory
+      }
+    ) }) })
+  ] });
+}
+export {
+  NextStudioComponent as default
+};
+//# sourceMappingURL=NextStudio.js.map

package/dist/_chunks-es/NextStudio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudio.js","sources":["../../src/studio/client-component/createHashHistoryForStudio.ts","../../src/studio/client-component/registry.tsx","../../src/studio/client-component/useIsMounted.ts","../../src/studio/client-component/NextStudio.tsx"],"sourcesContent":["import {createHashHistory, type History, type Listener} from 'history'\n\n/** @internal */\nexport function createHashHistoryForStudio(): History {\n  const history = createHashHistory()\n  return {\n    get action() {\n      return history.action\n    },\n    get location() {\n      return history.location\n    },\n    get createHref() {\n      return history.createHref\n    },\n    get push() {\n      return history.push\n    },\n    get replace() {\n      return history.replace\n    },\n    get go() {\n      return history.go\n    },\n    get back() {\n      return history.back\n    },\n    get forward() {\n      return history.forward\n    },\n    get block() {\n      return history.block\n    },\n    // Overriding listen to workaround a problem where native history provides history.listen(location => void), but the npm package is history.listen(({action, location}) => void)\n    listen(listener: Listener) {\n      // return history.listen(({ action, location }) => {\n      return history.listen(({location}) => {\n        // console.debug('history.listen', action, location)\n        // @ts-expect-error -- working around a bug? in studio\n        listener(location)\n      })\n    },\n  }\n}\n","// https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components\nimport {useServerInsertedHTML} from 'next/navigation.js'\nimport {useState} from 'react'\nimport {ServerStyleSheet, StyleSheetManager} from 'styled-components'\n\nexport function StyledComponentsRegistry({\n  children,\n  isMounted,\n}: {\n  children: React.ReactNode\n  isMounted: boolean\n}): JSX.Element {\n  // Only create stylesheet once with lazy initial state\n  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state\n  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet())\n\n  useServerInsertedHTML(() => {\n    const styles = styledComponentsStyleSheet.getStyleElement()\n    styledComponentsStyleSheet.instance.clearTag()\n    return <>{styles}</>\n  })\n\n  if (isMounted) return <>{children}</>\n\n  return (\n    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>{children}</StyleSheetManager>\n  )\n}\n","import {useSyncExternalStore} from 'react'\n\n/** @internal */\nexport function useIsMounted(): boolean {\n  return useSyncExternalStore(\n    emptySubscribe,\n    () => true,\n    () => false,\n  )\n}\n// eslint-disable-next-line no-empty-function\nconst emptySubscribe = () => () => {}\n","import {useMemo} from 'react'\nimport {Studio, type StudioProps} from 'sanity'\n\nimport {NextStudioLayout} from '../NextStudioLayout'\nimport {NextStudioNoScript} from '../NextStudioNoScript'\nimport {createHashHistoryForStudio} from './createHashHistoryForStudio'\nimport {StyledComponentsRegistry} from './registry'\nimport {useIsMounted} from './useIsMounted'\n\n/** @public */\nexport interface NextStudioProps extends StudioProps {\n  children?: React.ReactNode\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n  /**\n   * The 'hash' option is new feature that is not yet stable for production, but is available for testing and its API won't change in a breaking way.\n   * If 'hash' doesn't work for you, or if you want to use a memory based history, you can use the `unstable_history` prop instead.\n   * @alpha\n   * @defaultValue 'browser'\n   */\n  history?: 'browser' | 'hash'\n}\n/**\n * Override how the Studio renders by passing children.\n * This is useful for advanced use cases where you're using StudioProvider and StudioLayout instead of Studio:\n * ```\n * import {StudioProvider, StudioLayout} from 'sanity'\n * import {NextStudio} from 'next-sanity/studio'\n * <NextStudio config={config}>\n *   <StudioProvider config={config}>\n *     <CustomComponentThatUsesContextFromStudioProvider />\n *     <StudioLayout />\n *   </StudioProvider>\n * </NextStudio>\n * ```\n * @public\n */\nexport default function NextStudioComponent({\n  children,\n  config,\n  unstable__noScript = true,\n  scheme,\n  history,\n  ...props\n}: NextStudioProps): React.JSX.Element {\n  const isMounted = useIsMounted()\n  const unstableHistory = useMemo<typeof props.unstable_history>(() => {\n    if (props.unstable_history && history) {\n      throw new Error('Cannot use both `unstable_history` and `history` props at the same time')\n    }\n\n    if (isMounted && history === 'hash') {\n      return createHashHistoryForStudio()\n    }\n    return props.unstable_history\n  }, [history, isMounted, props.unstable_history])\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <StyledComponentsRegistry isMounted={isMounted}>\n        <NextStudioLayout>\n          {history === 'hash' && !isMounted\n            ? null\n            : children || (\n                <Studio\n                  config={config}\n                  scheme={scheme}\n                  unstable_globalStyles\n                  {...props}\n                  unstable_history={unstableHistory}\n                />\n              )}\n        </NextStudioLayout>\n      </StyledComponentsRegistry>\n    </>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAGO,SAAS,6BAAsC;AACpD,QAAM,UAAU;AACT,SAAA;AAAA,IACL,IAAI,SAAS;AACX,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,IAAI,WAAW;AACb,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,IAAI,aAAa;AACf,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,IAAI,OAAO;AACT,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,IAAI,UAAU;AACZ,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,IAAI,KAAK;AACP,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,IAAI,OAAO;AACT,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,IAAI,UAAU;AACZ,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,IAAI,QAAQ;AACV,aAAO,QAAQ;AAAA,IACjB;AAAA;AAAA,IAEA,OAAO,UAAoB;AAEzB,aAAO,QAAQ,OAAO,CAAC,EAAC,eAAc;AAGpC,iBAAS,QAAQ;AAAA,MAAA,CAClB;AAAA,IACH;AAAA,EAAA;AAEJ;ACtCO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACF,GAGgB;AAGd,QAAM,CAAC,0BAA0B,IAAI,SAAS,MAAM,IAAI,iBAAkB,CAAA;AAQ1E,SANA,sBAAsB,MAAM;AACpB,UAAA,SAAS,2BAA2B;AAC1C,WAAA,2BAA2B,SAAS,YAC7B,oBAAA,UAAA,EAAG,UAAO,OAAA,CAAA;AAAA,EAClB,CAAA,GAEG,YAAqB,oBAAA,UAAA,EAAA,SAAA,CAAS,IAGhC,oBAAC,mBAAkB,EAAA,OAAO,2BAA2B,UAAW,SAAS,CAAA;AAE7E;ACxBO,SAAS,eAAwB;AAC/B,SAAA;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV;AAEA,MAAM,iBAAiB,MAAM,MAAM;AAAC;AC8BpC,SAAwB,oBAAoB;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,QAAM,YAAY,aAAA,GACZ,kBAAkB,QAAuC,MAAM;AACnE,QAAI,MAAM,oBAAoB;AACtB,YAAA,IAAI,MAAM,yEAAyE;AAG3F,WAAI,aAAa,YAAY,SACpB,+BAEF,MAAM;AAAA,KACZ,CAAC,SAAS,WAAW,MAAM,gBAAgB,CAAC;AAE/C,SAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,0CAAuB,oBAAmB,EAAA;AAAA,IAC3C,oBAAC,0BAAyB,EAAA,WACxB,UAAC,oBAAA,kBAAA,EACE,sBAAY,UAAU,CAAC,YACpB,OACA,YACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,uBAAqB;AAAA,QACpB,GAAG;AAAA,QACJ,kBAAkB;AAAA,MAAA;AAAA,OAG5B,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/_chunks-es/VisualEditing.js

@@ -0,0 +1,110 @@
+import { jsx } from "react/jsx-runtime";
+import { VisualEditing as VisualEditing$1 } from "@sanity/visual-editing/react";
+import { useRouter, usePathname, useSearchParams } from "next/navigation.js";
+import { revalidateRootLayout } from "next-sanity/visual-editing/server-actions";
+import { useRef, useState, useEffect, useMemo, useCallback } from "react";
+import { createPortal } from "react-dom";
+function pathHasPrefix(path, prefix) {
+  if (typeof path != "string")
+    return !1;
+  const { pathname } = parsePath(path);
+  return pathname === prefix || pathname.startsWith(`${prefix}/`);
+}
+function parsePath(path) {
+  const hashIndex = path.indexOf("#"), queryIndex = path.indexOf("?"), hasQuery = queryIndex > -1 && (hashIndex < 0 || queryIndex < hashIndex);
+  return hasQuery || hashIndex > -1 ? {
+    pathname: path.substring(0, hasQuery ? queryIndex : hashIndex),
+    query: hasQuery ? path.substring(queryIndex, hashIndex > -1 ? hashIndex : void 0) : "",
+    hash: hashIndex > -1 ? path.slice(hashIndex) : ""
+  } : { pathname: path, query: "", hash: "" };
+}
+function addPathPrefix(path, prefix) {
+  if (!path.startsWith("/") || !prefix)
+    return path;
+  if (path === "/" && prefix)
+    return prefix;
+  const { pathname, query, hash } = parsePath(path);
+  return `${prefix}${pathname}${query}${hash}`;
+}
+function removePathPrefix(path, prefix) {
+  if (!pathHasPrefix(path, prefix))
+    return path;
+  const withoutPrefix = path.slice(prefix.length);
+  return withoutPrefix.startsWith("/") ? withoutPrefix : `/${withoutPrefix}`;
+}
+const normalizePathTrailingSlash = (path, trailingSlash) => {
+  const { pathname, query, hash } = parsePath(path);
+  return trailingSlash ? pathname.endsWith("/") ? `${pathname}${query}${hash}` : `${pathname}/${query}${hash}` : `${removeTrailingSlash(pathname)}${query}${hash}`;
+};
+function removeTrailingSlash(route) {
+  return route.replace(/\/$/, "") || "/";
+}
+function VisualEditing(props) {
+  const { basePath = "", refresh, trailingSlash = !1, zIndex } = props, router = useRouter(), routerRef = useRef(router), [navigate, setNavigate] = useState();
+  useEffect(() => {
+    routerRef.current = router;
+  }, [router]);
+  const history = useMemo(
+    () => ({
+      subscribe: (_navigate) => (setNavigate(() => _navigate), () => setNavigate(void 0)),
+      update: (update) => {
+        switch (update.type) {
+          case "push":
+            return routerRef.current.push(removePathPrefix(update.url, basePath));
+          case "pop":
+            return routerRef.current.back();
+          case "replace":
+            return routerRef.current.replace(removePathPrefix(update.url, basePath));
+          default:
+            throw new Error(`Unknown update type: ${update.type}`);
+        }
+      }
+    }),
+    [basePath]
+  ), pathname = usePathname(), searchParams = useSearchParams();
+  useEffect(() => {
+    navigate && navigate({
+      type: "push",
+      url: normalizePathTrailingSlash(
+        addPathPrefix(`${pathname}${searchParams?.size ? `?${searchParams}` : ""}`, basePath),
+        trailingSlash
+      )
+    });
+  }, [basePath, navigate, pathname, searchParams, trailingSlash]);
+  const handleRefresh = useCallback(
+    (payload) => {
+      if (refresh) return refresh(payload);
+      const manualFastRefresh = () => (console.debug(
+        "Live preview is setup, calling router.refresh() to refresh the server components without refetching cached data"
+      ), routerRef.current.refresh(), Promise.resolve()), manualFallbackRefresh = () => (console.debug(
+        "No loaders in live mode detected, or preview kit setup, revalidating root layout"
+      ), revalidateRootLayout()), mutationFastRefresh = () => (console.debug(
+        "Live preview is setup, mutation is skipped assuming its handled by the live preview"
+      ), !1), mutationFallbackRefresh = () => (console.debug(
+        "No loaders in live mode detected, or preview kit setup, revalidating root layout"
+      ), revalidateRootLayout());
+      switch (payload.source) {
+        case "manual":
+          return payload.livePreviewEnabled ? manualFastRefresh() : manualFallbackRefresh();
+        case "mutation":
+          return payload.livePreviewEnabled ? mutationFastRefresh() : mutationFallbackRefresh();
+        default:
+          throw new Error("Unknown refresh source", { cause: payload });
+      }
+    },
+    [refresh]
+  ), [node, setNode] = useState(null);
+  return useEffect(() => {
+    const node2 = document.createElement("div");
+    return node2.id = "sanity-visual-editing", document.documentElement.appendChild(node2), setNode(node2), () => {
+      setNode(null), document.documentElement.contains(node2) && document.documentElement.removeChild(node2);
+    };
+  }, []), node ? createPortal(
+    /* @__PURE__ */ jsx(VisualEditing$1, { history, refresh: handleRefresh, zIndex }),
+    node
+  ) : null;
+}
+export {
+  VisualEditing as default
+};
+//# sourceMappingURL=VisualEditing.js.map

package/dist/_chunks-es/VisualEditing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualEditing.js","sources":["../../src/visual-editing/client-component/utils.ts","../../src/visual-editing/client-component/VisualEditing.tsx"],"sourcesContent":["/**\n * From: https://github.com/vercel/next.js/blob/5469e6427b54ab7e9876d4c85b47f9c3afdc5c1f/packages/next/src/shared/lib/router/utils/path-has-prefix.ts#L10-L17\n * Checks if a given path starts with a given prefix. It ensures it matches\n * exactly without containing extra chars. e.g. prefix /docs should replace\n * for /docs, /docs/, /docs/a but not /docsss\n * @param path The path to check.\n * @param prefix The prefix to check against.\n */\nfunction pathHasPrefix(path: string, prefix: string): boolean {\n  if (typeof path !== 'string') {\n    return false\n  }\n\n  const {pathname} = parsePath(path)\n  return pathname === prefix || pathname.startsWith(`${prefix}/`)\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/5469e6427b54ab7e9876d4c85b47f9c3afdc5c1f/packages/next/src/shared/lib/router/utils/parse-path.ts#L6-L22\n * Given a path this function will find the pathname, query and hash and return\n * them. This is useful to parse full paths on the client side.\n * @param path A path to parse e.g. /foo/bar?id=1#hash\n */\nfunction parsePath(path: string): {\n  pathname: string\n  query: string\n  hash: string\n} {\n  const hashIndex = path.indexOf('#')\n  const queryIndex = path.indexOf('?')\n  const hasQuery = queryIndex > -1 && (hashIndex < 0 || queryIndex < hashIndex)\n\n  if (hasQuery || hashIndex > -1) {\n    return {\n      pathname: path.substring(0, hasQuery ? queryIndex : hashIndex),\n      query: hasQuery ? path.substring(queryIndex, hashIndex > -1 ? hashIndex : undefined) : '',\n      hash: hashIndex > -1 ? path.slice(hashIndex) : '',\n    }\n  }\n\n  return {pathname: path, query: '', hash: ''}\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/5469e6427b54ab7e9876d4c85b47f9c3afdc5c1f/packages/next/src/shared/lib/router/utils/add-path-prefix.ts#L3C1-L14C2\n * Adds the provided prefix to the given path. It first ensures that the path\n * is indeed starting with a slash.\n */\nexport function addPathPrefix(path: string, prefix?: string): string {\n  if (!path.startsWith('/') || !prefix) {\n    return path\n  }\n  // If the path is exactly '/' then return just the prefix\n  if (path === '/' && prefix) {\n    return prefix\n  }\n\n  const {pathname, query, hash} = parsePath(path)\n  return `${prefix}${pathname}${query}${hash}`\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/5469e6427b54ab7e9876d4c85b47f9c3afdc5c1f/packages/next/src/shared/lib/router/utils/remove-path-prefix.ts#L3-L39\n * Given a path and a prefix it will remove the prefix when it exists in the\n * given path. It ensures it matches exactly without containing extra chars\n * and if the prefix is not there it will be noop.\n *\n * @param path The path to remove the prefix from.\n * @param prefix The prefix to be removed.\n */\nexport function removePathPrefix(path: string, prefix: string): string {\n  // If the path doesn't start with the prefix we can return it as is. This\n  // protects us from situations where the prefix is a substring of the path\n  // prefix such as:\n  //\n  // For prefix: /blog\n  //\n  //   /blog -> true\n  //   /blog/ -> true\n  //   /blog/1 -> true\n  //   /blogging -> false\n  //   /blogging/ -> false\n  //   /blogging/1 -> false\n  if (!pathHasPrefix(path, prefix)) {\n    return path\n  }\n\n  // Remove the prefix from the path via slicing.\n  const withoutPrefix = path.slice(prefix.length)\n\n  // If the path without the prefix starts with a `/` we can return it as is.\n  if (withoutPrefix.startsWith('/')) {\n    return withoutPrefix\n  }\n\n  // If the path without the prefix doesn't start with a `/` we need to add it\n  // back to the path to make sure it's a valid path.\n  return `/${withoutPrefix}`\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/dfe7fc03e2268e7cb765dce6a89e02c831c922d5/packages/next/src/client/normalize-trailing-slash.ts#L16\n * Normalizes the trailing slash of a path according to the `trailingSlash` option\n * in `next.config.js`.\n */\nexport const normalizePathTrailingSlash = (path: string, trailingSlash: boolean): string => {\n  const {pathname, query, hash} = parsePath(path)\n  if (trailingSlash) {\n    if (pathname.endsWith('/')) {\n      return `${pathname}${query}${hash}`\n    }\n    return `${pathname}/${query}${hash}`\n  }\n\n  return `${removeTrailingSlash(pathname)}${query}${hash}`\n}\n\n/**\n * From: https://github.com/vercel/next.js/blob/dfe7fc03e2268e7cb765dce6a89e02c831c922d5/packages/next/src/shared/lib/router/utils/remove-trailing-slash.ts#L8\n * Removes the trailing slash for a given route or page path. Preserves the\n * root page. Examples:\n *   - `/foo/bar/` -> `/foo/bar`\n *   - `/foo/bar` -> `/foo/bar`\n *   - `/` -> `/`\n */\nfunction removeTrailingSlash(route: string) {\n  return route.replace(/\\/$/, '') || '/'\n}\n","import {\n  type HistoryAdapter,\n  type HistoryAdapterNavigate,\n  type HistoryRefresh,\n  VisualEditing as VisualEditingComponent,\n  type VisualEditingOptions,\n} from '@sanity/visual-editing/react'\nimport {usePathname, useRouter, useSearchParams} from 'next/navigation.js'\nimport {revalidateRootLayout} from 'next-sanity/visual-editing/server-actions'\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {createPortal} from 'react-dom'\n\nimport {addPathPrefix, normalizePathTrailingSlash, removePathPrefix} from './utils'\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   * If next.config.ts is configured with a basePath we try to configure it automatically,\n   * you can disable this by setting basePath to ''.\n   * @example basePath=\"/my-custom-base-path\"\n   * @alpha experimental and may change without notice\n   * @defaultValue process.env.__NEXT_ROUTER_BASEPATH || ''\n   */\n  basePath?: string\n  /**\n   * If next.config.ts is configured with a `trailingSlash` we try to detect it automatically,\n   * it can be controlled manually by passing a boolean.\n   * @example trailingSlash={true}\n   * @alpha experimental and may change without notice\n   * @defaultValue Boolean(process.env.__NEXT_TRAILING_SLASH)\n   */\n  trailingSlash?: boolean\n}\n\nexport default function VisualEditing(props: VisualEditingProps): React.JSX.Element | null {\n  const {basePath = '', refresh, trailingSlash = false, 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\n  const history = useMemo<HistoryAdapter>(\n    () => ({\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(removePathPrefix(update.url, basePath))\n          case 'pop':\n            return routerRef.current.back()\n          case 'replace':\n            return routerRef.current.replace(removePathPrefix(update.url, basePath))\n          default:\n            throw new Error(`Unknown update type: ${update.type}`)\n        }\n      },\n    }),\n    [basePath],\n  )\n\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  useEffect(() => {\n    if (navigate) {\n      navigate({\n        type: 'push',\n        url: normalizePathTrailingSlash(\n          addPathPrefix(`${pathname}${searchParams?.size ? `?${searchParams}` : ''}`, basePath),\n          trailingSlash,\n        ),\n      })\n    }\n  }, [basePath, navigate, pathname, searchParams, trailingSlash])\n\n  const handleRefresh = useCallback(\n    (payload: HistoryRefresh) => {\n      if (refresh) return refresh(payload)\n\n      const manualFastRefresh = () => {\n        // eslint-disable-next-line no-console\n        console.debug(\n          'Live preview is setup, calling router.refresh() to refresh the server components without refetching cached data',\n        )\n        routerRef.current.refresh()\n        return Promise.resolve()\n      }\n      const manualFallbackRefresh = () => {\n        // eslint-disable-next-line no-console\n        console.debug(\n          'No loaders in live mode detected, or preview kit setup, revalidating root layout',\n        )\n        return revalidateRootLayout()\n      }\n      const mutationFastRefresh = (): false => {\n        // eslint-disable-next-line no-console\n        console.debug(\n          'Live preview is setup, mutation is skipped assuming its handled by the live preview',\n        )\n        return false\n      }\n      const mutationFallbackRefresh = () => {\n        // eslint-disable-next-line no-console\n        console.debug(\n          'No loaders in live mode detected, or preview kit setup, revalidating root layout',\n        )\n        return revalidateRootLayout()\n      }\n\n      switch (payload.source) {\n        case 'manual':\n          return payload.livePreviewEnabled ? manualFastRefresh() : manualFallbackRefresh()\n        case 'mutation':\n          return payload.livePreviewEnabled ? mutationFastRefresh() : mutationFallbackRefresh()\n        default:\n          throw new Error('Unknown refresh source', {cause: payload})\n      }\n    },\n    [refresh],\n  )\n\n  const [node, setNode] = useState<HTMLDivElement | null>(null)\n  useEffect(() => {\n    // eslint-disable-next-line no-warning-comments\n    // @TODO use 'sanity-visual-editing' instead of 'div'\n    // eslint-disable-next-line no-shadow\n    const node = document.createElement('div')\n    // eslint-disable-next-line no-warning-comments\n    // @TODO after the element is `sanity-visual-editing` instead of `div`, stop setting this ID\n    node.id = 'sanity-visual-editing'\n    document.documentElement.appendChild(node)\n    setNode(node)\n    return () => {\n      setNode(null)\n      if (document.documentElement.contains(node)) {\n        document.documentElement.removeChild(node)\n      }\n    }\n  }, [])\n\n  if (!node) return null\n\n  return createPortal(\n    <VisualEditingComponent history={history} refresh={handleRefresh} zIndex={zIndex} />,\n    node,\n  )\n}\n"],"names":["node","VisualEditingComponent"],"mappings":"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"}

package/dist/index.cjs

@@ -1,33 +1,10 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-));
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var client = require("@sanity/client"), stega = require("@sanity/client/stega"), jsxRuntime = require("react/jsx-runtime"), dynamic = require("next/dynamic.js"), react = require("@portabletext/react"), groq = require("groq"), createDataAttribute = require("@sanity/visual-editing/create-data-attribute");
+var client = require("@sanity/client"), stega = require("@sanity/client/stega"), jsxRuntime = require("react/jsx-runtime"), VisualEditingComponent = require("next-sanity/visual-editing/client-component"), react = require("@portabletext/react"), groq = require("groq"), createDataAttribute = require("@sanity/visual-editing/create-data-attribute");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
-var dynamic__default = /* @__PURE__ */ _interopDefaultCompat(dynamic), groq__default = /* @__PURE__ */ _interopDefaultCompat(groq);
-const VisualEditingComponent = dynamic__default.default(
-  () => import("next-sanity/visual-editing/client-component"),
-  { ssr: !1 }
-);
+var VisualEditingComponent__default = /* @__PURE__ */ _interopDefaultCompat(VisualEditingComponent), groq__default = /* @__PURE__ */ _interopDefaultCompat(groq);
 function VisualEditing(props) {
   let autoBasePath;
   if (typeof props.basePath != "string")
@@ -48,7 +25,7 @@ function VisualEditing(props) {
       console.error("Failed detecting trailingSlash", err);
     }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    VisualEditingComponent,
+    VisualEditingComponent__default.default,
     {
       ...props,
       basePath: props.basePath ?? autoBasePath,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/visual-editing/index.tsx"],"sourcesContent":["/* eslint-disable dot-notation */\nimport dynamic from 'next/dynamic.js'\nimport type {VisualEditingProps} from 'next-sanity/visual-editing/client-component'\n\nconst VisualEditingComponent = dynamic(\n  () => import('next-sanity/visual-editing/client-component'),\n  {ssr: false},\n)\n\n/**\n * @public\n */\nexport function VisualEditing(props: VisualEditingProps): React.ReactElement {\n  let autoBasePath: string | undefined\n  if (typeof props.basePath !== 'string') {\n    try {\n      autoBasePath = process.env['__NEXT_ROUTER_BASEPATH']\n      if (autoBasePath) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Detected next basePath as ${JSON.stringify(autoBasePath)} by reading \"process.env.__NEXT_ROUTER_BASEPATH\". If this is incorrect then you can set it manually with the basePath prop on the <VisualEditing /> component.`,\n        )\n      }\n    } catch (err) {\n      console.error('Failed detecting basePath', err)\n    }\n  }\n  let autoTrailingSlash: boolean | undefined\n  if (typeof props.trailingSlash !== 'boolean') {\n    try {\n      autoTrailingSlash = Boolean(process.env['__NEXT_TRAILING_SLASH'])\n      if (autoTrailingSlash) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Detected next trailingSlash as ${JSON.stringify(autoTrailingSlash)} by reading \"process.env.__NEXT_TRAILING_SLASH\". If this is incorrect then you can set it manually with the trailingSlash prop on the <VisualEditing /> component.`,\n        )\n      }\n    } catch (err) {\n      console.error('Failed detecting trailingSlash', err)\n    }\n  }\n  return (\n    <VisualEditingComponent\n      {...props}\n      basePath={props.basePath ?? autoBasePath}\n      trailingSlash={props.trailingSlash ?? autoTrailingSlash}\n    />\n  )\n}\n\nexport {\n  type CreateDataAttribute,\n  createDataAttribute,\n  type CreateDataAttributeProps,\n} from '@sanity/visual-editing/create-data-attribute'\nexport type {VisualEditingProps} from 'next-sanity/visual-editing/client-component'\n"],"names":["dynamic","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,yBAAyBA,iBAAA;AAAA,EAC7B,MAAM,OAAO,6CAA6C;AAAA,EAC1D,EAAC,KAAK,GAAK;AACb;AAKO,SAAS,cAAc,OAA+C;AACvE,MAAA;AACA,MAAA,OAAO,MAAM,YAAa;AACxB,QAAA;AACF,qBAAe,QAAQ,IAAI,wBACvB,gBAEF,QAAQ;AAAA,QACN,6BAA6B,KAAK,UAAU,YAAY,CAAC;AAAA,MAAA;AAAA,aAGtD,KAAK;AACJ,cAAA,MAAM,6BAA6B,GAAG;AAAA,IAChD;AAEE,MAAA;AACA,MAAA,OAAO,MAAM,iBAAkB;AAC7B,QAAA;AACF,0BAAoB,CAAQ,CAAA,QAAQ,IAAI,uBACpC,qBAEF,QAAQ;AAAA,QACN,kCAAkC,KAAK,UAAU,iBAAiB,CAAC;AAAA,MAAA;AAAA,aAGhE,KAAK;AACJ,cAAA,MAAM,kCAAkC,GAAG;AAAA,IACrD;AAGA,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,MAAM,YAAY;AAAA,MAC5B,eAAe,MAAM,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/visual-editing/index.tsx"],"sourcesContent":["import type {VisualEditingProps} from 'next-sanity/visual-editing/client-component'\nimport VisualEditingComponent from 'next-sanity/visual-editing/client-component'\n\n/**\n * @public\n */\nexport function VisualEditing(props: VisualEditingProps): React.ReactElement {\n  let autoBasePath: string | undefined\n  if (typeof props.basePath !== 'string') {\n    try {\n      autoBasePath = process.env['__NEXT_ROUTER_BASEPATH']\n      if (autoBasePath) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Detected next basePath as ${JSON.stringify(autoBasePath)} by reading \"process.env.__NEXT_ROUTER_BASEPATH\". If this is incorrect then you can set it manually with the basePath prop on the <VisualEditing /> component.`,\n        )\n      }\n    } catch (err) {\n      console.error('Failed detecting basePath', err)\n    }\n  }\n  let autoTrailingSlash: boolean | undefined\n  if (typeof props.trailingSlash !== 'boolean') {\n    try {\n      autoTrailingSlash = Boolean(process.env['__NEXT_TRAILING_SLASH'])\n      if (autoTrailingSlash) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Detected next trailingSlash as ${JSON.stringify(autoTrailingSlash)} by reading \"process.env.__NEXT_TRAILING_SLASH\". If this is incorrect then you can set it manually with the trailingSlash prop on the <VisualEditing /> component.`,\n        )\n      }\n    } catch (err) {\n      console.error('Failed detecting trailingSlash', err)\n    }\n  }\n  return (\n    <VisualEditingComponent\n      {...props}\n      basePath={props.basePath ?? autoBasePath}\n      trailingSlash={props.trailingSlash ?? autoTrailingSlash}\n    />\n  )\n}\n\nexport {\n  type CreateDataAttribute,\n  createDataAttribute,\n  type CreateDataAttributeProps,\n} from '@sanity/visual-editing/create-data-attribute'\nexport type {VisualEditingProps} from 'next-sanity/visual-editing/client-component'\n"],"names":["jsx","VisualEditingComponent"],"mappings":";;;;;;;AAMO,SAAS,cAAc,OAA+C;AACvE,MAAA;AACA,MAAA,OAAO,MAAM,YAAa;AACxB,QAAA;AACF,qBAAe,QAAQ,IAAI,wBACvB,gBAEF,QAAQ;AAAA,QACN,6BAA6B,KAAK,UAAU,YAAY,CAAC;AAAA,MAAA;AAAA,aAGtD,KAAK;AACJ,cAAA,MAAM,6BAA6B,GAAG;AAAA,IAChD;AAEE,MAAA;AACA,MAAA,OAAO,MAAM,iBAAkB;AAC7B,QAAA;AACF,0BAAoB,CAAQ,CAAA,QAAQ,IAAI,uBACpC,qBAEF,QAAQ;AAAA,QACN,kCAAkC,KAAK,UAAU,iBAAiB,CAAC;AAAA,MAAA;AAAA,aAGhE,KAAK;AACJ,cAAA,MAAM,kCAAkC,GAAG;AAAA,IACrD;AAGA,SAAAA,2BAAA;AAAA,IAACC,gCAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,MAAM,YAAY;AAAA,MAC5B,eAAe,MAAM,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,14 +1,10 @@
 import { createClient, unstable__adapter, unstable__environment } from "@sanity/client";
 import { stegaClean } from "@sanity/client/stega";
 import { jsx } from "react/jsx-runtime";
-import dynamic from "next/dynamic.js";
+import VisualEditingComponent from "next-sanity/visual-editing/client-component";
 export * from "@portabletext/react";
 import { defineQuery, default as default2 } from "groq";
 import { createDataAttribute } from "@sanity/visual-editing/create-data-attribute";
-const VisualEditingComponent = dynamic(
-  () => import("next-sanity/visual-editing/client-component"),
-  { ssr: !1 }
-);
 function VisualEditing(props) {
   let autoBasePath;
   if (typeof props.basePath != "string")

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/visual-editing/index.tsx"],"sourcesContent":["/* eslint-disable dot-notation */\nimport dynamic from 'next/dynamic.js'\nimport type {VisualEditingProps} from 'next-sanity/visual-editing/client-component'\n\nconst VisualEditingComponent = dynamic(\n  () => import('next-sanity/visual-editing/client-component'),\n  {ssr: false},\n)\n\n/**\n * @public\n */\nexport function VisualEditing(props: VisualEditingProps): React.ReactElement {\n  let autoBasePath: string | undefined\n  if (typeof props.basePath !== 'string') {\n    try {\n      autoBasePath = process.env['__NEXT_ROUTER_BASEPATH']\n      if (autoBasePath) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Detected next basePath as ${JSON.stringify(autoBasePath)} by reading \"process.env.__NEXT_ROUTER_BASEPATH\". If this is incorrect then you can set it manually with the basePath prop on the <VisualEditing /> component.`,\n        )\n      }\n    } catch (err) {\n      console.error('Failed detecting basePath', err)\n    }\n  }\n  let autoTrailingSlash: boolean | undefined\n  if (typeof props.trailingSlash !== 'boolean') {\n    try {\n      autoTrailingSlash = Boolean(process.env['__NEXT_TRAILING_SLASH'])\n      if (autoTrailingSlash) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Detected next trailingSlash as ${JSON.stringify(autoTrailingSlash)} by reading \"process.env.__NEXT_TRAILING_SLASH\". If this is incorrect then you can set it manually with the trailingSlash prop on the <VisualEditing /> component.`,\n        )\n      }\n    } catch (err) {\n      console.error('Failed detecting trailingSlash', err)\n    }\n  }\n  return (\n    <VisualEditingComponent\n      {...props}\n      basePath={props.basePath ?? autoBasePath}\n      trailingSlash={props.trailingSlash ?? autoTrailingSlash}\n    />\n  )\n}\n\nexport {\n  type CreateDataAttribute,\n  createDataAttribute,\n  type CreateDataAttributeProps,\n} from '@sanity/visual-editing/create-data-attribute'\nexport type {VisualEditingProps} from 'next-sanity/visual-editing/client-component'\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,yBAAyB;AAAA,EAC7B,MAAM,OAAO,6CAA6C;AAAA,EAC1D,EAAC,KAAK,GAAK;AACb;AAKO,SAAS,cAAc,OAA+C;AACvE,MAAA;AACA,MAAA,OAAO,MAAM,YAAa;AACxB,QAAA;AACF,qBAAe,QAAQ,IAAI,wBACvB,gBAEF,QAAQ;AAAA,QACN,6BAA6B,KAAK,UAAU,YAAY,CAAC;AAAA,MAAA;AAAA,aAGtD,KAAK;AACJ,cAAA,MAAM,6BAA6B,GAAG;AAAA,IAChD;AAEE,MAAA;AACA,MAAA,OAAO,MAAM,iBAAkB;AAC7B,QAAA;AACF,0BAAoB,CAAQ,CAAA,QAAQ,IAAI,uBACpC,qBAEF,QAAQ;AAAA,QACN,kCAAkC,KAAK,UAAU,iBAAiB,CAAC;AAAA,MAAA;AAAA,aAGhE,KAAK;AACJ,cAAA,MAAM,kCAAkC,GAAG;AAAA,IACrD;AAGA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,MAAM,YAAY;AAAA,MAC5B,eAAe,MAAM,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAG5C;"}
+{"version":3,"file":"index.js","sources":["../src/visual-editing/index.tsx"],"sourcesContent":["import type {VisualEditingProps} from 'next-sanity/visual-editing/client-component'\nimport VisualEditingComponent from 'next-sanity/visual-editing/client-component'\n\n/**\n * @public\n */\nexport function VisualEditing(props: VisualEditingProps): React.ReactElement {\n  let autoBasePath: string | undefined\n  if (typeof props.basePath !== 'string') {\n    try {\n      autoBasePath = process.env['__NEXT_ROUTER_BASEPATH']\n      if (autoBasePath) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Detected next basePath as ${JSON.stringify(autoBasePath)} by reading \"process.env.__NEXT_ROUTER_BASEPATH\". If this is incorrect then you can set it manually with the basePath prop on the <VisualEditing /> component.`,\n        )\n      }\n    } catch (err) {\n      console.error('Failed detecting basePath', err)\n    }\n  }\n  let autoTrailingSlash: boolean | undefined\n  if (typeof props.trailingSlash !== 'boolean') {\n    try {\n      autoTrailingSlash = Boolean(process.env['__NEXT_TRAILING_SLASH'])\n      if (autoTrailingSlash) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Detected next trailingSlash as ${JSON.stringify(autoTrailingSlash)} by reading \"process.env.__NEXT_TRAILING_SLASH\". If this is incorrect then you can set it manually with the trailingSlash prop on the <VisualEditing /> component.`,\n        )\n      }\n    } catch (err) {\n      console.error('Failed detecting trailingSlash', err)\n    }\n  }\n  return (\n    <VisualEditingComponent\n      {...props}\n      basePath={props.basePath ?? autoBasePath}\n      trailingSlash={props.trailingSlash ?? autoTrailingSlash}\n    />\n  )\n}\n\nexport {\n  type CreateDataAttribute,\n  createDataAttribute,\n  type CreateDataAttributeProps,\n} from '@sanity/visual-editing/create-data-attribute'\nexport type {VisualEditingProps} from 'next-sanity/visual-editing/client-component'\n"],"names":[],"mappings":";;;;;;;AAMO,SAAS,cAAc,OAA+C;AACvE,MAAA;AACA,MAAA,OAAO,MAAM,YAAa;AACxB,QAAA;AACF,qBAAe,QAAQ,IAAI,wBACvB,gBAEF,QAAQ;AAAA,QACN,6BAA6B,KAAK,UAAU,YAAY,CAAC;AAAA,MAAA;AAAA,aAGtD,KAAK;AACJ,cAAA,MAAM,6BAA6B,GAAG;AAAA,IAChD;AAEE,MAAA;AACA,MAAA,OAAO,MAAM,iBAAkB;AAC7B,QAAA;AACF,0BAAoB,CAAQ,CAAA,QAAQ,IAAI,uBACpC,qBAEF,QAAQ;AAAA,QACN,kCAAkC,KAAK,UAAU,iBAAiB,CAAC;AAAA,MAAA;AAAA,aAGhE,KAAK;AACJ,cAAA,MAAM,kCAAkC,GAAG;AAAA,IACrD;AAGA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,MAAM,YAAY;AAAA,MAC5B,eAAe,MAAM,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAG5C;"}