sanity-plugin-media 4.3.1 → 4.3.2

package/src/modules/assets/reducer.test.ts

@@ -1,6 +1,7 @@
 // @vitest-environment node
 
 import {describe, expect, it} from 'vitest'
+
 import type {AssetType, ImageAsset} from '../../types'
 import assetsReducer, {assetsActions, initialState, type AssetsReducerState} from './index'
 
@@ -13,7 +14,7 @@ const minimalImage = {
   originalFilename: 'a.png',
   size: 1,
   mimeType: 'image/png',
-  url: 'https://example.com/a.png'
+  url: 'https://example.com/a.png',
 } as ImageAsset
 
 describe('assets slice', () => {
@@ -27,9 +28,9 @@ describe('assets slice', () => {
           _type: 'asset',
           asset: minimalImage,
           picked: false,
-          updating: false
-        }
-      }
+          updating: false,
+        },
+      },
     }
   }
 
@@ -50,7 +51,7 @@ describe('assets slice', () => {
 
   it('fetchComplete merges assets', () => {
     let state = assetsReducer({...initialState, assetTypes: ['image'] as AssetType[]}, {
-      type: '@@INIT'
+      type: '@@INIT',
     } as never)
     state = assetsReducer(state, assetsActions.fetchComplete({assets: [minimalImage]}))
     expect(state.allIds).toContain('img-1')
@@ -62,13 +63,13 @@ describe('assets slice', () => {
     let state: AssetsReducerState = {
       ...initialState,
       assetTypes: ['image'] as AssetType[],
-      pageIndex: 3
+      pageIndex: 3,
     }
     state = assetsReducer(
       state,
       assetsActions.orderSet({
-        order: {field: 'size', direction: 'asc'}
-      })
+        order: {field: 'size', direction: 'asc'},
+      }),
     )
     expect(state.pageIndex).toBe(0)
     expect(state.order.field).toBe('size')

package/src/modules/assets/tagsAndListenerEpics.test.ts

@@ -1,22 +1,23 @@
 // @vitest-environment node
 
 import {describe, expect, it, vi, beforeEach, afterEach} from 'vitest'
+
+import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
+import {
+  createMockSanityClient,
+  mockTransactionCommit,
+} from '../../__tests__/fixtures/mockSanityClient'
+import type {ImageAsset, Tag} from '../../types'
+import {ASSETS_ACTIONS} from './actions'
 import {
   assetsActions,
   assetsListenerCreateQueueEpic,
   assetsListenerDeleteQueueEpic,
   assetsListenerUpdateQueueEpic,
   assetsTagsAddEpic,
-  assetsTagsRemoveEpic
+  assetsTagsRemoveEpic,
 } from './index'
-import {ASSETS_ACTIONS} from './actions'
-import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
-import {
-  createMockSanityClient,
-  mockTransactionCommit
-} from '../../__tests__/fixtures/mockSanityClient'
 import {initialState as assetsInitialState} from './index'
-import type {ImageAsset, Tag} from '../../types'
 
 const sampleAsset = {
   _id: 'a1',
@@ -27,7 +28,7 @@ const sampleAsset = {
   originalFilename: 'x.png',
   size: 1,
   mimeType: 'image/png',
-  url: ''
+  url: '',
 } as ImageAsset
 
 const sampleTag: Tag = {
@@ -36,21 +37,21 @@ const sampleTag: Tag = {
   _createdAt: '',
   _updatedAt: '',
   _rev: 'tr',
-  name: {_type: 'slug', current: 'tag-a'}
+  name: {_type: 'slug', current: 'tag-a'},
 }
 
 describe('assetsTagsAddEpic', () => {
   it('runs transaction.commit when adding tag to picked assets', async () => {
     const tx = mockTransactionCommit(undefined)
     const client = createMockSanityClient({
-      transaction: vi.fn(() => tx)
+      transaction: vi.fn(() => tx),
     })
 
     const assetItem = {
       _type: 'asset' as const,
       asset: sampleAsset,
       picked: true,
-      updating: false
+      updating: false,
     }
 
     const store = createEpicTestStore(assetsTagsAddEpic, client, {
@@ -58,25 +59,25 @@ describe('assetsTagsAddEpic', () => {
         ...assetsInitialState,
         assetTypes: ['image'],
         allIds: ['a1'],
-        byIds: {a1: assetItem}
+        byIds: {a1: assetItem},
       },
       tags: {
         allIds: ['t1'],
         byIds: {
-          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: false}
+          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: false},
         },
         creating: false,
         fetchCount: -1,
         fetching: false,
-        panelVisible: true
-      }
+        panelVisible: true,
+      },
     })
 
     store.dispatch(
       ASSETS_ACTIONS.tagsAddRequest({
         assets: [assetItem],
-        tag: sampleTag
-      })
+        tag: sampleTag,
+      }),
     )
 
     await vi.waitFor(() => {
@@ -89,14 +90,14 @@ describe('assetsTagsRemoveEpic', () => {
   it('runs transaction.commit for tag removal', async () => {
     const tx = mockTransactionCommit(undefined)
     const client = createMockSanityClient({
-      transaction: vi.fn(() => tx)
+      transaction: vi.fn(() => tx),
     })
 
     const assetItem = {
       _type: 'asset' as const,
       asset: sampleAsset,
       picked: true,
-      updating: false
+      updating: false,
     }
 
     const store = createEpicTestStore(assetsTagsRemoveEpic, client, {
@@ -104,25 +105,25 @@ describe('assetsTagsRemoveEpic', () => {
         ...assetsInitialState,
         assetTypes: ['image'],
         allIds: ['a1'],
-        byIds: {a1: assetItem}
+        byIds: {a1: assetItem},
       },
       tags: {
         allIds: ['t1'],
         byIds: {
-          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: false}
+          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: false},
         },
         creating: false,
         fetchCount: -1,
         fetching: false,
-        panelVisible: true
-      }
+        panelVisible: true,
+      },
     })
 
     store.dispatch(
       ASSETS_ACTIONS.tagsRemoveRequest({
         assets: [assetItem],
-        tag: sampleTag
-      })
+        tag: sampleTag,
+      }),
     )
 
     await vi.waitFor(() => {
@@ -147,9 +148,9 @@ describe('assets listener queue epics', () => {
         assetTypes: ['image'],
         allIds: ['a1'],
         byIds: {
-          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false}
-        }
-      }
+          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false},
+        },
+      },
     })
 
     const updated = {...sampleAsset, title: 'L'}
@@ -169,9 +170,9 @@ describe('assets listener queue epics', () => {
         assetTypes: ['image'],
         allIds: ['a1'],
         byIds: {
-          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false}
-        }
-      }
+          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false},
+        },
+      },
     })
 
     store.dispatch(assetsActions.listenerDeleteQueue({assetId: 'a1'}))
