npm - sanity-plugin-iframe-pane - Versions diffs - 4.0.1 → 5.0.0 - Mend

sanity-plugin-iframe-pane 4.0.1 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/package.json CHANGED Viewed

@@ -1,105 +1,64 @@
 {
   "name": "sanity-plugin-iframe-pane",
-  "version": "4.0.1",
+  "version": "5.0.0",
   "description": "Display any URL in a View Pane, along with helpful buttons to Copy the URL or open in a new tab",
-  "homepage": "https://github.com/sanity-io/sanity-plugin-iframe-pane#readme",
+  "keywords": [
+    "sanity",
+    "sanity-plugin"
+  ],
+  "homepage": "https://github.com/sanity-io/plugins/tree/main/plugins/sanity-plugin-iframe-pane#readme",
   "bugs": {
-    "url": "https://github.com/sanity-io/sanity-plugin-iframe-pane/issues"
+    "url": "https://github.com/sanity-io/plugins/issues"
   },
+  "license": "MIT",
+  "author": "Sanity.io <hello@sanity.io>",
   "repository": {
     "type": "git",
-    "url": "git@github.com:sanity-io/sanity-plugin-iframe-pane.git"
+    "url": "git+ssh://git@github.com/sanity-io/plugins.git",
+    "directory": "plugins/sanity-plugin-iframe-pane"
   },
-  "license": "MIT",
-  "author": "Sanity.io <hello@sanity.io>",
-  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "type": "module",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "import": "./lib/index.js",
-      "require": "./lib/index.cjs",
-      "default": "./lib/index.js"
-    },
+    ".": "./dist/index.js",
     "./package.json": "./package.json"
   },
-  "main": "./lib/index.cjs",
-  "module": "./lib/index.js",
-  "types": "./lib/index.d.ts",
-  "files": [
-    "src",
-    "lib",
-    "sanity.json",
-    "v2-incompatible.js"
-  ],
-  "scripts": {
-    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
-    "clean": "rimraf lib",
-    "format": "prettier --write --cache --ignore-unknown .",
-    "link-watch": "plugin-kit link-watch",
-    "lint": "eslint .",
-    "prepare": "husky install || true",
-    "prepublishOnly": "npm run build",
-    "test": "npm run lint && npm run type-check && npm run build",
-    "type-check": "tsc --noEmit",
-    "watch": "pkg-utils watch --strict"
-  },
-  "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
-  "overrides": {
-    "conventional-changelog-conventionalcommits": ">= 8.0.0"
-  },
   "dependencies": {
     "@sanity/icons": "^3.7.4",
-    "@sanity/incompatible-plugin": "^1.0.5",
-    "@sanity/preview-url-secret": "^2.1.14",
-    "@sanity/ui": "^3.0.5",
-    "framer-motion": "^12.23.12",
+    "@sanity/preview-url-secret": "^4.0.2",
+    "@sanity/ui": "^3.1.11",
+    "motion": "^12.23.26",
     "suspend-react": "0.1.3"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@sanity/pkg-utils": "^7.11.4",
-    "@sanity/plugin-kit": "^4.0.19",
-    "@sanity/prettier-config": "^1.0.6",
-    "@sanity/semantic-release-preset": "^5.0.0",
-    "@types/react": "^19.1.9",
-    "@typescript-eslint/eslint-plugin": "^8.39.0",
-    "@typescript-eslint/parser": "^8.39.0",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-config-sanity": "^7.1.4",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "husky": "^8.0.3",
-    "lint-staged": "^15.0.1",
-    "prettier": "^3.6.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "rimraf": "^5.0.1",
-    "sanity": "^4.3.0",
+    "@sanity/pkg-utils": "^10.2.5",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "babel-plugin-styled-components": "^2.1.4",
+    "eslint": "^9.39.2",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "sanity": "^5.1.0",
     "styled-components": "^6.1.19",
-    "typescript": "5.9.2"
+    "@repo/eslint-config": "0.0.0",
+    "@repo/package.config": "0.0.0",
+    "@repo/tsconfig": "0.0.0"
   },
   "peerDependencies": {
-    "react": "^18.3 || ^19",
-    "sanity": "^4 || ^5.0.0",
-    "styled-components": "^6"
+    "react": "^19.2",
+    "react-dom": "^19.2",
+    "sanity": "^5",
+    "styled-components": "^6.1"
   },
   "engines": {
-    "node": ">=20.19"
-  },
-  "publishConfig": {
-    "access": "public"
+    "node": ">=20.19 <22 || >=22.12"
   },
-  "sanityPlugin": {
-    "verifyPackage": {
-      "nodeEngine": false
-    }
+  "scripts": {
+    "build": "pkg build --strict --check --clean",
+    "lint": "eslint ."
   }
-}
+}

