sanity-plugin-iframe-pane 2.3.1-beta.1 → 2.3.2-canary.0

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/Iframe.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind */\nimport {CopyIcon, LeaveIcon, MobileDeviceIcon, UndoIcon} from '@sanity/icons'\nimport {Box, Button, Card, Flex, Spinner, Text, ThemeProvider} from '@sanity/ui'\nimport React, {useEffect, useRef, useState} from 'react'\nimport {HTMLAttributeReferrerPolicy} from 'react'\nimport {SanityDocumentLike} from 'sanity'\nimport {useCopyToClipboard} from 'usehooks-ts'\n\ntype Size = 'desktop' | 'mobile'\n\ntype SizeProps = {\n  // eslint-disable-next-line no-unused-vars\n  [key in Size]: {\n    width: string | number\n    height: string | number\n    maxHeight: string | number\n  }\n}\n\nconst sizes: SizeProps = {\n  desktop: {\n    width: `100%`,\n    height: `100%`,\n    maxHeight: `100%`,\n  },\n  mobile: {\n    width: 414,\n    height: `100%`,\n    maxHeight: 736,\n  },\n}\n\nexport type IframeOptions = {\n  url: string | ((document: SanityDocumentLike) => unknown)\n  defaultSize?: 'desktop' | 'mobile'\n  loader?: boolean | string\n  showDisplayUrl?: boolean\n  reload: {\n    revision: boolean | number\n    button: boolean\n  }\n  attributes?: Partial<{\n    allow: string\n    referrerPolicy: HTMLAttributeReferrerPolicy | undefined\n    sandbox: string\n    onLoad: () => void\n  }>\n}\n\nexport type IframeProps = {\n  document: {\n    displayed: SanityDocumentLike\n  }\n  options: IframeOptions\n}\n\nconst DEFAULT_SIZE = `desktop`\n\nfunction Iframe(props: IframeProps) {\n  const {document: sanityDocument, options} = props\n  const {\n    url,\n    defaultSize = DEFAULT_SIZE,\n    reload,\n    loader,\n    attributes = {},\n    showDisplayUrl = true,\n  } = options\n  const [displayUrl, setDisplayUrl] = useState(url && typeof url === 'string' ? url : ``)\n  const [iframeSize, setIframeSize] = useState(sizes?.[defaultSize] ? defaultSize : DEFAULT_SIZE)\n  const [loading, setLoading] = useState(false)\n  const input = useRef<HTMLTextAreaElement>(null)\n  const iframe = useRef<HTMLIFrameElement>(null)\n  const {displayed} = sanityDocument\n  const [, copy] = useCopyToClipboard()\n\n  function handleCopy() {\n    if (!input?.current?.value) return\n\n    copy(input.current.value)\n  }\n\n  function handleReload() {\n    if (!iframe?.current) {\n      return\n    }\n\n    // Funky way to reload an iframe without CORS issuies\n    // eslint-disable-next-line no-self-assign\n    iframe.current.src = iframe.current.src\n\n    setLoading(true)\n  }\n\n  function handleIframeLoad() {\n    setLoading(false)\n    // Run onLoad from attributes\n    if (attributes.onLoad && typeof attributes.onLoad === 'function') {\n      attributes.onLoad()\n    }\n  }\n\n  // Reload on new revisions\n  useEffect(() => {\n    if (reload?.revision || reload?.revision == 0) {\n      setTimeout(() => {\n        handleReload()\n      }, Number(reload?.revision))\n    }\n  }, [displayed._rev, reload?.revision])\n\n  // Set initial URL and refresh on new revisions\n  useEffect(() => {\n    const getUrl = async () => {\n      setLoading(true)\n      const resolveUrl = typeof url === 'function' ? await url(displayed) : ``\n\n      // Only update state if URL has changed\n      if (resolveUrl !== displayUrl && resolveUrl && typeof resolveUrl === 'string') {\n        setDisplayUrl(resolveUrl)\n      }\n    }\n\n    if (typeof url === 'function') {\n      getUrl()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [displayed._rev])\n\n  if (!displayUrl || typeof displayUrl !== 'string') {\n    return (\n      <ThemeProvider>\n        <Flex padding={5} align=\"center\" justify=\"center\">\n          <Spinner />\n        </Flex>\n      </ThemeProvider>\n    )\n  }\n\n  return (\n    <ThemeProvider>\n      <textarea\n        style={{position: `absolute`, pointerEvents: `none`, opacity: 0}}\n        ref={input}\n        value={displayUrl}\n        readOnly\n        tabIndex={-1}\n      />\n      <Flex direction=\"column\" style={{height: `100%`}}>\n        <Card padding={2} borderBottom>\n          <Flex align=\"center\" gap={2}>\n            <Flex align=\"center\" gap={1}>\n              <Button\n                fontSize={[1]}\n                padding={2}\n                tone=\"primary\"\n                mode={iframeSize === 'mobile' ? 'default' : 'ghost'}\n                icon={MobileDeviceIcon}\n                onClick={() => setIframeSize(iframeSize === 'mobile' ? 'desktop' : 'mobile')}\n              />\n            </Flex>\n            <Box flex={1}>\n              {showDisplayUrl && (\n                <Text size={0} textOverflow=\"ellipsis\">\n                  {displayUrl}\n                </Text>\n              )}\n            </Box>\n            <Flex align=\"center\" gap={1}>\n              {reload?.button ? (\n                <Button\n                  fontSize={[1]}\n                  padding={2}\n                  icon={UndoIcon}\n                  title=\"Reload\"\n                  aria-label=\"Reload\"\n                  onClick={() => handleReload()}\n                />\n              ) : null}\n              <Button\n                fontSize={[1]}\n                icon={CopyIcon}\n                padding={[2]}\n                title=\"Copy\"\n                aria-label=\"Copy\"\n                onClick={() => handleCopy()}\n              />\n              <Button\n                fontSize={[1]}\n                icon={LeaveIcon}\n                padding={[2]}\n                text=\"Open\"\n                tone=\"primary\"\n                onClick={() => window.open(displayUrl)}\n              />\n            </Flex>\n          </Flex>\n        </Card>\n        <Card tone=\"transparent\" padding={iframeSize === 'mobile' ? 2 : 0} style={{height: `100%`}}>\n          <Flex align=\"center\" justify=\"center\" style={{height: `100%`, position: `relative`}}>\n            {loader && loading && (\n              <Flex justify=\"center\" align=\"center\" style={{inset: `0`, position: `absolute`}}>\n                <Flex\n                  style={{...sizes[iframeSize], backgroundColor: `rgba(0,0,0,0.2)`}}\n                  justify=\"center\"\n                  align=\"center\"\n                >\n                  <Card padding={4} radius={2} shadow={1}>\n                    <Flex align=\"center\" direction=\"column\" gap={3} height=\"fill\" justify=\"center\">\n                      <Spinner />\n                      {loader && typeof loader === 'string' && <Text size={1}>{loader}</Text>}\n                    </Flex>\n                  </Card>\n                </Flex>\n              </Flex>\n            )}\n            <iframe\n              ref={iframe}\n              title=\"preview\"\n              style={sizes[iframeSize]}\n              frameBorder=\"0\"\n              src={displayUrl}\n              {...attributes}\n              onLoad={handleIframeLoad}\n            />\n          </Flex>\n        </Card>\n      </Flex>\n    </ThemeProvider>\n  )\n}\n\nexport default Iframe\n"],"names":["sizes","desktop","width","height","maxHeight","mobile","DEFAULT_SIZE","Iframe","props","document","sanityDocument","options","url","defaultSize","reload","loader","attributes","showDisplayUrl","displayUrl","setDisplayUrl","useState","iframeSize","setIframeSize","loading","setLoading","input","useRef","iframe","displayed","copy","useCopyToClipboard","handleCopy","_a","current","value","handleReload","src","handleIframeLoad","onLoad","useEffect","revision","setTimeout","Number","_rev","getUrl","resolveUrl","jsx","ThemeProvider","children","Flex","padding","align","justify","Spinner","style","position","pointerEvents","opacity","ref","readOnly","tabIndex","jsxs","direction","Card","borderBottom","gap","Button","fontSize","tone","mode","icon","MobileDeviceIcon","onClick","Box","flex","Text","size","textOverflow","button","UndoIcon","title","CopyIcon","LeaveIcon","text","window","open","inset","backgroundColor","radius","shadow","frameBorder"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/GetUrlSecret.tsx","../src/DisplayUrl.tsx","../src/Toolbar.tsx","../src/Iframe.tsx"],"sourcesContent":["import {useEffect, useState} from 'react'\nimport {useClient} from 'sanity'\n\nimport {apiVersion, fetchSecretQuery, FetchSecretResponse, tag, UrlSecretId} from './isValidSecret'\nimport {SetError} from './types'\nimport {getExpiresAt, patchUrlSecret} from './utils'\n\nexport interface GetUrlSecretProps {\n  urlSecretId: UrlSecretId\n  urlSecret: string | null\n  setUrlSecret: (secret: string | null) => void\n  setError: SetError\n}\nexport function GetUrlSecret(props: GetUrlSecretProps) {\n  const {urlSecretId, setUrlSecret, urlSecret, setError} = props\n  const client = useClient({apiVersion})\n  const [secretExpiresAt, setSecretExpiresAt] = useState<null | Date>(null)\n\n  if (!urlSecretId.includes('.')) {\n    throw new TypeError(\n      `\\`urlSecretId\\` must have a dot prefix, \\`${urlSecretId}\\` is not secure, add a prefix, for example \\`preview.${urlSecretId}\\` `,\n    )\n  }\n\n  useEffect(() => {\n    if (urlSecret) return\n\n    async function getSecret(signal: AbortSignal): Promise<void> {\n      const data = await client.fetch<FetchSecretResponse>(\n        fetchSecretQuery,\n        {id: urlSecretId},\n        {signal, tag},\n      )\n\n      if (signal.aborted) return\n\n      if (!data?.secret || !data?._updatedAt) {\n        try {\n          const newUpdatedAt = new Date()\n          const newSecret = await patchUrlSecret(client, urlSecretId, signal)\n          if (signal.aborted) return\n          setUrlSecret(newSecret)\n          setSecretExpiresAt(getExpiresAt(newUpdatedAt))\n        } catch (err) {\n          console.error(\n            'Failed to create a new preview secret. Ensure the `client` has a `token` specified that has `write` permissions.',\n            err,\n          )\n        }\n        return\n      }\n\n      if (data?.secret !== urlSecret) {\n        setUrlSecret(data?.secret)\n        setSecretExpiresAt(getExpiresAt(new Date(data?._updatedAt)))\n      }\n    }\n\n    const abort = new AbortController()\n    getSecret(abort.signal).catch((error) => error.name !== 'AbortError' && setError(error))\n    // eslint-disable-next-line consistent-return\n    return () => abort.abort()\n  }, [client, setError, setUrlSecret, urlSecret, urlSecretId])\n\n  useEffect(() => {\n    if (!secretExpiresAt) return\n\n    const timeout = setTimeout(\n      () => {\n        setUrlSecret(null)\n        setSecretExpiresAt(null)\n      },\n      Math.max(0, secretExpiresAt.getTime() - new Date().getTime()),\n    )\n    // eslint-disable-next-line consistent-return\n    return () => clearTimeout(timeout)\n  }, [secretExpiresAt, setUrlSecret])\n\n  return null\n}\n","import {Text} from '@sanity/ui'\nimport React, {useMemo} from 'react'\n\nexport function DisplayUrl({displayUrl}: {displayUrl: string}) {\n  const truncatedUrl = useMemo(() => {\n    const url = new URL(displayUrl)\n\n    if (url.searchParams.has('secret')) {\n      url.searchParams.delete('secret')\n      url.searchParams.append('secret', '***')\n    }\n\n    return `${url.origin === location.origin ? '' : url.origin}${url.pathname}${url.search}`\n  }, [displayUrl])\n\n  return (\n    <Text size={0} textOverflow=\"ellipsis\" title={displayUrl}>\n      {truncatedUrl}\n    </Text>\n  )\n}\n","/* eslint-disable react/jsx-no-bind */\nimport {ClipboardIcon, LaunchIcon, MobileDeviceIcon, UndoIcon} from '@sanity/icons'\nimport {Box, Button, Card, Flex, Text, Tooltip, useToast} from '@sanity/ui'\nimport React, {useRef} from 'react'\nimport {useCopyToClipboard} from 'usehooks-ts'\n\nimport {DisplayUrl} from './DisplayUrl'\nimport {IframeSizeKey, type 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  displayUrl: string\n  iframeSize: IframeSizeKey\n  setIframeSize: (size: IframeSizeKey) => void\n  showDisplayUrl: boolean\n  reloading: boolean\n  reloadButton: boolean\n  handleReload: () => void\n}\nexport function Toolbar(props: ToolbarProps) {\n  const {\n    displayUrl,\n    iframeSize,\n    setIframeSize,\n    reloading,\n    showDisplayUrl,\n    reloadButton,\n    handleReload,\n  } = props\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={displayUrl}\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              content={\n                <Text size={1} style={{whiteSpace: 'nowrap'}}>\n                  {iframeSize === 'mobile' ? 'Exit mobile preview' : 'Preview mobile viewport'}\n                </Text>\n              }\n              padding={2}\n            >\n              <Button\n                disabled={!displayUrl}\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}>\n            {showDisplayUrl && displayUrl && <DisplayUrl displayUrl={displayUrl} />}\n          </Box>\n          <Flex align=\"center\" gap={1}>\n            {reloadButton ? (\n              <Tooltip\n                content={\n                  <Text size={1} style={{whiteSpace: 'nowrap'}}>\n                    {reloading ? 'Reloading…' : 'Reload'}\n                  </Text>\n                }\n                padding={2}\n              >\n                <Button\n                  disabled={!displayUrl}\n                  mode=\"bleed\"\n                  fontSize={[1]}\n                  padding={2}\n                  icon={<UndoIcon style={{transform: 'rotate(90deg) scaleY(-1)'}} />}\n                  loading={reloading}\n                  aria-label=\"Reload\"\n                  onClick={() => handleReload()}\n                />\n              </Tooltip>\n            ) : null}\n            <Tooltip\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={!displayUrl}\n                fontSize={[1]}\n                icon={ClipboardIcon}\n                padding={[2]}\n                aria-label=\"Copy URL\"\n                onClick={() => {\n                  if (!input?.current?.value) return\n\n                  copy(input.current.value)\n                  pushToast({\n                    closable: true,\n                    status: 'success',\n                    title: 'The URL is copied to the clipboard',\n                  })\n                }}\n              />\n            </Tooltip>\n            <Tooltip\n              content={\n                <Text size={1} style={{whiteSpace: 'nowrap'}}>\n                  Open URL in a new tab\n                </Text>\n              }\n              padding={2}\n            >\n              <Button\n                disabled={!displayUrl}\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={() => window.open(displayUrl)}\n              />\n            </Tooltip>\n          </Flex>\n        </Flex>\n      </Card>\n    </>\n  )\n}\n","/* eslint-disable react/jsx-no-bind */\nimport {WarningOutlineIcon} from '@sanity/icons'\nimport {Box, Card, Container, Flex, Spinner, Stack, Text, usePrefersReducedMotion} from '@sanity/ui'\nimport {AnimatePresence, motion, MotionConfig} from 'framer-motion'\nimport React, {forwardRef, useCallback, useDeferredValue, useEffect, useRef, useState} from 'react'\nimport {HTMLAttributeReferrerPolicy} from 'react'\nimport {SanityDocumentLike} from 'sanity'\n\nimport {UrlResolver} from './defineUrlResolver'\nimport {GetUrlSecret} from './GetUrlSecret'\nimport {UrlSecretId} from './isValidSecret'\nimport {DEFAULT_SIZE, sizes, Toolbar} from './Toolbar'\nimport {IframeSizeKey, MissingSlug, SetError, type UrlState} from './types'\n\nexport type {UrlResolver, UrlSecretId}\n\nexport type IframeOptions = {\n  urlSecretId?: UrlSecretId\n  url: UrlState | UrlResolver\n  defaultSize?: IframeSizeKey\n  loader?: string | boolean\n  showDisplayUrl?: boolean\n  reload?: {\n    revision?: boolean | number\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(Flex)\n\nexport interface IframeProps {\n  document: {\n    displayed: SanityDocumentLike\n  }\n  options: IframeOptions\n}\n\nexport function Iframe(props: IframeProps) {\n  const [error, setError] = useState<unknown>(null)\n  if (error) {\n    throw error\n  }\n\n  const {document: sanityDocument, options} = props\n  const {\n    url,\n    urlSecretId,\n    defaultSize = DEFAULT_SIZE,\n    reload,\n    loader = 'Loading…',\n    attributes = {},\n    showDisplayUrl = true,\n  } = options\n  const [iframeSize, setIframeSize] = useState(sizes?.[defaultSize] ? defaultSize : DEFAULT_SIZE)\n\n  // Workaround documents that initially appears to be an empty new document but just hasen't loaded yet\n  const [workaroundEmptyDocument, setWorkaroundEmptyDocument] = useState(true)\n  useEffect(() => {\n    const timeout = setTimeout(() => setWorkaroundEmptyDocument(false), 1000)\n    return () => clearTimeout(timeout)\n  }, [])\n\n  const prefersReducedMotion = usePrefersReducedMotion()\n  const [urlState, setUrlState] = useState<UrlState>(() => (typeof url === 'function' ? '' : url))\n\n  const [loading, setLoading] = useState(true)\n  const [reloading, setReloading] = useState(false)\n\n  const iframe = useRef<HTMLIFrameElement>(null)\n  const {displayed} = sanityDocument\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  const deferredRevision = useDeferredValue(displayed._rev)\n  const displayUrl = typeof urlState === 'string' ? urlState : ''\n\n  return (\n    <MotionConfig transition={prefersReducedMotion ? {duration: 0} : undefined}>\n      <Flex direction=\"column\" style={{height: `100%`}}>\n        <Toolbar\n          displayUrl={displayUrl}\n          iframeSize={iframeSize}\n          reloading={reloading}\n          setIframeSize={setIframeSize}\n          showDisplayUrl={showDisplayUrl}\n          reloadButton={!!reload?.button}\n          handleReload={handleReload}\n        />\n        {urlState === MissingSlug && !workaroundEmptyDocument ? (\n          <MissingSlugScreen />\n        ) : (\n          <Card tone=\"transparent\" style={{height: `100%`}}>\n            <Frame\n              ref={iframe}\n              loader={loader}\n              loading={loading}\n              reloading={reloading}\n              iframeSize={iframeSize}\n              setReloading={setReloading}\n              setLoading={setLoading}\n              displayUrl={displayUrl}\n              attributes={attributes}\n            />\n          </Card>\n        )}\n        {typeof url === 'function' && (\n          <AsyncUrl\n            // We use the revision as a key, to force a re-render when the revision changes\n            // This allows us to respond to changed props (maybe the url function itself changes)\n            // But avoid calling async logic on every render accidentally\n            key={deferredRevision}\n            url={url}\n            displayed={displayed}\n            urlSecretId={urlSecretId}\n            setDisplayUrl={setUrlState}\n            setError={setError}\n          />\n        )}\n        {displayUrl && (reload?.revision || reload?.revision === 0) && (\n          <ReloadOnRevision\n            revision={reload.revision}\n            _rev={deferredRevision}\n            handleReload={handleReload}\n          />\n        )}\n      </Flex>\n    </MotionConfig>\n  )\n}\n\ninterface FrameProps extends Required<Pick<IframeOptions, 'loader' | 'attributes'>> {\n  loader: string | boolean\n  loading: boolean\n  reloading: boolean\n  setLoading: (loading: boolean) => void\n  setReloading: (reloading: boolean) => void\n  iframeSize: IframeSizeKey\n  displayUrl: string\n}\nconst Frame = forwardRef(function Frame(\n  props: FrameProps,\n  iframe: React.ForwardedRef<HTMLIFrameElement>,\n) {\n  const {loader, loading, setLoading, iframeSize, attributes, reloading, displayUrl, setReloading} =\n    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        {loader && 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            <Flex\n              style={{...sizes[iframeSize]}}\n              justify=\"center\"\n              align=\"center\"\n              direction=\"column\"\n              gap={4}\n            >\n              <Spinner muted />\n              {loader && typeof loader === 'string' && (\n                <Text muted size={1}>\n                  {loader}\n                </Text>\n              )}\n            </Flex>\n          </MotionFlex>\n        )}\n      </AnimatePresence>\n      <motion.iframe\n        ref={iframe}\n        title=\"preview\"\n        frameBorder=\"0\"\n        style={{maxHeight: '100%'}}\n        src={displayUrl}\n        initial={['background', iframeSize]}\n        variants={iframeVariants}\n        animate={[\n          loader && loading ? 'background' : 'active',\n          reloading ? 'reloading' : 'idle',\n          iframeSize,\n        ]}\n        {...attributes}\n        onLoad={handleIframeLoad}\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\ninterface ReloadOnRevisionProps {\n  _rev?: string\n  revision: number | boolean\n  handleReload: () => void\n}\nfunction ReloadOnRevision(props: ReloadOnRevisionProps) {\n  const {revision, handleReload, _rev} = props\n  const [initialRev] = useState(_rev)\n  // Reload on new revisions\n  // eslint-disable-next-line consistent-return\n  useEffect(() => {\n    if (_rev !== initialRev) {\n      const timeout = setTimeout(handleReload, Number(revision === true ? 300 : revision))\n      return () => clearTimeout(timeout)\n    }\n  }, [_rev, revision, handleReload, initialRev])\n\n  return null\n}\n\ninterface AsyncUrlProps {\n  displayed: SanityDocumentLike\n  url: UrlResolver\n  urlSecretId?: UrlSecretId\n  setDisplayUrl: (url: UrlState) => void\n  setError: SetError\n}\nfunction AsyncUrl(props: AsyncUrlProps) {\n  const {urlSecretId, setDisplayUrl, setError} = props\n  // Snapshot values we only care about when the revision changes, done by changing the `key` prop\n  const [displayed] = useState(props.displayed)\n  const [url] = useState(() => props.url)\n  const [urlSecret, setUrlSecret] = useState<null | string>(null)\n\n  // Set initial URL and refresh on new revisions\n  useEffect(() => {\n    if (urlSecretId && !urlSecret) return\n\n    const getUrl = async (signal: AbortSignal) => {\n      const resolveUrl = await url(displayed, urlSecret, abort.signal)\n\n      // Only update state if URL has changed\n      if (!signal.aborted && resolveUrl) {\n        setDisplayUrl(resolveUrl)\n      }\n    }\n\n    const abort = new AbortController()\n    getUrl(abort.signal).catch((error) => error.name !== 'AbortError' && setError(error))\n    // eslint-disable-next-line consistent-return\n    return () => abort.abort()\n  }, [displayed, setDisplayUrl, setError, url, urlSecret, urlSecretId])\n\n  if (urlSecretId) {\n    return (\n      <GetUrlSecret\n        urlSecretId={urlSecretId}\n        urlSecret={urlSecret}\n        setUrlSecret={setUrlSecret}\n        setError={setError}\n      />\n    )\n  }\n\n  return null\n}\n\nexport function MissingSlugScreen() {\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                  Missing slug\n                </Text>\n                <Text as=\"p\" muted size={1}>\n                  Add a slug to see the preview.\n                </Text>\n              </Stack>\n            </Flex>\n          </Card>\n        </Container>\n      </Flex>\n    </Card>\n  )\n}\n"],"names":["GetUrlSecret","props","urlSecretId","setUrlSecret","urlSecret","setError","client","useClient","apiVersion","secretExpiresAt","setSecretExpiresAt","useState","includes","TypeError","concat","useEffect","getSecret","signal","data","fetch","fetchSecretQuery","id","tag","aborted","secret","_updatedAt","newUpdatedAt","Date","newSecret","patchUrlSecret","getExpiresAt","err","console","error","abort","AbortController","catch","name","timeout","setTimeout","Math","max","getTime","clearTimeout","DisplayUrl","_ref","displayUrl","truncatedUrl","useMemo","url","URL","searchParams","has","delete","append","origin","location","pathname","search","jsx","Text","size","textOverflow","title","children","sizes","desktop","width","height","mobile","DEFAULT_SIZE","Toolbar","iframeSize","setIframeSize","reloading","showDisplayUrl","reloadButton","handleReload","input","useRef","push","pushToast","useToast","copy","useCopyToClipboard","jsxs","Fragment","style","position","pointerEvents","opacity","ref","value","readOnly","tabIndex","Card","padding","borderBottom","Flex","align","gap","Tooltip","content","whiteSpace","Button","disabled","fontSize","mode","icon","MobileDeviceIcon","onClick","Box","flex","UndoIcon","transform","loading","ClipboardIcon","_a","current","closable","status","LaunchIcon","paddingY","text","window","open","MotionFlex","motion","Iframe","document","sanityDocument","options","defaultSize","reload","loader","attributes","workaroundEmptyDocument","setWorkaroundEmptyDocument","prefersReducedMotion","usePrefersReducedMotion","urlState","setUrlState","setLoading","setReloading","iframe","displayed","useCallback","src","deferredRevision","useDeferredValue","_rev","MotionConfig","transition","duration","direction","button","MissingSlug","MissingSlugScreen","tone","Frame","AsyncUrl","setDisplayUrl","revision","ReloadOnRevision","forwardRef","handleIframeLoad","onLoad","justify","AnimatePresence","initial","animate","exit","variants","spinnerVariants","inset","Spinner","muted","frameBorder","maxHeight","iframeVariants","boxShadow","background","scale","idle","active","initialRev","Number","getUrl","resolveUrl","sizing","Container","radius","shadow","WarningOutlineIcon","Stack","marginLeft","space","as","weight"],"mappings":"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"}

package/lib/is-valid-secret.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var isValidSecret = require('./_chunks/is-valid-secret-71f6ff4a.cjs');
+exports.isValidSecret = isValidSecret.isValidSecret;
+//# sourceMappingURL=is-valid-secret.cjs.map

package/lib/is-valid-secret.cjs.js

@@ -0,0 +1,4 @@
+import cjs from './is-valid-secret.cjs';
+
+export const isValidSecret = cjs.isValidSecret;
+

package/lib/is-valid-secret.cjs.map

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

package/lib/is-valid-secret.d.ts

@@ -0,0 +1,41 @@
+export declare const apiVersion = '2023-08-08'
+
+export declare const fetchSecretQuery: string
+
+export declare type FetchSecretResponse = {
+  secret: string | null
+  _updatedAt: string | null
+} | null
+
+export declare function isValidSecret(
+  client: SanityClientLike,
+  urlSecretId: UrlSecretId,
+  urlSecret: string,
+): Promise<boolean>
+
+export declare type SanityClientLike = {
+  config(): {
+    token?: string
+  }
+  withConfig(config: {apiVersion?: string; useCdn?: boolean; perspective: 'raw'}): SanityClientLike
+  fetch<
+    R,
+    Q = {
+      [key: string]: any
+    },
+  >(
+    query: string,
+    params: Q,
+    options: {
+      tag?: string
+    },
+  ): Promise<R>
+}
+
+export declare const SECRET_TTL: number
+
+export declare const tag = 'sanity-plugin-iframe-pane'
+
+export declare type UrlSecretId = `${string}.${string}`
+
+export {}

package/lib/is-valid-secret.js

@@ -0,0 +1,2 @@
+export { isValidSecret } from './_chunks/is-valid-secret-3aaae7ae.js';
+//# sourceMappingURL=is-valid-secret.js.map

package/lib/is-valid-secret.js.map

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

package/lib/preview-url.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var sanity = require('sanity');
+var types = require('./_chunks/types-43de0b73.cjs');
+var isValidSecret = require('./_chunks/is-valid-secret-71f6ff4a.cjs');
+function defineUrlResolver(options) {
+  const {
+    base,
+    requiresSlug = []
+  } = options;
+  return (document, urlSecret) => {
+    var _a;
+    const url = new URL(base, location.origin);
+    url.searchParams.set("type", document._type);
+    const slug = (_a = document == null ? void 0 : document.slug) == null ? void 0 : _a.current;
+    if (slug) {
+      url.searchParams.set("slug", slug);
+    } else if (requiresSlug.includes(document._type)) {
+      return types.MissingSlug;
+    }
+    if (urlSecret) {
+      url.searchParams.set("secret", urlSecret);
+    }
+    return url.toString();
+  };
+}
+const previewUrl = sanity.definePlugin(_ref => {
+  let {
+    urlSecretId,
+    base,
+    matchTypes,
+    requiresSlug
+  } = _ref;
+  if (!base) {
+    throw new TypeError("`base` is required");
+  }
+  const urlResolver = defineUrlResolver({
+    base,
+    requiresSlug
+  });
+  return {
+    name: "previewUrl",
+    document: {
+      productionUrl: async (prev, _ref2) => {
+        let {
+          document,
+          getClient
+        } = _ref2;
+        if ((matchTypes == null ? void 0 : matchTypes.length) && !matchTypes.includes(document._type)) {
+          return prev;
+        }
+        let urlSecret = null;
+        if (urlSecretId) {
+          const client = getClient({
+            apiVersion: isValidSecret.apiVersion
+          });
+          const data = await client.fetch(isValidSecret.fetchSecretQuery, {
+            id: urlSecretId
+          }, {
+            tag: isValidSecret.tag
+          });
+          urlSecret = (data == null ? void 0 : data.secret) ? data.secret : await types.patchUrlSecret(client, urlSecretId);
+        }
+        const url = urlResolver(document, urlSecret);
+        if (url) {
+          return url === types.MissingSlug ? prev : url;
+        }
+        return prev;
+      }
+    }
+  };
+});
+exports.previewUrl = previewUrl;
+//# sourceMappingURL=preview-url.cjs.map

package/lib/preview-url.cjs.js

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

package/lib/preview-url.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-url.cjs","sources":["../src/defineUrlResolver.tsx","../src/previewUrl.ts"],"sourcesContent":["import type {SanityDocumentLike} from 'sanity'\n\nimport {MissingSlug, UrlState} from './types'\n\nexport type UrlResolver = (\n  document: SanityDocumentLike,\n  urlSecret: string | null | undefined,\n  signal?: AbortSignal,\n) => UrlState | Promise<UrlState>\n\nexport interface DefineUrlResolverOptions {\n  base: string | URL\n  requiresSlug?: string[]\n}\nexport function defineUrlResolver(options: DefineUrlResolverOptions): UrlResolver {\n  const {base, requiresSlug = []} = options\n  return (document, urlSecret) => {\n    const url = new URL(base, location.origin)\n    url.searchParams.set('type', document._type)\n    const slug = (document?.slug as any)?.current\n    if (slug) {\n      url.searchParams.set('slug', slug)\n    } else if (requiresSlug.includes(document._type)) {\n      return MissingSlug\n    }\n    if (urlSecret) {\n      url.searchParams.set('secret', urlSecret)\n    }\n    return url.toString()\n  }\n}\n","/**\n * This plugin sets up the \"Open preview (CTRL + ALT + O)\" in the dropdown menu that hosts\n * other actions like \"Review changes\" and \"Inspect\"\n */\n\nimport {definePlugin} from 'sanity'\n\nimport {defineUrlResolver, DefineUrlResolverOptions} from './defineUrlResolver'\nimport {\n  apiVersion,\n  fetchSecretQuery,\n  FetchSecretResponse,\n  tag,\n  type UrlSecretId,\n} from './isValidSecret'\nimport {MissingSlug} from './types'\nimport {patchUrlSecret} from './utils'\n\nexport type {DefineUrlResolverOptions, UrlSecretId}\n\nexport interface ProductionUrlOptions extends DefineUrlResolverOptions {\n  matchTypes?: string[]\n  urlSecretId?: UrlSecretId\n}\n\nexport const previewUrl = definePlugin<ProductionUrlOptions>(\n  ({urlSecretId, base, matchTypes, requiresSlug}) => {\n    if (!base) {\n      throw new TypeError('`base` is required')\n    }\n\n    const urlResolver = defineUrlResolver({base, requiresSlug})\n    return {\n      name: 'previewUrl',\n      document: {\n        productionUrl: async (prev, {document, getClient}) => {\n          if (matchTypes?.length && !matchTypes.includes(document._type)) {\n            return prev\n          }\n\n          let urlSecret: string | null = null\n          if (urlSecretId) {\n            const client = getClient({apiVersion})\n            const data = await client.fetch<FetchSecretResponse>(\n              fetchSecretQuery,\n              {id: urlSecretId},\n              {tag},\n            )\n            urlSecret = data?.secret ? data.secret : await patchUrlSecret(client, urlSecretId)\n          }\n\n          const url = urlResolver(document, urlSecret)\n          if (url) {\n            return url === MissingSlug ? prev : url\n          }\n\n          return prev\n        },\n      },\n    }\n  },\n)\n"],"names":["defineUrlResolver","options","base","requiresSlug","document","urlSecret","_a","url","URL","location","origin","searchParams","set","_type","slug","current","includes","MissingSlug","toString","previewUrl","definePlugin","_ref","urlSecretId","matchTypes","TypeError","urlResolver","name","productionUrl","prev","_ref2","getClient","length","client","apiVersion","data","fetch","fetchSecretQuery","id","tag","secret","patchUrlSecret"],"mappings":";;;;;;;;AAcO,SAASA,kBAAkBC,OAAgD,EAAA;EAChF,MAAM;IAACC,IAAA;IAAMC,YAAe,GAAA;GAAM,GAAAF,OAAA;EAC3B,OAAA,CAACG,UAAUC,SAAc,KAAA;IAhBlC,IAAAC,EAAA;IAiBI,MAAMC,GAAM,GAAA,IAAIC,GAAI,CAAAN,IAAA,EAAMO,SAASC,MAAM,CAAA;IACzCH,GAAA,CAAII,YAAa,CAAAC,GAAA,CAAI,MAAQ,EAAAR,QAAA,CAASS,KAAK,CAAA;IACrC,MAAAC,IAAA,GAAA,CAAQR,EAAU,GAAAF,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,QAAA,CAAAU,IAAA,KAAV,IAAwB,GAAA,KAAA,CAAA,GAAAR,EAAA,CAAAS,OAAA;IACtC,IAAID,IAAM,EAAA;MACJP,GAAA,CAAAI,YAAA,CAAaC,GAAI,CAAA,MAAA,EAAQE,IAAI,CAAA;IACxB,CAAA,MAAA,IAAAX,YAAA,CAAaa,QAAS,CAAAZ,QAAA,CAASS,KAAK,CAAG,EAAA;MACzC,OAAAI,iBAAA;IACT;IACA,IAAIZ,SAAW,EAAA;MACTE,GAAA,CAAAI,YAAA,CAAaC,GAAI,CAAA,QAAA,EAAUP,SAAS,CAAA;IAC1C;IACA,OAAOE,IAAIW,QAAS,EAAA;EAAA,CACtB;AACF;ACLO,MAAMC,UAAa,GAAAC,MAAA,CAAAA,YAAA,CACxBC,IAAA,IAAmD;EAAA,IAAlD;IAACC,WAAA;IAAapB,IAAM;IAAAqB,UAAA;IAAYpB;GAAkB,GAAAkB,IAAA;EACjD,IAAI,CAACnB,IAAM,EAAA;IACH,MAAA,IAAIsB,UAAU,oBAAoB,CAAA;EAC1C;EAEA,MAAMC,WAAc,GAAAzB,iBAAA,CAAkB;IAACE,IAAA;IAAMC;EAAa,CAAA,CAAA;EACnD,OAAA;IACLuB,IAAM,EAAA,YAAA;IACNtB,QAAU,EAAA;MACRuB,eAAe,MAAAA,CAAOC,IAAA,EAAAC,KAAA,KAAgC;QAAA,IAA1B;UAACzB,QAAA;UAAU0B;SAAe,GAAAD,KAAA;QACpD,IAAA,CAAIN,yCAAYQ,MAAU,KAAA,CAACR,WAAWP,QAAS,CAAAZ,QAAA,CAASS,KAAK,CAAG,EAAA;UACvD,OAAAe,IAAA;QACT;QAEA,IAAIvB,SAA2B,GAAA,IAAA;QAC/B,IAAIiB,WAAa,EAAA;UACf,MAAMU,MAAS,GAAAF,SAAA,CAAU;YAACG,UAAAA,EAAAA,aAAAA,CAAAA;UAAW,CAAA,CAAA;UAC/B,MAAAC,IAAA,GAAO,MAAMF,MAAO,CAAAG,KAAA,CACxBC,aAAA,CAAAA,gBAAA,EACA;YAACC,IAAIf;UAAW,CAAA,EAChB;YAAAgB,GAAA,EAACA;UAAG,CAAA,CACN;UACAjC,SAAA,GAAA,CAAY6B,6BAAMK,MAAS,IAAAL,IAAA,CAAKK,SAAS,MAAMC,KAAA,CAAAA,cAAA,CAAeR,QAAQV,WAAW,CAAA;QACnF;QAEM,MAAAf,GAAA,GAAMkB,WAAY,CAAArB,QAAA,EAAUC,SAAS,CAAA;QAC3C,IAAIE,GAAK,EAAA;UACA,OAAAA,GAAA,KAAQU,KAAAA,CAAAA,cAAcW,IAAO,GAAArB,GAAA;QACtC;QAEO,OAAAqB,IAAA;MACT;IACF;EAAA,CACF;AACF,CACF,CAAA;"}

package/lib/preview-url.d.ts

@@ -0,0 +1,17 @@
+import {Plugin as Plugin_2} from 'sanity'
+
+export declare interface DefineUrlResolverOptions {
+  base: string | URL
+  requiresSlug?: string[]
+}
+
+export declare const previewUrl: Plugin_2<ProductionUrlOptions>
+
+export declare interface ProductionUrlOptions extends DefineUrlResolverOptions {
+  matchTypes?: string[]
+  urlSecretId?: UrlSecretId
+}
+
+export declare type UrlSecretId = `${string}.${string}`
+
+export {}

package/lib/preview-url.js

@@ -0,0 +1,72 @@
+import { definePlugin } from 'sanity';
+import { MissingSlug, patchUrlSecret } from './_chunks/types-4860e7b4.js';
+import { apiVersion, fetchSecretQuery, tag } from './_chunks/is-valid-secret-3aaae7ae.js';
+function defineUrlResolver(options) {
+  const {
+    base,
+    requiresSlug = []
+  } = options;
+  return (document, urlSecret) => {
+    var _a;
+    const url = new URL(base, location.origin);
+    url.searchParams.set("type", document._type);
+    const slug = (_a = document == null ? void 0 : document.slug) == null ? void 0 : _a.current;
+    if (slug) {
+      url.searchParams.set("slug", slug);
+    } else if (requiresSlug.includes(document._type)) {
+      return MissingSlug;
+    }
+    if (urlSecret) {
+      url.searchParams.set("secret", urlSecret);
+    }
+    return url.toString();
+  };
+}
+const previewUrl = definePlugin(_ref => {
+  let {
+    urlSecretId,
+    base,
+    matchTypes,
+    requiresSlug
+  } = _ref;
+  if (!base) {
+    throw new TypeError("`base` is required");
+  }
+  const urlResolver = defineUrlResolver({
+    base,
+    requiresSlug
+  });
+  return {
+    name: "previewUrl",
+    document: {
+      productionUrl: async (prev, _ref2) => {
+        let {
+          document,
+          getClient
+        } = _ref2;
+        if ((matchTypes == null ? void 0 : matchTypes.length) && !matchTypes.includes(document._type)) {
+          return prev;
+        }
+        let urlSecret = null;
+        if (urlSecretId) {
+          const client = getClient({
+            apiVersion
+          });
+          const data = await client.fetch(fetchSecretQuery, {
+            id: urlSecretId
+          }, {
+            tag
+          });
+          urlSecret = (data == null ? void 0 : data.secret) ? data.secret : await patchUrlSecret(client, urlSecretId);
+        }
+        const url = urlResolver(document, urlSecret);
+        if (url) {
+          return url === MissingSlug ? prev : url;
+        }
+        return prev;
+      }
+    }
+  };
+});
+export { previewUrl };
+//# sourceMappingURL=preview-url.js.map

package/lib/preview-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-url.js","sources":["../src/defineUrlResolver.tsx","../src/previewUrl.ts"],"sourcesContent":["import type {SanityDocumentLike} from 'sanity'\n\nimport {MissingSlug, UrlState} from './types'\n\nexport type UrlResolver = (\n  document: SanityDocumentLike,\n  urlSecret: string | null | undefined,\n  signal?: AbortSignal,\n) => UrlState | Promise<UrlState>\n\nexport interface DefineUrlResolverOptions {\n  base: string | URL\n  requiresSlug?: string[]\n}\nexport function defineUrlResolver(options: DefineUrlResolverOptions): UrlResolver {\n  const {base, requiresSlug = []} = options\n  return (document, urlSecret) => {\n    const url = new URL(base, location.origin)\n    url.searchParams.set('type', document._type)\n    const slug = (document?.slug as any)?.current\n    if (slug) {\n      url.searchParams.set('slug', slug)\n    } else if (requiresSlug.includes(document._type)) {\n      return MissingSlug\n    }\n    if (urlSecret) {\n      url.searchParams.set('secret', urlSecret)\n    }\n    return url.toString()\n  }\n}\n","/**\n * This plugin sets up the \"Open preview (CTRL + ALT + O)\" in the dropdown menu that hosts\n * other actions like \"Review changes\" and \"Inspect\"\n */\n\nimport {definePlugin} from 'sanity'\n\nimport {defineUrlResolver, DefineUrlResolverOptions} from './defineUrlResolver'\nimport {\n  apiVersion,\n  fetchSecretQuery,\n  FetchSecretResponse,\n  tag,\n  type UrlSecretId,\n} from './isValidSecret'\nimport {MissingSlug} from './types'\nimport {patchUrlSecret} from './utils'\n\nexport type {DefineUrlResolverOptions, UrlSecretId}\n\nexport interface ProductionUrlOptions extends DefineUrlResolverOptions {\n  matchTypes?: string[]\n  urlSecretId?: UrlSecretId\n}\n\nexport const previewUrl = definePlugin<ProductionUrlOptions>(\n  ({urlSecretId, base, matchTypes, requiresSlug}) => {\n    if (!base) {\n      throw new TypeError('`base` is required')\n    }\n\n    const urlResolver = defineUrlResolver({base, requiresSlug})\n    return {\n      name: 'previewUrl',\n      document: {\n        productionUrl: async (prev, {document, getClient}) => {\n          if (matchTypes?.length && !matchTypes.includes(document._type)) {\n            return prev\n          }\n\n          let urlSecret: string | null = null\n          if (urlSecretId) {\n            const client = getClient({apiVersion})\n            const data = await client.fetch<FetchSecretResponse>(\n              fetchSecretQuery,\n              {id: urlSecretId},\n              {tag},\n            )\n            urlSecret = data?.secret ? data.secret : await patchUrlSecret(client, urlSecretId)\n          }\n\n          const url = urlResolver(document, urlSecret)\n          if (url) {\n            return url === MissingSlug ? prev : url\n          }\n\n          return prev\n        },\n      },\n    }\n  },\n)\n"],"names":["defineUrlResolver","options","base","requiresSlug","document","urlSecret","_a","url","URL","location","origin","searchParams","set","_type","slug","current","includes","MissingSlug","toString","previewUrl","definePlugin","_ref","urlSecretId","matchTypes","TypeError","urlResolver","name","productionUrl","prev","_ref2","getClient","length","client","apiVersion","data","fetch","fetchSecretQuery","id","tag","secret","patchUrlSecret"],"mappings":";;;AAcO,SAASA,kBAAkBC,OAAgD,EAAA;EAChF,MAAM;IAACC,IAAA;IAAMC,YAAe,GAAA;GAAM,GAAAF,OAAA;EAC3B,OAAA,CAACG,UAAUC,SAAc,KAAA;IAhBlC,IAAAC,EAAA;IAiBI,MAAMC,GAAM,GAAA,IAAIC,GAAI,CAAAN,IAAA,EAAMO,SAASC,MAAM,CAAA;IACzCH,GAAA,CAAII,YAAa,CAAAC,GAAA,CAAI,MAAQ,EAAAR,QAAA,CAASS,KAAK,CAAA;IACrC,MAAAC,IAAA,GAAA,CAAQR,EAAU,GAAAF,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,QAAA,CAAAU,IAAA,KAAV,IAAwB,GAAA,KAAA,CAAA,GAAAR,EAAA,CAAAS,OAAA;IACtC,IAAID,IAAM,EAAA;MACJP,GAAA,CAAAI,YAAA,CAAaC,GAAI,CAAA,MAAA,EAAQE,IAAI,CAAA;IACxB,CAAA,MAAA,IAAAX,YAAA,CAAaa,QAAS,CAAAZ,QAAA,CAASS,KAAK,CAAG,EAAA;MACzC,OAAAI,WAAA;IACT;IACA,IAAIZ,SAAW,EAAA;MACTE,GAAA,CAAAI,YAAA,CAAaC,GAAI,CAAA,QAAA,EAAUP,SAAS,CAAA;IAC1C;IACA,OAAOE,IAAIW,QAAS,EAAA;EAAA,CACtB;AACF;ACLO,MAAMC,UAAa,GAAAC,YAAA,CACxBC,IAAA,IAAmD;EAAA,IAAlD;IAACC,WAAA;IAAapB,IAAM;IAAAqB,UAAA;IAAYpB;GAAkB,GAAAkB,IAAA;EACjD,IAAI,CAACnB,IAAM,EAAA;IACH,MAAA,IAAIsB,UAAU,oBAAoB,CAAA;EAC1C;EAEA,MAAMC,WAAc,GAAAzB,iBAAA,CAAkB;IAACE,IAAA;IAAMC;EAAa,CAAA,CAAA;EACnD,OAAA;IACLuB,IAAM,EAAA,YAAA;IACNtB,QAAU,EAAA;MACRuB,eAAe,MAAAA,CAAOC,IAAA,EAAAC,KAAA,KAAgC;QAAA,IAA1B;UAACzB,QAAA;UAAU0B;SAAe,GAAAD,KAAA;QACpD,IAAA,CAAIN,yCAAYQ,MAAU,KAAA,CAACR,WAAWP,QAAS,CAAAZ,QAAA,CAASS,KAAK,CAAG,EAAA;UACvD,OAAAe,IAAA;QACT;QAEA,IAAIvB,SAA2B,GAAA,IAAA;QAC/B,IAAIiB,WAAa,EAAA;UACf,MAAMU,MAAS,GAAAF,SAAA,CAAU;YAACG;UAAW,CAAA,CAAA;UAC/B,MAAAC,IAAA,GAAO,MAAMF,MAAO,CAAAG,KAAA,CACxBC,gBAAA,EACA;YAACC,IAAIf;UAAW,CAAA,EAChB;YAACgB;UAAG,CAAA,CACN;UACAjC,SAAA,GAAA,CAAY6B,6BAAMK,MAAS,IAAAL,IAAA,CAAKK,SAAS,MAAMC,cAAA,CAAeR,QAAQV,WAAW,CAAA;QACnF;QAEM,MAAAf,GAAA,GAAMkB,WAAY,CAAArB,QAAA,EAAUC,SAAS,CAAA;QAC3C,IAAIE,GAAK,EAAA;UACA,OAAAA,GAAA,KAAQU,cAAcW,IAAO,GAAArB,GAAA;QACtC;QAEO,OAAAqB,IAAA;MACT;IACF;EAAA,CACF;AACF,CACF,CAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-iframe-pane",
-  "version": "2.3.1-beta.1",
+  "version": "2.3.2-canary.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",
   "bugs": {
@@ -20,12 +20,31 @@
       "source": "./src/index.ts",
       "require": "./lib/index.cjs",
       "node": {
-        "import": "./lib/index.cjs.js",
-        "require": "./lib/index.cjs"
+        "import": "./lib/index.cjs.js"
       },
       "import": "./lib/index.js",
       "default": "./lib/index.js"
     },
+    "./is-valid-secret": {
+      "types": "./lib/is-valid-secret.d.ts",
+      "source": "./src/is-valid-secret.ts",
+      "require": "./lib/is-valid-secret.cjs",
+      "node": {
+        "import": "./lib/is-valid-secret.cjs.js"
+      },
+      "import": "./lib/is-valid-secret.js",
+      "default": "./lib/is-valid-secret.js"
+    },
+    "./preview-url": {
+      "types": "./lib/preview-url.d.ts",
+      "source": "./src/preview-url.ts",
+      "require": "./lib/preview-url.cjs",
+      "node": {
+        "import": "./lib/preview-url.cjs.js"
+      },
+      "import": "./lib/preview-url.js",
+      "default": "./lib/preview-url.js"
+    },
     "./package.json": "./package.json"
   },
   "main": "./lib/index.cjs",