@@ -189,9 +190,9 @@ describe('assets listener queue epics', () => {
         assetTypes: ['image'],
         allIds: ['a1'],
         byIds: {
-          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false}
-        }
-      }
+          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false},
+        },
+      },
     })
 
     const updated = {...sampleAsset, title: 'Buffered'}

package/src/modules/debug/index.ts

@@ -7,7 +7,7 @@ type DebugReducerState = {
 
 const initialState = {
   badConnection: false,
-  enabled: false
+  enabled: false,
 } as DebugReducerState
 
 const debugSlice = createSlice({
@@ -19,8 +19,8 @@ const debugSlice = createSlice({
     },
     toggleEnabled(state) {
       state.enabled = !state.enabled
-    }
-  }
+    },
+  },
 })
 
 export const debugActions = {...debugSlice.actions}

package/src/modules/dialog/actions.ts

@@ -4,7 +4,7 @@ export const DIALOG_ACTIONS = {
   showTagCreate: createAction('dialog/showTagCreate'),
   showTagEdit: createAction('dialog/showTagEdit', function prepare({tagId}: {tagId: string}) {
     return {
-      payload: {tagId}
+      payload: {tagId},
     }
-  })
+  }),
 }

package/src/modules/dialog/epics.test.ts

@@ -1,12 +1,13 @@
 // @vitest-environment node
 
 import {describe, expect, it, vi} from 'vitest'
-import {dialogClearOnAssetUpdateEpic, dialogTagCreateEpic, dialogTagDeleteEpic} from './index'
-import {assetsActions, initialState as assetsInitialState} from '../assets'
-import {tagsActions} from '../tags'
+
 import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
 import {createMockSanityClient} from '../../__tests__/fixtures/mockSanityClient'
 import type {ImageAsset, Tag} from '../../types'