package/lib/index.cjs DELETED Viewed

@@ -1,375 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), createSecret = require("@sanity/preview-url-secret/create-secret"), definePreviewUrl = require("@sanity/preview-url-secret/define-preview-url"), ui = require("@sanity/ui"), framerMotion = require("framer-motion"), react = require("react"), sanity = require("sanity"), suspendReact = require("suspend-react"), getRedirectTo = require("@sanity/preview-url-secret/get-redirect-to");
-function DisplayUrl(props) {
-  const truncatedUrl = react.useMemo(() => {
-    const url = getRedirectTo.getRedirectTo(props.url);
-    return `${url.origin === location.origin ? "" : url.origin}${url.pathname}${url.search}`;
-  }, [props.url]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 0, textOverflow: "ellipsis", children: truncatedUrl });
-}
-const sizes = {
-  desktop: {
-    width: "100%",
-    height: "100%"
-  },
-  mobile: {
-    width: 414,
-    height: 746
-  }
-}, DEFAULT_SIZE = "desktop";
-function Toolbar(props) {
-  const { url, iframeSize, setIframeSize, reloading, showUrl, reloadButton, handleReload } = props, validUrl = url instanceof URL, input = react.useRef(null), { push: pushToast } = ui.useToast(), [, copy] = useCopyToClipboard();
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        style: { position: "absolute", pointerEvents: "none", opacity: 0 },
-        ref: input,
-        value: validUrl ? url.toString() : "",
-        readOnly: !0,
-        tabIndex: -1
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 2, borderBottom: !0, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Tooltip,
-        {
-          animate: !0,
-          content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { whiteSpace: "nowrap" }, children: iframeSize === "mobile" ? "Exit mobile preview" : "Preview mobile viewport" }),
-          padding: 2,
-          placement: "bottom-start",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              disabled: !validUrl,
-              fontSize: [1],
-              padding: 2,
-              mode: iframeSize === "mobile" ? "default" : "ghost",
-              icon: icons.MobileDeviceIcon,
-              onClick: () => setIframeSize(iframeSize === "mobile" ? "desktop" : "mobile")
-            }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: showUrl && validUrl && /* @__PURE__ */ jsxRuntime.jsx(DisplayUrl, { url }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 1, children: [
-        reloadButton ? /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Tooltip,
-          {
-            animate: !0,
-            content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { whiteSpace: "nowrap" }, children: reloading ? "Reloading\u2026" : "Reload" }),
-            padding: 2,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                disabled: !validUrl,
-                mode: "bleed",
-                fontSize: [1],
-                padding: 2,
-                icon: icons.RefreshIcon,
-                loading: reloading,
-                "aria-label": "Reload",
-                onClick: () => handleReload()
-              }
-            )
-          }
-        ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Tooltip,
-          {
-            animate: !0,
-            content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { whiteSpace: "nowrap" }, children: "Copy URL" }),
-            padding: 2,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                mode: "bleed",
-                disabled: !validUrl,
-                fontSize: [1],
-                icon: icons.CopyIcon,
-                padding: [2],
-                "aria-label": "Copy URL",
-                onClick: () => {
-                  input?.current?.value && copy(input.current.value).then((copied) => {
-                    pushToast(copied ? {
-                      closable: !0,
-                      status: "success",
-                      title: "The URL is copied to the clipboard"
-                    } : {
-                      closable: !0,
-                      status: "error",
-                      title: "Failed to copy the URL to the clipboard"
-                    });
-                  });
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Tooltip,
-          {
-            animate: !0,
-            content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { whiteSpace: "nowrap" }, children: "Open URL in a new tab" }),
-            padding: 2,
-            placement: "bottom-end",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                disabled: !validUrl,
-                fontSize: [1],
-                icon: icons.LaunchIcon,
-                mode: "ghost",
-                paddingY: [2],
-                text: "Open",
-                "aria-label": "Open URL in a new tab",
-                onClick: validUrl ? () => window.open(url.toString()) : void 0
-              }
-            )
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-}
-function useCopyToClipboard() {
-  const [copiedText, setCopiedText] = react.useState(null), copy = react.useCallback(async (text) => {
-    if (!navigator?.clipboard)
-      return console.warn("Clipboard not supported"), !1;
-    try {
-      return await navigator.clipboard.writeText(text), setCopiedText(text), !0;
-    } catch (error) {
-      return console.warn("Copy failed", error), setCopiedText(null), !1;
-    }
-  }, []);
-  return [copiedText, copy];
-}
-const MotionFlex = framerMotion.motion.create(ui.Flex);
-function encodeStudioPerspective(studioPerspective) {
-  return Array.isArray(studioPerspective) ? studioPerspective.join(",") : studioPerspective;
-}
-function Iframe(props) {
-  const { document, options } = props, draft = document.draft || document.published || document.displayed, { defaultSize = DEFAULT_SIZE, reload, attributes, showDisplayUrl = !0, key } = options, basePath = sanity.useActiveWorkspace()?.activeWorkspace?.basePath || "/", urlRef = react.useRef(options.url), [draftSnapshot, setDraftSnapshot] = react.useState(() => ({ key, draft }));
-  react.useEffect(() => {
-    urlRef.current = options.url;
-  }, [options.url]), react.useEffect(() => {
-    JSON.stringify({ key, draft }) !== JSON.stringify(draftSnapshot) && startTransition(() => setDraftSnapshot({ key, draft }));
-  }, [draft, draftSnapshot, key]);
-  const currentUser = sanity.useCurrentUser(), client = sanity.useClient({ apiVersion: "2023-10-16" }), [expiresAt, setExpiresAt] = react.useState(), previewSecretRef = react.useRef(void 0), [isResolvingUrl, startTransition] = react.useTransition(), { perspectiveStack, selectedPerspectiveName } = sanity.usePerspective(), perspective = react.useMemo(
-    () => ({
-      perspectiveStack,
-      selectedPerspectiveName
-    }),
-    [perspectiveStack, selectedPerspectiveName]
-  ), url = react.useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-shadow
-    async (draft2) => {
-      if (typeof location > "u")
-        return;
-      const urlProp = urlRef.current;
-      if (typeof urlProp == "string")
-        return new URL(urlProp, location.origin);
-      if (typeof urlProp == "function") {
-        const url2 = await urlProp(draft2, perspective);
-        return typeof url2 == "string" ? new URL(url2, location.origin) : url2;
-      }
-      if (typeof urlProp == "object") {
-        const preview = typeof urlProp.preview == "function" ? await urlProp.preview(draft2, perspective) : urlProp.preview;
-        if (typeof preview != "string")
-          return preview;
-        if (!previewSecretRef.current) {
-          const { secret, expiresAt: expiresAt2 } = await createSecret.createPreviewSecret(
-            client,
-            "sanity-plugin-iframe-pane",
-            location.href,
-            currentUser?.id
-          );
-          previewSecretRef.current = secret, startTransition(() => setExpiresAt(expiresAt2.getTime()));
-        }
-        const url2 = await definePreviewUrl.definePreviewUrl({
-          origin: urlProp.origin === "same-origin" ? location.origin : urlProp.origin,
-          preview,
-          draftMode: {
-            enable: urlProp.draftMode
-          }
-        })({
-          client,
-          previewUrlSecret: previewSecretRef.current,
-          previewSearchParam: null,
-          studioBasePath: basePath,
-          studioPreviewPerspective: encodeStudioPerspective(perspective.perspectiveStack)
-        });
-        return new URL(url2, location.origin);
-      }
-    },
-    [basePath, client, currentUser?.id, perspective]
-  );
-  return react.useEffect(() => {
-    if (expiresAt) {
-      const timeout = setTimeout(
-        () => {
-          startTransition(() => setExpiresAt(void 0)), previewSecretRef.current = void 0;
-        },
-        Math.max(0, expiresAt - Date.now())
-      );
-      return () => clearTimeout(timeout);
-    }
-  }, [expiresAt]), /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(Loading, { iframeSize: "desktop" }), children: /* @__PURE__ */ jsxRuntime.jsx(
-    IframeInner,
-    {
-      _key: draftSnapshot.key,
-      draftSnapshot: draftSnapshot.draft,
-      url,
-      isResolvingUrl,
-      attributes,
-      perspective,
-      defaultSize,
-      reload,
-      showDisplayUrl,
-      userId: currentUser?.id
-    },
-    `${draftSnapshot.key}-${selectedPerspectiveName || "draft"}`
-  ) });
-}
-const IframeInner = react.memo(function(props) {
-  const {
-    isResolvingUrl,
-    defaultSize = DEFAULT_SIZE,
-    reload,
-    attributes = {},
-    showDisplayUrl = !0,
-    draftSnapshot,
-    userId,
-    expiresAt,
-    perspective: { selectedPerspectiveName, perspectiveStack },
-    _key
-  } = props, [iframeSize, setIframeSize] = react.useState(sizes?.[defaultSize] ? defaultSize : DEFAULT_SIZE), prefersReducedMotion = ui.usePrefersReducedMotion(), url = suspendReact.suspend(
-    () => props.url(draftSnapshot),
-    [
-      // Cache based on a few specific conditions
-      "sanity-plugin-iframe-pane",
-      draftSnapshot,
-      selectedPerspectiveName,
-      perspectiveStack,
-      userId,
-      expiresAt,
-      _key,
-      resolveUUID
-    ]
-  ), [loading, setLoading] = react.useState(!0), [_reloading, setReloading] = react.useState(!1), reloading = _reloading || isResolvingUrl, iframe = react.useRef(null), handleReload = react.useCallback(() => {
-    iframe?.current && (iframe.current.src = iframe.current.src, setReloading(!0));
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.MotionConfig, { transition: prefersReducedMotion ? { duration: 0 } : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", style: { height: "100%" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Toolbar,
-      {
-        url,
-        iframeSize,
-        reloading,
-        setIframeSize,
-        showUrl: showDisplayUrl,
-        reloadButton: !!reload?.button,
-        handleReload
-      }
-    ),
-    url instanceof Error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorCard, { error: url }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone: "transparent", style: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Frame,
-      {
-        ref: iframe,
-        loading,
-        reloading,
-        iframeSize,
-        setReloading,
-        setLoading,
-        url,
-        attributes
-      }
-    ) })
-  ] }) });
-}), Frame = react.forwardRef(function(props, iframe) {
-  const { loading, setLoading, iframeSize, attributes, reloading, url, setReloading } = props;
-  function handleIframeLoad() {
-    setLoading(!1), setReloading(!1), attributes.onLoad && typeof attributes.onLoad == "function" && attributes.onLoad();
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "center", style: { height: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: !url || loading && /* @__PURE__ */ jsxRuntime.jsx(
-      MotionFlex,
-      {
-        initial: "initial",
-        animate: "animate",
-        exit: "exit",
-        variants: spinnerVariants,
-        justify: "center",
-        align: "center",
-        style: { inset: "0", position: "absolute" },
-        children: /* @__PURE__ */ jsxRuntime.jsx(Loading, { iframeSize })
-      }
-    ) }),
-    url && /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.iframe,
-      {
-        ref: iframe,
-        title: "preview",
-        frameBorder: "0",
-        style: { maxHeight: "100%" },
-        src: url.toString(),
-        initial: ["background", iframeSize],
-        variants: iframeVariants,
-        animate: [
-          loading ? "background" : "active",
-          reloading ? "reloading" : "idle",
-          iframeSize
-        ],
-        ...attributes,
-        onLoad: handleIframeLoad
-      }
-    )
-  ] });
-}), spinnerVariants = {
-  initial: { opacity: 1 },
-  animate: { opacity: [0, 0, 1] },
-  exit: { opacity: [1, 0, 0] }
-}, iframeVariants = {
-  ...sizes,
-  desktop: {
-    ...sizes.desktop,
-    boxShadow: "0 0 0 0px var(--card-shadow-outline-color)"
-  },
-  mobile: {
-    ...sizes.mobile,
-    boxShadow: "0 0 0 1px var(--card-shadow-outline-color)"
-  },
-  background: {
-    opacity: 0,
-    scale: 1
-  },
-  idle: {
-    scale: 1
-  },
-  reloading: {
-    scale: [1, 1, 1, 0.98]
-  },
-  active: {
-    opacity: [0, 0, 1],
-    scale: 1
-  }
-};
-function Loading({ iframeSize }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { style: { ...sizes[iframeSize] }, justify: "center", align: "center", direction: "column", gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { muted: !0 }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "Loading\u2026" })
-  ] });
-}
-function ErrorCard({ error }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { height: "fill", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", height: "fill", justify: "center", padding: 4, sizing: "border", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { width: 0, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 4, radius: 2, shadow: 1, tone: "caution", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(icons.WarningOutlineIcon, {}) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { flex: 1, marginLeft: 3, space: 3, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h1", size: 1, weight: "bold", children: error.name }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", muted: !0, size: 1, children: error.message })
-    ] })
-  ] }) }) }) }) });
-}
-const resolveUUID = Symbol();
-exports.Iframe = Iframe;
-//# sourceMappingURL=index.cjs.map

