sanity-plugin-asset-source-unsplash 3.0.4 → 4.0.0
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.
- package/README.md +0 -1
- package/lib/index.js.map +1 -1
- package/package.json +28 -27
- package/src/sanity-ui.d.ts +6 -0
- package/lib/index.cjs +0 -323
- package/lib/index.cjs.map +0 -1
- package/lib/index.d.cts +0 -79
- package/sanity.json +0 -8
- package/v2-incompatible.js +0 -11
package/README.md
CHANGED
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["export default function UnsplashIcon() {\n return (\n <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n <title />\n <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n </svg>\n )\n}\n","import { type BehaviorSubject, concat, defer, type Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\nimport type { SanityClient } from 'sanity'\n\nimport type { UnsplashPhoto } from '../types'\n\ntype SearchSubject = BehaviorSubject<string>\ntype PageSubject = BehaviorSubject<number>\n\nconst fetchSearch = (\n client: SanityClient,\n query: string,\n page: number,\n perPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> =>\n defer(\n () =>\n client.observable.request({\n url: `/addons/unsplash/search/photos?query=${encodeURIComponent(\n query,\n )}&page=${page}&per_page=${perPage}`,\n withCredentials: true,\n method: 'GET',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n }) as any,\n )\n\nconst fetchList = (\n client: SanityClient,\n type: string,\n page: number,\n perPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> =>\n defer(\n () =>\n client.observable.request({\n url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n withCredentials: true,\n method: 'GET',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n }) as any,\n )\n\nexport function fetchDownloadUrl(client: SanityClient, photo: UnsplashPhoto): Promise<string> {\n const downloadUrl = photo.links.download_location.replace(\n 'https://api.unsplash.com',\n '/addons/unsplash',\n )\n return client\n .request({\n url: downloadUrl,\n withCredentials: true,\n method: 'GET',\n })\n .then((result: { url: string }) => {\n return result.url\n })\n}\n\nexport const search = (\n client: SanityClient,\n query: SearchSubject,\n page: PageSubject,\n resultsPerPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> => {\n return concat(\n query.pipe(\n withLatestFrom(page),\n debounceTime(500),\n distinctUntilChanged(),\n switchMap(([q, p]) => {\n if (q) {\n return fetchSearch(client, q, p, resultsPerPage).pipe(\n distinctUntilChanged(),\n map((result) => result.results),\n )\n }\n return fetchList(client, 'popular', p, resultsPerPage)\n }),\n ),\n )\n}\n","import { Card } from '@sanity/ui'\nimport { styled } from 'styled-components'\n\nexport const Root = styled.div`\n overflow: hidden;\n background-origin: content-box;\n background-repeat: no-repeat;\n background-clip: border-box;\n background-size: cover;\n position: relative;\n outline: none !important;\n border: ${({ theme }) => `1px solid ${theme.sanity.color.card.enabled.border}`};\n box-sizing: content-box;\n -webkit-user-drag: none;\n\n &:hover {\n opacity: 0.85;\n }\n\n &:focus,\n &:active {\n border: 1px solid var(--input-border-color-focus);\n box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n }\n`\n\nexport const CreditLineLink = styled.a`\n text-decoration: none;\n cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n ${({ theme }) => `\n --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n `};\n -webkit-user-drag: none;\n position: absolute;\n background-color: var(--creditline-bg);\n bottom: 0;\n\n [data-ui='Text'] {\n color: var(--creditline-fg);\n }\n`\n","import { Text } from '@sanity/ui'\nimport { useCallback, useEffect } from 'react'\n\nimport type { UnsplashPhoto } from '../types'\nimport { CreditLine, CreditLineLink, Root } from './Photo.styled'\n\ntype Props = {\n data: UnsplashPhoto\n width: number\n height: number\n onClick: (photo: UnsplashPhoto) => void\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown: (event: any) => void\n active: boolean\n onFocus: (photo: UnsplashPhoto) => void\n}\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\n\nexport default function Photo(props: Props) {\n const { onClick, data, onKeyDown, onFocus, active, width, height } = props\n\n const handleClick = useCallback(() => {\n onClick(data)\n }, [onClick, data])\n\n const handleCreditLineClicked = useCallback(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (event: any) => {\n event.stopPropagation()\n const url = `${data.links.html}?utm_source=${encodeURIComponent(\n UTM_SOURCE,\n )}&utm_medium=referral`\n window.open(url, data.id, 'noreferrer,noopener')\n },\n [data],\n )\n\n const handleKeyDown = useCallback(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (event: any) => {\n onKeyDown(event)\n if (event.keyCode === 13) {\n onClick(data)\n }\n },\n [onKeyDown, data, onClick],\n )\n\n const handleMouseDown = useCallback(() => {\n onFocus(data)\n }, [onFocus, data])\n\n useEffect(() => {\n if (active) {\n onFocus(data)\n }\n }, [active, data, onFocus])\n\n const src = data.urls.small\n const userName = data.user.name\n\n return (\n <Root\n title={`Select image by ${userName} from Unsplash`}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onMouseDown={handleMouseDown}\n style={{\n width: `${width}px`,\n height: `${height}px`,\n backgroundImage: `url(\"${src}\")`,\n }}\n onClick={handleClick}\n >\n <CreditLineLink onClick={handleCreditLineClicked}>\n <CreditLine padding={2} radius={2} margin={2}>\n <Text size={1} title={`Open image by ${userName} on Unsplash in new window`}>\n By @{data.user.username}\n </Text>\n </CreditLine>\n </CreditLineLink>\n </Root>\n )\n}\n","import { TextInput } from '@sanity/ui'\nimport { styled } from 'styled-components'\n\nexport const SearchInput = styled(TextInput)`\n position: sticky;\n top: 0;\n z-index: 1;\n`\n\nexport const Scroller = styled.div`\n overflow-y: auto;\n max-height: 80vh;\n`\n","import { SearchIcon } from '@sanity/icons'\nimport { Dialog, Flex, Spinner, Stack, Text } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, type Subscription } from 'rxjs'\nimport {\n type AssetFromSource,\n type AssetSourceComponentProps,\n type SanityClient,\n useClient,\n} from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport type { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { SearchInput } from './UnsplashAssetSource.styled'\n\ntype State = {\n query: string\n searchResults: UnsplashPhoto[][]\n page: number\n isLoading: boolean\n cursor: number\n}\n\nconst RESULTS_PER_PAGE = 42\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nexport default function UnsplashAssetSource(props: AssetSourceComponentProps) {\n const client = useClient({ apiVersion: '2022-09-01' })\n return <UnsplashAssetSourceInternal {...props} client={client} />\n}\n\nclass UnsplashAssetSourceInternal extends React.Component<\n AssetSourceComponentProps & { client: SanityClient },\n State\n> {\n static defaultProps = {\n selectedAssets: undefined,\n }\n\n override state = {\n cursor: 0,\n query: '',\n page: 1,\n searchResults: [[]],\n isLoading: true,\n }\n\n searchSubscription: Subscription | null = null\n\n searchSubject$ = new BehaviorSubject('')\n pageSubject$ = new BehaviorSubject(1)\n\n override componentDidMount() {\n this.searchSubscription = search(\n this.props.client,\n this.searchSubject$,\n this.pageSubject$,\n RESULTS_PER_PAGE,\n ).subscribe({\n next: (results: UnsplashPhoto[]) => {\n this.setState((prev) => ({\n searchResults: [...prev.searchResults, results],\n isLoading: false,\n }))\n },\n })\n }\n\n override componentWillUnmount() {\n if (this.searchSubscription) {\n this.searchSubscription.unsubscribe()\n }\n }\n\n handleSelect = (photo: UnsplashPhoto) => {\n this.setState({ isLoading: true })\n return fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {\n const description = photo.description || undefined\n const asset: AssetFromSource = {\n kind: 'url',\n value: downloadUrl,\n assetDocumentProps: {\n _type: 'sanity.imageAsset',\n source: {\n name: 'unsplash',\n id: photo.id,\n url: photo.links.html,\n },\n description,\n creditLine: `${photo.user.name} by Unsplash`,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n } as any,\n }\n this.props.onSelect([asset])\n })\n }\n\n handleClose = () => {\n this.props.onClose()\n }\n\n handleSearchTermChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\n const query = event.currentTarget.value\n this.setState({ query, page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n this.pageSubject$.next(1)\n this.searchSubject$.next(query)\n }\n\n handleSearchTermCleared = () => {\n this.setState({ query: '', page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n this.pageSubject$.next(1)\n this.searchSubject$.next('')\n }\n\n handleScollerLoadMore = () => {\n // eslint-disable-next-line react/no-access-state-in-setstate\n const nextPage = this.state.page + 1\n this.setState({ page: nextPage, isLoading: true })\n this.pageSubject$.next(nextPage)\n this.searchSubject$.next(this.state.query)\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n handleKeyDown = (event: any) => {\n const { cursor } = this.state\n if ((event.keyCode === 38 || event.keyCode === 37) && cursor > 0) {\n this.setState((prevState) => ({\n cursor: prevState.cursor - 1,\n }))\n } else if (\n (event.keyCode === 40 || event.keyCode === 39) &&\n cursor < this.getPhotos().length - 1\n ) {\n this.setState((prevState) => ({\n cursor: prevState.cursor + 1,\n }))\n }\n }\n\n getPhotos() {\n return this.state.searchResults.flat()\n }\n\n updateCursor = (photo: UnsplashPhoto) => {\n const index = this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.id)\n this.setState({ cursor: index })\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n renderImage = (props: any) => {\n const { photo, layout } = props\n const active =\n this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.data.id) ===\n this.state.cursor || false\n return (\n <Photo\n onClick={this.handleSelect.bind(photo.data)}\n onKeyDown={this.handleKeyDown}\n data={photo.data}\n width={layout.width}\n height={layout.height}\n active={active}\n onFocus={this.updateCursor}\n />\n )\n }\n\n override render() {\n const { query, searchResults, isLoading } = this.state\n\n return (\n <Dialog\n animate\n id=\"unsplash-asset-source\"\n header=\"Select image from Unsplash\"\n onClose={this.handleClose}\n open\n width={4}\n >\n <Stack space={3} paddingX={4} paddingBottom={4}>\n <SearchInput\n clearButton={query.length > 0}\n icon={SearchIcon}\n onChange={this.handleSearchTermChanged}\n onClear={this.handleSearchTermCleared}\n placeholder=\"Search by topics or colors\"\n value={query}\n />\n {!isLoading && this.getPhotos().length === 0 && (\n <Text size={1} muted>\n No results found\n </Text>\n )}\n <InfiniteScroll\n dataLength={this.getPhotos().length} // This is important field to render the next data\n next={this.handleScollerLoadMore}\n // scrollableTarget=\"unsplash-scroller\"\n hasMore\n scrollThreshold={0.99}\n height=\"60vh\"\n loader={\n <Flex align=\"center\" justify=\"center\" padding={3}>\n <Spinner muted />\n </Flex>\n }\n endMessage={\n <Text size={1} muted>\n No more results\n </Text>\n }\n >\n {searchResults\n .filter((photos) => photos.length > 0)\n .map((photos: UnsplashPhoto[], index) => (\n <PhotoAlbum\n // eslint-disable-next-line react/no-array-index-key\n key={`gallery-${query || 'popular'}-${index}`}\n layout=\"rows\"\n spacing={PHOTO_SPACING}\n padding={PHOTO_PADDING}\n targetRowHeight={(width) => {\n if (width < 300) return 150\n if (width < 600) return 200\n return 300\n }}\n photos={photos.map((photo: UnsplashPhoto) => ({\n src: photo.urls.small,\n width: photo.width,\n height: photo.height,\n key: photo.id,\n data: photo,\n }))}\n renderPhoto={this.renderImage}\n componentsProps={{\n containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } },\n }}\n />\n ))}\n </InfiniteScroll>\n </Stack>\n </Dialog>\n )\n }\n}\n","import { type AssetSource, definePlugin } from 'sanity'\n\nimport Icon from './components/Icon'\nimport Unsplash from './components/UnsplashAssetSource'\n\nexport type { Asset, AssetDocument, UnsplashPhoto } from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n name: 'unsplash',\n title: 'Unsplash',\n component: Unsplash,\n icon: Icon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset = definePlugin({\n name: 'asset-source-unsplash-plugin',\n\n form: {\n image: {\n assetSources: (prev) => {\n return [...prev, unsplashAssetSource]\n },\n },\n },\n})\n"],"names":["Unsplash","Icon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["export default function UnsplashIcon() {\n return (\n <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n <title />\n <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n </svg>\n )\n}\n","import { type BehaviorSubject, concat, defer, type Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\nimport type { SanityClient } from 'sanity'\n\nimport type { UnsplashPhoto } from '../types'\n\ntype SearchSubject = BehaviorSubject<string>\ntype PageSubject = BehaviorSubject<number>\n\nconst fetchSearch = (\n client: SanityClient,\n query: string,\n page: number,\n perPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> =>\n defer(\n () =>\n client.observable.request({\n url: `/addons/unsplash/search/photos?query=${encodeURIComponent(\n query,\n )}&page=${page}&per_page=${perPage}`,\n withCredentials: true,\n method: 'GET',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n }) as any,\n )\n\nconst fetchList = (\n client: SanityClient,\n type: string,\n page: number,\n perPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> =>\n defer(\n () =>\n client.observable.request({\n url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n withCredentials: true,\n method: 'GET',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n }) as any,\n )\n\nexport function fetchDownloadUrl(client: SanityClient, photo: UnsplashPhoto): Promise<string> {\n const downloadUrl = photo.links.download_location.replace(\n 'https://api.unsplash.com',\n '/addons/unsplash',\n )\n return client\n .request({\n url: downloadUrl,\n withCredentials: true,\n method: 'GET',\n })\n .then((result: { url: string }) => {\n return result.url\n })\n}\n\nexport const search = (\n client: SanityClient,\n query: SearchSubject,\n page: PageSubject,\n resultsPerPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> => {\n return concat(\n query.pipe(\n withLatestFrom(page),\n debounceTime(500),\n distinctUntilChanged(),\n switchMap(([q, p]) => {\n if (q) {\n return fetchSearch(client, q, p, resultsPerPage).pipe(\n distinctUntilChanged(),\n map((result) => result.results),\n )\n }\n return fetchList(client, 'popular', p, resultsPerPage)\n }),\n ),\n )\n}\n","import { Card } from '@sanity/ui'\nimport { styled } from 'styled-components'\n\nexport const Root = styled.div`\n overflow: hidden;\n background-origin: content-box;\n background-repeat: no-repeat;\n background-clip: border-box;\n background-size: cover;\n position: relative;\n outline: none !important;\n border: ${({ theme }) => `1px solid ${theme.sanity.color.card.enabled.border}`};\n box-sizing: content-box;\n -webkit-user-drag: none;\n\n &:hover {\n opacity: 0.85;\n }\n\n &:focus,\n &:active {\n border: 1px solid var(--input-border-color-focus);\n box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n }\n`\n\nexport const CreditLineLink = styled.a`\n text-decoration: none;\n cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n ${({ theme }) => `\n --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n `};\n -webkit-user-drag: none;\n position: absolute;\n background-color: var(--creditline-bg);\n bottom: 0;\n\n [data-ui='Text'] {\n color: var(--creditline-fg);\n }\n`\n","import { Text } from '@sanity/ui'\nimport { useCallback, useEffect } from 'react'\n\nimport type { UnsplashPhoto } from '../types'\nimport { CreditLine, CreditLineLink, Root } from './Photo.styled'\n\ntype Props = {\n data: UnsplashPhoto\n width: number\n height: number\n onClick: (photo: UnsplashPhoto) => void\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown: (event: any) => void\n active: boolean\n onFocus: (photo: UnsplashPhoto) => void\n}\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\n\nexport default function Photo(props: Props) {\n const { onClick, data, onKeyDown, onFocus, active, width, height } = props\n\n const handleClick = useCallback(() => {\n onClick(data)\n }, [onClick, data])\n\n const handleCreditLineClicked = useCallback(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (event: any) => {\n event.stopPropagation()\n const url = `${data.links.html}?utm_source=${encodeURIComponent(\n UTM_SOURCE,\n )}&utm_medium=referral`\n window.open(url, data.id, 'noreferrer,noopener')\n },\n [data],\n )\n\n const handleKeyDown = useCallback(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (event: any) => {\n onKeyDown(event)\n if (event.keyCode === 13) {\n onClick(data)\n }\n },\n [onKeyDown, data, onClick],\n )\n\n const handleMouseDown = useCallback(() => {\n onFocus(data)\n }, [onFocus, data])\n\n useEffect(() => {\n if (active) {\n onFocus(data)\n }\n }, [active, data, onFocus])\n\n const src = data.urls.small\n const userName = data.user.name\n\n return (\n <Root\n title={`Select image by ${userName} from Unsplash`}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onMouseDown={handleMouseDown}\n style={{\n width: `${width}px`,\n height: `${height}px`,\n backgroundImage: `url(\"${src}\")`,\n }}\n onClick={handleClick}\n >\n <CreditLineLink onClick={handleCreditLineClicked}>\n <CreditLine padding={2} radius={2} margin={2}>\n <Text size={1} title={`Open image by ${userName} on Unsplash in new window`}>\n By @{data.user.username}\n </Text>\n </CreditLine>\n </CreditLineLink>\n </Root>\n )\n}\n","import { TextInput } from '@sanity/ui'\nimport { styled } from 'styled-components'\n\nexport const SearchInput = styled(TextInput)`\n position: sticky;\n top: 0;\n z-index: 1;\n`\n\nexport const Scroller = styled.div`\n overflow-y: auto;\n max-height: 80vh;\n`\n","import { SearchIcon } from '@sanity/icons'\nimport { Dialog, Flex, Spinner, Stack, Text } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, type Subscription } from 'rxjs'\nimport {\n type AssetFromSource,\n type AssetSourceComponentProps,\n type SanityClient,\n useClient,\n} from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport type { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { SearchInput } from './UnsplashAssetSource.styled'\n\ntype State = {\n query: string\n searchResults: UnsplashPhoto[][]\n page: number\n isLoading: boolean\n cursor: number\n}\n\nconst RESULTS_PER_PAGE = 42\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nexport default function UnsplashAssetSource(props: AssetSourceComponentProps) {\n const client = useClient({ apiVersion: '2022-09-01' })\n return <UnsplashAssetSourceInternal {...props} client={client} />\n}\n\nclass UnsplashAssetSourceInternal extends React.Component<\n AssetSourceComponentProps & { client: SanityClient },\n State\n> {\n static defaultProps = {\n selectedAssets: undefined,\n }\n\n override state = {\n cursor: 0,\n query: '',\n page: 1,\n searchResults: [[]],\n isLoading: true,\n }\n\n searchSubscription: Subscription | null = null\n\n searchSubject$ = new BehaviorSubject('')\n pageSubject$ = new BehaviorSubject(1)\n\n override componentDidMount() {\n this.searchSubscription = search(\n this.props.client,\n this.searchSubject$,\n this.pageSubject$,\n RESULTS_PER_PAGE,\n ).subscribe({\n next: (results: UnsplashPhoto[]) => {\n this.setState((prev) => ({\n searchResults: [...prev.searchResults, results],\n isLoading: false,\n }))\n },\n })\n }\n\n override componentWillUnmount() {\n if (this.searchSubscription) {\n this.searchSubscription.unsubscribe()\n }\n }\n\n handleSelect = (photo: UnsplashPhoto) => {\n this.setState({ isLoading: true })\n return fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {\n const description = photo.description || undefined\n const asset: AssetFromSource = {\n kind: 'url',\n value: downloadUrl,\n assetDocumentProps: {\n _type: 'sanity.imageAsset',\n source: {\n name: 'unsplash',\n id: photo.id,\n url: photo.links.html,\n },\n description,\n creditLine: `${photo.user.name} by Unsplash`,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n } as any,\n }\n this.props.onSelect([asset])\n })\n }\n\n handleClose = () => {\n this.props.onClose()\n }\n\n handleSearchTermChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\n const query = event.currentTarget.value\n this.setState({ query, page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n this.pageSubject$.next(1)\n this.searchSubject$.next(query)\n }\n\n handleSearchTermCleared = () => {\n this.setState({ query: '', page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n this.pageSubject$.next(1)\n this.searchSubject$.next('')\n }\n\n handleScollerLoadMore = () => {\n // eslint-disable-next-line react/no-access-state-in-setstate\n const nextPage = this.state.page + 1\n this.setState({ page: nextPage, isLoading: true })\n this.pageSubject$.next(nextPage)\n this.searchSubject$.next(this.state.query)\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n handleKeyDown = (event: any) => {\n const { cursor } = this.state\n if ((event.keyCode === 38 || event.keyCode === 37) && cursor > 0) {\n this.setState((prevState) => ({\n cursor: prevState.cursor - 1,\n }))\n } else if (\n (event.keyCode === 40 || event.keyCode === 39) &&\n cursor < this.getPhotos().length - 1\n ) {\n this.setState((prevState) => ({\n cursor: prevState.cursor + 1,\n }))\n }\n }\n\n getPhotos() {\n return this.state.searchResults.flat()\n }\n\n updateCursor = (photo: UnsplashPhoto) => {\n const index = this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.id)\n this.setState({ cursor: index })\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n renderImage = (props: any) => {\n const { photo, layout } = props\n const active =\n this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.data.id) ===\n this.state.cursor || false\n return (\n <Photo\n onClick={this.handleSelect.bind(photo.data)}\n onKeyDown={this.handleKeyDown}\n data={photo.data}\n width={layout.width}\n height={layout.height}\n active={active}\n onFocus={this.updateCursor}\n />\n )\n }\n\n override render() {\n const { query, searchResults, isLoading } = this.state\n\n return (\n <Dialog\n animate\n id=\"unsplash-asset-source\"\n header=\"Select image from Unsplash\"\n onClose={this.handleClose}\n open\n width={4}\n >\n <Stack space={3} paddingX={4} paddingBottom={4}>\n <SearchInput\n clearButton={query.length > 0}\n icon={SearchIcon}\n onChange={this.handleSearchTermChanged}\n onClear={this.handleSearchTermCleared}\n placeholder=\"Search by topics or colors\"\n value={query}\n />\n {!isLoading && this.getPhotos().length === 0 && (\n <Text size={1} muted>\n No results found\n </Text>\n )}\n <InfiniteScroll\n dataLength={this.getPhotos().length} // This is important field to render the next data\n next={this.handleScollerLoadMore}\n // scrollableTarget=\"unsplash-scroller\"\n hasMore\n scrollThreshold={0.99}\n height=\"60vh\"\n loader={\n <Flex align=\"center\" justify=\"center\" padding={3}>\n <Spinner muted />\n </Flex>\n }\n endMessage={\n <Text size={1} muted>\n No more results\n </Text>\n }\n >\n {searchResults\n .filter((photos) => photos.length > 0)\n .map((photos: UnsplashPhoto[], index) => (\n <PhotoAlbum\n // eslint-disable-next-line react/no-array-index-key\n key={`gallery-${query || 'popular'}-${index}`}\n layout=\"rows\"\n spacing={PHOTO_SPACING}\n padding={PHOTO_PADDING}\n targetRowHeight={(width) => {\n if (width < 300) return 150\n if (width < 600) return 200\n return 300\n }}\n photos={photos.map((photo: UnsplashPhoto) => ({\n src: photo.urls.small,\n width: photo.width,\n height: photo.height,\n key: photo.id,\n data: photo,\n }))}\n renderPhoto={this.renderImage}\n componentsProps={{\n containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } },\n }}\n />\n ))}\n </InfiniteScroll>\n </Stack>\n </Dialog>\n )\n }\n}\n","import { type AssetSource, definePlugin } from 'sanity'\n\nimport Icon from './components/Icon'\nimport Unsplash from './components/UnsplashAssetSource'\n\nexport type { Asset, AssetDocument, UnsplashPhoto } from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n name: 'unsplash',\n title: 'Unsplash',\n component: Unsplash,\n icon: Icon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset = definePlugin({\n name: 'asset-source-unsplash-plugin',\n\n form: {\n image: {\n assetSources: (prev) => {\n return [...prev, unsplashAssetSource]\n },\n },\n },\n})\n"],"names":["Unsplash","Icon"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sanity-plugin-asset-source-unsplash",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "Use images from Unsplash.com in your Sanity Studio",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"sanity",
|
|
@@ -25,20 +25,15 @@
|
|
|
25
25
|
"exports": {
|
|
26
26
|
".": {
|
|
27
27
|
"source": "./src/index.ts",
|
|
28
|
-
"import": "./lib/index.js",
|
|
29
|
-
"require": "./lib/index.cjs",
|
|
30
28
|
"default": "./lib/index.js"
|
|
31
29
|
},
|
|
32
30
|
"./package.json": "./package.json"
|
|
33
31
|
},
|
|
34
|
-
"main": "./lib/index.
|
|
35
|
-
"module": "./lib/index.js",
|
|
32
|
+
"main": "./lib/index.js",
|
|
36
33
|
"types": "./lib/index.d.ts",
|
|
37
34
|
"files": [
|
|
38
35
|
"src",
|
|
39
|
-
"lib"
|
|
40
|
-
"sanity.json",
|
|
41
|
-
"v2-incompatible.js"
|
|
36
|
+
"lib"
|
|
42
37
|
],
|
|
43
38
|
"scripts": {
|
|
44
39
|
"build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
|
|
@@ -53,22 +48,21 @@
|
|
|
53
48
|
},
|
|
54
49
|
"browserslist": "extends @sanity/browserslist-config",
|
|
55
50
|
"dependencies": {
|
|
56
|
-
"@sanity/icons": "^3.
|
|
57
|
-
"@sanity/
|
|
58
|
-
"@sanity/ui": "^2.11.6",
|
|
51
|
+
"@sanity/icons": "^3.7.4",
|
|
52
|
+
"@sanity/ui": "^3.0.7",
|
|
59
53
|
"react-infinite-scroll-component": "6.1.0",
|
|
60
54
|
"react-photo-album": "2.4.1",
|
|
61
|
-
"rxjs": "^7.8.
|
|
55
|
+
"rxjs": "^7.8.2"
|
|
62
56
|
},
|
|
63
57
|
"devDependencies": {
|
|
64
58
|
"@commitlint/cli": "^19.6.1",
|
|
65
59
|
"@commitlint/config-conventional": "^19.6.0",
|
|
66
|
-
"@sanity/pkg-utils": "^7.
|
|
60
|
+
"@sanity/pkg-utils": "^7.11.9",
|
|
67
61
|
"@sanity/plugin-kit": "4.0.19",
|
|
68
62
|
"@sanity/semantic-release-preset": "^4.1.8",
|
|
69
|
-
"@types/node": "^
|
|
70
|
-
"@types/react": "^19.
|
|
71
|
-
"@types/react-dom": "^19.
|
|
63
|
+
"@types/node": "^24.3.0",
|
|
64
|
+
"@types/react": "^19.1.10",
|
|
65
|
+
"@types/react-dom": "^19.1.7",
|
|
72
66
|
"@typescript-eslint/eslint-plugin": "^8.22.0",
|
|
73
67
|
"@typescript-eslint/parser": "^8.22.0",
|
|
74
68
|
"eslint": "^8.57.1",
|
|
@@ -81,25 +75,32 @@
|
|
|
81
75
|
"eslint-plugin-simple-import-sort": "^12.1.1",
|
|
82
76
|
"husky": "^8.0.3",
|
|
83
77
|
"lint-staged": "^15.0.2",
|
|
84
|
-
"prettier": "^3.
|
|
85
|
-
"prettier-plugin-packagejson": "^2.5.
|
|
86
|
-
"react": "^19.
|
|
87
|
-
"react-dom": "^19.
|
|
88
|
-
"sanity": "^
|
|
78
|
+
"prettier": "^3.6.2",
|
|
79
|
+
"prettier-plugin-packagejson": "^2.5.19",
|
|
80
|
+
"react": "^19.1.1",
|
|
81
|
+
"react-dom": "^19.1.1",
|
|
82
|
+
"sanity": "^4.4.1",
|
|
89
83
|
"semantic-release": "^23.1.1",
|
|
90
|
-
"styled-components": "^6.1.
|
|
91
|
-
"typescript": "5.
|
|
84
|
+
"styled-components": "^6.1.19",
|
|
85
|
+
"typescript": "5.8.3"
|
|
92
86
|
},
|
|
93
87
|
"peerDependencies": {
|
|
94
|
-
"react": "^18 || ^19",
|
|
95
|
-
"
|
|
88
|
+
"react": "^18.3 || ^19",
|
|
89
|
+
"react-dom": "^18.3 || ^19",
|
|
90
|
+
"sanity": "^4",
|
|
96
91
|
"styled-components": "^6.1"
|
|
97
92
|
},
|
|
98
93
|
"engines": {
|
|
99
|
-
"node": ">=
|
|
94
|
+
"node": ">=20.19 <22 || >=22.12"
|
|
100
95
|
},
|
|
101
96
|
"publishConfig": {
|
|
102
97
|
"access": "public"
|
|
103
98
|
},
|
|
104
|
-
"sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-asset-source-unsplash"
|
|
99
|
+
"sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-asset-source-unsplash",
|
|
100
|
+
"sanityPlugin": {
|
|
101
|
+
"verifyPackage": {
|
|
102
|
+
"nodeEngine": false,
|
|
103
|
+
"sanityV2Json": false
|
|
104
|
+
}
|
|
105
|
+
}
|
|
105
106
|
}
|
package/lib/index.cjs
DELETED
|
@@ -1,323 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: !0 });
|
|
3
|
-
var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), InfiniteScroll = require("react-infinite-scroll-component"), PhotoAlbum = require("react-photo-album"), rxjs = require("rxjs"), operators = require("rxjs/operators"), styledComponents = require("styled-components");
|
|
4
|
-
function _interopDefaultCompat(e) {
|
|
5
|
-
return e && typeof e == "object" && "default" in e ? e : { default: e };
|
|
6
|
-
}
|
|
7
|
-
var React__default = /* @__PURE__ */ _interopDefaultCompat(React), InfiniteScroll__default = /* @__PURE__ */ _interopDefaultCompat(InfiniteScroll), PhotoAlbum__default = /* @__PURE__ */ _interopDefaultCompat(PhotoAlbum);
|
|
8
|
-
function UnsplashIcon() {
|
|
9
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("svg", { role: "img", viewBox: "0 0 25 25", width: "1em", height: "1em", fill: "currentColor", children: [
|
|
10
|
-
/* @__PURE__ */ jsxRuntime.jsx("title", {}),
|
|
11
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z" })
|
|
12
|
-
] });
|
|
13
|
-
}
|
|
14
|
-
const fetchSearch = (client, query, page, perPage) => rxjs.defer(
|
|
15
|
-
() => client.observable.request({
|
|
16
|
-
url: `/addons/unsplash/search/photos?query=${encodeURIComponent(
|
|
17
|
-
query
|
|
18
|
-
)}&page=${page}&per_page=${perPage}`,
|
|
19
|
-
withCredentials: !0,
|
|
20
|
-
method: "GET"
|
|
21
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
22
|
-
})
|
|
23
|
-
), fetchList = (client, type, page, perPage) => rxjs.defer(
|
|
24
|
-
() => client.observable.request({
|
|
25
|
-
url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,
|
|
26
|
-
withCredentials: !0,
|
|
27
|
-
method: "GET"
|
|
28
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
29
|
-
})
|
|
30
|
-
);
|
|
31
|
-
function fetchDownloadUrl(client, photo) {
|
|
32
|
-
const downloadUrl = photo.links.download_location.replace(
|
|
33
|
-
"https://api.unsplash.com",
|
|
34
|
-
"/addons/unsplash"
|
|
35
|
-
);
|
|
36
|
-
return client.request({
|
|
37
|
-
url: downloadUrl,
|
|
38
|
-
withCredentials: !0,
|
|
39
|
-
method: "GET"
|
|
40
|
-
}).then((result) => result.url);
|
|
41
|
-
}
|
|
42
|
-
const search = (client, query, page, resultsPerPage) => rxjs.concat(
|
|
43
|
-
query.pipe(
|
|
44
|
-
operators.withLatestFrom(page),
|
|
45
|
-
operators.debounceTime(500),
|
|
46
|
-
operators.distinctUntilChanged(),
|
|
47
|
-
operators.switchMap(([q, p]) => q ? fetchSearch(client, q, p, resultsPerPage).pipe(
|
|
48
|
-
operators.distinctUntilChanged(),
|
|
49
|
-
operators.map((result) => result.results)
|
|
50
|
-
) : fetchList(client, "popular", p, resultsPerPage))
|
|
51
|
-
)
|
|
52
|
-
), Root = styledComponents.styled.div`
|
|
53
|
-
overflow: hidden;
|
|
54
|
-
background-origin: content-box;
|
|
55
|
-
background-repeat: no-repeat;
|
|
56
|
-
background-clip: border-box;
|
|
57
|
-
background-size: cover;
|
|
58
|
-
position: relative;
|
|
59
|
-
outline: none !important;
|
|
60
|
-
border: ${({ theme }) => `1px solid ${theme.sanity.color.card.enabled.border}`};
|
|
61
|
-
box-sizing: content-box;
|
|
62
|
-
-webkit-user-drag: none;
|
|
63
|
-
|
|
64
|
-
&:hover {
|
|
65
|
-
opacity: 0.85;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
&:focus,
|
|
69
|
-
&:active {
|
|
70
|
-
border: 1px solid var(--input-border-color-focus);
|
|
71
|
-
box-shadow: inset 0 0 0 3px var(--input-border-color-focus);
|
|
72
|
-
}
|
|
73
|
-
`, CreditLineLink = styledComponents.styled.a`
|
|
74
|
-
text-decoration: none;
|
|
75
|
-
cursor: pointer;
|
|
76
|
-
`, CreditLine = styledComponents.styled(ui.Card)`
|
|
77
|
-
${({ theme }) => `
|
|
78
|
-
--creditline-fg: ${theme.sanity.color.card.enabled.fg};
|
|
79
|
-
--creditline-bg: ${theme.sanity.color.card.enabled.bg};
|
|
80
|
-
`};
|
|
81
|
-
-webkit-user-drag: none;
|
|
82
|
-
position: absolute;
|
|
83
|
-
background-color: var(--creditline-bg);
|
|
84
|
-
bottom: 0;
|
|
85
|
-
|
|
86
|
-
[data-ui='Text'] {
|
|
87
|
-
color: var(--creditline-fg);
|
|
88
|
-
}
|
|
89
|
-
`, UTM_SOURCE = "sanity-plugin-asset-source-unsplash";
|
|
90
|
-
function Photo(props) {
|
|
91
|
-
const { onClick, data, onKeyDown, onFocus, active, width, height } = props, handleClick = React.useCallback(() => {
|
|
92
|
-
onClick(data);
|
|
93
|
-
}, [onClick, data]), handleCreditLineClicked = React.useCallback(
|
|
94
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
95
|
-
(event) => {
|
|
96
|
-
event.stopPropagation();
|
|
97
|
-
const url = `${data.links.html}?utm_source=${encodeURIComponent(
|
|
98
|
-
UTM_SOURCE
|
|
99
|
-
)}&utm_medium=referral`;
|
|
100
|
-
window.open(url, data.id, "noreferrer,noopener");
|
|
101
|
-
},
|
|
102
|
-
[data]
|
|
103
|
-
), handleKeyDown = React.useCallback(
|
|
104
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
105
|
-
(event) => {
|
|
106
|
-
onKeyDown(event), event.keyCode === 13 && onClick(data);
|
|
107
|
-
},
|
|
108
|
-
[onKeyDown, data, onClick]
|
|
109
|
-
), handleMouseDown = React.useCallback(() => {
|
|
110
|
-
onFocus(data);
|
|
111
|
-
}, [onFocus, data]);
|
|
112
|
-
React.useEffect(() => {
|
|
113
|
-
active && onFocus(data);
|
|
114
|
-
}, [active, data, onFocus]);
|
|
115
|
-
const src = data.urls.small, userName = data.user.name;
|
|
116
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
117
|
-
Root,
|
|
118
|
-
{
|
|
119
|
-
title: `Select image by ${userName} from Unsplash`,
|
|
120
|
-
tabIndex: 0,
|
|
121
|
-
onKeyDown: handleKeyDown,
|
|
122
|
-
onMouseDown: handleMouseDown,
|
|
123
|
-
style: {
|
|
124
|
-
width: `${width}px`,
|
|
125
|
-
height: `${height}px`,
|
|
126
|
-
backgroundImage: `url("${src}")`
|
|
127
|
-
},
|
|
128
|
-
onClick: handleClick,
|
|
129
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(CreditLineLink, { onClick: handleCreditLineClicked, children: /* @__PURE__ */ jsxRuntime.jsx(CreditLine, { padding: 2, radius: 2, margin: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, title: `Open image by ${userName} on Unsplash in new window`, children: [
|
|
130
|
-
"By @",
|
|
131
|
-
data.user.username
|
|
132
|
-
] }) }) })
|
|
133
|
-
}
|
|
134
|
-
);
|
|
135
|
-
}
|
|
136
|
-
const SearchInput = styledComponents.styled(ui.TextInput)`
|
|
137
|
-
position: sticky;
|
|
138
|
-
top: 0;
|
|
139
|
-
z-index: 1;
|
|
140
|
-
`;
|
|
141
|
-
styledComponents.styled.div`
|
|
142
|
-
overflow-y: auto;
|
|
143
|
-
max-height: 80vh;
|
|
144
|
-
`;
|
|
145
|
-
const RESULTS_PER_PAGE = 42, PHOTO_SPACING = 2, PHOTO_PADDING = 1;
|
|
146
|
-
function UnsplashAssetSource(props) {
|
|
147
|
-
const client = sanity.useClient({ apiVersion: "2022-09-01" });
|
|
148
|
-
return /* @__PURE__ */ jsxRuntime.jsx(UnsplashAssetSourceInternal, { ...props, client });
|
|
149
|
-
}
|
|
150
|
-
class UnsplashAssetSourceInternal extends React__default.default.Component {
|
|
151
|
-
static defaultProps = {
|
|
152
|
-
selectedAssets: void 0
|
|
153
|
-
};
|
|
154
|
-
state = {
|
|
155
|
-
cursor: 0,
|
|
156
|
-
query: "",
|
|
157
|
-
page: 1,
|
|
158
|
-
searchResults: [[]],
|
|
159
|
-
isLoading: !0
|
|
160
|
-
};
|
|
161
|
-
searchSubscription = null;
|
|
162
|
-
searchSubject$ = new rxjs.BehaviorSubject("");
|
|
163
|
-
pageSubject$ = new rxjs.BehaviorSubject(1);
|
|
164
|
-
componentDidMount() {
|
|
165
|
-
this.searchSubscription = search(
|
|
166
|
-
this.props.client,
|
|
167
|
-
this.searchSubject$,
|
|
168
|
-
this.pageSubject$,
|
|
169
|
-
RESULTS_PER_PAGE
|
|
170
|
-
).subscribe({
|
|
171
|
-
next: (results) => {
|
|
172
|
-
this.setState((prev) => ({
|
|
173
|
-
searchResults: [...prev.searchResults, results],
|
|
174
|
-
isLoading: !1
|
|
175
|
-
}));
|
|
176
|
-
}
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
componentWillUnmount() {
|
|
180
|
-
this.searchSubscription && this.searchSubscription.unsubscribe();
|
|
181
|
-
}
|
|
182
|
-
handleSelect = (photo) => (this.setState({ isLoading: !0 }), fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {
|
|
183
|
-
const description = photo.description || void 0, asset = {
|
|
184
|
-
kind: "url",
|
|
185
|
-
value: downloadUrl,
|
|
186
|
-
assetDocumentProps: {
|
|
187
|
-
_type: "sanity.imageAsset",
|
|
188
|
-
source: {
|
|
189
|
-
name: "unsplash",
|
|
190
|
-
id: photo.id,
|
|
191
|
-
url: photo.links.html
|
|
192
|
-
},
|
|
193
|
-
description,
|
|
194
|
-
creditLine: `${photo.user.name} by Unsplash`
|
|
195
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
196
|
-
}
|
|
197
|
-
};
|
|
198
|
-
this.props.onSelect([asset]);
|
|
199
|
-
}));
|
|
200
|
-
handleClose = () => {
|
|
201
|
-
this.props.onClose();
|
|
202
|
-
};
|
|
203
|
-
handleSearchTermChanged = (event) => {
|
|
204
|
-
const query = event.currentTarget.value;
|
|
205
|
-
this.setState({ query, page: 1, searchResults: [[]], isLoading: !0, cursor: 0 }), this.pageSubject$.next(1), this.searchSubject$.next(query);
|
|
206
|
-
};
|
|
207
|
-
handleSearchTermCleared = () => {
|
|
208
|
-
this.setState({ query: "", page: 1, searchResults: [[]], isLoading: !0, cursor: 0 }), this.pageSubject$.next(1), this.searchSubject$.next("");
|
|
209
|
-
};
|
|
210
|
-
handleScollerLoadMore = () => {
|
|
211
|
-
const nextPage = this.state.page + 1;
|
|
212
|
-
this.setState({ page: nextPage, isLoading: !0 }), this.pageSubject$.next(nextPage), this.searchSubject$.next(this.state.query);
|
|
213
|
-
};
|
|
214
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
215
|
-
handleKeyDown = (event) => {
|
|
216
|
-
const { cursor } = this.state;
|
|
217
|
-
(event.keyCode === 38 || event.keyCode === 37) && cursor > 0 ? this.setState((prevState) => ({
|
|
218
|
-
cursor: prevState.cursor - 1
|
|
219
|
-
})) : (event.keyCode === 40 || event.keyCode === 39) && cursor < this.getPhotos().length - 1 && this.setState((prevState) => ({
|
|
220
|
-
cursor: prevState.cursor + 1
|
|
221
|
-
}));
|
|
222
|
-
};
|
|
223
|
-
getPhotos() {
|
|
224
|
-
return this.state.searchResults.flat();
|
|
225
|
-
}
|
|
226
|
-
updateCursor = (photo) => {
|
|
227
|
-
const index = this.getPhotos().findIndex((result) => result.id === photo.id);
|
|
228
|
-
this.setState({ cursor: index });
|
|
229
|
-
};
|
|
230
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
231
|
-
renderImage = (props) => {
|
|
232
|
-
const { photo, layout } = props, active = this.getPhotos().findIndex((result) => result.id === photo.data.id) === this.state.cursor || !1;
|
|
233
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
234
|
-
Photo,
|
|
235
|
-
{
|
|
236
|
-
onClick: this.handleSelect.bind(photo.data),
|
|
237
|
-
onKeyDown: this.handleKeyDown,
|
|
238
|
-
data: photo.data,
|
|
239
|
-
width: layout.width,
|
|
240
|
-
height: layout.height,
|
|
241
|
-
active,
|
|
242
|
-
onFocus: this.updateCursor
|
|
243
|
-
}
|
|
244
|
-
);
|
|
245
|
-
};
|
|
246
|
-
render() {
|
|
247
|
-
const { query, searchResults, isLoading } = this.state;
|
|
248
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
249
|
-
ui.Dialog,
|
|
250
|
-
{
|
|
251
|
-
animate: !0,
|
|
252
|
-
id: "unsplash-asset-source",
|
|
253
|
-
header: "Select image from Unsplash",
|
|
254
|
-
onClose: this.handleClose,
|
|
255
|
-
open: !0,
|
|
256
|
-
width: 4,
|
|
257
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, paddingX: 4, paddingBottom: 4, children: [
|
|
258
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
259
|
-
SearchInput,
|
|
260
|
-
{
|
|
261
|
-
clearButton: query.length > 0,
|
|
262
|
-
icon: icons.SearchIcon,
|
|
263
|
-
onChange: this.handleSearchTermChanged,
|
|
264
|
-
onClear: this.handleSearchTermCleared,
|
|
265
|
-
placeholder: "Search by topics or colors",
|
|
266
|
-
value: query
|
|
267
|
-
}
|
|
268
|
-
),
|
|
269
|
-
!isLoading && this.getPhotos().length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "No results found" }),
|
|
270
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
271
|
-
InfiniteScroll__default.default,
|
|
272
|
-
{
|
|
273
|
-
dataLength: this.getPhotos().length,
|
|
274
|
-
next: this.handleScollerLoadMore,
|
|
275
|
-
hasMore: !0,
|
|
276
|
-
scrollThreshold: 0.99,
|
|
277
|
-
height: "60vh",
|
|
278
|
-
loader: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", justify: "center", padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { muted: !0 }) }),
|
|
279
|
-
endMessage: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "No more results" }),
|
|
280
|
-
children: searchResults.filter((photos) => photos.length > 0).map((photos, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
281
|
-
PhotoAlbum__default.default,
|
|
282
|
-
{
|
|
283
|
-
layout: "rows",
|
|
284
|
-
spacing: PHOTO_SPACING,
|
|
285
|
-
padding: PHOTO_PADDING,
|
|
286
|
-
targetRowHeight: (width) => width < 300 ? 150 : width < 600 ? 200 : 300,
|
|
287
|
-
photos: photos.map((photo) => ({
|
|
288
|
-
src: photo.urls.small,
|
|
289
|
-
width: photo.width,
|
|
290
|
-
height: photo.height,
|
|
291
|
-
key: photo.id,
|
|
292
|
-
data: photo
|
|
293
|
-
})),
|
|
294
|
-
renderPhoto: this.renderImage,
|
|
295
|
-
componentsProps: {
|
|
296
|
-
containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } }
|
|
297
|
-
}
|
|
298
|
-
},
|
|
299
|
-
`gallery-${query || "popular"}-${index}`
|
|
300
|
-
))
|
|
301
|
-
}
|
|
302
|
-
)
|
|
303
|
-
] })
|
|
304
|
-
}
|
|
305
|
-
);
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
const unsplashAssetSource = {
|
|
309
|
-
name: "unsplash",
|
|
310
|
-
title: "Unsplash",
|
|
311
|
-
component: UnsplashAssetSource,
|
|
312
|
-
icon: UnsplashIcon
|
|
313
|
-
}, unsplashImageAsset = sanity.definePlugin({
|
|
314
|
-
name: "asset-source-unsplash-plugin",
|
|
315
|
-
form: {
|
|
316
|
-
image: {
|
|
317
|
-
assetSources: (prev) => [...prev, unsplashAssetSource]
|
|
318
|
-
}
|
|
319
|
-
}
|
|
320
|
-
});
|
|
321
|
-
exports.unsplashAssetSource = unsplashAssetSource;
|
|
322
|
-
exports.unsplashImageAsset = unsplashImageAsset;
|
|
323
|
-
//# sourceMappingURL=index.cjs.map
|
package/lib/index.cjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["export default function UnsplashIcon() {\n return (\n <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n <title />\n <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n </svg>\n )\n}\n","import { type BehaviorSubject, concat, defer, type Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\nimport type { SanityClient } from 'sanity'\n\nimport type { UnsplashPhoto } from '../types'\n\ntype SearchSubject = BehaviorSubject<string>\ntype PageSubject = BehaviorSubject<number>\n\nconst fetchSearch = (\n client: SanityClient,\n query: string,\n page: number,\n perPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> =>\n defer(\n () =>\n client.observable.request({\n url: `/addons/unsplash/search/photos?query=${encodeURIComponent(\n query,\n )}&page=${page}&per_page=${perPage}`,\n withCredentials: true,\n method: 'GET',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n }) as any,\n )\n\nconst fetchList = (\n client: SanityClient,\n type: string,\n page: number,\n perPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> =>\n defer(\n () =>\n client.observable.request({\n url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n withCredentials: true,\n method: 'GET',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n }) as any,\n )\n\nexport function fetchDownloadUrl(client: SanityClient, photo: UnsplashPhoto): Promise<string> {\n const downloadUrl = photo.links.download_location.replace(\n 'https://api.unsplash.com',\n '/addons/unsplash',\n )\n return client\n .request({\n url: downloadUrl,\n withCredentials: true,\n method: 'GET',\n })\n .then((result: { url: string }) => {\n return result.url\n })\n}\n\nexport const search = (\n client: SanityClient,\n query: SearchSubject,\n page: PageSubject,\n resultsPerPage: number,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Observable<any> => {\n return concat(\n query.pipe(\n withLatestFrom(page),\n debounceTime(500),\n distinctUntilChanged(),\n switchMap(([q, p]) => {\n if (q) {\n return fetchSearch(client, q, p, resultsPerPage).pipe(\n distinctUntilChanged(),\n map((result) => result.results),\n )\n }\n return fetchList(client, 'popular', p, resultsPerPage)\n }),\n ),\n )\n}\n","import { Card } from '@sanity/ui'\nimport { styled } from 'styled-components'\n\nexport const Root = styled.div`\n overflow: hidden;\n background-origin: content-box;\n background-repeat: no-repeat;\n background-clip: border-box;\n background-size: cover;\n position: relative;\n outline: none !important;\n border: ${({ theme }) => `1px solid ${theme.sanity.color.card.enabled.border}`};\n box-sizing: content-box;\n -webkit-user-drag: none;\n\n &:hover {\n opacity: 0.85;\n }\n\n &:focus,\n &:active {\n border: 1px solid var(--input-border-color-focus);\n box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n }\n`\n\nexport const CreditLineLink = styled.a`\n text-decoration: none;\n cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n ${({ theme }) => `\n --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n `};\n -webkit-user-drag: none;\n position: absolute;\n background-color: var(--creditline-bg);\n bottom: 0;\n\n [data-ui='Text'] {\n color: var(--creditline-fg);\n }\n`\n","import { Text } from '@sanity/ui'\nimport { useCallback, useEffect } from 'react'\n\nimport type { UnsplashPhoto } from '../types'\nimport { CreditLine, CreditLineLink, Root } from './Photo.styled'\n\ntype Props = {\n data: UnsplashPhoto\n width: number\n height: number\n onClick: (photo: UnsplashPhoto) => void\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown: (event: any) => void\n active: boolean\n onFocus: (photo: UnsplashPhoto) => void\n}\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\n\nexport default function Photo(props: Props) {\n const { onClick, data, onKeyDown, onFocus, active, width, height } = props\n\n const handleClick = useCallback(() => {\n onClick(data)\n }, [onClick, data])\n\n const handleCreditLineClicked = useCallback(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (event: any) => {\n event.stopPropagation()\n const url = `${data.links.html}?utm_source=${encodeURIComponent(\n UTM_SOURCE,\n )}&utm_medium=referral`\n window.open(url, data.id, 'noreferrer,noopener')\n },\n [data],\n )\n\n const handleKeyDown = useCallback(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (event: any) => {\n onKeyDown(event)\n if (event.keyCode === 13) {\n onClick(data)\n }\n },\n [onKeyDown, data, onClick],\n )\n\n const handleMouseDown = useCallback(() => {\n onFocus(data)\n }, [onFocus, data])\n\n useEffect(() => {\n if (active) {\n onFocus(data)\n }\n }, [active, data, onFocus])\n\n const src = data.urls.small\n const userName = data.user.name\n\n return (\n <Root\n title={`Select image by ${userName} from Unsplash`}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onMouseDown={handleMouseDown}\n style={{\n width: `${width}px`,\n height: `${height}px`,\n backgroundImage: `url(\"${src}\")`,\n }}\n onClick={handleClick}\n >\n <CreditLineLink onClick={handleCreditLineClicked}>\n <CreditLine padding={2} radius={2} margin={2}>\n <Text size={1} title={`Open image by ${userName} on Unsplash in new window`}>\n By @{data.user.username}\n </Text>\n </CreditLine>\n </CreditLineLink>\n </Root>\n )\n}\n","import { TextInput } from '@sanity/ui'\nimport { styled } from 'styled-components'\n\nexport const SearchInput = styled(TextInput)`\n position: sticky;\n top: 0;\n z-index: 1;\n`\n\nexport const Scroller = styled.div`\n overflow-y: auto;\n max-height: 80vh;\n`\n","import { SearchIcon } from '@sanity/icons'\nimport { Dialog, Flex, Spinner, Stack, Text } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, type Subscription } from 'rxjs'\nimport {\n type AssetFromSource,\n type AssetSourceComponentProps,\n type SanityClient,\n useClient,\n} from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport type { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { SearchInput } from './UnsplashAssetSource.styled'\n\ntype State = {\n query: string\n searchResults: UnsplashPhoto[][]\n page: number\n isLoading: boolean\n cursor: number\n}\n\nconst RESULTS_PER_PAGE = 42\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nexport default function UnsplashAssetSource(props: AssetSourceComponentProps) {\n const client = useClient({ apiVersion: '2022-09-01' })\n return <UnsplashAssetSourceInternal {...props} client={client} />\n}\n\nclass UnsplashAssetSourceInternal extends React.Component<\n AssetSourceComponentProps & { client: SanityClient },\n State\n> {\n static defaultProps = {\n selectedAssets: undefined,\n }\n\n override state = {\n cursor: 0,\n query: '',\n page: 1,\n searchResults: [[]],\n isLoading: true,\n }\n\n searchSubscription: Subscription | null = null\n\n searchSubject$ = new BehaviorSubject('')\n pageSubject$ = new BehaviorSubject(1)\n\n override componentDidMount() {\n this.searchSubscription = search(\n this.props.client,\n this.searchSubject$,\n this.pageSubject$,\n RESULTS_PER_PAGE,\n ).subscribe({\n next: (results: UnsplashPhoto[]) => {\n this.setState((prev) => ({\n searchResults: [...prev.searchResults, results],\n isLoading: false,\n }))\n },\n })\n }\n\n override componentWillUnmount() {\n if (this.searchSubscription) {\n this.searchSubscription.unsubscribe()\n }\n }\n\n handleSelect = (photo: UnsplashPhoto) => {\n this.setState({ isLoading: true })\n return fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {\n const description = photo.description || undefined\n const asset: AssetFromSource = {\n kind: 'url',\n value: downloadUrl,\n assetDocumentProps: {\n _type: 'sanity.imageAsset',\n source: {\n name: 'unsplash',\n id: photo.id,\n url: photo.links.html,\n },\n description,\n creditLine: `${photo.user.name} by Unsplash`,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n } as any,\n }\n this.props.onSelect([asset])\n })\n }\n\n handleClose = () => {\n this.props.onClose()\n }\n\n handleSearchTermChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\n const query = event.currentTarget.value\n this.setState({ query, page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n this.pageSubject$.next(1)\n this.searchSubject$.next(query)\n }\n\n handleSearchTermCleared = () => {\n this.setState({ query: '', page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n this.pageSubject$.next(1)\n this.searchSubject$.next('')\n }\n\n handleScollerLoadMore = () => {\n // eslint-disable-next-line react/no-access-state-in-setstate\n const nextPage = this.state.page + 1\n this.setState({ page: nextPage, isLoading: true })\n this.pageSubject$.next(nextPage)\n this.searchSubject$.next(this.state.query)\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n handleKeyDown = (event: any) => {\n const { cursor } = this.state\n if ((event.keyCode === 38 || event.keyCode === 37) && cursor > 0) {\n this.setState((prevState) => ({\n cursor: prevState.cursor - 1,\n }))\n } else if (\n (event.keyCode === 40 || event.keyCode === 39) &&\n cursor < this.getPhotos().length - 1\n ) {\n this.setState((prevState) => ({\n cursor: prevState.cursor + 1,\n }))\n }\n }\n\n getPhotos() {\n return this.state.searchResults.flat()\n }\n\n updateCursor = (photo: UnsplashPhoto) => {\n const index = this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.id)\n this.setState({ cursor: index })\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n renderImage = (props: any) => {\n const { photo, layout } = props\n const active =\n this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.data.id) ===\n this.state.cursor || false\n return (\n <Photo\n onClick={this.handleSelect.bind(photo.data)}\n onKeyDown={this.handleKeyDown}\n data={photo.data}\n width={layout.width}\n height={layout.height}\n active={active}\n onFocus={this.updateCursor}\n />\n )\n }\n\n override render() {\n const { query, searchResults, isLoading } = this.state\n\n return (\n <Dialog\n animate\n id=\"unsplash-asset-source\"\n header=\"Select image from Unsplash\"\n onClose={this.handleClose}\n open\n width={4}\n >\n <Stack space={3} paddingX={4} paddingBottom={4}>\n <SearchInput\n clearButton={query.length > 0}\n icon={SearchIcon}\n onChange={this.handleSearchTermChanged}\n onClear={this.handleSearchTermCleared}\n placeholder=\"Search by topics or colors\"\n value={query}\n />\n {!isLoading && this.getPhotos().length === 0 && (\n <Text size={1} muted>\n No results found\n </Text>\n )}\n <InfiniteScroll\n dataLength={this.getPhotos().length} // This is important field to render the next data\n next={this.handleScollerLoadMore}\n // scrollableTarget=\"unsplash-scroller\"\n hasMore\n scrollThreshold={0.99}\n height=\"60vh\"\n loader={\n <Flex align=\"center\" justify=\"center\" padding={3}>\n <Spinner muted />\n </Flex>\n }\n endMessage={\n <Text size={1} muted>\n No more results\n </Text>\n }\n >\n {searchResults\n .filter((photos) => photos.length > 0)\n .map((photos: UnsplashPhoto[], index) => (\n <PhotoAlbum\n // eslint-disable-next-line react/no-array-index-key\n key={`gallery-${query || 'popular'}-${index}`}\n layout=\"rows\"\n spacing={PHOTO_SPACING}\n padding={PHOTO_PADDING}\n targetRowHeight={(width) => {\n if (width < 300) return 150\n if (width < 600) return 200\n return 300\n }}\n photos={photos.map((photo: UnsplashPhoto) => ({\n src: photo.urls.small,\n width: photo.width,\n height: photo.height,\n key: photo.id,\n data: photo,\n }))}\n renderPhoto={this.renderImage}\n componentsProps={{\n containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } },\n }}\n />\n ))}\n </InfiniteScroll>\n </Stack>\n </Dialog>\n )\n }\n}\n","import { type AssetSource, definePlugin } from 'sanity'\n\nimport Icon from './components/Icon'\nimport Unsplash from './components/UnsplashAssetSource'\n\nexport type { Asset, AssetDocument, UnsplashPhoto } from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n name: 'unsplash',\n title: 'Unsplash',\n component: Unsplash,\n icon: Icon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset = definePlugin({\n name: 'asset-source-unsplash-plugin',\n\n form: {\n image: {\n assetSources: (prev) => {\n return [...prev, unsplashAssetSource]\n },\n },\n },\n})\n"],"names":["jsxs","jsx","defer","concat","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","map","styled","Card","useCallback","useEffect","Text","TextInput","useClient","React","BehaviorSubject","Dialog","Stack","SearchIcon","InfiniteScroll","Flex","Spinner","PhotoAlbum","Unsplash","Icon","definePlugin"],"mappings":"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"}
|
package/lib/index.d.cts
DELETED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { AssetSource } from 'sanity'
|
|
2
|
-
import { Plugin as Plugin_2 } from 'sanity'
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* @public
|
|
6
|
-
*/
|
|
7
|
-
export declare interface Asset {
|
|
8
|
-
kind: 'url' | 'base64' | 'file' | 'assetDocumentId'
|
|
9
|
-
value: string | File
|
|
10
|
-
assetDocumentProps?: {
|
|
11
|
-
originalFileName?: string
|
|
12
|
-
label?: string
|
|
13
|
-
title?: string
|
|
14
|
-
description?: string
|
|
15
|
-
source?: {
|
|
16
|
-
id: string
|
|
17
|
-
name: string
|
|
18
|
-
url?: string
|
|
19
|
-
}
|
|
20
|
-
creditLine?: string
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* @public
|
|
26
|
-
*/
|
|
27
|
-
export declare interface AssetDocument {
|
|
28
|
-
_id: string
|
|
29
|
-
label?: string
|
|
30
|
-
title?: string
|
|
31
|
-
description?: string
|
|
32
|
-
source?: {
|
|
33
|
-
id: string
|
|
34
|
-
name: string
|
|
35
|
-
url?: string
|
|
36
|
-
}
|
|
37
|
-
creditLine?: string
|
|
38
|
-
originalFilename?: string
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* @public
|
|
43
|
-
*/
|
|
44
|
-
export declare const unsplashAssetSource: AssetSource
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* @public
|
|
48
|
-
*/
|
|
49
|
-
export declare const unsplashImageAsset: Plugin_2<void>
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* @public
|
|
53
|
-
*/
|
|
54
|
-
export declare interface UnsplashPhoto {
|
|
55
|
-
id: string
|
|
56
|
-
width: number
|
|
57
|
-
height: number
|
|
58
|
-
description?: string
|
|
59
|
-
alt_description?: string
|
|
60
|
-
urls: {
|
|
61
|
-
full: string
|
|
62
|
-
small: string
|
|
63
|
-
}
|
|
64
|
-
user: {
|
|
65
|
-
name: string
|
|
66
|
-
username: string
|
|
67
|
-
links: {
|
|
68
|
-
html: string
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
links: {
|
|
72
|
-
html: string
|
|
73
|
-
self: string
|
|
74
|
-
download: string
|
|
75
|
-
download_location: string
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
export {}
|
package/sanity.json
DELETED
package/v2-incompatible.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const { showIncompatiblePluginDialog } = require('@sanity/incompatible-plugin')
|
|
2
|
-
const { name, version, sanityExchangeUrl } = require('./package.json')
|
|
3
|
-
|
|
4
|
-
export default showIncompatiblePluginDialog({
|
|
5
|
-
name: name,
|
|
6
|
-
versions: {
|
|
7
|
-
v3: version,
|
|
8
|
-
v2: '^0.2.1',
|
|
9
|
-
},
|
|
10
|
-
sanityExchangeUrl,
|
|
11
|
-
})
|