+import {assetsActions, initialState as assetsInitialState} from '../assets'
+import {tagsActions} from '../tags'
+import {dialogClearOnAssetUpdateEpic, dialogTagCreateEpic, dialogTagDeleteEpic} from './index'
 
 const sampleAsset = {
   _id: 'a1',
@@ -17,7 +18,7 @@ const sampleAsset = {
   originalFilename: 'x.png',
   size: 1,
   mimeType: 'image/png',
-  url: 'https://example.com/x.png'
+  url: 'https://example.com/x.png',
 } as ImageAsset
 
 const sampleTag: Tag = {
@@ -26,12 +27,12 @@ const sampleTag: Tag = {
   _createdAt: '',
   _updatedAt: '',
   _rev: 'tr',
-  name: {_type: 'slug', current: 'alpha'}
+  name: {_type: 'slug', current: 'alpha'},
 }
 
 const tagWithId = (id: string): Tag => ({
   ...sampleTag,
-  _id: id
+  _id: id,
 })
 
 describe('dialogClearOnAssetUpdateEpic', () => {
@@ -42,12 +43,12 @@ describe('dialogClearOnAssetUpdateEpic', () => {
         assetTypes: ['image'],
         allIds: ['a1'],
         byIds: {
-          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: true}
-        }
+          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: true},
+        },
       },
       dialog: {
-        items: [{id: 'a1', type: 'assetEdit', assetId: 'a1'}]
-      }
+        items: [{id: 'a1', type: 'assetEdit', assetId: 'a1'}],
+      },
     })
 
     store.dispatch(assetsActions.updateComplete({asset: sampleAsset, closeDialogId: 'a1'}))
@@ -62,16 +63,16 @@ describe('dialogClearOnAssetUpdateEpic', () => {
       tags: {
         allIds: ['t1'],
         byIds: {
-          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: true}
+          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: true},
         },
         creating: false,
         fetchCount: -1,
         fetching: false,
-        panelVisible: true
+        panelVisible: true,
       },
       dialog: {
-        items: [{id: 't1', type: 'tagEdit', tagId: 't1'}]
-      }
+        items: [{id: 't1', type: 'tagEdit', tagId: 't1'}],
+      },
     })
 
     store.dispatch(tagsActions.updateComplete({tag: sampleTag, closeDialogId: 't1'}))
@@ -88,12 +89,12 @@ describe('dialogClearOnAssetUpdateEpic', () => {
         assetTypes: ['image'],
         allIds: ['a1'],
         byIds: {
-          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: true}
-        }
+          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: true},
+        },
       },
       dialog: {
-        items: [{id: 'a1', type: 'assetEdit', assetId: 'a1'}]
-      }
+        items: [{id: 'a1', type: 'assetEdit', assetId: 'a1'}],
+      },
     })
 
     store.dispatch(assetsActions.updateComplete({asset: sampleAsset}))
