sanity-plugin-media 4.3.5 → 5.0.0

package/src/modules/search/index.ts

@@ -1,167 +0,0 @@
-import {type PayloadAction, createSelector, createSlice} from '@reduxjs/toolkit'
-import {uuid} from '@sanity/uuid'
-import {EMPTY, of} from 'rxjs'
-import {filter, mergeMap, withLatestFrom} from 'rxjs/operators'
-
-import type {MyEpic, SearchFacetInputProps, SearchFacetOperatorType, WithId} from '../../types'
-import {tagsActions} from '../tags'
-import type {RootReducerState} from '../types'
-
-// TODO: don't store non-serializable data in the search store
-// (The main offender is `fieldModifier` which is currently a function)
-
-type SearchState = {
-  facets: WithId<SearchFacetInputProps>[]
-  query: string
-}
-
-const initialState = {
-  facets: [],
-  query: '',
-} as SearchState
-
-const searchSlice = createSlice({
-  name: 'search',
-  initialState,
-  reducers: {
-    // Add search facet
-    facetsAdd(state, action: PayloadAction<{facet: SearchFacetInputProps}>) {
-      state.facets.push({...action.payload.facet, id: uuid()})
-    },
-    // Clear all search facets
-    facetsClear(state) {
-      state.facets = []
-    },
-    // Remove search facet by name
-    facetsRemoveByName(state, action: PayloadAction<{facetName: string}>) {
-      state.facets = state.facets.filter((facet) => facet.name !== action.payload.facetName)
-    },
-    // Remove search facet by name
-    facetsRemoveByTag(state, action: PayloadAction<{tagId: string}>) {
-      state.facets = state.facets.filter(
-        (facet) =>
-          !(
-            facet.name === 'tag' &&
-            facet.type === 'searchable' &&
-            (facet.operatorType === 'references' || facet.operatorType === 'doesNotReference') &&
-            facet.value?.value === action.payload.tagId
-          ),
-      )
-    },
-    // Remove search facet by name
-    facetsRemoveById(state, action: PayloadAction<{facetId: string}>) {
-      state.facets = state.facets.filter((facet) => facet.id !== action.payload.facetId)
-    },
-    // Update an existing search facet
-    facetsUpdate(
-      state,
-      action: PayloadAction<{
-        modifier?: string
-        name: string
-        operatorType?: SearchFacetOperatorType
-        value?: any // TODO: type correctly
-      }>,
-    ) {
-      const {modifier, name, operatorType, value} = action.payload
-
-      const facet = state.facets.find((f) => f.name === name)
-
-      if (!facet) {
-        return
-      }
-
-      if (facet.type === 'number' && modifier) {
-        facet.modifier = modifier
-      }
-      if (operatorType) {
-        facet.operatorType = operatorType
-      }
-      if (typeof value !== 'undefined') {
-        facet.value = value
-      }
-
-      state.facets = state.facets.filter((f) => f.name !== facet.name || f.id === facet.id)
-    },
-    // Update an existing search facet
-    facetsUpdateById(
-      state,
-      action: PayloadAction<{
-        modifier?: string
-        id: string
-        operatorType?: SearchFacetOperatorType
-        value?: any // TODO: type correctly
-      }>,
-    ) {
-      const {modifier, id, operatorType, value} = action.payload
-
-      state.facets.forEach((facet, index) => {
-        if (facet.id === id) {
-          if (facet.type === 'number' && modifier) {
-            facet.modifier = modifier
-          }
-          if (operatorType) {
-            facet.operatorType = operatorType
-          }
-          if (typeof value !== 'undefined') {
-            state.facets[index].value = value
-          }
-        }
-      })
-    },
-    // Update existing search query
-    querySet(state, action: PayloadAction<{searchQuery: string}>) {
-      state.query = action.payload?.searchQuery
-    },
-  },
-})
-
-// Epics
-
-// On tag update success -> update existing tag search facet (if present)
-export const searchFacetTagUpdateEpic: MyEpic = (action$, state$) =>
-  action$.pipe(
-    filter(tagsActions.updateComplete.match),
-    withLatestFrom(state$),
-    mergeMap(([action, state]) => {
-      const {tag} = action.payload
-
-      const currentSearchFacetTag = state.search.facets?.find((facet) => facet.name === 'tag')
-      const tagItem = state.tags.byIds[tag._id]
-
-      if (currentSearchFacetTag?.type === 'searchable') {
-        if (currentSearchFacetTag.value?.value === tag._id) {
-          return of(
-            searchSlice.actions.facetsUpdate({
-              name: 'tag',
-              value: {
-                label: tagItem?.tag?.name?.current,
-                value: tagItem?.tag?._id,
-              },
-            }),
-          )
-        }
-      }
-
-      return EMPTY
-    }),
-  )
-
-// Selectors
-export const selectIsSearchFacetTag = createSelector(
-  [
-    (state: RootReducerState) => state.search.facets,
-    (_state: RootReducerState, tagId: string) => tagId,
-  ],
-  (searchFacets, tagId) =>
-    searchFacets.some(
-      (facet) =>
-        facet.name === 'tag' &&
-        facet.type === 'searchable' &&
-        (facet.operatorType === 'references' || facet.operatorType === 'doesNotReference') &&
-        facet.value?.value === tagId,
-    ),
-)
-
-export const searchActions = {...searchSlice.actions}
-
-export default searchSlice.reducer

