sanity-plugin-asset-source-unsplash 3.1.0 → 4.0.1

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 import { AssetSource } from 'sanity'
+import { JSX } from 'react'
 import { Plugin as Plugin_2 } from 'sanity'
 
 /**
@@ -43,6 +44,11 @@ export declare interface AssetDocument {
  */
 export declare const unsplashAssetSource: AssetSource
 
+/**
+ * @public
+ */
+export declare function UnsplashIcon(): JSX.Element
+
 /**
  * @public
  */

package/lib/index.js

@@ -322,6 +322,7 @@ const unsplashAssetSource = {
   }
 });
 export {
+  UnsplashIcon,
   unsplashAssetSource,
   unsplashImageAsset
 };

package/lib/index.js.map

@@ -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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"}
+{"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":["/**\n * @public\n */\nexport 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 { UnsplashIcon } 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: UnsplashIcon,\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\nexport { UnsplashIcon }\n"],"names":["Unsplash"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-asset-source-unsplash",
-  "version": "3.1.0",
+  "version": "4.0.1",
   "description": "Use images from Unsplash.com in your Sanity Studio",
   "keywords": [
     "sanity",
@@ -25,20 +25,15 @@
   "exports": {
     ".": {
       "source": "./src/index.ts",
-      "import": "./lib/index.js",
-      "require": "./lib/index.cjs",
       "default": "./lib/index.js"
     },
     "./package.json": "./package.json"
   },
-  "main": "./lib/index.cjs",
-  "module": "./lib/index.js",
+  "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
   "files": [
     "src",
-    "lib",
-    "sanity.json",
-    "v2-incompatible.js"
+    "lib"
   ],
   "scripts": {
     "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
@@ -54,8 +49,7 @@
   "browserslist": "extends @sanity/browserslist-config",
   "dependencies": {
     "@sanity/icons": "^3.7.4",
-    "@sanity/incompatible-plugin": "^1.0.5",
-    "@sanity/ui": "^3.0.3",
+    "@sanity/ui": "^3.0.7",
     "react-infinite-scroll-component": "6.1.0",
     "react-photo-album": "2.4.1",
     "rxjs": "^7.8.2"
@@ -63,11 +57,11 @@
   "devDependencies": {
     "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
-    "@sanity/pkg-utils": "^7.9.14",
+    "@sanity/pkg-utils": "^7.11.9",
     "@sanity/plugin-kit": "4.0.19",
     "@sanity/semantic-release-preset": "^4.1.8",
-    "@types/node": "^18.18.6",
-    "@types/react": "^19.1.9",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
     "@typescript-eslint/eslint-plugin": "^8.22.0",
     "@typescript-eslint/parser": "^8.22.0",
@@ -81,25 +75,32 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "husky": "^8.0.3",
     "lint-staged": "^15.0.2",
-    "prettier": "^3.4.2",
-    "prettier-plugin-packagejson": "^2.5.8",
+    "prettier": "^3.6.2",
+    "prettier-plugin-packagejson": "^2.5.19",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "sanity": "^4.2.0",
+    "sanity": "^4.4.1",
     "semantic-release": "^23.1.1",
     "styled-components": "^6.1.19",
     "typescript": "5.8.3"
   },
   "peerDependencies": {
-    "react": "^18 || ^19",
-    "sanity": "^3 || ^4.0.0-0",
+    "react": "^18.3 || ^19",
+    "react-dom": "^18.3 || ^19",
+    "sanity": "^4",
     "styled-components": "^6.1"
   },
   "engines": {
-    "node": ">=18"
+    "node": ">=20.19 <22 || >=22.12"
   },
   "publishConfig": {
     "access": "public"
   },
-  "sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-asset-source-unsplash"
+  "sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-asset-source-unsplash",
+  "sanityPlugin": {
+    "verifyPackage": {
+      "nodeEngine": false,
+      "sanityV2Json": false
+    }
+  }
 }

package/src/components/Icon.tsx

@@ -1,4 +1,7 @@
-export default function UnsplashIcon() {
+/**
+ * @public
+ */
+export function UnsplashIcon() {
   return (
     <svg role="img" viewBox="0 0 25 25" width="1em" height="1em" fill="currentColor">
       <title />

package/src/index.ts

@@ -1,6 +1,6 @@
 import { type AssetSource, definePlugin } from 'sanity'
 
-import Icon from './components/Icon'
+import { UnsplashIcon } from './components/Icon'
 import Unsplash from './components/UnsplashAssetSource'
 
 export type { Asset, AssetDocument, UnsplashPhoto } from './types'
@@ -12,7 +12,7 @@ export const unsplashAssetSource: AssetSource = {
   name: 'unsplash',
   title: 'Unsplash',
   component: Unsplash,
-  icon: Icon,
+  icon: UnsplashIcon,
 }
 
 /**
@@ -29,3 +29,5 @@ export const unsplashImageAsset = definePlugin({
     },
   },
 })
+
+export { UnsplashIcon }

package/lib/index.cjs

@@ -1,323 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-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");
-function _interopDefaultCompat(e) {
-  return e && typeof e == "object" && "default" in e ? e : { default: e };
-}
-var React__default = /* @__PURE__ */ _interopDefaultCompat(React), InfiniteScroll__default = /* @__PURE__ */ _interopDefaultCompat(InfiniteScroll), PhotoAlbum__default = /* @__PURE__ */ _interopDefaultCompat(PhotoAlbum);
-function UnsplashIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { role: "img", viewBox: "0 0 25 25", width: "1em", height: "1em", fill: "currentColor", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("title", {}),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z" })
-  ] });
-}
-const fetchSearch = (client, query, page, perPage) => rxjs.defer(
-  () => client.observable.request({
-    url: `/addons/unsplash/search/photos?query=${encodeURIComponent(
-      query
-    )}&page=${page}&per_page=${perPage}`,
-    withCredentials: !0,
-    method: "GET"
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  })
-), fetchList = (client, type, page, perPage) => rxjs.defer(
-  () => client.observable.request({
-    url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,
-    withCredentials: !0,
-    method: "GET"
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  })
-);
-function fetchDownloadUrl(client, photo) {
-  const downloadUrl = photo.links.download_location.replace(
-    "https://api.unsplash.com",
-    "/addons/unsplash"
-  );
-  return client.request({
-    url: downloadUrl,
-    withCredentials: !0,
-    method: "GET"
-  }).then((result) => result.url);
-}
-const search = (client, query, page, resultsPerPage) => rxjs.concat(
-  query.pipe(
-    operators.withLatestFrom(page),
-    operators.debounceTime(500),
-    operators.distinctUntilChanged(),
-    operators.switchMap(([q, p]) => q ? fetchSearch(client, q, p, resultsPerPage).pipe(
-      operators.distinctUntilChanged(),
-      operators.map((result) => result.results)
-    ) : fetchList(client, "popular", p, resultsPerPage))
-  )
-), Root = styledComponents.styled.div`
-  overflow: hidden;
-  background-origin: content-box;
-  background-repeat: no-repeat;
-  background-clip: border-box;
-  background-size: cover;
-  position: relative;
-  outline: none !important;
-  border: ${({ theme }) => `1px solid ${theme.sanity.color.card.enabled.border}`};
-  box-sizing: content-box;
-  -webkit-user-drag: none;
-
-  &:hover {
-    opacity: 0.85;
-  }
-
-  &:focus,
-  &:active {
-    border: 1px solid var(--input-border-color-focus);
-    box-shadow: inset 0 0 0 3px var(--input-border-color-focus);
-  }
-`, CreditLineLink = styledComponents.styled.a`
-  text-decoration: none;
-  cursor: pointer;
-`, CreditLine = styledComponents.styled(ui.Card)`
-  ${({ theme }) => `
-     --creditline-fg: ${theme.sanity.color.card.enabled.fg};
-     --creditline-bg: ${theme.sanity.color.card.enabled.bg};
-   `};
-  -webkit-user-drag: none;
-  position: absolute;
-  background-color: var(--creditline-bg);
-  bottom: 0;
-
-  [data-ui='Text'] {
-    color: var(--creditline-fg);
-  }
-`, UTM_SOURCE = "sanity-plugin-asset-source-unsplash";
-function Photo(props) {
-  const { onClick, data, onKeyDown, onFocus, active, width, height } = props, handleClick = React.useCallback(() => {
-    onClick(data);
-  }, [onClick, data]), handleCreditLineClicked = React.useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (event) => {
-      event.stopPropagation();
-      const url = `${data.links.html}?utm_source=${encodeURIComponent(
-        UTM_SOURCE
-      )}&utm_medium=referral`;
-      window.open(url, data.id, "noreferrer,noopener");
-    },
-    [data]
-  ), handleKeyDown = React.useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (event) => {
-      onKeyDown(event), event.keyCode === 13 && onClick(data);
-    },
-    [onKeyDown, data, onClick]
-  ), handleMouseDown = React.useCallback(() => {
-    onFocus(data);
-  }, [onFocus, data]);
-  React.useEffect(() => {
-    active && onFocus(data);
-  }, [active, data, onFocus]);
-  const src = data.urls.small, userName = data.user.name;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Root,
-    {
-      title: `Select image by ${userName} from Unsplash`,
-      tabIndex: 0,
-      onKeyDown: handleKeyDown,
-      onMouseDown: handleMouseDown,
-      style: {
-        width: `${width}px`,
-        height: `${height}px`,
-        backgroundImage: `url("${src}")`
-      },
-      onClick: handleClick,
-      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: [
-        "By @",
-        data.user.username
-      ] }) }) })
-    }
-  );
-}
-const SearchInput = styledComponents.styled(ui.TextInput)`
-  position: sticky;
-  top: 0;
-  z-index: 1;
-`;
-styledComponents.styled.div`
-  overflow-y: auto;
-  max-height: 80vh;
-`;
-const RESULTS_PER_PAGE = 42, PHOTO_SPACING = 2, PHOTO_PADDING = 1;
-function UnsplashAssetSource(props) {
-  const client = sanity.useClient({ apiVersion: "2022-09-01" });
-  return /* @__PURE__ */ jsxRuntime.jsx(UnsplashAssetSourceInternal, { ...props, client });
-}
-class UnsplashAssetSourceInternal extends React__default.default.Component {
-  static defaultProps = {
-    selectedAssets: void 0
-  };
-  state = {
-    cursor: 0,
-    query: "",
-    page: 1,
-    searchResults: [[]],
-    isLoading: !0
-  };
-  searchSubscription = null;
-  searchSubject$ = new rxjs.BehaviorSubject("");
-  pageSubject$ = new rxjs.BehaviorSubject(1);
-  componentDidMount() {
-    this.searchSubscription = search(
-      this.props.client,
-      this.searchSubject$,
-      this.pageSubject$,
-      RESULTS_PER_PAGE
-    ).subscribe({
-      next: (results) => {
-        this.setState((prev) => ({
-          searchResults: [...prev.searchResults, results],
-          isLoading: !1
-        }));
-      }
-    });
-  }
-  componentWillUnmount() {
-    this.searchSubscription && this.searchSubscription.unsubscribe();
-  }
-  handleSelect = (photo) => (this.setState({ isLoading: !0 }), fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {
-    const description = photo.description || void 0, asset = {
-      kind: "url",
-      value: downloadUrl,
-      assetDocumentProps: {
-        _type: "sanity.imageAsset",
-        source: {
-          name: "unsplash",
-          id: photo.id,
-          url: photo.links.html
-        },
-        description,
-        creditLine: `${photo.user.name} by Unsplash`
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      }
-    };
-    this.props.onSelect([asset]);
-  }));
-  handleClose = () => {
-    this.props.onClose();
-  };
-  handleSearchTermChanged = (event) => {
-    const query = event.currentTarget.value;
-    this.setState({ query, page: 1, searchResults: [[]], isLoading: !0, cursor: 0 }), this.pageSubject$.next(1), this.searchSubject$.next(query);
-  };
-  handleSearchTermCleared = () => {
-    this.setState({ query: "", page: 1, searchResults: [[]], isLoading: !0, cursor: 0 }), this.pageSubject$.next(1), this.searchSubject$.next("");
-  };
-  handleScollerLoadMore = () => {
-    const nextPage = this.state.page + 1;
-    this.setState({ page: nextPage, isLoading: !0 }), this.pageSubject$.next(nextPage), this.searchSubject$.next(this.state.query);
-  };
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  handleKeyDown = (event) => {
-    const { cursor } = this.state;
-    (event.keyCode === 38 || event.keyCode === 37) && cursor > 0 ? this.setState((prevState) => ({
-      cursor: prevState.cursor - 1
-    })) : (event.keyCode === 40 || event.keyCode === 39) && cursor < this.getPhotos().length - 1 && this.setState((prevState) => ({
-      cursor: prevState.cursor + 1
-    }));
-  };
-  getPhotos() {
-    return this.state.searchResults.flat();
-  }
-  updateCursor = (photo) => {
-    const index = this.getPhotos().findIndex((result) => result.id === photo.id);
-    this.setState({ cursor: index });
-  };
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  renderImage = (props) => {
-    const { photo, layout } = props, active = this.getPhotos().findIndex((result) => result.id === photo.data.id) === this.state.cursor || !1;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Photo,
-      {
-        onClick: this.handleSelect.bind(photo.data),
-        onKeyDown: this.handleKeyDown,
-        data: photo.data,
-        width: layout.width,
-        height: layout.height,
-        active,
-        onFocus: this.updateCursor
-      }
-    );
-  };
-  render() {
-    const { query, searchResults, isLoading } = this.state;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Dialog,
-      {
-        animate: !0,
-        id: "unsplash-asset-source",
-        header: "Select image from Unsplash",
-        onClose: this.handleClose,
-        open: !0,
-        width: 4,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, paddingX: 4, paddingBottom: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            SearchInput,
-            {
-              clearButton: query.length > 0,
-              icon: icons.SearchIcon,
-              onChange: this.handleSearchTermChanged,
-              onClear: this.handleSearchTermCleared,
-              placeholder: "Search by topics or colors",
-              value: query
-            }
-          ),
-          !isLoading && this.getPhotos().length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "No results found" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            InfiniteScroll__default.default,
-            {
-              dataLength: this.getPhotos().length,
-              next: this.handleScollerLoadMore,
-              hasMore: !0,
-              scrollThreshold: 0.99,
-              height: "60vh",
-              loader: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", justify: "center", padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { muted: !0 }) }),
-              endMessage: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "No more results" }),
-              children: searchResults.filter((photos) => photos.length > 0).map((photos, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                PhotoAlbum__default.default,
-                {
-                  layout: "rows",
-                  spacing: PHOTO_SPACING,
-                  padding: PHOTO_PADDING,
-                  targetRowHeight: (width) => width < 300 ? 150 : width < 600 ? 200 : 300,
-                  photos: photos.map((photo) => ({
-                    src: photo.urls.small,
-                    width: photo.width,
-                    height: photo.height,
-                    key: photo.id,
-                    data: photo
-                  })),
-                  renderPhoto: this.renderImage,
-                  componentsProps: {
-                    containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } }
-                  }
-                },
-                `gallery-${query || "popular"}-${index}`
-              ))
-            }
-          )
-        ] })
-      }
-    );
-  }
-}
-const unsplashAssetSource = {
-  name: "unsplash",
-  title: "Unsplash",
-  component: UnsplashAssetSource,
-  icon: UnsplashIcon
-}, unsplashImageAsset = sanity.definePlugin({
-  name: "asset-source-unsplash-plugin",
-  form: {
-    image: {
-      assetSources: (prev) => [...prev, unsplashAssetSource]
-    }
-  }
-});
-exports.unsplashAssetSource = unsplashAssetSource;
-exports.unsplashImageAsset = unsplashImageAsset;
-//# sourceMappingURL=index.cjs.map