@@ -51,33 +70,34 @@
     "watch": "pkg-utils watch --strict"
   },
   "dependencies": {
-    "@sanity/icons": "^2.2.2",
+    "@sanity/icons": "^2.4.1",
     "@sanity/incompatible-plugin": "^1.0.0",
     "@sanity/ui": "^1.0.0",
+    "framer-motion": "^10.15.1",
     "usehooks-ts": "2.9.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.6.3",
     "@commitlint/config-conventional": "^17.6.3",
-    "@sanity/pkg-utils": "^2.2.16",
+    "@sanity/pkg-utils": "^2.4.2",
     "@sanity/plugin-kit": "^3.1.7",
-    "@sanity/semantic-release-preset": "^4.1.1",
+    "@sanity/semantic-release-preset": "^4.1.3",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@typescript-eslint/parser": "^5.59.7",
     "eslint": "^8.36.0",
-    "eslint-config-prettier": "^8.7.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-config-sanity": "^6.0.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.2",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
-    "prettier-plugin-packagejson": "^2.4.3",
+    "prettier": "^3.0.1",
+    "prettier-plugin-packagejson": "^2.4.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
@@ -93,5 +113,9 @@
   },
   "engines": {
     "node": ">=14"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   }
 }

package/src/DisplayUrl.tsx

