sanity-plugin-mux-input 2.15.0 → 2.16.0

package/src/hooks/useResyncAsset.ts

@@ -0,0 +1,110 @@
+import {useToast} from '@sanity/ui'
+import {useCallback, useState} from 'react'
+
+import {getAsset} from '../actions/assets'
+import {addKeysToMuxData} from '../util/addKeysToMuxData'
+import type {MuxAsset, VideoAssetDocument} from '../util/types'
+import {useClient} from './useClient'
+
+type ResyncAssetState = 'idle' | 'syncing' | 'success' | 'error'
+
+interface UseResyncAssetOptions {
+  showToast?: boolean
+  onSuccess?: (updatedData: MuxAsset) => void
+  onError?: (error: unknown) => void
+}
+
+interface UseResyncAssetReturn {
+  resyncState: ResyncAssetState
+  resyncError: unknown
+  resyncAsset: (asset: VideoAssetDocument) => Promise<MuxAsset | undefined>
+  isResyncing: boolean
+}
+
+export function useResyncAsset(options?: UseResyncAssetOptions): UseResyncAssetReturn {
+  const client = useClient()
+  const toast = useToast()
+  const [resyncState, setResyncState] = useState<ResyncAssetState>('idle')
+  const [resyncError, setResyncError] = useState<unknown>(null)
+
+  const showToast = options?.showToast ?? false
+
+  const resyncAsset = useCallback(
+    async (asset: VideoAssetDocument) => {
+      if (!asset.assetId) {
+        if (showToast) {
+          toast.push({
+            title: 'Cannot resync',
+            description: 'Asset has no Mux ID',
+            status: 'error',
+          })
+        }
+        options?.onError?.(new Error('Asset has no Mux ID'))
+        return undefined
+      }
+
+      if (!asset._id) {
+        if (showToast) {
+          toast.push({
+            title: 'Cannot resync',
+            description: 'Asset has no document ID',
+            status: 'error',
+          })
+        }
+        options?.onError?.(new Error('Asset has no document ID'))
+        return undefined
+      }
+
+      setResyncState('syncing')
+      setResyncError(null)
+
+      try {
+        const response = await getAsset(client, asset.assetId)
+        const muxData = response.data
+        const dataWithKeys = addKeysToMuxData(muxData)
+
+        await client
+          .patch(asset._id)
+          .set({
+            status: muxData.status,
+            data: dataWithKeys,
+            ...(muxData.meta?.title && {filename: muxData.meta.title}),
+          })
+          .commit({returnDocuments: false})
+
+        setResyncState('success')
+        if (showToast) {
+          toast.push({
+            title: 'Asset synced',
+            description: 'Data has been updated from Mux',
+            status: 'success',
+          })
+        }
+
+        options?.onSuccess?.(muxData)
+        return muxData
+      } catch (error) {
+        setResyncState('error')
+        setResyncError(error)
+        console.error('Failed to refresh asset data:', error)
+        if (showToast) {
+          toast.push({
+            title: 'Sync failed',
+            description: 'Could not sync asset from Mux',
+            status: 'error',
+          })
+        }
+        options?.onError?.(error)
+        return undefined
+      }
+    },
+    [client, toast, options, showToast]
+  )
+
+  return {
+    resyncState,
+    resyncError,
+    resyncAsset,
+    isResyncing: resyncState === 'syncing',
+  }
+}

package/src/hooks/useResyncMuxMetadata.ts

@@ -6,6 +6,7 @@ import {
   useDocumentStore,
 } from 'sanity'
 
+import {addKeysToMuxData} from '../util/addKeysToMuxData'
 import {isEmptyOrPlaceholderTitle} from '../util/assetTitlePlaceholder'
 import type {MuxAsset, VideoAssetDocument} from '../util/types'
 import {SANITY_API_VERSION} from './useClient'
@@ -115,6 +116,37 @@ export default function useResyncMuxMetadata() {
     }
   }
 
+  async function syncFullData() {
+    if (!matchedAssets) return
+
+    setResyncState('syncing')
+
+    try {
+      const tx = client.transaction()
+
+      matchedAssets.forEach((matched) => {
+        if (!matched.muxAsset) return
+
+        const dataWithKeys = addKeysToMuxData(matched.muxAsset)
+
+        // Update all fields: filename, status, and full data from Mux
+        tx.patch(matched.sanityDoc._id, {
+          set: {
+            filename: matched.muxTitle || matched.currentTitle || '',
+            status: matched.muxAsset.status,
+            data: dataWithKeys,
+          },
+        })
+      })
+
+      await tx.commit({returnDocuments: false})
+      setResyncState('done')
+    } catch (error) {
+      setResyncState('error')
+      setResyncError(error)
+    }
+  }
+
   return {
     sanityAssetsLoading,
     closeDialog,
@@ -124,6 +156,7 @@ export default function useResyncMuxMetadata() {
     hasSecrets,
     syncAllVideos,
     syncOnlyEmpty,
+    syncFullData,
     matchedAssets,
     muxAssets,
     openDialog,

package/src/schema.ts

@@ -23,6 +23,11 @@ const muxTrack = {
     {type: 'number', name: 'max_frame_rate'},
     {type: 'number', name: 'duration'},
     {type: 'number', name: 'max_height'},
+    {type: 'string', name: 'language_code'},
+    {type: 'string', name: 'name'},
+    {type: 'string', name: 'status'},
+    {type: 'string', name: 'text_source'},
+    {type: 'string', name: 'text_type'},
   ],
 }
 

package/src/util/addKeysToMuxData.ts

@@ -0,0 +1,30 @@
+import {uuid} from '@sanity/uuid'
+
+import type {MuxAsset} from './types'
+
+/**
+ * Adds _key to array items in MuxAsset data for Sanity compatibility.
+ * Sanity requires _key on array items for proper editing support.
+ */
+export function addKeysToMuxData(data: MuxAsset): MuxAsset {
+  return {
+    ...data,
+    tracks: data.tracks?.map((track) => ({
+      ...track,
+      _key: uuid(),
+    })),
+    playback_ids: data.playback_ids?.map((playbackId) => ({
+      ...playbackId,
+      _key: uuid(),
+    })),
+    static_renditions: data.static_renditions
+      ? {
+          ...data.static_renditions,
+          files: data.static_renditions.files?.map((file) => ({
+            ...file,
+            _key: uuid(),
+          })),
+        }
+      : undefined,
+  }
+}