@@ -106,8 +107,8 @@ describe('dialogTagCreateEpic', () => {
   it('dispatches inlineTagCreate when createComplete includes assetId', async () => {
     const store = createEpicTestStore(dialogTagCreateEpic, createMockSanityClient({}), {
       dialog: {
-        items: [{id: 'a1', type: 'assetEdit', assetId: 'a1'}]
-      }
+        items: [{id: 'a1', type: 'assetEdit', assetId: 'a1'}],
+      },
     })
 
     store.dispatch(tagsActions.createComplete({assetId: 'a1', tag: sampleTag}))
@@ -117,7 +118,7 @@ describe('dialogTagCreateEpic', () => {
       expect(item?.type).toBe('assetEdit')
       expect('lastCreatedTag' in item && item.lastCreatedTag).toEqual({
         label: 'alpha',
-        value: 't1'
+        value: 't1',
       })
     })
   })
@@ -125,8 +126,8 @@ describe('dialogTagCreateEpic', () => {
   it('removes tag create dialog when createComplete has no assetId', async () => {
     const store = createEpicTestStore(dialogTagCreateEpic, createMockSanityClient({}), {
       dialog: {
-        items: [{id: 'tagCreate', type: 'tagCreate'}]
-      }
+        items: [{id: 'tagCreate', type: 'tagCreate'}],
+      },
     })
 
     store.dispatch(tagsActions.createComplete({tag: sampleTag}))
@@ -143,16 +144,16 @@ describe('dialogTagDeleteEpic', () => {
       tags: {
         allIds: ['t9'],
         byIds: {
-          t9: {_type: 'tag', tag: tagWithId('t9'), picked: false, updating: false}
+          t9: {_type: 'tag', tag: tagWithId('t9'), picked: false, updating: false},
         },
         creating: false,
         fetchCount: -1,
         fetching: false,
-        panelVisible: true
+        panelVisible: true,
       },
       dialog: {
-        items: [{id: 'a1', type: 'assetEdit', assetId: 'a1'}]
-      }
+        items: [{id: 'a1', type: 'assetEdit', assetId: 'a1'}],
+      },
     })
 
     store.dispatch(tagsActions.listenerDeleteQueueComplete({tagIds: ['t9']}))
@@ -160,7 +161,7 @@ describe('dialogTagDeleteEpic', () => {
     await vi.waitFor(() => {
       expect(store.getState().dialog.items[0]).toMatchObject({
         type: 'assetEdit',
-        lastRemovedTagIds: ['t9']
+        lastRemovedTagIds: ['t9'],
       })
     })
   })

package/src/modules/dialog/index.ts

@@ -1,9 +1,10 @@
 import {createSlice, type PayloadAction} from '@reduxjs/toolkit'
-import type {AssetItem, Dialog, MyEpic, Tag} from '../../types'
 import pluralize from 'pluralize'
 import {ofType} from 'redux-observable'
 import {EMPTY, of} from 'rxjs'
 import {filter, mergeMap} from 'rxjs/operators'
+
+import type {AssetItem, Dialog, MyEpic, Tag} from '../../types'
 import {assetsActions} from '../assets'
 import {ASSETS_ACTIONS} from '../assets/actions'
 import {tagsActions} from '../tags'
@@ -14,17 +15,17 @@ type DialogReducerState = {
 }
 
 const initialState = {
-  items: []
+  items: [],
 } as DialogReducerState
 
 const dialogSlice = createSlice({
   name: 'dialog',
   initialState,
-  extraReducers: builder => {
-    builder.addCase(DIALOG_ACTIONS.showTagCreate, state => {
+  extraReducers: (builder) => {
+    builder.addCase(DIALOG_ACTIONS.showTagCreate, (state) => {
       state.items.push({
         id: 'tagCreate',
-        type: 'tagCreate'
+        type: 'tagCreate',
       })
     })
     builder.addCase(DIALOG_ACTIONS.showTagEdit, (state, action) => {
@@ -32,7 +33,7 @@ const dialogSlice = createSlice({
       state.items.push({
         id: tagId,
         tagId,
-        type: 'tagEdit'
+        type: 'tagEdit',
       })
     })
   },
@@ -45,11 +46,11 @@ const dialogSlice = createSlice({
     inlineTagCreate(state, action: PayloadAction<{assetId: string; tag: Tag}>) {
       const {assetId, tag} = action.payload
 
-      state.items.forEach(item => {
+      state.items.forEach((item) => {
         if (item.type === 'assetEdit' && item.assetId === assetId) {
           item.lastCreatedTag = {
             label: tag.name.current,
-            value: tag._id
+            value: tag._id,
           }
         }
       })
@@ -58,7 +59,7 @@ const dialogSlice = createSlice({
     inlineTagRemove(state, action: PayloadAction<{tagIds: string[]}>) {
       const {tagIds} = action.payload
 
-      state.items.forEach(item => {
+      state.items.forEach((item) => {
         if (item.type === 'assetEdit') {
           item.lastRemovedTagIds = tagIds
         }
@@ -67,7 +68,7 @@ const dialogSlice = createSlice({
     // Remove dialog by id
     remove(state, action: PayloadAction<{id: string}>) {
       const id = action.payload?.id
-      state.items = state.items.filter(item => item.id !== id)
+      state.items = state.items.filter((item) => item.id !== id)
     },
     showConfirmAssetsTagAdd(
       state,
@@ -75,7 +76,7 @@ const dialogSlice = createSlice({
         assetsPicked: AssetItem[]
         closeDialogId?: string
         tag: Tag
-      }>
+      }>,
     ) {
       const {assetsPicked, closeDialogId, tag} = action.payload
 
@@ -85,14 +86,14 @@ const dialogSlice = createSlice({
         closeDialogId,
         confirmCallbackAction: ASSETS_ACTIONS.tagsAddRequest({
           assets: assetsPicked,
-          tag
+          tag,
         }),
         confirmText: `Yes, add tag to ${suffix}`,
         title: `Add tag ${tag.name.current} to ${suffix}?`,
         id: 'confirm',
         headerTitle: 'Confirm tag addition',
         tone: 'primary',
-        type: 'confirm'
+        type: 'confirm',
       })
     },
     showConfirmAssetsTagRemove(
@@ -101,7 +102,7 @@ const dialogSlice = createSlice({
         assetsPicked: AssetItem[]
         closeDialogId?: string
         tag: Tag
-      }>
+      }>,
     ) {
       const {assetsPicked, closeDialogId, tag} = action.payload
 
@@ -115,12 +116,12 @@ const dialogSlice = createSlice({
         id: 'confirm',
         title: `Remove tag ${tag.name.current} from ${suffix}?`,
         tone: 'critical',
-        type: 'confirm'
+        type: 'confirm',
       })
     },
     showConfirmDeleteAssets(
       state,
-      action: PayloadAction<{assets: AssetItem[]; closeDialogId?: string}>
+      action: PayloadAction<{assets: AssetItem[]; closeDialogId?: string}>,
     ) {
       const {assets, closeDialogId} = action.payload
 
@@ -129,7 +130,7 @@ const dialogSlice = createSlice({
       state.items.push({
         closeDialogId,
         confirmCallbackAction: assetsActions.deleteRequest({
-          assets: assets.map(assetItem => assetItem.asset)
+          assets: assets.map((assetItem) => assetItem.asset),
         }),
         confirmText: `Yes, delete ${suffix}`,
         description: 'This operation cannot be reversed. Are you sure you want to continue?',
@@ -137,7 +138,7 @@ const dialogSlice = createSlice({
         id: 'confirm',
         headerTitle: 'Confirm deletion',
         tone: 'critical',
-        type: 'confirm'
+        type: 'confirm',
       })
     },
     showConfirmDeleteTag(state, action: PayloadAction<{closeDialogId?: string; tag: Tag}>) {
@@ -154,7 +155,7 @@ const dialogSlice = createSlice({
         id: 'confirm',
         headerTitle: 'Confirm deletion',
         tone: 'critical',
-        type: 'confirm'
+        type: 'confirm',
       })
     },
     showAssetEdit(state, action: PayloadAction<{assetId: string}>) {
@@ -162,52 +163,52 @@ const dialogSlice = createSlice({
       state.items.push({
         assetId,
         id: assetId,
-        type: 'assetEdit'
+        type: 'assetEdit',
       })
     },
     showSearchFacets(state) {
       state.items.push({
         id: 'searchFacets',
-        type: 'searchFacets'
+        type: 'searchFacets',
       })
     },
     showTags(state) {
       state.items.push({
         id: 'tags',
-        type: 'tags'
+        type: 'tags',
       })
-    }
-  }
+    },
+  },
 })
 
 // Epics
 
-export const dialogClearOnAssetUpdateEpic: MyEpic = action$ =>
+export const dialogClearOnAssetUpdateEpic: MyEpic = (action$) =>
   action$.pipe(
     ofType(
       assetsActions.deleteComplete.type,
       assetsActions.updateComplete.type,
       tagsActions.deleteComplete.type,
-      tagsActions.updateComplete.type
+      tagsActions.updateComplete.type,
     ),
     filter(
       (action: {
         payload: {closeDialogId?: string}
-      }): action is PayloadAction<{closeDialogId?: string}> => !!action?.payload?.closeDialogId
+      }): action is PayloadAction<{closeDialogId?: string}> => !!action?.payload?.closeDialogId,
     ),
-    mergeMap(action => {
+    mergeMap((action) => {
       const dialogId = action?.payload?.closeDialogId
       if (dialogId) {
         return of(dialogSlice.actions.remove({id: dialogId}))
       }
       return EMPTY
-    })
+    }),
   )
 
-export const dialogTagCreateEpic: MyEpic = action$ =>
+export const dialogTagCreateEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(tagsActions.createComplete.match),
-    mergeMap(action => {
+    mergeMap((action) => {
       const {assetId, tag} = action?.payload
 
       if (assetId) {
@@ -219,17 +220,17 @@ export const dialogTagCreateEpic: MyEpic = action$ =>
       }
 
       return EMPTY
-    })
+    }),
   )
 
-export const dialogTagDeleteEpic: MyEpic = action$ =>
+export const dialogTagDeleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(tagsActions.listenerDeleteQueueComplete.match),
-    mergeMap(action => {
+    mergeMap((action) => {
       const {tagIds} = action?.payload
 
       return of(dialogSlice.actions.inlineTagRemove({tagIds}))
-    })
+    }),
   )
 
 export const dialogActions = {...dialogSlice.actions}