sanity-plugin-mux-input 2.4.0 → 2.5.0

package/src/util/getAnimatedPosterSrc.ts

@@ -1,12 +1,11 @@
 import type {SanityClient} from 'sanity'
 
-import {generateJwt} from './generateJwt'
-import {getPlaybackId} from './getPlaybackId'
-import {getPlaybackPolicy} from './getPlaybackPolicy'
-import type {AnimatedThumbnailOptions, MuxAnimatedThumbnailUrl, VideoAssetDocument} from './types'
+import {createUrlParamsObject} from './createUrlParamsObject'
+import type {AnimatedThumbnailOptions, MuxAnimatedThumbnailUrl} from './types'
+import {AssetThumbnailOptions} from './types'
 
 export interface AnimatedPosterSrcOptions extends AnimatedThumbnailOptions {
-  asset: Pick<VideoAssetDocument, 'playbackId' | 'data' | 'thumbTime'>
+  asset: AssetThumbnailOptions['asset']
   client: SanityClient
 }
 
@@ -20,15 +19,8 @@ export function getAnimatedPosterSrc({
   fps = 15,
 }: AnimatedPosterSrcOptions): MuxAnimatedThumbnailUrl {
   const params = {height, width, start, end, fps}
-  const playbackId = getPlaybackId(asset)
 
-  let searchParams = new URLSearchParams(
-    JSON.parse(JSON.stringify(params, (_, v) => v ?? undefined))
-  )
-  if (getPlaybackPolicy(asset) === 'signed') {
-    const token = generateJwt(client, playbackId, 'g', params)
-    searchParams = new URLSearchParams({token})
-  }
+  const {playbackId, searchParams} = createUrlParamsObject(client, asset, params, 'g')
 
   return `https://image.mux.com/${playbackId}/animated.gif?${searchParams}`
 }

package/src/util/getPosterSrc.ts

@@ -1,12 +1,11 @@
 import type {SanityClient} from 'sanity'
 
-import {generateJwt} from './generateJwt'
-import {getPlaybackId} from './getPlaybackId'
-import {getPlaybackPolicy} from './getPlaybackPolicy'
-import type {MuxThumbnailUrl, ThumbnailOptions, VideoAssetDocument} from './types'
+import {createUrlParamsObject} from './createUrlParamsObject'
+import type {MuxThumbnailUrl, ThumbnailOptions} from './types'
+import {AssetThumbnailOptions} from './types'
 
 export interface PosterSrcOptions extends ThumbnailOptions {
-  asset: VideoAssetDocument
+  asset: AssetThumbnailOptions['asset']
   client: SanityClient
 }
 
@@ -15,19 +14,15 @@ export function getPosterSrc({
   client,
   fit_mode,
   height,
-  time = asset.thumbTime,
+  time = asset.thumbTime ?? undefined,
   width,
 }: PosterSrcOptions): MuxThumbnailUrl {
-  const params = {fit_mode, height, time, width}
-  const playbackId = getPlaybackId(asset)
-
-  let searchParams = new URLSearchParams(
-    JSON.parse(JSON.stringify(params, (_, v) => v ?? undefined))
-  )
-  if (getPlaybackPolicy(asset) === 'signed') {
-    const token = generateJwt(client, playbackId, 't', params)
-    searchParams = new URLSearchParams({token})
+  const params = {fit_mode, height, width}
+  if (time) {
+    ;(params as any).time = time
   }
 
+  const {playbackId, searchParams} = createUrlParamsObject(client, asset, params, 't')
+
   return `https://image.mux.com/${playbackId}/thumbnail.png?${searchParams}`
 }

package/src/util/getVideoMetadata.ts

@@ -1,4 +1,4 @@
-import formatSeconds from './formatSeconds'
+import {formatSeconds} from './formatSeconds'
 import {VideoAssetDocument} from './types'
 
 export default function getVideoMetadata(doc: VideoAssetDocument) {

package/src/util/types.ts

@@ -262,6 +262,10 @@ export interface AnimatedThumbnailOptions {
   fps?: number
 }
 
+export interface AssetThumbnailOptions {
+  asset: Pick<VideoAssetDocument, 'playbackId' | 'data' | 'thumbTime' | 'filename' | 'assetId'>
+}
+
 export type PlaybackPolicy = 'signed' | 'public'
 
 export interface MuxErrors {