sanity-plugin-mux-input 2.4.0 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/LICENSE +1 -1
  2. package/dist/index.js +412 -181
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +413 -182
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +12 -12
  7. package/src/hooks/useAssets.ts +29 -23
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sanity-plugin-mux-input",
3
- "version": "2.4.0",
3
+ "version": "2.4.1",
4
4
  "description": "An input component that integrates Sanity Studio with Mux video encoding/hosting service.",
5
5
  "keywords": [
6
6
  "sanity",
@@ -71,14 +71,14 @@
71
71
  "use-error-boundary": "^2.0.6"
72
72
  },
73
73
  "devDependencies": {
74
- "@sanity/client": "^6.22.4",
75
- "@sanity/pkg-utils": "^6.11.11",
76
- "@sanity/plugin-kit": "4.0.18",
74
+ "@sanity/client": "^6.24.1",
75
+ "@sanity/pkg-utils": "^6.12.1",
76
+ "@sanity/plugin-kit": "4.0.19",
77
77
  "@sanity/semantic-release-preset": "^5.0.0",
78
- "@sanity/vision": "^3.64.1",
78
+ "@sanity/vision": "^3.68.1",
79
79
  "@types/lodash": "^4.17.13",
80
- "@types/react": "^18.3.12",
81
- "@types/react-is": "^18.3.0",
80
+ "@types/react": "^18.3.17",
81
+ "@types/react-is": "^18.3.1",
82
82
  "@types/styled-components": "^5.1.34",
83
83
  "@typescript-eslint/eslint-plugin": "^7.18.0",
84
84
  "@typescript-eslint/parser": "^7.18.0",
@@ -88,21 +88,21 @@
88
88
  "eslint-config-sanity": "^7.1.3",
89
89
  "eslint-plugin-import": "^2.31.0",
90
90
  "eslint-plugin-prettier": "^5.2.1",
91
- "eslint-plugin-react-hooks": "^5.0.0",
91
+ "eslint-plugin-react-hooks": "^5.1.0",
92
92
  "eslint-plugin-simple-import-sort": "^12.1.1",
93
93
  "husky": "^9.0.11",
94
94
  "lint-staged": "^15.2.2",
95
95
  "npm-run-all2": "^5.0.2",
96
- "prettier": "^3.3.3",
97
- "prettier-plugin-packagejson": "^2.5.3",
96
+ "prettier": "^3.4.2",
97
+ "prettier-plugin-packagejson": "^2.5.6",
98
98
  "react": "^18.3.1",
99
99
  "react-dom": "^18.3.1",
100
100
  "react-is": "^18.3.1",
101
101
  "rimraf": "^5.0.7",
102
- "sanity": "^3.64.1",
102
+ "sanity": "^3.68.1",
103
103
  "semantic-release": "^24.2.0",
104
104
  "styled-components": "^6.1.13",
105
- "typescript": "^5.6.3",
105
+ "typescript": "^5.7.2",
106
106
  "yalc": "1.0.0-pre.53"
107
107
  },
108
108
  "peerDependencies": {
package/src/hooks/useAssets.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import {useMemo, useState} from 'react'
2
- import {collate, createHookFromObservableFactory, DocumentStore, useDocumentStore} from 'sanity'
2
+ import {useObservable} from 'react-rx'
3
+ import {collate, DocumentStore, useDocumentStore} from 'sanity'
3
4
 
4
5
  import {SANITY_API_VERSION} from '../hooks/useClient'
5
6
  import {createSearchFilter} from '../util/createSearchFilter'
@@ -14,44 +15,49 @@ export const ASSET_SORT_OPTIONS = {
14
15
 
15
16
  export type SortOption = keyof typeof ASSET_SORT_OPTIONS
16
17
 
17
- const useAssetDocuments = createHookFromObservableFactory<
18
- VideoAssetDocument[],
19
- {
20
- documentStore: DocumentStore
21
- sort: SortOption
22
- searchQuery: string
23
- }
24
- >(({documentStore, sort, searchQuery}) => {
25
- const search = createSearchFilter(searchQuery)
26
- const filter = [`_type == "mux.videoAsset"`, ...search.filter].filter(Boolean).join(' && ')
18
+ const useAssetDocuments = ({
19
+ documentStore,
20
+ sort,
21
+ searchQuery,
22
+ }: {
23
+ documentStore: DocumentStore
24
+ sort: SortOption
25
+ searchQuery: string
26
+ }): VideoAssetDocument[] | undefined => {
27
+ const memoizedObservable = useMemo(() => {
28
+ const search = createSearchFilter(searchQuery)
29
+ const filter = [`_type == "mux.videoAsset"`, ...search.filter].filter(Boolean).join(' && ')
30
+ const sortFragment = ASSET_SORT_OPTIONS[sort].groq
31
+ return documentStore.listenQuery(
32
+ /* groq */ `*[${filter}] | order(${sortFragment})`,
33
+ search.params,
34
+ {
35
+ apiVersion: SANITY_API_VERSION,
36
+ }
37
+ )
38
+ }, [documentStore, sort, searchQuery])
27
39
 
28
- const sortFragment = ASSET_SORT_OPTIONS[sort].groq
29
- return documentStore.listenQuery(
30
- /* groq */ `*[${filter}] | order(${sortFragment})`,
31
- search.params,
32
- {
33
- apiVersion: SANITY_API_VERSION,
34
- }
35
- )
36
- })
40
+ return useObservable(memoizedObservable, undefined)
41
+ }
37
42
 
38
43
  export default function useAssets() {
39
44
  const documentStore = useDocumentStore()
40
45
  const [sort, setSort] = useState<SortOption>('createdDesc')
41
46
  const [searchQuery, setSearchQuery] = useState('')
42
47
 
43
- const [assetDocuments = [], isLoading] = useAssetDocuments({documentStore, sort, searchQuery})
48
+ const assetDocumentsObservable = useAssetDocuments({documentStore, sort, searchQuery})
49
+ const isLoading = assetDocumentsObservable === undefined
44
50
  const assets = useMemo(
45
51
  () =>
46
52
  // Avoid displaying both drafts & published assets by collating them together and giving preference to drafts
47
- collate<VideoAssetDocument>(assetDocuments).map(
53
+ collate<VideoAssetDocument>(assetDocumentsObservable ?? []).map(
48
54
  (collated) =>
49
55
  ({
50
56
  ...(collated.draft || collated.published || {}),
51
57
  _id: collated.id,
52
58
  }) as VideoAssetDocument
53
59
  ),
54
- [assetDocuments]
60
+ [assetDocumentsObservable]
55
61
  )
56
62
 
57
63
  return {