package/src/modules/selected/index.ts

@@ -1,22 +0,0 @@
-import {createSlice} from '@reduxjs/toolkit'
-import type {SanityAssetDocument, SanityDocument, SanityImageAssetDocument} from '@sanity/client'
-
-type SelectedReducerState = {
-  assets: (SanityAssetDocument | SanityImageAssetDocument)[]
-  document?: SanityDocument
-  documentAssetIds?: string[]
-}
-
-const initialState = {
-  assets: [],
-  document: undefined,
-  documentAssetIds: [],
-} as SelectedReducerState
-
-const selectedSlice = createSlice({
-  name: 'selected',
-  initialState,
-  reducers: {},
-})
-
-export default selectedSlice.reducer

package/src/modules/selectors.test.ts

@@ -1,21 +0,0 @@
-// @vitest-environment node
-
-import {describe, expect, it} from 'vitest'
-
-import {selectCombinedItems} from './selectors'
-import type {RootReducerState} from './types'
-
-describe('selectCombinedItems', () => {
-  it('places upload items before asset items', () => {
-    const state = {
-      assets: {allIds: ['a1', 'a2']},
-      uploads: {allIds: ['u1']},
-    } as RootReducerState
-
-    expect(selectCombinedItems(state)).toEqual([
-      {id: 'u1', type: 'upload'},
-      {id: 'a1', type: 'asset'},
-      {id: 'a2', type: 'asset'},
-    ])
-  })
-})

package/src/modules/selectors.ts

@@ -1,17 +0,0 @@
-import {createSelector} from '@reduxjs/toolkit'
-
-import type {CardAssetData, CardUploadData} from '../types'
-import type {RootReducerState} from './types'
-
-export const selectCombinedItems = createSelector(
-  [
-    (state: RootReducerState) => state.assets.allIds,
-    (state: RootReducerState) => state.uploads.allIds,
-  ],
-  (assetIds, uploadIds) => {
-    const assetItems = assetIds.map((id) => ({id, type: 'asset'}) as CardAssetData)
-    const uploadItems = uploadIds.map((id) => ({id, type: 'upload'}) as CardUploadData)
-    const combinedItems: (CardAssetData | CardUploadData)[] = [...uploadItems, ...assetItems]
-    return combinedItems
-  },
-)

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

