sanity-plugin-mux-input 2.0.2 → 2.0.3

package/lib/_chunks/VideoSource.styled-99ffa712.js

@@ -0,0 +1,336 @@
+'use strict';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var sanity = require('sanity');
+var jsxRuntime = require('react/jsx-runtime');
+var icons = require('@sanity/icons');
+var ui = require('@sanity/ui');
+var React = require('react');
+var styled = require('styled-components');
+var suspendReact = require('suspend-react');
+var useErrorBoundary = require('use-error-boundary');
+var index = require('./index-9933dea2.js');
+function _interopDefaultCompat(e) {
+  return e && typeof e === 'object' && 'default' in e ? e : {
+    default: e
+  };
+}
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+const path = ["assetId", "data", "playbackId", "status", "thumbTime", "filename"];
+const useAssetDocumentValues = asset => sanity.useDocumentValues(sanity.isReference(asset) ? asset._ref : "", path);
+function useClient() {
+  return sanity.useClient({
+    apiVersion: "2022-09-14"
+  });
+}
+const _id = "secrets.mux";
+function readSecrets(client) {
+  const {
+    projectId,
+    dataset
+  } = client.config();
+  return suspendReact.suspend(async () => {
+    const data = await client.fetch("*[_id == $_id][0]{\n        token,\n        secretKey,\n        enableSignedUrls,\n        signingKeyId,\n        signingKeyPrivate\n      }", {
+      _id
+    });
+    return {
+      token: (data == null ? void 0 : data.token) || null,
+      secretKey: (data == null ? void 0 : data.secretKey) || null,
+      enableSignedUrls: Boolean(data == null ? void 0 : data.enableSignedUrls) || false,
+      signingKeyId: (data == null ? void 0 : data.signingKeyId) || null,
+      signingKeyPrivate: (data == null ? void 0 : data.signingKeyPrivate) || null
+    };
+  }, [index.cacheNs, _id, projectId, dataset]);
+}
+function generateJwt(client, playbackId, aud, payload) {
+  const {
+    signingKeyId,
+    signingKeyPrivate
+  } = readSecrets(client);
+  if (!signingKeyId) {
+    throw new TypeError("Missing signingKeyId");
+  }
+  if (!signingKeyPrivate) {
+    throw new TypeError("Missing signingKeyPrivate");
+  }
+  const {
+    default: sign
+  } = suspendReact.suspend(() => import('jsonwebtoken-esm/sign'), ["jsonwebtoken-esm/sign"]);
+  return sign(payload ? JSON.parse(JSON.stringify(payload, (_, v) => v != null ? v : void 0)) : {}, atob(signingKeyPrivate), {
+    algorithm: "RS256",
+    keyid: signingKeyId,
+    audience: aud,
+    subject: playbackId,
+    noTimestamp: true,
+    expiresIn: "12h"
+  });
+}
+function getPlaybackId(asset) {
+  if (!(asset == null ? void 0 : asset.playbackId)) {
+    console.error("Asset is missing a playbackId", {
+      asset
+    });
+    throw new TypeError("Missing playbackId");
+  }
+  return asset.playbackId;
+}
+function getPlaybackPolicy(asset) {
+  var _a, _b, _c, _d;
+  return (_d = (_c = (_b = (_a = asset.data) == null ? void 0 : _a.playback_ids) == null ? void 0 : _b[0]) == null ? void 0 : _c.policy) != null ? _d : "public";
+}
+function getAnimatedPosterSrc(_ref) {
+  let {
+    asset,
+    client,
+    height,
+    width,
+    start = asset.thumbTime ? Math.max(0, asset.thumbTime - 2.5) : 0,
+    end = start + 5,
+    fps = 15
+  } = _ref;
+  const params = {
+    height,
+    width,
+    start,
+    end,
+    fps
+  };
+  const playbackId = getPlaybackId(asset);
+  let searchParams = new URLSearchParams(JSON.parse(JSON.stringify(params, (_, v) => v != null ? v : void 0)));
+  if (getPlaybackPolicy(asset) === "signed") {
+    const token = generateJwt(client, playbackId, "g", params);
+    searchParams = new URLSearchParams({
+      token
+    });
+  }
+  return "https://image.mux.com/".concat(playbackId, "/animated.gif?").concat(searchParams);
+}
+function getPosterSrc(_ref2) {
+  let {
+    asset,
+    client,
+    fit_mode,
+    height,
+    time = asset.thumbTime,
+    width
+  } = _ref2;
+  const params = {
+    fit_mode,
+    height,
+    time,
+    width
+  };
+  const playbackId = getPlaybackId(asset);
+  let searchParams = new URLSearchParams(JSON.parse(JSON.stringify(params, (_, v) => v != null ? v : void 0)));
+  if (getPlaybackPolicy(asset) === "signed") {
+    const token = generateJwt(client, playbackId, "t", params);
+    searchParams = new URLSearchParams({
+      token
+    });
+  }
+  return "https://image.mux.com/".concat(playbackId, "/thumbnail.png?").concat(searchParams);
+}
+const mediaDimensions = {
+  aspect: 16 / 9
+};
+const ImageLoader = React.memo(function ImageLoader2(_ref3) {
+  let {
+    alt,
+    src,
+    height,
+    width,
+    aspectRatio
+  } = _ref3;
+  suspendReact.suspend(async () => {
+    const img = new Image(width, height);
+    img.decoding = "async";
+    img.src = src;
+    await img.decode();
+  }, ["sanity-plugin-mux-input", "image", src]);
+  return /* @__PURE__ */jsxRuntime.jsx("img", {
+    alt,
+    src,
+    height,
+    width,
+    style: {
+      aspectRatio
+    }
+  });
+});
+const VideoMediaPreview = styled__default.default(sanity.MediaPreview)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  img {\n    object-fit: cover;\n  }\n"])));
+const VideoMediaPreviewSignedSubtitle = _ref4 => {
+  let {
+    solo
+  } = _ref4;
+  return /* @__PURE__ */jsxRuntime.jsxs(ui.Inline, {
+    space: 1,
+    style: {
+      marginTop: solo ? "-1.35em" : void 0,
+      marginBottom: solo ? void 0 : "0.35rem"
+    },
+    children: [/* @__PURE__ */jsxRuntime.jsx(icons.LockIcon, {}), "Signed playback policy"]
+  });
+};
+const PosterImage = _ref5 => {
+  let {
+    asset,
+    height,
+    width,
+    showTip
+  } = _ref5;
+  const client = useClient();
+  const src = getPosterSrc({
+    asset,
+    client,
+    height,
+    width,
+    fit_mode: "smartcrop"
+  });
+  const subtitle = React.useMemo(() => showTip && getPlaybackPolicy(asset) === "signed" ? /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreviewSignedSubtitle, {
+    solo: true
+  }) : void 0, [asset, showTip]);
+  return /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreview, {
+    mediaDimensions,
+    subtitle,
+    title: /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: null
+    }),
+    media: /* @__PURE__ */jsxRuntime.jsx(ImageLoader, {
+      alt: "",
+      src,
+      height,
+      width
+    })
+  });
+};
+const VideoThumbnail = React.memo(function VideoThumbnail2(_ref6) {
+  let {
+    asset,
+    width,
+    showTip
+  } = _ref6;
+  const {
+    ErrorBoundary,
+    didCatch,
+    error
+  } = useErrorBoundary.useErrorBoundary();
+  const height = Math.round(width * 9 / 16);
+  const subtitle = React.useMemo(() => showTip && getPlaybackPolicy(asset) === "signed" ? /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreviewSignedSubtitle, {}) : void 0, [showTip, asset]);
+  if (didCatch) {
+    return /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreview, {
+      subtitle: error.message,
+      mediaDimensions,
+      title: "Error when loading thumbnail",
+      media: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+        radius: 2,
+        height: "fill",
+        style: {
+          position: "relative",
+          width: "100%"
+        },
+        children: /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0
+          },
+          children: /* @__PURE__ */jsxRuntime.jsx(icons.UnknownIcon, {})
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */jsxRuntime.jsx(ErrorBoundary, {
+    children: /* @__PURE__ */jsxRuntime.jsx(React.Suspense, {
+      fallback: /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreview, {
+        isPlaceholder: true,
+        title: "Loading thumbnail...",
+        subtitle,
+        mediaDimensions
+      }),
+      children: /* @__PURE__ */jsxRuntime.jsx(PosterImage, {
+        showTip,
+        asset,
+        height,
+        width
+      })
+    })
+  });
+});
+const AnimatedVideoMediaPreview = styled__default.default(sanity.MediaPreview)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  img {\n    object-fit: contain;\n  }\n"])));
+const AnimatedPosterImage = _ref7 => {
+  let {
+    asset,
+    width
+  } = _ref7;
+  const client = useClient();
+  const src = getAnimatedPosterSrc({
+    asset,
+    client,
+    width
+  });
+  return /* @__PURE__ */jsxRuntime.jsx(AnimatedVideoMediaPreview, {
+    withBorder: false,
+    mediaDimensions,
+    media: /* @__PURE__ */jsxRuntime.jsx(ImageLoader, {
+      alt: "",
+      src,
+      width,
+      aspectRatio: "16:9"
+    })
+  });
+};
+const AnimatedVideoThumbnail = React.memo(function AnimatedVideoThumbnail2(_ref8) {
+  let {
+    asset,
+    width
+  } = _ref8;
+  const {
+    ErrorBoundary,
+    didCatch
+  } = useErrorBoundary.useErrorBoundary();
+  if (didCatch) {
+    return null;
+  }
+  return /* @__PURE__ */jsxRuntime.jsx(ErrorBoundary, {
+    children: /* @__PURE__ */jsxRuntime.jsx(React.Suspense, {
+      fallback: /* @__PURE__ */jsxRuntime.jsx(FancyBackdrop, {
+        children: /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreview, {
+          mediaDimensions,
+          withBorder: false,
+          media: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {
+            muted: true
+          })
+        })
+      }),
+      children: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+        height: "fill",
+        tone: "transparent",
+        children: /* @__PURE__ */jsxRuntime.jsx(AnimatedPosterImage, {
+          asset,
+          width
+        })
+      })
+    })
+  });
+});
+const FancyBackdrop = styled__default.default(ui.Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  backdrop-filter: blur(8px) brightness(0.5) saturate(2);\n  mix-blend-mode: color-dodge;\n"])));
+const ThumbGrid = styled__default.default(ui.Grid)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n"])));
+const CardLoadMore = styled__default.default(ui.Card)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-top: 1px solid var(--card-border-color);\n  position: sticky;\n  bottom: 0;\n  z-index: 200;\n"])));
+exports.AnimatedVideoThumbnail = AnimatedVideoThumbnail;
+exports.CardLoadMore = CardLoadMore;
+exports.ThumbGrid = ThumbGrid;
+exports.VideoThumbnail = VideoThumbnail;
+exports._id = _id;
+exports.generateJwt = generateJwt;
+exports.getPlaybackId = getPlaybackId;
+exports.getPlaybackPolicy = getPlaybackPolicy;
+exports.getPosterSrc = getPosterSrc;
+exports.useAssetDocumentValues = useAssetDocumentValues;
+exports.useClient = useClient;
+//# sourceMappingURL=VideoSource.styled-99ffa712.js.map

package/lib/_chunks/VideoSource.styled-99ffa712.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoSource.styled-99ffa712.js","sources":["../../src/hooks/useAssetDocumentValues.ts","../../src/hooks/useClient.ts","../../src/util/readSecrets.ts","../../src/util/generateJwt.ts","../../src/util/getPlaybackId.ts","../../src/util/getPlaybackPolicy.ts","../../src/util/getAnimatedPosterSrc.ts","../../src/util/getPosterSrc.ts","../../src/components/VideoSource.styled.tsx"],"sourcesContent":["import {isReference} from 'sanity'\nimport {useDocumentValues} from 'sanity'\n\nimport type {Reference, VideoAssetDocument} from '../util/types'\n\nconst path = ['assetId', 'data', 'playbackId', 'status', 'thumbTime', 'filename']\nexport const useAssetDocumentValues = (asset: Reference | null | undefined) =>\n  useDocumentValues<VideoAssetDocument | null | undefined>(\n    isReference(asset) ? asset._ref! : '',\n    path\n  )\n","// As it's required to specify the API Version this custom hook ensures it's all using the same version\nimport {useClient as useSanityClient} from 'sanity'\n\nexport function useClient() {\n  return useSanityClient({apiVersion: '2022-09-14'})\n}\n","// Utils with a readName prefix are suspendable and should only be called in the render body\n// Not inside event callbacks or a useEffect.\n// They may be called dynamically, unlike useEffect\n\n// @TODO rename to readSigningPair\n\nimport type {SanityClient} from '@sanity/client'\nimport {suspend} from 'suspend-react'\n\nimport {cacheNs} from '../util/constants'\nimport {type Secrets} from '../util/types'\n\nexport const _id = 'secrets.mux' as const\n\nexport function readSecrets(client: SanityClient): Secrets {\n  const {projectId, dataset} = client.config()\n  return suspend(async () => {\n    const data = await client.fetch(\n      /* groq */ `*[_id == $_id][0]{\n        token,\n        secretKey,\n        enableSignedUrls,\n        signingKeyId,\n        signingKeyPrivate\n      }`,\n      {_id}\n    )\n    return {\n      token: data?.token || null,\n      secretKey: data?.secretKey || null,\n      enableSignedUrls: Boolean(data?.enableSignedUrls) || false,\n      signingKeyId: data?.signingKeyId || null,\n      signingKeyPrivate: data?.signingKeyPrivate || null,\n    }\n  }, [cacheNs, _id, projectId, dataset])\n}\n","import type {SanityClient} from '@sanity/client'\nimport {suspend} from 'suspend-react'\n\nimport {readSecrets} from './readSecrets'\nimport type {AnimatedThumbnailOptions, ThumbnailOptions} from './types'\n\nexport type Audience = 'g' | 's' | 't' | 'v'\n\nexport type Payload<T extends Audience> = T extends 'g'\n  ? AnimatedThumbnailOptions\n  : T extends 's'\n  ? never\n  : T extends 't'\n  ? ThumbnailOptions\n  : T extends 'v'\n  ? never\n  : never\n\nexport function generateJwt<T extends Audience>(\n  client: SanityClient,\n  playbackId: string,\n  aud: T,\n  payload?: Payload<T>\n): string {\n  const {signingKeyId, signingKeyPrivate} = readSecrets(client)\n  if (!signingKeyId) {\n    throw new TypeError('Missing signingKeyId')\n  }\n  if (!signingKeyPrivate) {\n    throw new TypeError('Missing signingKeyPrivate')\n  }\n\n  const {default: sign} = suspend(() => import('jsonwebtoken-esm/sign'), ['jsonwebtoken-esm/sign'])\n\n  return sign(\n    payload ? JSON.parse(JSON.stringify(payload, (_, v) => v ?? undefined)) : {},\n    atob(signingKeyPrivate),\n    {\n      algorithm: 'RS256',\n      keyid: signingKeyId,\n      audience: aud,\n      subject: playbackId,\n      noTimestamp: true,\n      expiresIn: '12h',\n    }\n  )\n}\n","import type {VideoAssetDocument} from './types'\n\nexport function getPlaybackId(asset: VideoAssetDocument): string {\n  if (!asset?.playbackId) {\n    console.error('Asset is missing a playbackId', {asset})\n    throw new TypeError(`Missing playbackId`)\n  }\n  return asset.playbackId\n}\n","import type {PlaybackPolicy, VideoAssetDocument} from './types'\n\nexport function getPlaybackPolicy(asset: VideoAssetDocument): PlaybackPolicy {\n  return asset.data?.playback_ids?.[0]?.policy ?? 'public'\n}\n","import type {SanityClient} from '@sanity/client'\n\nimport {generateJwt} from './generateJwt'\nimport {getPlaybackId} from './getPlaybackId'\nimport {getPlaybackPolicy} from './getPlaybackPolicy'\nimport type {AnimatedThumbnailOptions, MuxAnimatedThumbnailUrl, VideoAssetDocument} from './types'\n\nexport interface AnimatedPosterSrcOptions extends AnimatedThumbnailOptions {\n  asset: VideoAssetDocument\n  client: SanityClient\n}\n\nexport function getAnimatedPosterSrc({\n  asset,\n  client,\n  height,\n  width,\n  start = asset.thumbTime ? Math.max(0, asset.thumbTime - 2.5) : 0,\n  end = start + 5,\n  fps = 15,\n}: AnimatedPosterSrcOptions): MuxAnimatedThumbnailUrl {\n  const params = {height, width, start, end, fps}\n  const playbackId = getPlaybackId(asset)\n\n  let searchParams = new URLSearchParams(\n    JSON.parse(JSON.stringify(params, (_, v) => v ?? undefined))\n  )\n  if (getPlaybackPolicy(asset) === 'signed') {\n    const token = generateJwt(client, playbackId, 'g', params)\n    searchParams = new URLSearchParams({token})\n  }\n\n  return `https://image.mux.com/${playbackId}/animated.gif?${searchParams}`\n}\n","import type {SanityClient} from '@sanity/client'\n\nimport {generateJwt} from './generateJwt'\nimport {getPlaybackId} from './getPlaybackId'\nimport {getPlaybackPolicy} from './getPlaybackPolicy'\nimport type {MuxThumbnailUrl, ThumbnailOptions, VideoAssetDocument} from './types'\n\nexport interface PosterSrcOptions extends ThumbnailOptions {\n  asset: VideoAssetDocument\n  client: SanityClient\n}\n\nexport function getPosterSrc({\n  asset,\n  client,\n  fit_mode,\n  height,\n  time = asset.thumbTime,\n  width,\n}: PosterSrcOptions): MuxThumbnailUrl {\n  const params = {fit_mode, height, time, width}\n  const playbackId = getPlaybackId(asset)\n\n  let searchParams = new URLSearchParams(\n    JSON.parse(JSON.stringify(params, (_, v) => v ?? undefined))\n  )\n  if (getPlaybackPolicy(asset) === 'signed') {\n    const token = generateJwt(client, playbackId, 't', params)\n    searchParams = new URLSearchParams({token})\n  }\n\n  return `https://image.mux.com/${playbackId}/thumbnail.png?${searchParams}`\n}\n","import {LockIcon, UnknownIcon} from '@sanity/icons'\nimport {Box, Card, Grid, Inline, Spinner} from '@sanity/ui'\nimport React, {memo, Suspense, useMemo} from 'react'\nimport {MediaPreview} from 'sanity'\nimport styled from 'styled-components'\nimport {suspend} from 'suspend-react'\nimport {useErrorBoundary} from 'use-error-boundary'\n\nimport {useClient} from '../hooks/useClient'\nimport {getAnimatedPosterSrc} from '../util/getAnimatedPosterSrc'\nimport {getPlaybackPolicy} from '../util/getPlaybackPolicy'\nimport {getPosterSrc} from '../util/getPosterSrc'\nimport type {VideoAssetDocument} from '../util/types'\n\nconst mediaDimensions = {aspect: 16 / 9}\n\ninterface ImageLoaderProps {\n  alt: string\n  src: string\n  height?: number\n  width: number\n  aspectRatio?: string\n}\nconst ImageLoader = memo(function ImageLoader({\n  alt,\n  src,\n  height,\n  width,\n  aspectRatio,\n}: ImageLoaderProps) {\n  suspend(async () => {\n    const img = new Image(width, height)\n    img.decoding = 'async'\n    img.src = src\n    await img.decode()\n  }, ['sanity-plugin-mux-input', 'image', src])\n\n  return <img alt={alt} src={src} height={height} width={width} style={{aspectRatio}} />\n})\n\n// @TODO fix typings errors due to props.renderDefault\nconst VideoMediaPreview = styled<any>(MediaPreview)`\n  img {\n    object-fit: cover;\n  }\n`\n\ninterface VideoMediaPreviewSignedSubtitleProps {\n  solo?: boolean\n}\nconst VideoMediaPreviewSignedSubtitle = ({solo}: VideoMediaPreviewSignedSubtitleProps) => {\n  return (\n    <Inline\n      space={1}\n      style={{\n        marginTop: solo ? '-1.35em' : undefined,\n        marginBottom: solo ? undefined : '0.35rem',\n      }}\n    >\n      <LockIcon />\n      Signed playback policy\n    </Inline>\n  )\n}\n\ninterface PosterImageProps extends Omit<ImageLoaderProps, 'src' | 'alt'> {\n  asset: VideoAssetDocument\n  showTip?: boolean\n}\nconst PosterImage = ({asset, height, width, showTip}: PosterImageProps) => {\n  const client = useClient()\n  const src = getPosterSrc({\n    asset,\n    client,\n    height,\n    width,\n    fit_mode: 'smartcrop',\n  })\n  const subtitle = useMemo(\n    () =>\n      showTip && getPlaybackPolicy(asset) === 'signed' ? (\n        <VideoMediaPreviewSignedSubtitle solo />\n      ) : undefined,\n    [asset, showTip]\n  )\n\n  // eslint-disable-next-line no-warning-comments\n  // @TODO support setting the alt text in the schema, like how we deal with images\n  return (\n    <VideoMediaPreview\n      mediaDimensions={mediaDimensions}\n      subtitle={subtitle}\n      title={<>{null}</>}\n      media={<ImageLoader alt=\"\" src={src} height={height} width={width} />}\n    />\n  )\n}\n\nexport interface VideoThumbnailProps extends Omit<PosterImageProps, 'height'> {\n  width: number\n}\nexport const VideoThumbnail = memo(function VideoThumbnail({\n  asset,\n  width,\n  showTip,\n}: VideoThumbnailProps) {\n  const {ErrorBoundary, didCatch, error} = useErrorBoundary()\n  const height = Math.round((width * 9) / 16)\n  const subtitle = useMemo(\n    () =>\n      showTip && getPlaybackPolicy(asset) === 'signed' ? (\n        <VideoMediaPreviewSignedSubtitle />\n      ) : undefined,\n    [showTip, asset]\n  )\n\n  if (didCatch) {\n    return (\n      <VideoMediaPreview\n        subtitle={error.message}\n        mediaDimensions={mediaDimensions}\n        title=\"Error when loading thumbnail\"\n        media={\n          <Card radius={2} height=\"fill\" style={{position: 'relative', width: '100%'}}>\n            <Box\n              style={{\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                right: 0,\n                bottom: 0,\n              }}\n            >\n              <UnknownIcon />\n            </Box>\n          </Card>\n        }\n      />\n    )\n  }\n\n  return (\n    <ErrorBoundary>\n      <Suspense\n        fallback={\n          <VideoMediaPreview\n            isPlaceholder\n            title=\"Loading thumbnail...\"\n            subtitle={subtitle}\n            mediaDimensions={mediaDimensions}\n          />\n        }\n      >\n        <PosterImage showTip={showTip} asset={asset} height={height} width={width} />\n      </Suspense>\n    </ErrorBoundary>\n  )\n})\n\n// @TODO fix typings errors due to props.renderDefault\nconst AnimatedVideoMediaPreview = styled<any>(MediaPreview)`\n  img {\n    object-fit: contain;\n  }\n`\n\ninterface AnimatedPosterImageProps extends Omit<ImageLoaderProps, 'src' | 'alt' | 'height'> {\n  asset: VideoAssetDocument\n}\nconst AnimatedPosterImage = ({asset, width}: AnimatedPosterImageProps) => {\n  const client = useClient()\n  const src = getAnimatedPosterSrc({asset, client, width})\n\n  // eslint-disable-next-line no-warning-comments\n  // @TODO support setting the alt text in the schema, like how we deal with images\n  return (\n    <AnimatedVideoMediaPreview\n      withBorder={false}\n      mediaDimensions={mediaDimensions}\n      media={<ImageLoader alt=\"\" src={src} width={width} aspectRatio=\"16:9\" />}\n    />\n  )\n}\n\nexport interface AnimatedVideoThumbnailProps extends Omit<PosterImageProps, 'height'> {\n  width: number\n}\nexport const AnimatedVideoThumbnail = memo(function AnimatedVideoThumbnail({\n  asset,\n  width,\n}: AnimatedVideoThumbnailProps) {\n  const {ErrorBoundary, didCatch} = useErrorBoundary()\n\n  if (didCatch) {\n    return null\n  }\n\n  return (\n    <ErrorBoundary>\n      <Suspense\n        fallback={\n          <FancyBackdrop>\n            <VideoMediaPreview\n              mediaDimensions={mediaDimensions}\n              withBorder={false}\n              media={<Spinner muted />}\n            />\n          </FancyBackdrop>\n        }\n      >\n        <Card height=\"fill\" tone=\"transparent\">\n          <AnimatedPosterImage asset={asset} width={width} />\n        </Card>\n      </Suspense>\n    </ErrorBoundary>\n  )\n})\nconst FancyBackdrop = styled(Box)`\n  backdrop-filter: blur(8px) brightness(0.5) saturate(2);\n  mix-blend-mode: color-dodge;\n`\n\nexport const ThumbGrid = styled(Grid)`\n  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n`\n\nexport const CardLoadMore = styled(Card)`\n  border-top: 1px solid var(--card-border-color);\n  position: sticky;\n  bottom: 0;\n  z-index: 200;\n`\n"],"names":["path","useAssetDocumentValues","asset","useDocumentValues","isReference","_ref","useClient","useSanityClient","apiVersion","_id","readSecrets","client","projectId","dataset","config","suspend","data","fetch","token","secretKey","enableSignedUrls","Boolean","signingKeyId","signingKeyPrivate","cacheNs","generateJwt","playbackId","aud","payload","TypeError","default","sign","JSON","parse","stringify","_","v","atob","algorithm","keyid","audience","subject","noTimestamp","expiresIn","getPlaybackId","console","error","getPlaybackPolicy","_a","_b","_c","_d","playback_ids","policy","getAnimatedPosterSrc","height","width","start","thumbTime","Math","max","end","fps","params","searchParams","URLSearchParams","getPosterSrc","fit_mode","time","mediaDimensions","aspect","ImageLoader","memo","alt","src","aspectRatio","img","Image","decoding","decode","jsx","style","VideoMediaPreview","styled","MediaPreview","VideoMediaPreviewSignedSubtitle","solo","jsxs","Inline","space","marginTop","marginBottom","children","LockIcon","PosterImage","showTip","subtitle","useMemo","title","Fragment","media","VideoThumbnail","ErrorBoundary","didCatch","useErrorBoundary","round","message","Card","radius","position","Box","display","justifyContent","alignItems","top","left","right","bottom","UnknownIcon","Suspense","fallback","isPlaceholder","AnimatedVideoMediaPreview","AnimatedPosterImage","withBorder","AnimatedVideoThumbnail","FancyBackdrop","Spinner","muted","tone","ThumbGrid","Grid","CardLoadMore"],"mappings":"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"}

package/lib/_chunks/index-9933dea2.js

@@ -0,0 +1,264 @@
+'use strict';
+
+var _templateObject;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var sanity = require('sanity');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ui = require('@sanity/ui');
+var scrollIntoView = require('scroll-into-view-if-needed');
+var suspendReact = require('suspend-react');
+var useErrorBoundary = require('use-error-boundary');
+var styled = require('styled-components');
+function _interopDefaultCompat(e) {
+  return e && typeof e === 'object' && 'default' in e ? e : {
+    default: e
+  };
+}
+var scrollIntoView__default = /*#__PURE__*/_interopDefaultCompat(scrollIntoView);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+function isMuxInputProps(props) {
+  var _a;
+  return sanity.isObjectInputProps(props) && ((_a = props.schemaType.type) == null ? void 0 : _a.name) === "mux.video";
+}
+function isMuxInputPreviewProps(props) {
+  var _a, _b;
+  return ((_b = (_a = props.schemaType) == null ? void 0 : _a.type) == null ? void 0 : _b.name) === "mux.video";
+}
+const name = "mux-input";
+const cacheNs = "sanity-plugin-mux-input";
+const muxSecretsDocumentId = "secrets.mux";
+function ErrorBoundaryCard(props) {
+  const {
+    children,
+    schemaType
+  } = props;
+  const {
+    push: pushToast
+  } = ui.useToast();
+  const errorRef = React.useRef(null);
+  const {
+    ErrorBoundary,
+    didCatch,
+    error,
+    reset
+  } = useErrorBoundary.useErrorBoundary({
+    onDidCatch: (err, errorInfo) => {
+      console.group(err.toString());
+      console.groupCollapsed("console.error");
+      console.error(err);
+      console.groupEnd();
+      if (err.stack) {
+        console.groupCollapsed("error.stack");
+        console.log(err.stack);
+        console.groupEnd();
+      }
+      if (errorInfo == null ? void 0 : errorInfo.componentStack) {
+        console.groupCollapsed("errorInfo.componentStack");
+        console.log(errorInfo.componentStack);
+        console.groupEnd();
+      }
+      console.groupEnd();
+      pushToast({
+        status: "error",
+        title: "Plugin crashed",
+        description: /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+          align: "center",
+          children: /* @__PURE__ */jsxRuntime.jsxs(ui.Inline, {
+            space: 1,
+            children: ["An error happened while rendering", /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+              padding: 1,
+              fontSize: 1,
+              style: {
+                transform: "translateY(1px)"
+              },
+              mode: "ghost",
+              text: schemaType.title,
+              onClick: () => {
+                if (errorRef.current) {
+                  scrollIntoView__default.default(errorRef.current, {
+                    behavior: "smooth",
+                    scrollMode: "if-needed",
+                    block: "center"
+                  });
+                }
+              }
+            })]
+          })
+        })
+      });
+    }
+  });
+  const handleRetry = React.useCallback(() => {
+    suspendReact.clear([name]);
+    reset();
+  }, [reset]);
+  if (didCatch) {
+    return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+      ref: errorRef,
+      paddingX: [2, 3, 4, 4],
+      height: "fill",
+      shadow: 1,
+      overflow: "auto",
+      children: /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+        justify: "flex-start",
+        align: "center",
+        height: "fill",
+        children: /* @__PURE__ */jsxRuntime.jsxs(ui.Grid, {
+          columns: 1,
+          gap: [2, 3, 4, 4],
+          children: [/* @__PURE__ */jsxRuntime.jsxs(ui.Heading, {
+            as: "h1",
+            children: ["The ", /* @__PURE__ */jsxRuntime.jsx("code", {
+              children: name
+            }), " plugin crashed"]
+          }), (error == null ? void 0 : error.message) && /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+            padding: 3,
+            tone: "critical",
+            shadow: 1,
+            radius: 2,
+            children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+              children: error.message
+            })
+          }), /* @__PURE__ */jsxRuntime.jsx(ui.Inline, {
+            children: /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+              onClick: handleRetry,
+              text: "Retry"
+            })
+          })]
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */jsxRuntime.jsx(ErrorBoundary, {
+    children
+  });
+}
+var ErrorBoundaryCard$1 = React.memo(ErrorBoundaryCard);
+const AspectRatioCard = styled__default.default(ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  aspect-ratio: 16 / 9;\n  position: relative;\n  width: 100%;\n"])));
+const InputFallback = () => {
+  return /* @__PURE__ */jsxRuntime.jsx("div", {
+    style: {
+      padding: 1
+    },
+    children: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+      shadow: 1,
+      sizing: "border",
+      style: {
+        aspectRatio: "16/9",
+        width: "100%",
+        borderRadius: "1px"
+      },
+      children: /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
+        align: "center",
+        direction: "column",
+        height: "fill",
+        justify: "center",
+        children: [/* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {
+          muted: true
+        }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+          marginTop: 3,
+          children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+            align: "center",
+            muted: true,
+            size: 1,
+            children: "Loading\u2026"
+          })
+        })]
+      })
+    })
+  });
+};
+const Input = React.lazy(() => Promise.resolve().then(function () {
+  return require('./Input-4ec3c050.js');
+}));
+var createFormInput = config => React.memo(function FormInput(props) {
+  if (isMuxInputProps(props)) {
+    return /* @__PURE__ */jsxRuntime.jsx(AspectRatioCard, {
+      children: /* @__PURE__ */jsxRuntime.jsx(ErrorBoundaryCard$1, {
+        schemaType: props.schemaType,
+        children: /* @__PURE__ */jsxRuntime.jsx(React.Suspense, {
+          fallback: /* @__PURE__ */jsxRuntime.jsx(InputFallback, {}),
+          children: /* @__PURE__ */jsxRuntime.jsx(Input, _objectSpread({
+            config
+          }, props))
+        })
+      })
+    });
+  }
+  return props.renderDefault(props);
+});
+const Preview = React.lazy(() => Promise.resolve().then(function () {
+  return require('./Preview-1664b7d5.js');
+}));
+var FormPreview = React.memo(function FormPreview(props) {
+  if (isMuxInputPreviewProps(props)) {
+    return /* @__PURE__ */jsxRuntime.jsx(AspectRatioCard, {
+      children: /* @__PURE__ */jsxRuntime.jsx(Preview, _objectSpread({}, props))
+    });
+  }
+  return props.renderDefault(props);
+});
+const defaultConfig = {
+  mp4_support: "none"
+};
+const muxInput = sanity.definePlugin(userConfig => {
+  const config = _objectSpread(_objectSpread({}, defaultConfig), userConfig);
+  const InputComponent = createFormInput(config);
+  return {
+    name: "mux-input",
+    form: {
+      components: {
+        input: InputComponent,
+        preview: FormPreview
+      }
+    },
+    schema: {
+      types: [{
+        name: "mux.video",
+        type: "object",
+        title: "Video asset reference",
+        fields: [{
+          title: "Video",
+          name: "asset",
+          type: "reference",
+          weak: true,
+          to: [{
+            type: "mux.videoAsset"
+          }]
+        }]
+      }, {
+        name: "mux.videoAsset",
+        type: "object",
+        title: "Video asset",
+        fields: [{
+          type: "string",
+          name: "status"
+        }, {
+          type: "string",
+          name: "assetId"
+        }, {
+          type: "string",
+          name: "playbackId"
+        }, {
+          type: "string",
+          name: "filename"
+        }, {
+          type: "number",
+          name: "thumbTime"
+        }]
+      }]
+    }
+  };
+});
+exports.InputFallback = InputFallback;
+exports.cacheNs = cacheNs;
+exports.defaultConfig = defaultConfig;
+exports.muxInput = muxInput;
+exports.muxSecretsDocumentId = muxSecretsDocumentId;
+//# sourceMappingURL=index-9933dea2.js.map