package/lib/index.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.cjs","sources":["../src/DisplayUrl.tsx","../src/Toolbar.tsx","../src/Iframe.tsx"],"sourcesContent":["import {getRedirectTo} from '@sanity/preview-url-secret/get-redirect-to'\nimport {Text} from '@sanity/ui'\nimport {useMemo} from 'react'\n\nexport function DisplayUrl(props: {url: URL}) {\n const truncatedUrl = useMemo(() => {\n const url = getRedirectTo(props.url)\n return `${url.origin === location.origin ? '' : url.origin}${url.pathname}${url.search}`\n }, [props.url])\n\n return (\n <Text size={0} textOverflow=\"ellipsis\">\n {truncatedUrl}\n </Text>\n )\n}\n","import {CopyIcon, LaunchIcon, MobileDeviceIcon, RefreshIcon} from '@sanity/icons'\nimport {Box, Button, Card, Flex, Text, Tooltip, useToast} from '@sanity/ui'\nimport {useCallback, useRef, useState} from 'react'\n\nimport {DisplayUrl} from './DisplayUrl'\nimport type {IframeSizeKey, SizeProps} from './types'\n\nexport const sizes: SizeProps = {\n desktop: {\n width: '100%',\n height: '100%',\n },\n mobile: {\n width: 414,\n height: 746,\n },\n}\n\nexport const DEFAULT_SIZE = 'desktop'\n\nexport interface ToolbarProps {\n url: URL | Error | undefined\n iframeSize: IframeSizeKey\n setIframeSize: (size: IframeSizeKey) => void\n showUrl: boolean\n reloading: boolean\n reloadButton: boolean\n handleReload: () => void\n}\nexport function Toolbar(props: ToolbarProps) {\n const {url, iframeSize, setIframeSize, reloading, showUrl, reloadButton, handleReload} = props\n const validUrl = url instanceof URL\n\n const input = useRef<HTMLTextAreaElement>(null)\n const {push: pushToast} = useToast()\n const [, copy] = useCopyToClipboard()\n\n return (\n <>\n <textarea\n style={{position: 'absolute', pointerEvents: 'none', opacity: 0}}\n ref={input}\n value={validUrl ? url.toString() : ''}\n readOnly\n tabIndex={-1}\n />\n <Card padding={2} borderBottom>\n <Flex align=\"center\" gap={2}>\n <Flex align=\"center\" gap={1}>\n <Tooltip\n animate\n content={\n <Text size={1} style={{whiteSpace: 'nowrap'}}>\n {iframeSize === 'mobile' ? 'Exit mobile preview' : 'Preview mobile viewport'}\n </Text>\n }\n padding={2}\n placement=\"bottom-start\"\n >\n <Button\n disabled={!validUrl}\n fontSize={[1]}\n padding={2}\n mode={iframeSize === 'mobile' ? 'default' : 'ghost'}\n icon={MobileDeviceIcon}\n onClick={() => setIframeSize(iframeSize === 'mobile' ? 'desktop' : 'mobile')}\n />\n </Tooltip>\n </Flex>\n <Box flex={1}>{showUrl && validUrl && <DisplayUrl url={url} />}</Box>\n <Flex align=\"center\" gap={1}>\n {reloadButton ? (\n <Tooltip\n animate\n content={\n <Text size={1} style={{whiteSpace: 'nowrap'}}>\n {reloading ? 'Reloading…' : 'Reload'}\n </Text>\n }\n padding={2}\n >\n <Button\n disabled={!validUrl}\n mode=\"bleed\"\n fontSize={[1]}\n padding={2}\n icon={RefreshIcon}\n loading={reloading}\n aria-label=\"Reload\"\n onClick={() => handleReload()}\n />\n </Tooltip>\n ) : null}\n <Tooltip\n animate\n content={\n <Text size={1} style={{whiteSpace: 'nowrap'}}>\n Copy URL\n </Text>\n }\n padding={2}\n >\n <Button\n mode=\"bleed\"\n disabled={!validUrl}\n fontSize={[1]}\n icon={CopyIcon}\n padding={[2]}\n aria-label=\"Copy URL\"\n onClick={() => {\n if (!input?.current?.value) return\n\n copy(input.current.value).then((copied) => {\n if (copied) {\n pushToast({\n closable: true,\n status: 'success',\n title: 'The URL is copied to the clipboard',\n })\n } else {\n pushToast({\n closable: true,\n status: 'error',\n title: 'Failed to copy the URL to the clipboard',\n })\n }\n })\n }}\n />\n </Tooltip>\n <Tooltip\n animate\n content={\n <Text size={1} style={{whiteSpace: 'nowrap'}}>\n Open URL in a new tab\n </Text>\n }\n padding={2}\n placement=\"bottom-end\"\n >\n <Button\n disabled={!validUrl}\n fontSize={[1]}\n icon={LaunchIcon}\n mode=\"ghost\"\n paddingY={[2]}\n text=\"Open\"\n aria-label=\"Open URL in a new tab\"\n onClick={validUrl ? () => window.open(url.toString()) : undefined}\n />\n </Tooltip>\n </Flex>\n </Flex>\n </Card>\n </>\n )\n}\n\ntype CopiedValue = string | null\n\ntype CopyFn = (text: string) => Promise<boolean>\n\nfunction useCopyToClipboard(): [CopiedValue, CopyFn] {\n const [copiedText, setCopiedText] = useState<CopiedValue>(null)\n\n const copy: CopyFn = useCallback(async (text) => {\n if (!navigator?.clipboard) {\n console.warn('Clipboard not supported')\n return false\n }\n\n // Try to save to clipboard then save it in the state if worked\n try {\n await navigator.clipboard.writeText(text)\n setCopiedText(text)\n return true\n } catch (error) {\n console.warn('Copy failed', error)\n setCopiedText(null)\n return false\n }\n }, [])\n\n return [copiedText, copy]\n}\n","import {WarningOutlineIcon} from '@sanity/icons'\nimport {createPreviewSecret} from '@sanity/preview-url-secret/create-secret'\nimport {definePreviewUrl} from '@sanity/preview-url-secret/define-preview-url'\nimport {Box, Card, Container, Flex, Spinner, Stack, Text, usePrefersReducedMotion} from '@sanity/ui'\nimport {AnimatePresence, motion, MotionConfig} from 'framer-motion'\nimport type {HTMLAttributeReferrerPolicy} from 'react'\nimport {\n forwardRef,\n memo,\n Suspense,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n useTransition,\n} from 'react'\nimport {\n type SanityDocument,\n useActiveWorkspace,\n useClient,\n useCurrentUser,\n usePerspective,\n} from 'sanity'\nimport {suspend} from 'suspend-react'\n\nimport {DEFAULT_SIZE, sizes, Toolbar} from './Toolbar'\nimport type {IframeSizeKey} from './types'\n\nexport type UrlResolver = (\n document: SanityDocument | null,\n perspective: Pick<\n ReturnType<typeof usePerspective>,\n 'selectedPerspectiveName' | 'perspectiveStack'\n >,\n) => string | Error | undefined | Promise<string | Error | undefined>\n\nexport type {IframeSizeKey}\n\nexport interface IframeOptions {\n /**\n * If you have multiple iframe instances side-by-side you need to give each a unique key.\n */\n key?: string\n url:\n | string\n | UrlResolver\n | {\n /**\n * The URL origin of where the preview is hosted, for example `https://example.com`.\n * If it's an embedded Studio then set it to `'same-origin'`.\n */\n origin: 'same-origin' | string\n /**\n * The route to redirect to after enabling Draft Mode.\n * If you don't have enough data to build the URL, return an `Error` instance to show an error message.\n * @example `return new Error('Missing slug')`\n * To prolong the loading state, return `undefined`\n */\n preview: string | UrlResolver\n /**\n * The route that enables Draft Mode\n * @example '/api/draft'\n */\n draftMode: string\n }\n defaultSize?: IframeSizeKey\n showDisplayUrl?: boolean\n reload?: {\n button?: boolean\n }\n attributes?: Partial<{\n allow: string\n referrerPolicy: HTMLAttributeReferrerPolicy | undefined\n sandbox: string\n onLoad: () => void\n }>\n}\n\nconst MotionFlex = motion.create(Flex)\n\nexport interface IframeProps {\n document: {\n displayed: SanityDocument\n draft: SanityDocument | null\n published: SanityDocument | null\n }\n options: IframeOptions\n}\n\nfunction encodeStudioPerspective(studioPerspective: string[] | string): string {\n return Array.isArray(studioPerspective) ? studioPerspective.join(',') : studioPerspective\n}\n\nexport function Iframe(props: IframeProps): React.JSX.Element {\n const {document, options} = props\n const draft = document.draft || document.published || document.displayed\n\n const {defaultSize = DEFAULT_SIZE, reload, attributes, showDisplayUrl = true, key} = options\n\n const workspace = useActiveWorkspace()\n const basePath = workspace?.activeWorkspace?.basePath || '/'\n const urlRef = useRef(options.url)\n const [draftSnapshot, setDraftSnapshot] = useState(() => ({key, draft}))\n useEffect(() => {\n urlRef.current = options.url\n }, [options.url])\n useEffect(() => {\n if (JSON.stringify({key, draft}) !== JSON.stringify(draftSnapshot)) {\n startTransition(() => setDraftSnapshot({key, draft}))\n }\n }, [draft, draftSnapshot, key])\n const currentUser = useCurrentUser()\n const client = useClient({apiVersion: '2023-10-16'})\n const [expiresAt, setExpiresAt] = useState<number | undefined>()\n const previewSecretRef = useRef<string | undefined>(undefined)\n const [isResolvingUrl, startTransition] = useTransition()\n const {perspectiveStack, selectedPerspectiveName} = usePerspective()\n const perspective = useMemo(\n () => ({\n perspectiveStack,\n selectedPerspectiveName,\n }),\n [perspectiveStack, selectedPerspectiveName],\n )\n\n const url = useCallback(\n // eslint-disable-next-line @typescript-eslint/no-shadow\n async (draft: SanityDocument | null) => {\n if (typeof location === 'undefined') {\n return undefined\n }\n const urlProp = urlRef.current\n if (typeof urlProp === 'string') {\n return new URL(urlProp, location.origin)\n }\n if (typeof urlProp === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const url = await urlProp(draft, perspective)\n return typeof url === 'string' ? new URL(url, location.origin) : url\n }\n if (typeof urlProp === 'object') {\n const preview =\n typeof urlProp.preview === 'function'\n ? await urlProp.preview(draft, perspective)\n : urlProp.preview\n if (typeof preview !== 'string') {\n return preview\n }\n if (!previewSecretRef.current) {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const {secret, expiresAt} = await createPreviewSecret(\n client,\n 'sanity-plugin-iframe-pane',\n location.href,\n currentUser?.id,\n )\n previewSecretRef.current = secret\n startTransition(() => setExpiresAt(expiresAt.getTime()))\n }\n\n const resolvePreviewUrl = definePreviewUrl({\n origin: urlProp.origin === 'same-origin' ? location.origin : urlProp.origin,\n preview,\n draftMode: {\n enable: urlProp.draftMode,\n },\n })\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const url = await resolvePreviewUrl({\n client,\n previewUrlSecret: previewSecretRef.current,\n previewSearchParam: null,\n studioBasePath: basePath,\n studioPreviewPerspective: encodeStudioPerspective(perspective.perspectiveStack),\n })\n return new URL(url, location.origin)\n }\n return undefined\n },\n [basePath, client, currentUser?.id, perspective],\n )\n useEffect(() => {\n if (expiresAt) {\n const timeout = setTimeout(\n () => {\n startTransition(() => setExpiresAt(undefined))\n previewSecretRef.current = undefined\n },\n Math.max(0, expiresAt - Date.now()),\n )\n return () => clearTimeout(timeout)\n }\n return undefined\n }, [expiresAt])\n\n return (\n <Suspense fallback={<Loading iframeSize=\"desktop\" />}>\n <IframeInner\n key={`${draftSnapshot.key}-${selectedPerspectiveName || 'draft'}`}\n _key={draftSnapshot.key}\n draftSnapshot={draftSnapshot.draft}\n url={url}\n isResolvingUrl={isResolvingUrl}\n attributes={attributes}\n perspective={perspective}\n defaultSize={defaultSize}\n reload={reload}\n showDisplayUrl={showDisplayUrl}\n userId={currentUser?.id}\n />\n </Suspense>\n )\n}\n\nexport interface IframeInnerProps extends Omit<IframeOptions, 'url'> {\n url: (draftSnapshot: SanityDocument | null) => Promise<URL | Error | undefined>\n isResolvingUrl: boolean\n draftSnapshot: SanityDocument | null\n perspective: Parameters<UrlResolver>[1]\n userId?: string\n expiresAt?: number\n _key?: string\n}\nconst IframeInner = memo(function IframeInner(props: IframeInnerProps) {\n const {\n isResolvingUrl,\n defaultSize = DEFAULT_SIZE,\n reload,\n attributes = {},\n showDisplayUrl = true,\n draftSnapshot,\n userId,\n expiresAt,\n perspective: {selectedPerspectiveName, perspectiveStack},\n _key,\n } = props\n const [iframeSize, setIframeSize] = useState(sizes?.[defaultSize] ? defaultSize : DEFAULT_SIZE)\n\n const prefersReducedMotion = usePrefersReducedMotion()\n\n const url = suspend(\n () => props.url(draftSnapshot),\n [\n // Cache based on a few specific conditions\n 'sanity-plugin-iframe-pane',\n draftSnapshot,\n selectedPerspectiveName,\n perspectiveStack,\n userId,\n expiresAt,\n _key,\n resolveUUID,\n ],\n )\n\n const [loading, setLoading] = useState(true)\n const [_reloading, setReloading] = useState(false)\n const reloading = _reloading || isResolvingUrl\n\n const iframe = useRef<HTMLIFrameElement>(null)\n\n const handleReload = useCallback(() => {\n if (!iframe?.current) {\n return\n }\n\n // Funky way to reload an iframe without CORS issues\n // eslint-disable-next-line no-self-assign\n iframe.current.src = iframe.current.src\n\n setReloading(true)\n }, [])\n\n return (\n <MotionConfig transition={prefersReducedMotion ? {duration: 0} : undefined}>\n <Flex direction=\"column\" style={{height: '100%'}}>\n <Toolbar\n url={url}\n iframeSize={iframeSize}\n reloading={reloading}\n setIframeSize={setIframeSize}\n showUrl={showDisplayUrl}\n reloadButton={!!reload?.button}\n handleReload={handleReload}\n />\n {url instanceof Error ? (\n <ErrorCard error={url} />\n ) : (\n <Card tone=\"transparent\" style={{height: '100%'}}>\n <Frame\n ref={iframe}\n loading={loading}\n reloading={reloading}\n iframeSize={iframeSize}\n setReloading={setReloading}\n setLoading={setLoading}\n url={url}\n attributes={attributes}\n />\n </Card>\n )}\n </Flex>\n </MotionConfig>\n )\n})\n\ninterface FrameProps extends Required<Pick<IframeOptions, 'attributes'>> {\n loading: boolean\n reloading: boolean\n setLoading: (loading: boolean) => void\n setReloading: (reloading: boolean) => void\n iframeSize: IframeSizeKey\n url: URL | undefined\n}\nconst Frame = forwardRef(function Frame(\n props: FrameProps,\n iframe: React.ForwardedRef<HTMLIFrameElement>,\n) {\n const {loading, setLoading, iframeSize, attributes, reloading, url, setReloading} = props\n\n function handleIframeLoad() {\n setLoading(false)\n setReloading(false)\n // Run onLoad from attributes\n if (attributes.onLoad && typeof attributes.onLoad === 'function') {\n attributes.onLoad()\n }\n }\n\n return (\n <Flex align=\"center\" justify=\"center\" style={{height: '100%', position: 'relative'}}>\n <AnimatePresence>\n {!url ||\n (loading && (\n <MotionFlex\n initial=\"initial\"\n animate=\"animate\"\n exit=\"exit\"\n variants={spinnerVariants}\n justify=\"center\"\n align=\"center\"\n style={{inset: '0', position: 'absolute'}}\n >\n <Loading iframeSize={iframeSize} />\n </MotionFlex>\n ))}\n </AnimatePresence>\n {url && (\n <motion.iframe\n ref={iframe}\n title=\"preview\"\n frameBorder=\"0\"\n style={{maxHeight: '100%'}}\n src={url.toString()}\n initial={['background', iframeSize]}\n variants={iframeVariants}\n animate={[\n loading ? 'background' : 'active',\n reloading ? 'reloading' : 'idle',\n iframeSize,\n ]}\n {...attributes}\n onLoad={handleIframeLoad}\n />\n )}\n </Flex>\n )\n})\n\nconst spinnerVariants = {\n initial: {opacity: 1},\n animate: {opacity: [0, 0, 1]},\n exit: {opacity: [1, 0, 0]},\n}\n\nconst iframeVariants = {\n ...sizes,\n desktop: {\n ...sizes.desktop,\n boxShadow: '0 0 0 0px var(--card-shadow-outline-color)',\n },\n mobile: {\n ...sizes.mobile,\n boxShadow: '0 0 0 1px var(--card-shadow-outline-color)',\n },\n background: {\n opacity: 0,\n scale: 1,\n },\n idle: {\n scale: 1,\n },\n reloading: {\n scale: [1, 1, 1, 0.98],\n },\n active: {\n opacity: [0, 0, 1],\n scale: 1,\n },\n}\n\nfunction Loading({iframeSize}: {iframeSize: IframeSizeKey}) {\n return (\n <Flex style={{...sizes[iframeSize]}} justify=\"center\" align=\"center\" direction=\"column\" gap={4}>\n <Spinner muted />\n <Text muted size={1}>\n Loading…\n </Text>\n </Flex>\n )\n}\n\nexport function ErrorCard({error}: {error: Error}) {\n return (\n <Card height=\"fill\">\n <Flex align=\"center\" height=\"fill\" justify=\"center\" padding={4} sizing=\"border\">\n <Container width={0}>\n <Card padding={4} radius={2} shadow={1} tone=\"caution\">\n <Flex>\n <Box>\n <Text size={1}>\n <WarningOutlineIcon />\n </Text>\n </Box>\n <Stack flex={1} marginLeft={3} space={3}>\n <Text as=\"h1\" size={1} weight=\"bold\">\n {error.name}\n </Text>\n <Text as=\"p\" muted size={1}>\n {error.message}\n </Text>\n </Stack>\n </Flex>\n </Card>\n </Container>\n </Flex>\n </Card>\n )\n}\n\n// https://github.com/pmndrs/suspend-react?tab=readme-ov-file#making-cache-keys-unique\nconst resolveUUID = Symbol()\n"],"names":["useMemo","getRedirectTo","Text","useRef","useToast","jsxs","Fragment","jsx","Card","Flex","Tooltip","Button","MobileDeviceIcon","Box","RefreshIcon","CopyIcon","LaunchIcon","useState","useCallback","motion","useActiveWorkspace","useEffect","useCurrentUser","useClient","useTransition","usePerspective","draft","url","expiresAt","createPreviewSecret","definePreviewUrl","Suspense","memo","usePrefersReducedMotion","suspend","MotionConfig","forwardRef","AnimatePresence","Spinner","Container","WarningOutlineIcon","Stack"],"mappings":"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"}