@@ -1,96 +0,0 @@
-// @vitest-environment node
-
-import {of} from 'rxjs'
-import {describe, expect, it, vi} from 'vitest'
-
-import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
-import {
-  createMockSanityClient,
-  mockTransactionCommit,
-} from '../../__tests__/fixtures/mockSanityClient'
-import type {Tag} from '../../types'
-import {tagsCreateEpic, tagsDeleteEpic, tagsActions} from './index'
-
-const sampleTag: Tag = {
-  _id: 't1',
-  _type: 'media.tag',
-  _createdAt: '',
-  _updatedAt: '',
-  _rev: 'tr',
-  name: {_type: 'slug', current: 'alpha'},
-}
-
-describe('tagsCreateEpic', () => {
-  it('creates tag when checkTagName passes', async () => {
-    const client = createMockSanityClient({
-      fetch: vi.fn().mockResolvedValue(0),
-      observable: {
-        create: vi.fn(() => of(sampleTag)),
-      },
-    })
-
-    const store = createEpicTestStore(tagsCreateEpic, client)
-    store.dispatch(tagsActions.createRequest({name: 'alpha'}))
-
-    await vi.waitFor(() => {
-      expect(store.getState().tags.byIds.t1?.tag).toEqual(sampleTag)
-      expect(client.observable.create).toHaveBeenCalled()
-    })
-  })
-
-  it('dispatches createError when tag exists', async () => {
-    const client = createMockSanityClient({
-      fetch: vi.fn().mockResolvedValue(1),
-      observable: {
-        create: vi.fn(() => of(sampleTag)),
-      },
-    })
-
-    const store = createEpicTestStore(tagsCreateEpic, client)
-    store.dispatch(tagsActions.createRequest({name: 'dup'}))
-
-    await vi.waitFor(() => {
-      expect(store.getState().tags.creatingError?.statusCode).toBe(409)
-      expect(client.observable.create).not.toHaveBeenCalled()
-    })
-  })
-})
-
-describe('tagsDeleteEpic', () => {
-  it('fetches referencing assets and commits transaction', async () => {
-    const tx = mockTransactionCommit(undefined)
-    const client = createMockSanityClient({
-      observable: {
-        fetch: vi.fn(() =>
-          of([
-            {_id: 'a1', _rev: 'r1', opt: {}},
-            {_id: 'a2', _rev: 'r2', opt: {}},
-          ]),
-        ),
-      },
-      transaction: vi.fn(() => tx),
-    })
-
-    const store = createEpicTestStore(tagsDeleteEpic, client, {
-      tags: {
-        allIds: ['t1'],
-        byIds: {
-          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: false},
-        },
-        creating: false,
-        fetchCount: -1,
-        fetching: false,
-        panelVisible: true,
-      },
-    })
-
-    store.dispatch(tagsActions.deleteRequest({tag: sampleTag}))
-
-    await vi.waitFor(() => {
-      expect(tx.patch).toHaveBeenCalled()
-      expect(tx.delete).toHaveBeenCalledWith('t1')
-      expect(tx.commit).toHaveBeenCalled()
-      expect(store.getState().tags.byIds.t1).toBeUndefined()
-    })
-  })
-})

package/src/modules/tags/index.test.ts

@@ -1,42 +0,0 @@
-// @vitest-environment node
-
-import {describe, expect, it} from 'vitest'
-
-import type {Tag} from '../../types'
-import tagsReducer, {tagsActions} from './index'
-
-const sampleTag: Tag = {
-  _id: 'tag-1',
-  _type: 'media.tag',
-  _createdAt: '2020-01-01',
-  _updatedAt: '2020-01-01',
-  _rev: 'r1',
-  name: {_type: 'slug', current: 'alpha'},
-}
-
-describe('tags slice', () => {
-  it('createComplete adds tag', () => {
-    let state = tagsReducer(undefined, {type: '@@INIT'} as never)
-    state = tagsReducer(state, tagsActions.createComplete({tag: sampleTag}))
-    expect(state.allIds).toContain('tag-1')
-    expect(state.byIds['tag-1'].tag).toEqual(sampleTag)
-    expect(state.creating).toBe(false)
-  })
-
-  it('deleteComplete removes tag', () => {
-    let state = tagsReducer(undefined, {type: '@@INIT'} as never)
-    state = tagsReducer(state, tagsActions.createComplete({tag: sampleTag}))
-    state = tagsReducer(state, tagsActions.deleteComplete({tagId: 'tag-1'}))
-    expect(state.allIds).not.toContain('tag-1')
-    expect(state.byIds['tag-1']).toBeUndefined()
-  })
-
-  it('fetchComplete hydrates tag list', () => {
-    let state = tagsReducer(undefined, {type: '@@INIT'} as never)
-    state = tagsReducer(state, tagsActions.fetchRequest())
-    expect(state.fetching).toBe(true)
-    state = tagsReducer(state, tagsActions.fetchComplete({tags: [sampleTag]}))
-    expect(state.fetching).toBe(false)
-    expect(state.byIds['tag-1'].tag).toEqual(sampleTag)
-  })
-})