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

package/README.md

@@ -1,7 +1,5 @@
 # Sanity Asset Source Plugin: Unsplash
 
-> For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/sanity-plugin-asset-source-unsplash/tree/studio-v2).
-
 ## What is it?
 
 Search for photos on Unsplash and add them to your project right inside Sanity Studio.
@@ -216,7 +214,7 @@ export default defineConfig({
 }
 ```
 
-## Futher reading
+## Further reading
 
 - https://unsplash.com/documentation
 - https://www.sanity.io/docs/custom-asset-sources
@@ -224,18 +222,3 @@ export default defineConfig({
 ## License
 
 MIT-licensed. See LICENSE.
-
-## Develop & test
-
-This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
-with default configuration for build & watch scripts.
-
-See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
-on how to run this plugin with hotreload in the studio.
-
-### Release new version
-
-Run ["CI & Release" workflow](https://github.com/sanity-io/sanity-plugin-asset-source-unsplash/actions/workflows/main.yml).
-Make sure to select the main branch and check "Release new version".
-
-Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/dist/index.d.ts

@@ -0,0 +1,79 @@
+import * as sanity0 from "sanity";
+import { AssetSource } from "sanity";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+/**
+ * @public
+ */
+declare function UnsplashIcon(): react_jsx_runtime0.JSX.Element;
+/**
+ * @public
+ */
+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
+ */
+interface AssetDocument {
+  _id: string;
+  label?: string;
+  title?: string;
+  description?: string;
+  source?: {
+    id: string;
+    name: string;
+    url?: string;
+  };
+  creditLine?: string;
+  originalFilename?: string;
+}
+/**
+ * @public
+ */
+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;
+  };
+}
+/**
+ * @public
+ */
+declare const unsplashAssetSource: AssetSource;
+/**
+ * @public
+ */
+declare const unsplashImageAsset: sanity0.Plugin<void>;
+export { type Asset, type AssetDocument, UnsplashIcon, type UnsplashPhoto, unsplashAssetSource, unsplashImageAsset };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":["UnsplashIcon","react_jsx_runtime0","JSX","Element","Asset","File","AssetDocument","UnsplashPhoto","AssetSource","UnsplashIcon","Asset","AssetDocument","UnsplashPhoto","unsplashAssetSource","unsplashImageAsset","sanity0","Plugin"],"sources":["../src/components/Icon.d.ts","../src/types.d.ts","../src/index.d.ts"],"sourcesContent":["/**\n * @public\n */\nexport declare function UnsplashIcon(): import(\"react/jsx-runtime\").JSX.Element;\n//# sourceMappingURL=Icon.d.ts.map","/**\n * @public\n */\nexport interface Asset {\n    kind: 'url' | 'base64' | 'file' | 'assetDocumentId';\n    value: string | File;\n    assetDocumentProps?: {\n        originalFileName?: string;\n        label?: string;\n        title?: string;\n        description?: string;\n        source?: {\n            id: string;\n            name: string;\n            url?: string;\n        };\n        creditLine?: string;\n    };\n}\n/**\n * @public\n */\nexport interface AssetDocument {\n    _id: string;\n    label?: string;\n    title?: string;\n    description?: string;\n    source?: {\n        id: string;\n        name: string;\n        url?: string;\n    };\n    creditLine?: string;\n    originalFilename?: string;\n}\n/**\n * @public\n */\nexport interface UnsplashPhoto {\n    id: string;\n    width: number;\n    height: number;\n    description?: string;\n    alt_description?: string;\n    urls: {\n        full: string;\n        small: string;\n    };\n    user: {\n        name: string;\n        username: string;\n        links: {\n            html: string;\n        };\n    };\n    links: {\n        html: string;\n        self: string;\n        download: string;\n        download_location: string;\n    };\n}\n//# sourceMappingURL=types.d.ts.map","import { type AssetSource } from 'sanity';\nimport { UnsplashIcon } from './components/Icon';\nexport type { Asset, AssetDocument, UnsplashPhoto } from './types';\n/**\n * @public\n */\nexport declare const unsplashAssetSource: AssetSource;\n/**\n * @public\n */\nexport declare const unsplashImageAsset: import(\"sanity\").Plugin<void>;\nexport { UnsplashIcon };\n//# sourceMappingURL=index.d.ts.map"],"mappings":";;;;;;iBAGwBA,YAAAA,CAAAA,GAA4CC,kBAAAA,CAAAC,GAAAA,CAAIC;;;;UCAvDC,KAAAA;EDAOJ,IAAAA,EAAAA,KAAAA,GAAAA,QAAY,GAAA,MAAgCC,GAAAA,iBAAIE;kBCEpDE;EAFHD,kBAAK,CAEFC,EAAAA;IAiBHC,gBAAa,CAAA,EAAA,MAAA;IAgBbC,KAAAA,CAAAA,EAAAA,MAAa;;IChCTM,WAAAA,CAAAA,EAAAA,MAAgC;IAIhCC,MAAAA,CAAAA,EAAAA;;;;;;;;;;;UDYJR,aAAAA;;;;;;;;;;;;;;;;UAgBAC,aAAAA;;;;;;;;;;;;;;;;;;;;;;;;;ADnCjB;;ACAiBH,cCGIS,mBDDG,ECCkBL,WDDlB;AAiBxB;AAgBA;;AChCqBK,cAIAC,kBAJqBN,EAI4BO,OAAAA,CAAZC,MAJL,CAAA,IAAA,CAAA"}

package/dist/index.js

@@ -0,0 +1,284 @@
+import { useClient, definePlugin } from "sanity";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import { SearchIcon } from "@sanity/icons";
+import { Card, Text, TextInput, Dialog, Stack, Flex, Spinner } from "@sanity/ui";
+import React, { useEffect } from "react";
+import InfiniteScroll from "react-infinite-scroll-component";
+import { PhotoAlbum } from "react-photo-album";
+import { concat, defer, BehaviorSubject } from "rxjs";
+import { withLatestFrom, debounceTime, distinctUntilChanged, switchMap, map } from "rxjs/operators";
+import { styled } from "styled-components";
+function UnsplashIcon() {
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxs("svg", { role: "img", viewBox: "0 0 25 25", width: "1em", height: "1em", fill: "currentColor", children: [
+    /* @__PURE__ */ jsx("title", {}),
+    /* @__PURE__ */ jsx("path", { d: "M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z" })
+  ] }), $[0] = t0) : t0 = $[0], t0;
+}
+const fetchSearch = (client, query, page, perPage) => defer(() => client.observable.request({
+  url: `/addons/unsplash/search/photos?query=${encodeURIComponent(query)}&page=${page}&per_page=${perPage}`,
+  withCredentials: !0,
+  method: "GET"
+})), fetchList = (client, type, page, perPage) => defer(() => client.observable.request({
+  url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,
+  withCredentials: !0,
+  method: "GET"
+}));
+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) => concat(query.pipe(withLatestFrom(page), debounceTime(500), distinctUntilChanged(), switchMap(([q, p]) => q ? fetchSearch(client, q, p, resultsPerPage).pipe(distinctUntilChanged(), map((result) => result.results)) : fetchList(client, "popular", p, resultsPerPage)))), Root = styled.div.withConfig({
+  displayName: "Root",
+  componentId: "sc-1yt1fqs-0"
+})`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 = styled.a.withConfig({
+  displayName: "CreditLineLink",
+  componentId: "sc-1yt1fqs-1"
+})`text-decoration:none;cursor:pointer;`, CreditLine = styled(Card).withConfig({
+  displayName: "CreditLine",
+  componentId: "sc-1yt1fqs-2"
+})`${({
+  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 $ = c(35), {
+    onClick,
+    data,
+    onKeyDown,
+    onFocus,
+    active,
+    width,
+    height
+  } = props;
+  let t0;
+  $[0] !== data || $[1] !== onClick ? (t0 = () => {
+    onClick(data);
+  }, $[0] = data, $[1] = onClick, $[2] = t0) : t0 = $[2];
+  const handleClick = t0;
+  let t1;
+  $[3] !== data.id || $[4] !== data.links.html ? (t1 = (event) => {
+    event.stopPropagation();
+    const url = `${data.links.html}?utm_source=${encodeURIComponent(UTM_SOURCE)}&utm_medium=referral`;
+    window.open(url, data.id, "noreferrer,noopener");
+  }, $[3] = data.id, $[4] = data.links.html, $[5] = t1) : t1 = $[5];
+  const handleCreditLineClicked = t1;
+  let t2;
+  $[6] !== data || $[7] !== onClick || $[8] !== onKeyDown ? (t2 = (event_0) => {
+    onKeyDown(event_0), event_0.key === "Enter" && onClick(data);
+  }, $[6] = data, $[7] = onClick, $[8] = onKeyDown, $[9] = t2) : t2 = $[9];
+  const handleKeyDown = t2;
+  let t3;
+  $[10] !== data || $[11] !== onFocus ? (t3 = () => {
+    onFocus(data);
+  }, $[10] = data, $[11] = onFocus, $[12] = t3) : t3 = $[12];
+  const handleMouseDown = t3;
+  let t4, t5;
+  $[13] !== active || $[14] !== data || $[15] !== onFocus ? (t4 = () => {
+    active && onFocus(data);
+  }, t5 = [active, data, onFocus], $[13] = active, $[14] = data, $[15] = onFocus, $[16] = t4, $[17] = t5) : (t4 = $[16], t5 = $[17]), useEffect(t4, t5);
+  const src = data.urls.small, userName = data.user.name, t6 = `Select image by ${userName} from Unsplash`, t7 = `${width}px`, t8 = `${height}px`, t9 = `url("${src}")`;
+  let t10;
+  $[18] !== t7 || $[19] !== t8 || $[20] !== t9 ? (t10 = {
+    width: t7,
+    height: t8,
+    backgroundImage: t9
+  }, $[18] = t7, $[19] = t8, $[20] = t9, $[21] = t10) : t10 = $[21];
+  const t11 = `Open image by ${userName} on Unsplash in new window`;
+  let t12;
+  $[22] !== data.user.username || $[23] !== t11 ? (t12 = /* @__PURE__ */ jsx(CreditLine, { padding: 2, radius: 2, margin: 2, children: /* @__PURE__ */ jsxs(Text, { size: 1, title: t11, children: [
+    "By @",
+    data.user.username
+  ] }) }), $[22] = data.user.username, $[23] = t11, $[24] = t12) : t12 = $[24];
+  let t13;
+  $[25] !== handleCreditLineClicked || $[26] !== t12 ? (t13 = /* @__PURE__ */ jsx(CreditLineLink, { onClick: handleCreditLineClicked, children: t12 }), $[25] = handleCreditLineClicked, $[26] = t12, $[27] = t13) : t13 = $[27];
+  let t14;
+  return $[28] !== handleClick || $[29] !== handleKeyDown || $[30] !== handleMouseDown || $[31] !== t10 || $[32] !== t13 || $[33] !== t6 ? (t14 = /* @__PURE__ */ jsx(Root, { title: t6, tabIndex: 0, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, style: t10, onClick: handleClick, children: t13 }), $[28] = handleClick, $[29] = handleKeyDown, $[30] = handleMouseDown, $[31] = t10, $[32] = t13, $[33] = t6, $[34] = t14) : t14 = $[34], t14;
+}
+const SearchInput = styled(TextInput).withConfig({
+  displayName: "SearchInput",
+  componentId: "sc-ssjkn6-0"
+})`position:sticky;top:0;z-index:1;`;
+styled.div.withConfig({
+  displayName: "Scroller",
+  componentId: "sc-ssjkn6-1"
+})`overflow-y:auto;max-height:80vh;`;
+const RESULTS_PER_PAGE = 42, PHOTO_SPACING = 2, PHOTO_PADDING = 1;
+function UnsplashAssetSource(props) {
+  const $ = c(4);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    apiVersion: "2022-09-01"
+  }, $[0] = t0) : t0 = $[0];
+  const client = useClient(t0);
+  let t1;
+  return $[1] !== client || $[2] !== props ? (t1 = /* @__PURE__ */ jsx(UnsplashAssetSourceInternal, { ...props, client }), $[1] = client, $[2] = props, $[3] = t1) : t1 = $[3], t1;
+}
+class UnsplashAssetSourceInternal extends React.Component {
+  static defaultProps = {
+    selectedAssets: void 0
+  };
+  state = {
+    cursor: 0,
+    query: "",
+    page: 1,
+    searchResults: [[]],
+    isLoading: !0
+  };
+  searchSubscription = null;
+  searchSubject$ = new BehaviorSubject("");
+  pageSubject$ = new 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,
+      // @ts-expect-error TODO: this is a partial assetDocumentProps, update types.
+      assetDocumentProps: {
+        _type: "sanity.imageAsset",
+        source: {
+          name: "unsplash",
+          id: photo.id,
+          url: photo.links.html
+        },
+        description,
+        creditLine: `${photo.user.name} by Unsplash`
+      }
+    };
+    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("");
+  };
+  handleScrollerLoadMore = () => {
+    const nextPage = this.state.page + 1;
+    this.setState({
+      page: nextPage,
+      isLoading: !0
+    }), this.pageSubject$.next(nextPage), this.searchSubject$.next(this.state.query);
+  };
+  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
+    });
+  };
+  renderImage = (props) => {
+    const {
+      photo,
+      layout
+    } = props, active = this.getPhotos().findIndex((result) => result.id === photo.data.id) === this.state.cursor || !1;
+    return /* @__PURE__ */ jsx(Photo, { onClick: this.handleSelect, 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__ */ jsx(Dialog, { animate: !0, id: "unsplash-asset-source", header: "Select image from Unsplash", onClose: this.handleClose, open: !0, width: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, paddingX: 4, paddingBottom: 4, children: [
+      /* @__PURE__ */ jsx(SearchInput, { clearButton: query.length > 0, icon: SearchIcon, onChange: this.handleSearchTermChanged, onClear: this.handleSearchTermCleared, placeholder: "Search by topics or colors", value: query }),
+      !isLoading && this.getPhotos().length === 0 && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No results found" }),
+      /* @__PURE__ */ jsx(
+        InfiniteScroll,
+        {
+          dataLength: this.getPhotos().length,
+          next: this.handleScrollerLoadMore,
+          hasMore: !0,
+          scrollThreshold: 0.99,
+          height: "60vh",
+          loader: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 3, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }),
+          endMessage: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No more results" }),
+          children: searchResults.filter((photos) => photos.length > 0).map((photos, index) => /* @__PURE__ */ jsx(PhotoAlbum, { 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 = definePlugin({
+  name: "asset-source-unsplash-plugin",
+  form: {
+    image: {
+      assetSources: (prev) => [...prev, unsplashAssetSource]
+    }
+  }
+});
+export {
+  UnsplashIcon,
+  unsplashAssetSource,
+  unsplashImageAsset
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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":["/**\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 {SanityClient} from 'sanity'\n\nimport {type BehaviorSubject, concat, defer, type Observable} from 'rxjs'\nimport {debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom} from 'rxjs/operators'\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): Observable<{\n  results: UnsplashPhoto[]\n  total: number\n  total_pages: number\n}> =>\n  defer(() =>\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    }),\n  )\n\nconst fetchList = (\n  client: SanityClient,\n  type: string,\n  page: number,\n  perPage: number,\n): Observable<UnsplashPhoto[]> =>\n  defer(() =>\n    client.observable.request({\n      url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n      withCredentials: true,\n      method: 'GET',\n    }),\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): Observable<UnsplashPhoto[]> => {\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'\n\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  onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => 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    (event: React.MouseEvent<HTMLAnchorElement>) => {\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    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown(event)\n      if (event.key === 'Enter') {\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, type RenderPhotoProps, type Photo as PhotoType} 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 type {UnsplashPhoto} from '../types'\n\nimport {fetchDownloadUrl, search} from '../datastores/unsplash'\nimport Photo from './Photo'\nimport {SearchInput} from './UnsplashAssetSource.styled'\n\ntype UnsplashPhotoAlbumPhoto = PhotoType & {\n  key: string\n  data: UnsplashPhoto\n}\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        // @ts-expect-error TODO: this is a partial assetDocumentProps, update types.\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        },\n      }\n      this.props.onSelect([asset])\n      return undefined\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({\n      query,\n      page: 1,\n      searchResults: [[]],\n      isLoading: true,\n      cursor: 0,\n    })\n    this.pageSubject$.next(1)\n    this.searchSubject$.next(query)\n  }\n\n  handleSearchTermCleared = () => {\n    this.setState({\n      query: '',\n      page: 1,\n      searchResults: [[]],\n      isLoading: true,\n      cursor: 0,\n    })\n    this.pageSubject$.next(1)\n    this.searchSubject$.next('')\n  }\n\n  handleScrollerLoadMore = () => {\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  handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\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  renderImage = (props: RenderPhotoProps<UnsplashPhotoAlbumPhoto>) => {\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}\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.handleScrollerLoadMore}\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                  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: {\n                      style: {marginBottom: `${PHOTO_SPACING}px`},\n                    },\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":["UnsplashIcon","$","_c","t0","for","fetchSearch","client","query","page","perPage","defer","observable","request","url","encodeURIComponent","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","concat","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","q","p","map","results","Root","styled","div","withConfig","displayName","componentId","theme","sanity","color","card","enabled","border","CreditLineLink","a","CreditLine","Card","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","width","height","handleClick","t1","id","html","event","stopPropagation","window","open","handleCreditLineClicked","t2","event_0","key","handleKeyDown","t3","handleMouseDown","t4","t5","useEffect","src","urls","small","userName","user","name","t6","t7","t8","t9","t10","backgroundImage","t11","t12","username","t13","t14","SearchInput","TextInput","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","apiVersion","useClient","UnsplashAssetSourceInternal","React","Component","defaultProps","selectedAssets","undefined","state","cursor","searchResults","isLoading","searchSubscription","searchSubject$","BehaviorSubject","pageSubject$","componentDidMount","subscribe","next","setState","prev","componentWillUnmount","unsubscribe","handleSelect","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","handleClose","onClose","handleSearchTermChanged","currentTarget","handleSearchTermCleared","handleScrollerLoadMore","nextPage","keyCode","prevState","getPhotos","length","flat","updateCursor","index","findIndex","renderImage","layout","render","SearchIcon","filter","photos","containerProps","style","marginBottom","unsplashAssetSource","title","component","Unsplash","icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}

package/package.json

@@ -1,106 +1,68 @@
 {
   "name": "sanity-plugin-asset-source-unsplash",
-  "version": "4.0.1",
+  "version": "5.0.0",
   "description": "Use images from Unsplash.com in your Sanity Studio",
   "keywords": [
-    "sanity",
-    "plugin",
-    "images",
-    "unsplash",
     "assets",
-    "source"
+    "images",
+    "plugin",
+    "sanity",
+    "source",
+    "unsplash"
   ],
-  "homepage": "https://github.com/sanity-io/sanity-plugin-asset-source-unsplash#readme",
+  "homepage": "https://github.com/sanity-io/plugins/tree/main/plugins/sanity-plugin-asset-source-unsplash#readme",
   "bugs": {
-    "url": "https://github.com/sanity-io/sanity-plugin-asset-source-unsplash/issues"
+    "url": "https://github.com/sanity-io/plugins/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git@github.com:sanity-io/sanity-plugin-asset-source-unsplash.git"
+    "url": "git+ssh://git@github.com/sanity-io/plugins.git",
+    "directory": "plugins/sanity-plugin-asset-source-unsplash"
   },
-  "license": "MIT",
   "author": "Sanity.io <hello@sanity.io>",
-  "sideEffects": false,
+  "license": "MIT",
   "type": "module",
   "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "default": "./lib/index.js"
-    },
+    ".": "./dist/index.js",
     "./package.json": "./package.json"
   },
-  "main": "./lib/index.js",
-  "types": "./lib/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
-    "src",
-    "lib"
+    "dist"
   ],
-  "scripts": {
-    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
-    "format": "prettier --write --cache --ignore-unknown .",
-    "link-watch": "plugin-kit link-watch",
-    "lint": "eslint .",
-    "prepare": "husky install || true",
-    "prepublishOnly": "npm run build",
-    "test": "npm run lint && npm run type-check && npm run build",
-    "type-check": "tsc --noEmit",
-    "watch": "pkg-utils watch --strict"
-  },
-  "browserslist": "extends @sanity/browserslist-config",
   "dependencies": {
     "@sanity/icons": "^3.7.4",
-    "@sanity/ui": "^3.0.7",
+    "@sanity/ui": "^3.1.11",
+    "react-compiler-runtime": "^1.0.0",
     "react-infinite-scroll-component": "6.1.0",
     "react-photo-album": "2.4.1",
     "rxjs": "^7.8.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.6.1",
-    "@commitlint/config-conventional": "^19.6.0",
-    "@sanity/pkg-utils": "^7.11.9",
-    "@sanity/plugin-kit": "4.0.19",
-    "@sanity/semantic-release-preset": "^4.1.8",
-    "@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",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-sanity": "^7.1.4",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "husky": "^8.0.3",
-    "lint-staged": "^15.0.2",
-    "prettier": "^3.6.2",
-    "prettier-plugin-packagejson": "^2.5.19",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "sanity": "^4.4.1",
-    "semantic-release": "^23.1.1",
+    "@sanity/pkg-utils": "^10.1.3",
+    "@types/react": "^19.2.7",
+    "@typescript/native-preview": "7.0.0-dev.20251212.1",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "babel-plugin-styled-components": "^2.1.4",
+    "eslint": "^9.39.1",
+    "react": "^19.2.3",
+    "sanity": "^4.21.1",
     "styled-components": "^6.1.19",
-    "typescript": "5.8.3"
+    "typescript": "5.9.3",
+    "@repo/eslint-config": "0.0.7",
+    "@repo/tsconfig": "1.0.0",
+    "@repo/package.config": "0.0.0"
   },
   "peerDependencies": {
     "react": "^18.3 || ^19",
-    "react-dom": "^18.3 || ^19",
-    "sanity": "^4",
+    "sanity": "^4.0.0-0 || ^5.0.0-0",
     "styled-components": "^6.1"
   },
   "engines": {
     "node": ">=20.19 <22 || >=22.12"
   },
-  "publishConfig": {
-    "access": "public"
-  },
-  "sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-asset-source-unsplash",
-  "sanityPlugin": {
-    "verifyPackage": {
-      "nodeEngine": false,
-      "sanityV2Json": false
-    }
+  "scripts": {
+    "build": "pkg build --strict --check --clean",
+    "lint": "eslint ."
   }
-}
+}