sanity-plugin-asset-source-unsplash 0.2.1 → 3.0.0-studio-v3.0

package/README.md

@@ -1,44 +1,67 @@
 # Sanity Asset Source Plugin: Unsplash
+
+> **NOTE**
+>
+> This is the **Sanity Studio v3 version** of sanity-plugin-asset-source-unsplash.
+>
+> For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/sanity-plugin-asset-source-unsplash).
+
+## What is it?
 Search for photos on Unsplash and add them to your project right inside Sanity Studio.
 
-[![Build Status](https://travis-ci.org/sanity-io/sanity-plugin-asset-source-unsplash.svg?branch=master)](https://travis-ci.org/sanity-io/sanity-plugin-asset-source-unsplash)
+![Unsplash image selector](assets/unsplash-selector.png)
 
 ## Installation
 
-`sanity install asset-source-unsplash`
-
-## Part name
+`npm install --save sanity-plugin-asset-source-unsplash@studio-v3`
 
-If you need to do customize available asset sources, the plugin part name for this asset source is:
+or
 
-`part:sanity-plugin-asset-source-unsplash/image-asset-source`
+`yarn add sanity-plugin-asset-source-unsplash@studio-v3`
 
-## Developing on this module
+## Usage
 
-To simulate using your development version as a real module inside a studio, you can do the following:
+Add it as a plugin in sanity.config.ts (or .js):
 
-* Run `npm install && npm link` from the root of this repository.
-* Run `npm run watch` to start developing and build the module when changes are made.
+```js
+import { unsplashImageAsset } from "sanity-plugin-asset-source-unsplash";
 
-#### Displaying your development version inside a studio
+export default createConfig({
+  // ...
+  plugins: [
+    unsplashImageAsset(),
+  ] 
+})
+```
 
-**With the mono-repo's `test-studio`:**
+This will add [unsplashAssetSource](src/index.ts) to all image-fields in Sanity Studio
 
-  * Bootstrap the monorepo: `npm run bootstrap`
-  * Add `sanity-plugin-asset-source-unsplash` with the current version number to `package.json` in the `test-studio` root folder (but don't run `npm install` afterwards)
-  * Run `npm link sanity-plugin-asset-source-unsplash` inside the mono-repo's root.
-  * Add `asset-source-unsplash` to the list of the studios plugins in `sanity.json`.
-  * Restart the `test-studio`
+### Manually configure asset sources
 
-**With a regular Sanity Studio:**
-  * Run `npm install`
-  * Add `sanity-plugin-asset-source-unsplash` with the current version number to `package.json`.
-  * Run `npm link sanity-plugin-asset-source-unsplash`
-  * Add `asset-source-unsplash` to the list of the studios plugins in `sanity.json`.
-  * Start the studio
+If you need to configure when Unsplash should be available as an asset source, filter it out as needed in
+`formbuilder.image.assetSources`:
 
-When you are done and have published your new version, you can run `npm unlink` inside this repo, and `npm unlink sanity-plugin-asset-source-unsplash` inside the mono-repo or studio to get back to the normal state. Then run `npm run bootstrap` for the mono-repo or `npm install` inside the regular studio to use the published version.
+```js
+import { unsplashImageAsset, unsplashAssetSource } from "sanity-plugin-asset-source-unsplash";
 
+export default createConfig({
+  // ...
+  plugins: [
+    unsplashImageAsset(),
+  ],
+  formBuilder: {
+    image: {
+      assetSources: (previousAssetSources, {schema}) => {
+        if (schema.name === 'movie-image') {
+          // remove unsplash from movie-image types
+          return previousAssetSources.filter(assetSource => assetSource !== unsplashAssetSource)
+        }
+        return previousAssetSources
+      },
+    },
+  },
+})
+```
 
 ## Example Unsplash API Photo result
 
@@ -206,5 +229,32 @@ When you are done and have published your new version, you can run `npm unlink`
 * https://unsplash.com/documentation
 * https://www.sanity.io/docs/custom-asset-sources
 
+## License
+
+MIT-licensed. See LICENSE.
+
+## Develop & test
+
+Make sure to run `npm run build` once, then run
+
+```bash
+npm run link-watch
+```
+
+In another shell, `cd` to your test studio and run:
+
+```bash
+npx yalc add sanity-plugin-asset-source-unsplash --link && yarn install
+```
+
+Now, changes in this repo will be automatically built and pushed to the studio,
+triggering hotreload. Yalc avoids issues with react-hooks that are typical when using yarn/npm link.
+
+### About build & watch
+
+This plugin uses [@sanity/plugin-sdk](https://github.com/sanity-io/plugin-sdk)
+with default configuration for build & watch scripts.
+
+
 
 

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+import { AssetSource } from "@sanity/types";
+export const unsplashAssetSource: AssetSource;
+export const unsplashImageAsset: import("sanity").Plugin<void>;
+
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";AOKA,OAAO,MAAM,qBAAqB,WAKjC,CAAA;AAED,OAAO,MAAM,iDASX,CAAA","sources":["src/src/types.ts","src/src/components/Photo.styled.tsx","src/src/components/Photo.tsx","src/src/datastores/unsplash.ts","src/src/components/UnsplashAssetSource.styled.tsx","src/src/components/UnsplashAssetSource.tsx","src/src/components/Icon.tsx","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,"import Unsplash from './components/UnsplashAssetSource'\nimport Icon from './components/Icon'\nimport { AssetSource } from '@sanity/types'\nimport { createPlugin } from 'sanity'\n\nexport const unsplashAssetSource: AssetSource = {\n  name: 'unsplash',\n  title: 'Unsplash',\n  component: Unsplash,\n  icon: Icon,\n}\n\nexport const unsplashImageAsset = createPlugin({\n  name: 'asset-source-unsplash-plugin',\n  formBuilder: {\n    image: {\n      assetSources: (prev) => {\n        return [...prev, unsplashAssetSource]\n      },\n    },\n  },\n})\n"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../"}

package/lib/index.js

@@ -0,0 +1,452 @@
+var $3KLdq$sanity = require("sanity");
+var $3KLdq$reactjsxruntime = require("react/jsx-runtime");
+var $3KLdq$react = require("react");
+var $3KLdq$reactphotoalbum = require("react-photo-album");
+var $3KLdq$lodashflatten = require("lodash/flatten");
+var $3KLdq$rxjs = require("rxjs");
+var $3KLdq$sanityui = require("@sanity/ui");
+var $3KLdq$reactinfinitescrollcomponent = require("react-infinite-scroll-component");
+var $3KLdq$styledcomponents = require("styled-components");
+var $3KLdq$rxjsoperators = require("rxjs/operators");
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+$parcel$export(module.exports, "unsplashAssetSource", () => $244e63ca53592e4d$export$26a922d0c5d23b67);
+$parcel$export(module.exports, "unsplashImageAsset", () => $244e63ca53592e4d$export$38ee668edea18a81);
+
+
+
+
+
+
+
+
+
+
+const $42215c8fc0c6b3da$export$be92b6f5f03c0fe9 = (0, ($parcel$interopDefault($3KLdq$styledcomponents))).div`
+  overflow: hidden;
+  background-origin: content-box;
+  background-repeat: no-repeat;
+  background-clip: border-box;
+  background-size: cover;
+  position: relative;
+  outline: none !important;
+  border: ${({ studioTheme: studioTheme  })=>`1px solid ${studioTheme.color.card.enabled.border}`};
+  box-sizing: content-box;
+  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);
+  }
+`;
+const $42215c8fc0c6b3da$export$efa8bdf03adcbcab = (0, ($parcel$interopDefault($3KLdq$styledcomponents))).a`
+  text-decoration: none;
+  cursor: pointer;
+`;
+const $42215c8fc0c6b3da$export$ac05e79a4174af5c = (0, ($parcel$interopDefault($3KLdq$styledcomponents)))((0, $3KLdq$sanityui.Card))`
+  ${({ theme: theme  })=>`
+     --creditline-fg: ${theme.sanity.color.card.enabled.fg};
+     --creditline-bg: ${theme.sanity.color.card.enabled.bg};
+   `};
+  user-drag: none;
+  position: absolute;
+  background-color: var(--creditline-bg);
+  bottom: 0;
+
+  [data-ui='Text'] {
+    color: var(--creditline-fg);
+  }
+`;
+
+
+const $22da14fdbfdcc1c3$var$UTM_SOURCE = "sanity-plugin-asset-source-unsplash";
+function $22da14fdbfdcc1c3$export$2e2bcd8739ae039(props) {
+    const { onClick: onClick , data: data , onKeyDown: onKeyDown , onFocus: onFocus , active: active , width: width , height: height  } = props;
+    const rootElm = (0, $3KLdq$react.useRef)(null);
+    const prevActive = (0, $3KLdq$react.useRef)(false);
+    const handleClick = (0, $3KLdq$react.useCallback)(()=>{
+        onClick(data);
+    }, [
+        onClick,
+        data
+    ]);
+    const handleCreditLineClicked = (0, $3KLdq$react.useCallback)((event)=>{
+        event.stopPropagation();
+        const url = `${data.links.html}?utm_source=${encodeURIComponent($22da14fdbfdcc1c3$var$UTM_SOURCE)}&utm_medium=referral`;
+        window.open(url, data.id, "noreferrer,noopener");
+    }, [
+        data
+    ]);
+    const handleKeyDown = (0, $3KLdq$react.useCallback)((event)=>{
+        onKeyDown(event);
+        if (event.keyCode === 13) onClick(data);
+    }, [
+        onKeyDown,
+        data,
+        onClick
+    ]);
+    const handleMouseDown = (0, $3KLdq$react.useCallback)(()=>{
+        onFocus(data);
+    }, [
+        onFocus,
+        data
+    ]);
+    (0, $3KLdq$react.useEffect)(()=>{
+        if (!prevActive.current && active && rootElm.current) {
+            rootElm.current.focus();
+            onFocus(data);
+        }
+        prevActive.current = active;
+    // data changing alone should not re-trigger effect
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        active
+    ]);
+    const src = data.urls.small;
+    const userName = data.user.name;
+    const theme = (0, $3KLdq$sanityui.useTheme)().sanity;
+    return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $42215c8fc0c6b3da$export$be92b6f5f03c0fe9), {
+        ref: rootElm,
+        studioTheme: theme,
+        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__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $42215c8fc0c6b3da$export$efa8bdf03adcbcab), {
+            onClick: handleCreditLineClicked,
+            children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $42215c8fc0c6b3da$export$ac05e79a4174af5c), {
+                padding: 2,
+                radius: 2,
+                margin: 2,
+                children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Text), {
+                    size: 1,
+                    title: `Open image by ${userName} on Unsplash in new window`,
+                    children: [
+                        "By @",
+                        data.user.username
+                    ]
+                })
+            })
+        })
+    });
+}
+
+
+
+
+const $eb4a94c5705fcb6f$var$fetchSearch = (client, query, page, perPage)=>(0, $3KLdq$rxjs.defer)(()=>client.observable.request({
+            url: `/addons/unsplash/search/photos?query=${encodeURIComponent(query)}&page=${page}&per_page=${perPage}`,
+            withCredentials: true,
+            method: "GET"
+        }));
+const $eb4a94c5705fcb6f$var$fetchList = (client, type, page, perPage)=>(0, $3KLdq$rxjs.defer)(()=>client.observable.request({
+            url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,
+            withCredentials: true,
+            method: "GET"
+        }));
+function $eb4a94c5705fcb6f$export$83e179a74b22ff18(client, photo) {
+    const downloadUrl = photo.links.download_location.replace("https://api.unsplash.com", "/addons/unsplash");
+    return client.request({
+        url: downloadUrl,
+        withCredentials: true,
+        method: "GET"
+    }).then((result)=>{
+        return result.url;
+    });
+}
+const $eb4a94c5705fcb6f$export$d76128d007d19019 = (client, query, page, resultsPerPage)=>{
+    return (0, $3KLdq$rxjs.concat)(query.pipe((0, $3KLdq$rxjsoperators.withLatestFrom)(page), (0, $3KLdq$rxjsoperators.debounceTime)(500), (0, $3KLdq$rxjsoperators.distinctUntilChanged)(), (0, $3KLdq$rxjsoperators.switchMap)(([q, p])=>{
+        if (q) return $eb4a94c5705fcb6f$var$fetchSearch(client, q, p, resultsPerPage).pipe((0, $3KLdq$rxjsoperators.distinctUntilChanged)(), (0, $3KLdq$rxjsoperators.map)((result)=>result.results));
+        return $eb4a94c5705fcb6f$var$fetchList(client, "popular", p, resultsPerPage);
+    })));
+};
+
+
+
+
+
+const $6f49db9510930d2c$export$4b85d3515bd863a5 = (0, ($parcel$interopDefault($3KLdq$styledcomponents)))((0, $3KLdq$sanityui.Stack))`
+  position: sticky;
+  top: 0;
+  z-index: 1;
+`;
+const $6f49db9510930d2c$export$76d6749d1cf8513c = (0, ($parcel$interopDefault($3KLdq$styledcomponents))).div`
+  overflow-y: auto;
+  max-height: 80vh;
+`;
+
+
+
+
+const $2afbc63e3551869f$var$RESULTS_PER_PAGE = 42;
+const $2afbc63e3551869f$var$PHOTO_SPACING = 2;
+const $2afbc63e3551869f$var$PHOTO_PADDING = 1 // offset the 1px border width
+;
+function $2afbc63e3551869f$export$2e2bcd8739ae039(props) {
+    const client = (0, $3KLdq$sanity.useClient)();
+    return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)($2afbc63e3551869f$var$UnsplashAssetSourceInternal, {
+        ...props,
+        client: client
+    });
+}
+class $2afbc63e3551869f$var$UnsplashAssetSourceInternal extends (0, ($parcel$interopDefault($3KLdq$react))).Component {
+    static defaultProps = {
+        selectedAssets: undefined
+    };
+    state = {
+        cursor: 0,
+        query: "",
+        page: 1,
+        searchResults: [
+            []
+        ],
+        isLoading: true
+    };
+    searchSubscription = null;
+    searchSubject$ = new (0, $3KLdq$rxjs.BehaviorSubject)("");
+    pageSubject$ = new (0, $3KLdq$rxjs.BehaviorSubject)(1);
+    componentDidMount() {
+        this.searchSubscription = (0, $eb4a94c5705fcb6f$export$d76128d007d19019)(this.props.client, this.searchSubject$, this.pageSubject$, $2afbc63e3551869f$var$RESULTS_PER_PAGE).subscribe({
+            next: (results)=>{
+                this.setState((prev)=>({
+                        searchResults: [
+                            ...prev.searchResults,
+                            results
+                        ],
+                        isLoading: false
+                    }));
+            }
+        });
+    }
+    componentWillUnmount() {
+        if (this.searchSubscription) this.searchSubscription.unsubscribe();
+    }
+    handleSelect = (photo)=>{
+        this.setState({
+            isLoading: true
+        });
+        return (0, $eb4a94c5705fcb6f$export$83e179a74b22ff18)(this.props.client, photo).then((downloadUrl)=>{
+            const description = photo.description || undefined;
+            const asset = {
+                kind: "url",
+                value: downloadUrl,
+                assetDocumentProps: {
+                    _type: "sanity.imageAsset",
+                    source: {
+                        name: "unsplash",
+                        id: photo.id,
+                        url: photo.links.html
+                    },
+                    description: 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: query,
+            page: 1,
+            searchResults: [
+                []
+            ],
+            isLoading: true,
+            cursor: 0
+        });
+        this.pageSubject$.next(1);
+        this.searchSubject$.next(query);
+    };
+    handleScollerLoadMore = ()=>{
+        // eslint-disable-next-line react/no-access-state-in-setstate
+        const nextPage = this.state.page + 1;
+        this.setState({
+            page: nextPage,
+            isLoading: true
+        });
+        this.pageSubject$.next(nextPage);
+        this.searchSubject$.next(this.state.query);
+    };
+    handleKeyDown = (event)=>{
+        const { cursor: cursor  } = this.state;
+        if ((event.keyCode === 38 || event.keyCode === 37) && cursor > 0) this.setState((prevState)=>({
+                cursor: prevState.cursor - 1
+            }));
+        else if ((event.keyCode === 40 || event.keyCode === 39) && cursor < this.getPhotos().length - 1) this.setState((prevState)=>({
+                cursor: prevState.cursor + 1
+            }));
+    };
+    getPhotos() {
+        return (0, ($parcel$interopDefault($3KLdq$lodashflatten)))(this.state.searchResults);
+    }
+    updateCursor = (photo)=>{
+        const index = this.getPhotos().findIndex((result)=>result.id === photo.id);
+        this.setState({
+            cursor: index
+        });
+    };
+    renderImage = (props)=>{
+        const { photo: photo , layout: layout  } = props;
+        const active = this.getPhotos().findIndex((result)=>result.id === photo.data.id) === this.state.cursor || false;
+        return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $22da14fdbfdcc1c3$export$2e2bcd8739ae039), {
+            onClick: this.handleSelect.bind(photo.data),
+            onKeyDown: this.handleKeyDown,
+            data: photo.data,
+            width: layout.width,
+            height: layout.height,
+            active: active,
+            onFocus: this.updateCursor
+        });
+    };
+    render() {
+        const { query: query , searchResults: searchResults , isLoading: isLoading  } = this.state;
+        return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Dialog), {
+            id: "unsplash-asset-source",
+            header: "Select image from Unsplash",
+            onClose: this.handleClose,
+            open: true,
+            width: 4,
+            children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Stack), {
+                space: 3,
+                padding: 4,
+                children: [
+                    /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
+                        children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $6f49db9510930d2c$export$4b85d3515bd863a5), {
+                            space: 3,
+                            children: [
+                                /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Text), {
+                                    size: 1,
+                                    weight: "semibold",
+                                    children: "Search Unsplash"
+                                }),
+                                /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.TextInput), {
+                                    label: "Search Unsplash.com",
+                                    placeholder: "Topics or colors",
+                                    value: query,
+                                    onChange: this.handleSearchTermChanged
+                                })
+                            ]
+                        })
+                    }),
+                    !isLoading && this.getPhotos().length === 0 && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Text), {
+                        size: 1,
+                        muted: true,
+                        children: "No results found"
+                    }),
+                    /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, ($parcel$interopDefault($3KLdq$reactinfinitescrollcomponent))), {
+                        dataLength: this.getPhotos().length,
+                        next: this.handleScollerLoadMore,
+                        // scrollableTarget="unsplash-scroller"
+                        hasMore: true,
+                        scrollThreshold: 0.99,
+                        height: "60vh",
+                        loader: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Flex), {
+                            align: "center",
+                            justify: "center",
+                            padding: 3,
+                            children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Spinner), {
+                                muted: true
+                            })
+                        }),
+                        endMessage: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Text), {
+                            size: 1,
+                            muted: true,
+                            children: "No more results"
+                        }),
+                        children: searchResults.filter((photos)=>photos.length > 0).map((photos, index)=>/*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, ($parcel$interopDefault($3KLdq$reactphotoalbum))), {
+                                layout: "rows",
+                                spacing: $2afbc63e3551869f$var$PHOTO_SPACING,
+                                padding: $2afbc63e3551869f$var$PHOTO_PADDING,
+                                targetRowHeight: (width)=>{
+                                    if (width < 300) return 150;
+                                    else if (width < 600) return 200;
+                                    return 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: `${$2afbc63e3551869f$var$PHOTO_SPACING}px`
+                                        }
+                                    }
+                                }
+                            }, `gallery-${query || "popular"}-${index}`))
+                    })
+                ]
+            })
+        });
+    }
+}
+
+
+
+
+function $d3faec00d1fdf0df$export$2e2bcd8739ae039() {
+    return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)("svg", {
+        role: "img",
+        viewBox: "0 0 24 24",
+        width: "1em",
+        height: "1em",
+        children: [
+            /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("title", {}),
+            /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("path", {
+                d: "M7.5 6.75V0h9v6.75h-9zm9 3.75H24V24H0V10.5h7.5v6.75h9V10.5z"
+            })
+        ]
+    });
+}
+
+
+
+const $244e63ca53592e4d$export$26a922d0c5d23b67 = {
+    name: "unsplash",
+    title: "Unsplash",
+    component: (0, $2afbc63e3551869f$export$2e2bcd8739ae039),
+    icon: (0, $d3faec00d1fdf0df$export$2e2bcd8739ae039)
+};
+const $244e63ca53592e4d$export$38ee668edea18a81 = (0, $3KLdq$sanity.createPlugin)({
+    name: "asset-source-unsplash-plugin",
+    formBuilder: {
+        image: {
+            assetSources: (prev)=>{
+                return [
+                    ...prev,
+                    $244e63ca53592e4d$export$26a922d0c5d23b67
+                ];
+            }
+        }
+    }
+});
+
+
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/index.ts","src/components/UnsplashAssetSource.tsx","src/components/Photo.tsx","src/components/Photo.styled.tsx","src/datastores/unsplash.ts","src/components/UnsplashAssetSource.styled.tsx","src/components/Icon.tsx"],"sourcesContent":["import Unsplash from './components/UnsplashAssetSource'\nimport Icon from './components/Icon'\nimport { AssetSource } from '@sanity/types'\nimport { createPlugin } from 'sanity'\n\nexport const unsplashAssetSource: AssetSource = {\n  name: 'unsplash',\n  title: 'Unsplash',\n  component: Unsplash,\n  icon: Icon,\n}\n\nexport const unsplashImageAsset = createPlugin({\n  name: 'asset-source-unsplash-plugin',\n  formBuilder: {\n    image: {\n      assetSources: (prev) => {\n        return [...prev, unsplashAssetSource]\n      },\n    },\n  },\n})\n","import React from 'react'\nimport PhotoAlbum from 'react-photo-album'\nimport flatten from 'lodash/flatten'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport { Search } from './UnsplashAssetSource.styled'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport { AssetSourceComponentProps, AssetFromSource } from '@sanity/types'\nimport { useClient } from 'sanity'\nimport { SanityClient } from '@sanity/client'\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()\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  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  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  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        } 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  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  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 flatten(this.state.searchResults)\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: 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  render() {\n    const { query, searchResults, isLoading } = this.state\n\n    return (\n      <Dialog\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} padding={4}>\n          <Card>\n            <Search space={3}>\n              <Text size={1} weight=\"semibold\">\n                Search Unsplash\n              </Text>\n              <TextInput\n                label=\"Search Unsplash.com\"\n                placeholder=\"Topics or colors\"\n                value={query}\n                onChange={this.handleSearchTermChanged}\n              />\n            </Search>\n          </Card>\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                  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                    else 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 { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useEffect, useRef } from 'react'\nimport { UnsplashPhoto } from 'src/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  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  const rootElm = useRef<HTMLDivElement>(null)\n  const prevActive = useRef<boolean>(false)\n\n  const handleClick = useCallback(() => {\n    onClick(data)\n  }, [onClick, data])\n\n  const handleCreditLineClicked = useCallback(\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    (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 (!prevActive.current && active && rootElm.current) {\n      rootElm.current.focus()\n      onFocus(data)\n    }\n    prevActive.current = active\n    // data changing alone should not re-trigger effect\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active])\n\n  const src = data.urls.small\n  const userName = data.user.name\n\n  const theme = useTheme().sanity\n  return (\n    <Root\n      ref={rootElm}\n      studioTheme={theme}\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 { Card, Theme } from '@sanity/ui'\nimport styled from 'styled-components'\n\ntype SanityTheme = Theme['sanity']\n\ninterface Style {\n  studioTheme: SanityTheme\n}\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: ${({ studioTheme }: Style) => `1px solid ${studioTheme.color.card.enabled.border}`};\n  box-sizing: content-box;\n  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  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 { defer, concat, BehaviorSubject, Observable } from 'rxjs'\nimport { debounceTime, switchMap, map, distinctUntilChanged, withLatestFrom } from 'rxjs/operators'\nimport { UnsplashPhoto } from 'src/types'\nimport { SanityClient } from '@sanity/client'\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<any> =>\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<any> =>\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<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 { Stack } from '@sanity/ui'\nimport styled from 'styled-components'\n\nexport const Search = styled(Stack)`\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 React from 'react'\n\nexport default function UnsplashIcon() {\n  return (\n    <svg role=\"img\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\">\n      <title />\n      <path d=\"M7.5 6.75V0h9v6.75h-9zm9 3.75H24V24H0V10.5h7.5v6.75h9V10.5z\" />\n    </svg>\n  )\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../"}