package/lib/index.cjs.map

@@ -1 +0,0 @@
-{"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

@@ -1,79 +0,0 @@
-import { AssetSource } from 'sanity'
-import { Plugin as Plugin_2 } from 'sanity'
-
-/**
- * @public
- */
-export declare interface Asset {
-  kind: 'url' | 'base64' | 'file' | 'assetDocumentId'
-  value: string | File
-  assetDocumentProps?: {
-    originalFileName?: string
-    label?: string
-    title?: string
-    description?: string
-    source?: {
-      id: string
-      name: string
-      url?: string
-    }
-    creditLine?: string
-  }
-}
-
-/**
- * @public
- */
-export declare interface AssetDocument {
-  _id: string
-  label?: string
-  title?: string
-  description?: string
-  source?: {
-    id: string
-    name: string
-    url?: string
-  }
-  creditLine?: string
-  originalFilename?: string
-}
-
-/**
- * @public
- */
-export declare const unsplashAssetSource: AssetSource
-
-/**
- * @public
- */
-export declare const unsplashImageAsset: Plugin_2<void>
-
-/**
- * @public
- */
-export declare interface UnsplashPhoto {
-  id: string
-  width: number
-  height: number
-  description?: string
-  alt_description?: string
-  urls: {
-    full: string
-    small: string
-  }
-  user: {
-    name: string
-    username: string
-    links: {
-      html: string
-    }
-  }
-  links: {
-    html: string
-    self: string
-    download: string
-    download_location: string
-  }
-}
-
-export {}

package/sanity.json

@@ -1,8 +0,0 @@
-{
-  "parts": [
-    {
-      "implements": "part:@sanity/base/sanity-root",
-      "path": "./v2-incompatible.js"
-    }
-  ]
-}

package/v2-incompatible.js

@@ -1,11 +0,0 @@
-const { showIncompatiblePluginDialog } = require('@sanity/incompatible-plugin')
-const { name, version, sanityExchangeUrl } = require('./package.json')
-
-export default showIncompatiblePluginDialog({
-  name: name,
-  versions: {
-    v3: version,
-    v2: '^0.2.1',
-  },
-  sanityExchangeUrl,
-})