@@ -0,0 +1,21 @@
+import {Text} from '@sanity/ui'
+import React, {useMemo} from 'react'
+
+export function DisplayUrl({displayUrl}: {displayUrl: string}) {
+  const truncatedUrl = useMemo(() => {
+    const url = new URL(displayUrl)
+
+    if (url.searchParams.has('secret')) {
+      url.searchParams.delete('secret')
+      url.searchParams.append('secret', '***')
+    }
+
+    return `${url.origin === location.origin ? '' : url.origin}${url.pathname}${url.search}`
+  }, [displayUrl])
+
+  return (
+    <Text size={0} textOverflow="ellipsis" title={displayUrl}>
+      {truncatedUrl}
+    </Text>
+  )
+}

package/src/GetUrlSecret.tsx

@@ -0,0 +1,80 @@
+import {useEffect, useState} from 'react'
+import {useClient} from 'sanity'
+
+import {apiVersion, fetchSecretQuery, FetchSecretResponse, tag, UrlSecretId} from './isValidSecret'
+import {SetError} from './types'
+import {getExpiresAt, patchUrlSecret} from './utils'
+
+export interface GetUrlSecretProps {
+  urlSecretId: UrlSecretId
+  urlSecret: string | null
+  setUrlSecret: (secret: string | null) => void
+  setError: SetError
+}
+export function GetUrlSecret(props: GetUrlSecretProps) {
+  const {urlSecretId, setUrlSecret, urlSecret, setError} = props
+  const client = useClient({apiVersion})
+  const [secretExpiresAt, setSecretExpiresAt] = useState<null | Date>(null)
+
+  if (!urlSecretId.includes('.')) {
+    throw new TypeError(
+      `\`urlSecretId\` must have a dot prefix, \`${urlSecretId}\` is not secure, add a prefix, for example \`preview.${urlSecretId}\` `,
+    )
+  }
+
+  useEffect(() => {
+    if (urlSecret) return
+
+    async function getSecret(signal: AbortSignal): Promise<void> {
+      const data = await client.fetch<FetchSecretResponse>(
+        fetchSecretQuery,
+        {id: urlSecretId},
+        {signal, tag},
+      )
+
+      if (signal.aborted) return
+
+      if (!data?.secret || !data?._updatedAt) {
+        try {
+          const newUpdatedAt = new Date()
+          const newSecret = await patchUrlSecret(client, urlSecretId, signal)
+          if (signal.aborted) return
+          setUrlSecret(newSecret)
+          setSecretExpiresAt(getExpiresAt(newUpdatedAt))
+        } catch (err) {
+          console.error(
+            'Failed to create a new preview secret. Ensure the `client` has a `token` specified that has `write` permissions.',
+            err,
+          )
+        }
+        return
+      }
+
+      if (data?.secret !== urlSecret) {
+        setUrlSecret(data?.secret)
+        setSecretExpiresAt(getExpiresAt(new Date(data?._updatedAt)))
+      }
+    }
+
+    const abort = new AbortController()
+    getSecret(abort.signal).catch((error) => error.name !== 'AbortError' && setError(error))
+    // eslint-disable-next-line consistent-return
+    return () => abort.abort()
+  }, [client, setError, setUrlSecret, urlSecret, urlSecretId])
+
+  useEffect(() => {
+    if (!secretExpiresAt) return
+
+    const timeout = setTimeout(
+      () => {
+        setUrlSecret(null)
+        setSecretExpiresAt(null)
+      },
+      Math.max(0, secretExpiresAt.getTime() - new Date().getTime()),
+    )
+    // eslint-disable-next-line consistent-return
+    return () => clearTimeout(timeout)
+  }, [secretExpiresAt, setUrlSecret])
+
+  return null
+}