sanity-plugin-asset-source-unsplash 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs +52 -33
- package/lib/index.cjs.js +0 -1
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +53 -34
- package/lib/index.js.map +1 -1
- package/package.json +27 -31
- package/src/components/Icon.tsx +0 -2
- package/src/components/Photo.styled.tsx +2 -8
- package/src/components/Photo.tsx +5 -7
- package/src/components/UnsplashAssetSource.tsx +1 -1
- package/src/datastores/unsplash.ts +10 -10
package/lib/index.cjs
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
4
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
5
3
|
Object.defineProperty(exports, '__esModule', {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
@@ -64,14 +62,20 @@ const search = (client, query, page, resultsPerPage) => {
|
|
|
64
62
|
return fetchList(client, "popular", p, resultsPerPage);
|
|
65
63
|
})));
|
|
66
64
|
};
|
|
67
|
-
|
|
65
|
+
var __freeze$1 = Object.freeze;
|
|
66
|
+
var __defProp$2 = Object.defineProperty;
|
|
67
|
+
var __template$1 = (cooked, raw) => __freeze$1(__defProp$2(cooked, "raw", {
|
|
68
|
+
value: __freeze$1(raw || cooked.slice())
|
|
69
|
+
}));
|
|
70
|
+
var _a$1, _b$1, _c;
|
|
71
|
+
const Root = styled__default.default.div(_a$1 || (_a$1 = __template$1(["\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: ", ";\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"])), _ref2 => {
|
|
68
72
|
let {
|
|
69
|
-
|
|
73
|
+
theme
|
|
70
74
|
} = _ref2;
|
|
71
|
-
return "1px solid ".concat(
|
|
75
|
+
return "1px solid ".concat(theme.sanity.color.card.enabled.border);
|
|
72
76
|
});
|
|
73
|
-
const CreditLineLink = styled__default.default.a(
|
|
74
|
-
const CreditLine = styled__default.default(ui.Card)(
|
|
77
|
+
const CreditLineLink = styled__default.default.a(_b$1 || (_b$1 = __template$1(["\n text-decoration: none;\n cursor: pointer;\n"])));
|
|
78
|
+
const CreditLine = styled__default.default(ui.Card)(_c || (_c = __template$1(["\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"])), _ref3 => {
|
|
75
79
|
let {
|
|
76
80
|
theme
|
|
77
81
|
} = _ref3;
|
|
@@ -112,9 +116,7 @@ function Photo(props) {
|
|
|
112
116
|
}, [active, data, onFocus]);
|
|
113
117
|
const src = data.urls.small;
|
|
114
118
|
const userName = data.user.name;
|
|
115
|
-
const theme = ui.useTheme().sanity;
|
|
116
119
|
return /* @__PURE__ */jsxRuntime.jsx(Root, {
|
|
117
|
-
studioTheme: theme,
|
|
118
120
|
title: "Select image by ".concat(userName, " from Unsplash"),
|
|
119
121
|
tabIndex: 0,
|
|
120
122
|
onKeyDown: handleKeyDown,
|
|
@@ -122,7 +124,7 @@ function Photo(props) {
|
|
|
122
124
|
style: {
|
|
123
125
|
width: "".concat(width, "px"),
|
|
124
126
|
height: "".concat(height, "px"),
|
|
125
|
-
backgroundImage:
|
|
127
|
+
backgroundImage: 'url("'.concat(src, '")')
|
|
126
128
|
},
|
|
127
129
|
onClick: handleClick,
|
|
128
130
|
children: /* @__PURE__ */jsxRuntime.jsx(CreditLineLink, {
|
|
@@ -140,8 +142,25 @@ function Photo(props) {
|
|
|
140
142
|
})
|
|
141
143
|
});
|
|
142
144
|
}
|
|
143
|
-
|
|
144
|
-
|
|
145
|
+
var __freeze = Object.freeze;
|
|
146
|
+
var __defProp$1 = Object.defineProperty;
|
|
147
|
+
var __template = (cooked, raw) => __freeze(__defProp$1(cooked, "raw", {
|
|
148
|
+
value: __freeze(raw || cooked.slice())
|
|
149
|
+
}));
|
|
150
|
+
var _a, _b;
|
|
151
|
+
const Search = styled__default.default(ui.Stack)(_a || (_a = __template(["\n position: sticky;\n top: 0;\n z-index: 1;\n"])));
|
|
152
|
+
styled__default.default.div(_b || (_b = __template(["\n overflow-y: auto;\n max-height: 80vh;\n"])));
|
|
153
|
+
var __defProp = Object.defineProperty;
|
|
154
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
155
|
+
enumerable: true,
|
|
156
|
+
configurable: true,
|
|
157
|
+
writable: true,
|
|
158
|
+
value
|
|
159
|
+
}) : obj[key] = value;
|
|
160
|
+
var __publicField = (obj, key, value) => {
|
|
161
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
162
|
+
return value;
|
|
163
|
+
};
|
|
145
164
|
const RESULTS_PER_PAGE = 42;
|
|
146
165
|
const PHOTO_SPACING = 2;
|
|
147
166
|
const PHOTO_PADDING = 1;
|
|
@@ -157,17 +176,17 @@ function UnsplashAssetSource(props) {
|
|
|
157
176
|
class UnsplashAssetSourceInternal extends React__default.default.Component {
|
|
158
177
|
constructor() {
|
|
159
178
|
super(...arguments);
|
|
160
|
-
this
|
|
179
|
+
__publicField(this, "state", {
|
|
161
180
|
cursor: 0,
|
|
162
181
|
query: "",
|
|
163
182
|
page: 1,
|
|
164
183
|
searchResults: [[]],
|
|
165
184
|
isLoading: true
|
|
166
|
-
};
|
|
167
|
-
this
|
|
168
|
-
this
|
|
169
|
-
this
|
|
170
|
-
this
|
|
185
|
+
});
|
|
186
|
+
__publicField(this, "searchSubscription", null);
|
|
187
|
+
__publicField(this, "searchSubject$", new rxjs.BehaviorSubject(""));
|
|
188
|
+
__publicField(this, "pageSubject$", new rxjs.BehaviorSubject(1));
|
|
189
|
+
__publicField(this, "handleSelect", photo => {
|
|
171
190
|
this.setState({
|
|
172
191
|
isLoading: true
|
|
173
192
|
});
|
|
@@ -189,11 +208,11 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
|
|
|
189
208
|
};
|
|
190
209
|
this.props.onSelect([asset]);
|
|
191
210
|
});
|
|
192
|
-
};
|
|
193
|
-
this
|
|
211
|
+
});
|
|
212
|
+
__publicField(this, "handleClose", () => {
|
|
194
213
|
this.props.onClose();
|
|
195
|
-
};
|
|
196
|
-
this
|
|
214
|
+
});
|
|
215
|
+
__publicField(this, "handleSearchTermChanged", event => {
|
|
197
216
|
const query = event.currentTarget.value;
|
|
198
217
|
this.setState({
|
|
199
218
|
query,
|
|
@@ -204,8 +223,8 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
|
|
|
204
223
|
});
|
|
205
224
|
this.pageSubject$.next(1);
|
|
206
225
|
this.searchSubject$.next(query);
|
|
207
|
-
};
|
|
208
|
-
this
|
|
226
|
+
});
|
|
227
|
+
__publicField(this, "handleScollerLoadMore", () => {
|
|
209
228
|
const nextPage = this.state.page + 1;
|
|
210
229
|
this.setState({
|
|
211
230
|
page: nextPage,
|
|
@@ -213,8 +232,8 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
|
|
|
213
232
|
});
|
|
214
233
|
this.pageSubject$.next(nextPage);
|
|
215
234
|
this.searchSubject$.next(this.state.query);
|
|
216
|
-
};
|
|
217
|
-
this
|
|
235
|
+
});
|
|
236
|
+
__publicField(this, "handleKeyDown", event => {
|
|
218
237
|
const {
|
|
219
238
|
cursor
|
|
220
239
|
} = this.state;
|
|
@@ -227,14 +246,14 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
|
|
|
227
246
|
cursor: prevState.cursor + 1
|
|
228
247
|
}));
|
|
229
248
|
}
|
|
230
|
-
};
|
|
231
|
-
this
|
|
249
|
+
});
|
|
250
|
+
__publicField(this, "updateCursor", photo => {
|
|
232
251
|
const index = this.getPhotos().findIndex(result => result.id === photo.id);
|
|
233
252
|
this.setState({
|
|
234
253
|
cursor: index
|
|
235
254
|
});
|
|
236
|
-
};
|
|
237
|
-
this
|
|
255
|
+
});
|
|
256
|
+
__publicField(this, "renderImage", props => {
|
|
238
257
|
const {
|
|
239
258
|
photo,
|
|
240
259
|
layout
|
|
@@ -249,7 +268,7 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
|
|
|
249
268
|
active,
|
|
250
269
|
onFocus: this.updateCursor
|
|
251
270
|
});
|
|
252
|
-
};
|
|
271
|
+
});
|
|
253
272
|
}
|
|
254
273
|
componentDidMount() {
|
|
255
274
|
this.searchSubscription = search(this.props.client, this.searchSubject$, this.pageSubject$, RESULTS_PER_PAGE).subscribe({
|
|
@@ -350,9 +369,9 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
|
|
|
350
369
|
});
|
|
351
370
|
}
|
|
352
371
|
}
|
|
353
|
-
UnsplashAssetSourceInternal
|
|
372
|
+
__publicField(UnsplashAssetSourceInternal, "defaultProps", {
|
|
354
373
|
selectedAssets: void 0
|
|
355
|
-
};
|
|
374
|
+
});
|
|
356
375
|
const unsplashAssetSource = {
|
|
357
376
|
name: "unsplash",
|
|
358
377
|
title: "Unsplash",
|
package/lib/index.cjs.js
CHANGED
package/lib/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["import React from 'react'\n\nexport 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 { SanityClient } from '@sanity/client'\nimport { BehaviorSubject, concat, defer, Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\n\nimport { 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<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 }) as any\n )\n\nconst fetchList = (\n client: SanityClient,\n type: string,\n page: number,\n perPage: number\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 }) 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): 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, 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 { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useEffect } from 'react'\n\nimport { 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 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 (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 (active) {\n onFocus(data)\n }\n }, [active, data, onFocus])\n\n const src = data.urls.small\n const userName = data.user.name\n\n const theme = useTheme().sanity\n return (\n <Root\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 { 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 { SanityClient } from '@sanity/client'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { AssetFromSource, AssetSourceComponentProps, useClient } from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { Search } 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 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 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: 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 // 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 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 { 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":["UnsplashIcon","jsxs","role","viewBox","width","height","fill","children","jsx","d","fetchSearch","client","query","page","perPage","defer","observable","request","url","encodeURIComponent","concat","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref","q","p","map","results","Root","styled","default","div","_templateObject","_taggedTemplateLiteral","_ref2","studioTheme","color","card","enabled","border","CreditLineLink","a","_templateObject2","CreditLine","Card","_templateObject3","_ref3","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","html","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","useTheme","title","tabIndex","onMouseDown","style","backgroundImage","padding","radius","margin","Text","size","username","Search","Stack","_templateObject4","_templateObject5","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","state","cursor","searchResults","isLoading","searchSubscription","searchSubject$","BehaviorSubject","pageSubject$","handleSelect","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","handleClose","onClose","handleSearchTermChanged","currentTarget","next","handleScollerLoadMore","nextPage","prevState","getPhotos","length","updateCursor","index","findIndex","renderImage","layout","bind","componentDidMount","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","space","weight","TextInput","label","placeholder","onChange","muted","InfiniteScroll","dataLength","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","componentsProps","containerProps","marginBottom","defaultProps","selectedAssets","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["export default function UnsplashIcon() {\n return (\n <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n <title />\n <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n </svg>\n )\n}\n","import { SanityClient } from '@sanity/client'\nimport { BehaviorSubject, concat, defer, Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\n\nimport { 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<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 }) as any,\n )\n\nconst fetchList = (\n client: SanityClient,\n type: string,\n page: number,\n perPage: number,\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 }) 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): 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 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 { Text } from '@sanity/ui'\nimport { useCallback, useEffect } from 'react'\n\nimport { 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 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 (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 (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 { 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 { SanityClient } from '@sanity/client'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { AssetFromSource, AssetSourceComponentProps, useClient } from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { Search } 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 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 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: 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 // 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 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 { 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":["UnsplashIcon","jsxs","role","viewBox","width","height","fill","children","jsx","d","fetchSearch","client","query","page","perPage","defer","observable","request","url","concat","encodeURIComponent","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref","q","p","map","results","_a","_b","_c","Root","styled","div","__template","_ref2","theme","sanity","color","card","enabled","border","CreditLineLink","a","CreditLine","default","Card","_ref3","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","html","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","title","tabIndex","onMouseDown","style","backgroundImage","padding","radius","margin","Text","size","username","Search","Stack","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","__publicField","cursor","searchResults","isLoading","BehaviorSubject","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","onClose","currentTarget","pageSubject$","next","searchSubject$","nextPage","state","prevState","getPhotos","length","index","findIndex","layout","handleSelect","bind","updateCursor","componentDidMount","searchSubscription","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","handleClose","space","weight","TextInput","label","placeholder","onChange","handleSearchTermChanged","muted","InfiniteScroll","dataLength","handleScollerLoadMore","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","renderImage","componentsProps","containerProps","marginBottom","selectedAssets","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAwBA,YAAeA,CAAA,EAAA;EAEnC,OAAA,eAAAC,UAAA,CAAAA,IAAA,CAAC,KAAI,EAAA;IAAAC,IAAA,EAAK,KAAM;IAAAC,OAAA,EAAQ,WAAY;IAAAC,KAAA,EAAM,KAAM;IAAAC,MAAA,EAAO,KAAM;IAAAC,IAAA,EAAK,cAChE;IAAAC,QAAA,EAAA,CAAA,eAAAC,UAAA,CAAAA,GAAA,CAAC,OAAM,EAAA,EAAA,CAAA,EACPA,eAAAA,UAAAA,CAAAA,GAAA,CAAC,MAAK,EAAA;MAAAC,CAAA,EAAE;IAAuC,CAAA,CAAA;EACjD,CAAA,CAAA;AAEJ;ACEA,MAAMC,WAAc,GAAAA,CAClBC,MACA,EAAAC,KAAA,EACAC,MACAC,OAEA,KAAAC,IAAA,CAAAA,KAAA,CACE,MACEJ,MAAO,CAAAK,UAAA,CAAWC,OAAQ,CAAA;EACxBC,KAAK,uCAAwC,CAAAC,MAAA,CAAAC,kBAAA,CAC3CR,KAAA,CACF,EAAC,QAAS,CAAA,CAAAO,MAAA,CAAAN,IAAA,EAAI,YAAa,CAAA,CAAAM,MAAA,CAAAL,OAAA,CAAA;EAC3BO,eAAiB,EAAA,IAAA;EACjBC,MAAQ,EAAA;AAAA,CACT,CACL,CAAA;AAEF,MAAMC,SAAY,GAAAA,CAChBZ,MACA,EAAAa,IAAA,EACAX,MACAC,OAEA,KAAAC,IAAA,CAAAA,KAAA,CACE,MACEJ,MAAO,CAAAK,UAAA,CAAWC,OAAQ,CAAA;EACxBC,GAAK,EAAA,mCAAA,CAAoCC,MAAI,CAAAK,IAAA,EAAA,QAAA,CAAA,CAASL,aAAI,YAAa,CAAA,CAAAA,MAAA,CAAAL,OAAA,CAAA;EACvEO,eAAiB,EAAA,IAAA;EACjBC,MAAQ,EAAA;AAAA,CACT,CACL,CAAA;AAEc,SAAAG,gBAAAA,CAAiBd,QAAsBe,KAAuC,EAAA;EACtF,MAAAC,WAAA,GAAcD,KAAM,CAAAE,KAAA,CAAMC,iBAAkB,CAAAC,OAAA,CAChD,0BAAA,EACA,kBAAA,CACF;EACA,OAAOnB,OACJM,OAAQ,CAAA;IACPC,GAAK,EAAAS,WAAA;IACLN,eAAiB,EAAA,IAAA;IACjBC,MAAQ,EAAA;EAAA,CACT,CAAA,CACAS,IAAK,CAACC,MAA4B,IAAA;IACjC,OAAOA,MAAO,CAAAd,GAAA;EAAA,CACf,CAAA;AACL;AAEO,MAAMe,MAAS,GAAAA,CACpBtB,MACA,EAAAC,KAAA,EACAC,MACAqB,cACoB,KAAA;EACb,OAAAf,IAAA,CAAAA,MAAA,CACLP,KAAM,CAAAuB,IAAA,CACJC,SAAAA,CAAAA,eAAevB,IAAI,CAAA,EACnBwB,SAAAA,CAAAA,aAAa,GAAG,CAAA,EAChBC,8BAAqB,CAAA,CAAA,EACrBC,SAAAA,CAAAA,SAAU,CAAAC,IAAA,IAAY;IAAA,IAAX,CAACC,CAAA,EAAGC,CAAC,CAAM,GAAAF,IAAA;IACpB,IAAIC,CAAG,EAAA;MACL,OAAO/B,WAAY,CAAAC,MAAA,EAAQ8B,CAAG,EAAAC,CAAA,EAAGR,cAAc,CAAE,CAAAC,IAAA,CAC/CG,8BAAqB,CAAA,CAAA,EACrBK,SAAAA,CAAAA,GAAI,CAACX,MAAW,IAAAA,MAAA,CAAOY,OAAO,CAAA,CAChC;IACF;IACA,OAAOrB,SAAU,CAAAZ,MAAA,EAAQ,SAAW,EAAA+B,CAAA,EAAGR,cAAc,CAAA;EAAA,CACtD,CACH,CAAA,CACF;AACF,CAAA;;;;;;AC/EA,IAAAW,IAAA,EAAAC,IAAA,EAAAC,EAAA;AAGO,MAAMC,IAAO,GAAAC,eAAAA,CAAAA,OAAA,CAAOC,GAAP,CAAAL,IAAA,KAAAA,IAAA,GAAUM,sOAQkD,wPAApE,CAAA,CAAA,CAAA,EAAAC,KAAA;EAAA,IAAC;IAAEC;;SAAY,YAAa,CAAAlC,MAAA,CAAAkC,KAAA,CAAMC,MAAO,CAAAC,KAAA,CAAMC,KAAKC,OAAQ,CAAAC,MAAA,CAAA;AAAA,EAAA;AAe3D,MAAAC,cAAA,GAAiBV,eAAAA,CAAAA,OAAO,CAAAW,CAAA,CAAPd,IAAQ,KAAAA,IAAA,GAAAK,YAAA,CAAA,CAAA,kDAAA,CAAA,CAAA,CAAA,CAAA;AAKzB,MAAAU,UAAA,GAAaZ,eAAO,CAAAa,OAAA,CAAAC,EAAI,CAAAA,IAAA,CAAX,CAAAhB,EAAA,KAAAA,EAAA,GAAYI,sBAIlC,wKAHA,CAAA,CAAA,CAAA,EAAAa,KAAA;EAAA,IAAC;IAAEX;EAAY,CAAA,GAAAW,KAAA;EAAA,OAAA,0BAAA,CACK7C,aAAMmC,MAAO,CAAAC,KAAA,CAAMC,IAAK,CAAAC,OAAA,CAAQQ,EAAE,EAAA,2BAAA,CAAA,CAClC9C,aAAMmC,MAAO,CAAAC,KAAA,CAAMC,IAAK,CAAAC,OAAA,CAAQS,EAAE,EAAA,QAAA,CAAA;AAAA,EAAA;AClB1D,MAAMC,UAAa,GAAA,qCAAA;AAEnB,SAAwBC,MAAMC,KAAc,EAAA;EACpC,MAAA;IAAEC;IAASC,IAAM;IAAAC,SAAA;IAAWC;IAASC,MAAQ;IAAAtE,KAAA;IAAOC;EAAW,CAAA,GAAAgE,KAAA;EAE/D,MAAAM,WAAA,GAAcC,KAAAA,CAAAA,YAAY,MAAM;IACpCN,OAAA,CAAQC,IAAI,CAAA;EAAA,CACX,EAAA,CAACD,OAAS,EAAAC,IAAI,CAAC,CAAA;EAElB,MAAMM,uBAA0B,GAAAD,KAAA,CAAAA,WAAA,CAC7BE,KAAe,IAAA;IACdA,KAAA,CAAMC,eAAgB,CAAA,CAAA;IACtB,MAAM7D,GAAM,GAAA,EAAA,CAAGC,MAAK,CAAAoD,IAAA,CAAA3C,KAAA,CAAMoD,MAAI,cAAe,CAAA,CAAA7D,MAAA,CAAAC,kBAAA,CAC3C+C,UACD,CAAA,EAAA,sBAAA,CAAA;IACDc,MAAA,CAAOC,IAAK,CAAAhE,GAAA,EAAKqD,IAAK,CAAAY,EAAA,EAAI,qBAAqB,CAAA;EACjD,CAAA,EACA,CAACZ,IAAI,CAAA,CACP;EAEA,MAAMa,aAAgB,GAAAR,KAAA,CAAAA,WAAA,CACnBE,KAAe,IAAA;IACdN,SAAA,CAAUM,KAAK,CAAA;IACX,IAAAA,KAAA,CAAMO,YAAY,EAAI,EAAA;MACxBf,OAAA,CAAQC,IAAI,CAAA;IACd;EACF,CAAA,EACA,CAACC,SAAW,EAAAD,IAAA,EAAMD,OAAO,CAAA,CAC3B;EAEM,MAAAgB,eAAA,GAAkBV,KAAAA,CAAAA,YAAY,MAAM;IACxCH,OAAA,CAAQF,IAAI,CAAA;EAAA,CACX,EAAA,CAACE,OAAS,EAAAF,IAAI,CAAC,CAAA;EAElBgB,KAAAA,CAAAA,SAAA,CAAU,MAAM;IACd,IAAIb,MAAQ,EAAA;MACVD,OAAA,CAAQF,IAAI,CAAA;IACd;EACC,CAAA,EAAA,CAACG,MAAQ,EAAAH,IAAA,EAAME,OAAO,CAAC,CAAA;EAEpB,MAAAe,GAAA,GAAMjB,KAAKkB,IAAK,CAAAC,KAAA;EAChB,MAAAC,QAAA,GAAWpB,KAAKqB,IAAK,CAAAC,IAAA;EAGzB,sBAAArF,UAAA,CAAAA,GAAA,CAACwC,IAAA,EAAA;IACC8C,KAAA,EAAO,mBAAmB3E,MAAQ,CAAAwE,QAAA,EAAA,gBAAA,CAAA;IAClCI,QAAU,EAAA,CAAA;IACVvB,SAAW,EAAAY,aAAA;IACXY,WAAa,EAAAV,eAAA;IACbW,KAAO,EAAA;MACL7F,KAAA,EAAO,GAAGe,MAAK,CAAAf,KAAA,EAAA,IAAA,CAAA;MACfC,MAAA,EAAQ,GAAGc,MAAM,CAAAd,MAAA,EAAA,IAAA,CAAA;MACjB6F,eAAA,EAAiB,QAAQ/E,MAAG,CAAAqE,GAAA,EAAA,IAAA;IAC9B,CAAA;IACAlB,OAAS,EAAAK,WAAA;IAETpE,wCAACoD,cAAe,EAAA;MAAAW,OAAA,EAASO;MACvBtE,QAAC,iBAAAC,UAAA,CAAAA,GAAA,CAAAqD,UAAA,EAAA;QAAWsC,SAAS,CAAG;QAAAC,MAAA,EAAQ;QAAGC,MAAQ,EAAA,CAAA;QACzC9F,yCAAC+F,EAAK,CAAAA,IAAA,EAAA;UAAAC,IAAA,EAAM;UAAGT,KAAO,EAAA,gBAAA,CAAiB3E,iBAAQ,4BAA8B,CAAA;UAAAZ,QAAA,EAAA,CAAA,MAAA,EACtEgE,KAAKqB,IAAK,CAAAY,QAAA;QACjB,CAAA;MACF,CAAA;KACF;EAAA,CAAA,CACF;AAEJ;;;;;;ACjFA,IAAA3D,EAAA,EAAAC,EAAA;AAGO,MAAM2D,MAAS,GAAAxD,eAAAA,CAAAA,OAAA,CAAOyD,EAAK,CAAAA,KAAA,CAAA,CAAZ7D,EAAa,KAAAA,EAAA,GAAAM,UAAA,CAAA,CAAA,mDAAA,CAAA,CAAA,CAAA,CAAA;AAMXF,eAAAA,CAAAA,OAAO,CAAAC,GAAA,CAAPJ,EAAU,KAAAA,EAAA,GAAAK,UAAA,CAAA,CAAA,8CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;ACYlC,MAAMwD,gBAAmB,GAAA,EAAA;AACzB,MAAMC,aAAgB,GAAA,CAAA;AACtB,MAAMC,aAAgB,GAAA,CAAA;AAEtB,SAAwBC,oBAAoBzC,KAAkC,EAAA;EAC5E,MAAM1D,MAAS,GAAAoG,MAAA,CAAAA,SAAA,CAAU;IAAEC,UAAA,EAAY;EAAc,CAAA,CAAA;EACrD,OAAQxG,eAAAA,UAAAA,CAAAA,GAAA,CAAAyG,2BAAA,EAAA;IAA6B,GAAG5C,KAAA;IAAO1D;EAAgB,CAAA,CAAA;AACjE;AAEA,MAAMsG,2BAAA,SAAoCC,uBAAMC,SAG9C,CAAA;EAHFC,WAAAA,CAAA,EAAA;IAAA,KAAA,CAAA,GAAAC,SAAA,CAAA;IAQUC,aAAA,CAAA,IAAA,EAAA,OAAA,EAAA;MACNC,MAAQ,EAAA,CAAA;MACR3G,KAAO,EAAA,EAAA;MACPC,IAAM,EAAA,CAAA;MACN2G,aAAA,EAAe,CAAC,EAAE,CAAA;MAClBC,SAAW,EAAA;IAAA,CACb,CAAA;IAE0CH,aAAA,CAAA,IAAA,EAAA,oBAAA,EAAA,IAAA,CAAA;IAEzBA,aAAA,CAAA,IAAA,EAAA,gBAAA,EAAA,IAAII,IAAAA,CAAAA,gBAAgB,EAAE,CAAA,CAAA;IACxBJ,aAAA,CAAA,IAAA,EAAA,cAAA,EAAA,IAAII,IAAAA,CAAAA,gBAAgB,CAAC,CAAA,CAAA;IAwBpCJ,aAAA,CAAA,IAAA,EAAA,cAAA,EAAgB5F,KAAyB,IAAA;MACvC,IAAA,CAAKiG,QAAS,CAAA;QAAEF,SAAW,EAAA;MAAM,CAAA,CAAA;MAC1B,OAAAhG,gBAAA,CAAiB,KAAK4C,KAAM,CAAA1D,MAAA,EAAQe,KAAK,CAAE,CAAAK,IAAA,CAAMJ,WAAgB,IAAA;QAChE,MAAAiG,WAAA,GAAclG,MAAMkG,WAAe,IAAA,KAAA,CAAA;QACzC,MAAMC,KAAyB,GAAA;UAC7BC,IAAM,EAAA,KAAA;UACNC,KAAO,EAAApG,WAAA;UACPqG,kBAAoB,EAAA;YAClBC,KAAO,EAAA,mBAAA;YACPC,MAAQ,EAAA;cACNrC,IAAM,EAAA,UAAA;cACNV,IAAIzD,KAAM,CAAAyD,EAAA;cACVjE,GAAA,EAAKQ,MAAME,KAAM,CAAAoD;YACnB,CAAA;YACA4C,WAAA;YACAO,UAAY,EAAA,EAAA,CAAGhH,MAAM,CAAAO,KAAA,CAAAkE,IAAA,CAAKC,IAAI,EAAA,cAAA;UAChC;QAAA,CACF;QACA,IAAA,CAAKxB,KAAM,CAAA+D,QAAA,CAAS,CAACP,KAAK,CAAC,CAAA;MAAA,CAC5B,CAAA;IAAA,CACH,CAAA;IAEAP,aAAA,CAAA,IAAA,EAAA,aAAA,EAAc,MAAM;MAClB,IAAA,CAAKjD,MAAMgE,OAAQ,EAAA;IAAA,CACrB,CAAA;IAEAf,aAAA,CAAA,IAAA,EAAA,yBAAA,EAA2BxC,KAA+C,IAAA;MAClE,MAAAlE,KAAA,GAAQkE,MAAMwD,aAAc,CAAAP,KAAA;MAClC,IAAA,CAAKJ,QAAS,CAAA;QAAE/G,KAAO;QAAAC,IAAA,EAAM;QAAG2G,aAAe,EAAA,CAAC,EAAE,CAAG;QAAAC,SAAA,EAAW,IAAM;QAAAF,MAAA,EAAQ;MAAG,CAAA,CAAA;MAC5E,IAAA,CAAAgB,YAAA,CAAaC,KAAK,CAAC,CAAA;MACnB,IAAA,CAAAC,cAAA,CAAeD,KAAK5H,KAAK,CAAA;IAAA,CAChC,CAAA;IAEA0G,aAAA,CAAA,IAAA,EAAA,uBAAA,EAAwB,MAAM;MAEtB,MAAAoB,QAAA,GAAW,IAAK,CAAAC,KAAA,CAAM9H,IAAO,GAAA,CAAA;MACnC,IAAA,CAAK8G,SAAS;QAAE9G,IAAA,EAAM6H,QAAU;QAAAjB,SAAA,EAAW;OAAM,CAAA;MAC5C,IAAA,CAAAc,YAAA,CAAaC,KAAKE,QAAQ,CAAA;MAC/B,IAAA,CAAKD,cAAe,CAAAD,IAAA,CAAK,IAAK,CAAAG,KAAA,CAAM/H,KAAK,CAAA;IAAA,CAC3C,CAAA;IAEA0G,aAAA,CAAA,IAAA,EAAA,eAAA,EAAiBxC,KAAe,IAAA;MACxB,MAAA;QAAEyC;MAAO,CAAA,GAAI,IAAK,CAAAoB,KAAA;MACxB,IAAA,CAAK7D,MAAMO,OAAY,KAAA,EAAA,IAAMP,MAAMO,OAAY,KAAA,EAAA,KAAOkC,SAAS,CAAG,EAAA;QAC3D,IAAA,CAAAI,QAAA,CAAUiB,SAAe,KAAA;UAC5BrB,MAAA,EAAQqB,UAAUrB,MAAS,GAAA;QAC3B,CAAA,CAAA,CAAA;MAED,CAAA,MAAA,IAAA,CAAAzC,KAAA,CAAMO,OAAY,KAAA,EAAA,IAAMP,KAAM,CAAAO,OAAA,KAAY,EAC3C,KAAAkC,MAAA,GAAS,IAAK,CAAAsB,SAAA,CAAA,CAAY,CAAAC,MAAA,GAAS,CACnC,EAAA;QACK,IAAA,CAAAnB,QAAA,CAAUiB,SAAe,KAAA;UAC5BrB,MAAA,EAAQqB,UAAUrB,MAAS,GAAA;QAC3B,CAAA,CAAA,CAAA;MACJ;IAAA,CACF,CAAA;IAMAD,aAAA,CAAA,IAAA,EAAA,cAAA,EAAgB5F,KAAyB,IAAA;MACjC,MAAAqH,KAAA,GAAQ,IAAK,CAAAF,SAAA,CAAA,CAAY,CAAAG,SAAA,CAAWhH,MAA0B,IAAAA,MAAA,CAAOmD,EAAO,KAAAzD,KAAA,CAAMyD,EAAE,CAAA;MAC1F,IAAA,CAAKwC,QAAS,CAAA;QAAEJ,MAAQ,EAAAwB;MAAO,CAAA,CAAA;IAAA,CACjC,CAAA;IAEAzB,aAAA,CAAA,IAAA,EAAA,aAAA,EAAejD,KAAe,IAAA;MACtB,MAAA;QAAE3C,KAAO;QAAAuH;MAAW,CAAA,GAAA5E,KAAA;MAC1B,MAAMK,MACJ,GAAA,IAAA,CAAKmE,SAAU,CAAA,CAAA,CAAEG,UAAWhH,MAAA,IAA0BA,MAAO,CAAAmD,EAAA,KAAOzD,MAAM6C,IAAK,CAAAY,EAAE,CAC/E,KAAA,IAAA,CAAKwD,MAAMpB,MAAU,IAAA,KAAA;MAEvB,sBAAA/G,UAAA,CAAAA,GAAA,CAAC4D,KAAA,EAAA;QACCE,OAAS,EAAA,IAAA,CAAK4E,YAAa,CAAAC,IAAA,CAAKzH,MAAM6C,IAAI,CAAA;QAC1CC,WAAW,IAAK,CAAAY,aAAA;QAChBb,MAAM7C,KAAM,CAAA6C,IAAA;QACZnE,OAAO6I,MAAO,CAAA7I,KAAA;QACdC,QAAQ4I,MAAO,CAAA5I,MAAA;QACfqE,MAAA;QACAD,SAAS,IAAK,CAAA2E;MAAA,CAAA,CAChB;IAAA,CAEJ,CAAA;EAAA;EAxGAC,iBAAoBA,CAAA,EAAA;IAClB,IAAA,CAAKC,kBAAqB,GAAArH,MAAA,CACxB,KAAKoC,KAAM,CAAA1D,MAAA,EACX,IAAK,CAAA8H,cAAA,EACL,IAAK,CAAAF,YAAA,EACL5B,kBACA4C,SAAU,CAAA;MACVf,IAAA,EAAO5F,OAA6B,IAAA;QAC7B,IAAA,CAAA+E,QAAA,CAAU6B,IAAU,KAAA;UACvBhC,aAAe,EAAA,CAAC,GAAGgC,IAAA,CAAKhC,eAAe5E,OAAO,CAAA;UAC9C6E,SAAW,EAAA;QACX,CAAA,CAAA,CAAA;MACJ;IAAA,CACD,CAAA;EACH;EAEAgC,oBAAuBA,CAAA,EAAA;IACrB,IAAI,KAAKH,kBAAoB,EAAA;MAC3B,IAAA,CAAKA,mBAAmBI,WAAY,EAAA;IACtC;EACF;EA2DAb,SAAYA,CAAA,EAAA;IACH,OAAA,IAAA,CAAKF,KAAM,CAAAnB,aAAA,CAAcmC,IAAK,CAAA,CAAA;EACvC;EAyBAC,MAASA,CAAA,EAAA;IACP,MAAM;MAAEhJ,KAAA;MAAO4G,aAAe;MAAAC;IAAA,IAAc,IAAK,CAAAkB,KAAA;IAG/C,sBAAAnI,UAAA,CAAAA,GAAA,CAACqJ,EAAA,CAAAA,MAAA,EAAA;MACC1E,EAAG,EAAA,uBAAA;MACH2E,MAAO,EAAA,4BAAA;MACPzB,SAAS,IAAK,CAAA0B,WAAA;MACd7E,IAAI,EAAA,IAAA;MACJ9E,KAAO,EAAA,CAAA;MAEPG,QAAC,EAAAN,eAAAA,UAAAA,CAAAA,IAAA,CAAAyG,EAAAA,CAAAA,KAAA,EAAA;QAAMsD,KAAO,EAAA,CAAA;QAAG7D,SAAS,CACxB;QAAA5F,QAAA,EAAA,CAAA,eAAAC,cAAA,CAACuD,EAAAA,CAAAA,IACC,EAAA;UAAAxD,QAAA,EAAAN,eAAAA,UAAAA,CAAAA,IAAA,CAACwG,MAAO,EAAA;YAAAuD,KAAA,EAAO,CACb;YAAAzJ,QAAA,EAAA,CAAA,eAAAC,cAAA,CAAC8F,EAAAA,CAAAA,IAAK,EAAA;cAAAC,IAAA,EAAM,CAAG;cAAA0D,MAAA,EAAO;cAAW1J,QAEjC,EAAA;aAAA,CAAA,EAAA,eACAC,UAAA,CAAAA,GAAA,CAAC0J,EAAA,CAAAA,SAAA,EAAA;cACCC,KAAM,EAAA,qBAAA;cACNC,WAAY,EAAA,kBAAA;cACZrC,KAAO,EAAAnH,KAAA;cACPyJ,UAAU,IAAK,CAAAC;YAAA,CACjB,CAAA;UAAA,CACF;QACF,CAAA,CAAA,EACC,CAAC7C,SAAA,IAAa,IAAK,CAAAoB,SAAA,CAAY,CAAA,CAAAC,MAAA,KAAW,CACzC,IAAA,eAAAtI,UAAA,CAAAA,GAAA,CAAC8F,EAAK,CAAAA,IAAA,EAAA;UAAAC,IAAA,EAAM,CAAG;UAAAgE,KAAA,EAAK;UAAChK,QAErB,EAAA;SAAA,CAAA,EAAA,eAEFC,UAAA,CAAAA,GAAA,CAACgK,uBAAA,CAAA1G,OAAA,EAAA;UACC2G,UAAA,EAAY,IAAK,CAAA5B,SAAA,CAAA,CAAY,CAAAC,MAAA;UAC7BN,MAAM,IAAK,CAAAkC,qBAAA;UAEXC,OAAO,EAAA,IAAA;UACPC,eAAiB,EAAA,IAAA;UACjBvK,MAAO,EAAA,MAAA;UACPwK,MACE,EAAA,eAAArK,UAAA,CAAAA,GAAA,CAACsK,OAAK,EAAA;YAAAC,KAAA,EAAM,QAAS;YAAAC,OAAA,EAAQ,QAAS;YAAA7E,OAAA,EAAS,CAC7C;YAAA5F,QAAA,EAAAC,eAAAA,UAAAA,CAAAA,GAAA,CAACyK,EAAQ,CAAAA,OAAA,EAAA;cAAAV,KAAA,EAAK;YAAC,CAAA;WACjB,CAAA;UAEFW,YACG1K,eAAAA,UAAAA,CAAAA,GAAA,CAAA8F,EAAA,CAAAA,IAAA,EAAA;YAAKC,MAAM,CAAG;YAAAgE,KAAA,EAAK;YAAChK,QAErB,EAAA;WAAA,CAAA;UAGDA,QAAA,EAAAiH,aAAA,CACE2D,MAAO,CAACC,MAAW,IAAAA,MAAA,CAAOtC,MAAS,GAAA,CAAC,CACpC,CAAAnG,GAAA,CAAI,CAACyI,MAAA,EAAyBrC,KAC7B,KAAA,eAAAvI,UAAA,CAAAA,GAAA,CAAC6K,mBAAA,CAAAvH,OAAA,EAAA;YAGCmF,MAAO,EAAA,MAAA;YACPqC,OAAS,EAAA1E,aAAA;YACTT,OAAS,EAAAU,aAAA;YACT0E,eAAA,EAAkBnL,KAAU,IAAA;cAC1B,IAAIA,KAAQ,GAAA,GAAA,EAAY,OAAA,GAAA,CAAA,KAAA,IACfA,KAAQ,GAAA,GAAA,EAAY,OAAA,GAAA;cACtB,OAAA,GAAA;YACT,CAAA;YACAgL,MAAQ,EAAAA,MAAA,CAAOzI,GAAI,CAACjB,KAA0B,KAAA;cAC5C8D,GAAA,EAAK9D,MAAM+D,IAAK,CAAAC,KAAA;cAChBtF,OAAOsB,KAAM,CAAAtB,KAAA;cACbC,QAAQqB,KAAM,CAAArB,MAAA;cACdmL,KAAK9J,KAAM,CAAAyD,EAAA;cACXZ,IAAM,EAAA7C;YAAA,CACN,CAAA,CAAA;YACF+J,aAAa,IAAK,CAAAC,WAAA;YAClBC,eAAiB,EAAA;cACfC,cAAA,EAAgB;gBAAE3F,KAAO,EAAA;kBAAE4F,cAAc,EAAG,CAAA1K,MAAA,CAAAyF,aAAA,EAAa;;cAAO;YAClE;UAAA,CAAA,EAnBK,UAAA,CAAWzF,MAAS,CAAAP,KAAA,IAAA,SAAA,EAAS,GAAI,CAAA,CAAAO,MAAA,CAAA4H,KAAA,CAAA,CAqBzC;QAAA,CACL,CAAA;OACF;IAAA,CAAA,CACF;EAEJ;AACF;AA3MEzB,aAAA,CAJIL,6BAIG,cAAe,EAAA;EACpB6E,cAAgB,EAAA,KAAA;AAClB,CAAA,CAAA;AC1BK,MAAMC,mBAAmC,GAAA;EAC9ClG,IAAM,EAAA,UAAA;EACNC,KAAO,EAAA,UAAA;EACPkG,SAAW,EAAAC,mBAAA;EACXC,IAAM,EAAAC;AACR,CAAA;AAKO,MAAMC,qBAAqBC,MAAAA,CAAAA,YAAa,CAAA;EAC7CxG,IAAM,EAAA,8BAAA;EAENyG,IAAM,EAAA;IACJC,KAAO,EAAA;MACLC,YAAA,EAAehD,IAAS,IAAA;QACf,OAAA,CAAC,GAAGA,IAAA,EAAMuC,mBAAmB,CAAA;MACtC;IACF;EACF;AACF,CAAC,CAAA;;"}
|
package/lib/index.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
2
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
1
|
import { useClient, definePlugin } from 'sanity';
|
|
4
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
-
import { Card,
|
|
3
|
+
import { Card, Text, Stack, Dialog, TextInput, Flex, Spinner } from '@sanity/ui';
|
|
6
4
|
import React, { useCallback, useEffect } from 'react';
|
|
7
5
|
import InfiniteScroll from 'react-infinite-scroll-component';
|
|
8
6
|
import PhotoAlbum from 'react-photo-album';
|
|
@@ -50,14 +48,20 @@ const search = (client, query, page, resultsPerPage) => {
|
|
|
50
48
|
return fetchList(client, "popular", p, resultsPerPage);
|
|
51
49
|
})));
|
|
52
50
|
};
|
|
53
|
-
|
|
51
|
+
var __freeze$1 = Object.freeze;
|
|
52
|
+
var __defProp$2 = Object.defineProperty;
|
|
53
|
+
var __template$1 = (cooked, raw) => __freeze$1(__defProp$2(cooked, "raw", {
|
|
54
|
+
value: __freeze$1(raw || cooked.slice())
|
|
55
|
+
}));
|
|
56
|
+
var _a$1, _b$1, _c;
|
|
57
|
+
const Root = styled.div(_a$1 || (_a$1 = __template$1(["\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: ", ";\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"])), _ref2 => {
|
|
54
58
|
let {
|
|
55
|
-
|
|
59
|
+
theme
|
|
56
60
|
} = _ref2;
|
|
57
|
-
return "1px solid ".concat(
|
|
61
|
+
return "1px solid ".concat(theme.sanity.color.card.enabled.border);
|
|
58
62
|
});
|
|
59
|
-
const CreditLineLink = styled.a(
|
|
60
|
-
const CreditLine = styled(Card)(
|
|
63
|
+
const CreditLineLink = styled.a(_b$1 || (_b$1 = __template$1(["\n text-decoration: none;\n cursor: pointer;\n"])));
|
|
64
|
+
const CreditLine = styled(Card)(_c || (_c = __template$1(["\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"])), _ref3 => {
|
|
61
65
|
let {
|
|
62
66
|
theme
|
|
63
67
|
} = _ref3;
|
|
@@ -98,9 +102,7 @@ function Photo(props) {
|
|
|
98
102
|
}, [active, data, onFocus]);
|
|
99
103
|
const src = data.urls.small;
|
|
100
104
|
const userName = data.user.name;
|
|
101
|
-
const theme = useTheme().sanity;
|
|
102
105
|
return /* @__PURE__ */jsx(Root, {
|
|
103
|
-
studioTheme: theme,
|
|
104
106
|
title: "Select image by ".concat(userName, " from Unsplash"),
|
|
105
107
|
tabIndex: 0,
|
|
106
108
|
onKeyDown: handleKeyDown,
|
|
@@ -108,7 +110,7 @@ function Photo(props) {
|
|
|
108
110
|
style: {
|
|
109
111
|
width: "".concat(width, "px"),
|
|
110
112
|
height: "".concat(height, "px"),
|
|
111
|
-
backgroundImage:
|
|
113
|
+
backgroundImage: 'url("'.concat(src, '")')
|
|
112
114
|
},
|
|
113
115
|
onClick: handleClick,
|
|
114
116
|
children: /* @__PURE__ */jsx(CreditLineLink, {
|
|
@@ -126,8 +128,25 @@ function Photo(props) {
|
|
|
126
128
|
})
|
|
127
129
|
});
|
|
128
130
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
+
var __freeze = Object.freeze;
|
|
132
|
+
var __defProp$1 = Object.defineProperty;
|
|
133
|
+
var __template = (cooked, raw) => __freeze(__defProp$1(cooked, "raw", {
|
|
134
|
+
value: __freeze(raw || cooked.slice())
|
|
135
|
+
}));
|
|
136
|
+
var _a, _b;
|
|
137
|
+
const Search = styled(Stack)(_a || (_a = __template(["\n position: sticky;\n top: 0;\n z-index: 1;\n"])));
|
|
138
|
+
styled.div(_b || (_b = __template(["\n overflow-y: auto;\n max-height: 80vh;\n"])));
|
|
139
|
+
var __defProp = Object.defineProperty;
|
|
140
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
141
|
+
enumerable: true,
|
|
142
|
+
configurable: true,
|
|
143
|
+
writable: true,
|
|
144
|
+
value
|
|
145
|
+
}) : obj[key] = value;
|
|
146
|
+
var __publicField = (obj, key, value) => {
|
|
147
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
148
|
+
return value;
|
|
149
|
+
};
|
|
131
150
|
const RESULTS_PER_PAGE = 42;
|
|
132
151
|
const PHOTO_SPACING = 2;
|
|
133
152
|
const PHOTO_PADDING = 1;
|
|
@@ -143,17 +162,17 @@ function UnsplashAssetSource(props) {
|
|
|
143
162
|
class UnsplashAssetSourceInternal extends React.Component {
|
|
144
163
|
constructor() {
|
|
145
164
|
super(...arguments);
|
|
146
|
-
this
|
|
165
|
+
__publicField(this, "state", {
|
|
147
166
|
cursor: 0,
|
|
148
167
|
query: "",
|
|
149
168
|
page: 1,
|
|
150
169
|
searchResults: [[]],
|
|
151
170
|
isLoading: true
|
|
152
|
-
};
|
|
153
|
-
this
|
|
154
|
-
this
|
|
155
|
-
this
|
|
156
|
-
this
|
|
171
|
+
});
|
|
172
|
+
__publicField(this, "searchSubscription", null);
|
|
173
|
+
__publicField(this, "searchSubject$", new BehaviorSubject(""));
|
|
174
|
+
__publicField(this, "pageSubject$", new BehaviorSubject(1));
|
|
175
|
+
__publicField(this, "handleSelect", photo => {
|
|
157
176
|
this.setState({
|
|
158
177
|
isLoading: true
|
|
159
178
|
});
|
|
@@ -175,11 +194,11 @@ class UnsplashAssetSourceInternal extends React.Component {
|
|
|
175
194
|
};
|
|
176
195
|
this.props.onSelect([asset]);
|
|
177
196
|
});
|
|
178
|
-
};
|
|
179
|
-
this
|
|
197
|
+
});
|
|
198
|
+
__publicField(this, "handleClose", () => {
|
|
180
199
|
this.props.onClose();
|
|
181
|
-
};
|
|
182
|
-
this
|
|
200
|
+
});
|
|
201
|
+
__publicField(this, "handleSearchTermChanged", event => {
|
|
183
202
|
const query = event.currentTarget.value;
|
|
184
203
|
this.setState({
|
|
185
204
|
query,
|
|
@@ -190,8 +209,8 @@ class UnsplashAssetSourceInternal extends React.Component {
|
|
|
190
209
|
});
|
|
191
210
|
this.pageSubject$.next(1);
|
|
192
211
|
this.searchSubject$.next(query);
|
|
193
|
-
};
|
|
194
|
-
this
|
|
212
|
+
});
|
|
213
|
+
__publicField(this, "handleScollerLoadMore", () => {
|
|
195
214
|
const nextPage = this.state.page + 1;
|
|
196
215
|
this.setState({
|
|
197
216
|
page: nextPage,
|
|
@@ -199,8 +218,8 @@ class UnsplashAssetSourceInternal extends React.Component {
|
|
|
199
218
|
});
|
|
200
219
|
this.pageSubject$.next(nextPage);
|
|
201
220
|
this.searchSubject$.next(this.state.query);
|
|
202
|
-
};
|
|
203
|
-
this
|
|
221
|
+
});
|
|
222
|
+
__publicField(this, "handleKeyDown", event => {
|
|
204
223
|
const {
|
|
205
224
|
cursor
|
|
206
225
|
} = this.state;
|
|
@@ -213,14 +232,14 @@ class UnsplashAssetSourceInternal extends React.Component {
|
|
|
213
232
|
cursor: prevState.cursor + 1
|
|
214
233
|
}));
|
|
215
234
|
}
|
|
216
|
-
};
|
|
217
|
-
this
|
|
235
|
+
});
|
|
236
|
+
__publicField(this, "updateCursor", photo => {
|
|
218
237
|
const index = this.getPhotos().findIndex(result => result.id === photo.id);
|
|
219
238
|
this.setState({
|
|
220
239
|
cursor: index
|
|
221
240
|
});
|
|
222
|
-
};
|
|
223
|
-
this
|
|
241
|
+
});
|
|
242
|
+
__publicField(this, "renderImage", props => {
|
|
224
243
|
const {
|
|
225
244
|
photo,
|
|
226
245
|
layout
|
|
@@ -235,7 +254,7 @@ class UnsplashAssetSourceInternal extends React.Component {
|
|
|
235
254
|
active,
|
|
236
255
|
onFocus: this.updateCursor
|
|
237
256
|
});
|
|
238
|
-
};
|
|
257
|
+
});
|
|
239
258
|
}
|
|
240
259
|
componentDidMount() {
|
|
241
260
|
this.searchSubscription = search(this.props.client, this.searchSubject$, this.pageSubject$, RESULTS_PER_PAGE).subscribe({
|
|
@@ -336,9 +355,9 @@ class UnsplashAssetSourceInternal extends React.Component {
|
|
|
336
355
|
});
|
|
337
356
|
}
|
|
338
357
|
}
|
|
339
|
-
UnsplashAssetSourceInternal
|
|
358
|
+
__publicField(UnsplashAssetSourceInternal, "defaultProps", {
|
|
340
359
|
selectedAssets: void 0
|
|
341
|
-
};
|
|
360
|
+
});
|
|
342
361
|
const unsplashAssetSource = {
|
|
343
362
|
name: "unsplash",
|
|
344
363
|
title: "Unsplash",
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["import React from 'react'\n\nexport 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 { SanityClient } from '@sanity/client'\nimport { BehaviorSubject, concat, defer, Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\n\nimport { 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<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 }) as any\n )\n\nconst fetchList = (\n client: SanityClient,\n type: string,\n page: number,\n perPage: number\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 }) 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): 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, 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 { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useEffect } from 'react'\n\nimport { 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 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 (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 (active) {\n onFocus(data)\n }\n }, [active, data, onFocus])\n\n const src = data.urls.small\n const userName = data.user.name\n\n const theme = useTheme().sanity\n return (\n <Root\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 { 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 { SanityClient } from '@sanity/client'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { AssetFromSource, AssetSourceComponentProps, useClient } from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { Search } 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 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 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: 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 // 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 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 { 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":["UnsplashIcon","jsxs","role","viewBox","width","height","fill","children","jsx","d","fetchSearch","client","query","page","perPage","defer","observable","request","url","encodeURIComponent","concat","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref","q","p","map","results","Root","styled","div","_templateObject","_taggedTemplateLiteral","_ref2","studioTheme","color","card","enabled","border","CreditLineLink","a","_templateObject2","CreditLine","Card","_templateObject3","_ref3","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","html","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","useTheme","title","tabIndex","onMouseDown","style","backgroundImage","padding","radius","margin","Text","size","username","Search","Stack","_templateObject4","_templateObject5","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","state","cursor","searchResults","isLoading","searchSubscription","searchSubject$","BehaviorSubject","pageSubject$","handleSelect","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","handleClose","onClose","handleSearchTermChanged","currentTarget","next","handleScollerLoadMore","nextPage","prevState","getPhotos","length","updateCursor","index","findIndex","renderImage","layout","bind","componentDidMount","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","space","weight","TextInput","label","placeholder","onChange","muted","InfiniteScroll","dataLength","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","componentsProps","containerProps","marginBottom","defaultProps","selectedAssets","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["export default function UnsplashIcon() {\n return (\n <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n <title />\n <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n </svg>\n )\n}\n","import { SanityClient } from '@sanity/client'\nimport { BehaviorSubject, concat, defer, Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\n\nimport { 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<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 }) as any,\n )\n\nconst fetchList = (\n client: SanityClient,\n type: string,\n page: number,\n perPage: number,\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 }) 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): 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 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 { Text } from '@sanity/ui'\nimport { useCallback, useEffect } from 'react'\n\nimport { 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 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 (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 (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 { 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 { SanityClient } from '@sanity/client'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { AssetFromSource, AssetSourceComponentProps, useClient } from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { Search } 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 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 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: 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 // 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 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 { 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":["UnsplashIcon","jsxs","role","viewBox","width","height","fill","children","jsx","d","fetchSearch","client","query","page","perPage","defer","observable","request","url","concat","encodeURIComponent","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref","q","p","map","results","_a","_b","_c","Root","styled","div","__template","_ref2","theme","sanity","color","card","enabled","border","CreditLineLink","a","CreditLine","Card","_ref3","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","html","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","title","tabIndex","onMouseDown","style","backgroundImage","padding","radius","margin","Text","size","username","Search","Stack","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","__publicField","cursor","searchResults","isLoading","BehaviorSubject","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","onClose","currentTarget","pageSubject$","next","searchSubject$","nextPage","state","prevState","getPhotos","length","index","findIndex","layout","handleSelect","bind","updateCursor","componentDidMount","searchSubscription","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","handleClose","space","weight","TextInput","label","placeholder","onChange","handleSearchTermChanged","muted","InfiniteScroll","dataLength","handleScollerLoadMore","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","renderImage","componentsProps","containerProps","marginBottom","selectedAssets","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sanity-plugin-asset-source-unsplash",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"description": "Use images from Unsplash.com in your Sanity Studio",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"sanity",
|
|
@@ -28,8 +28,7 @@
|
|
|
28
28
|
"source": "./src/index.ts",
|
|
29
29
|
"require": "./lib/index.cjs",
|
|
30
30
|
"node": {
|
|
31
|
-
"import": "./lib/index.cjs.js"
|
|
32
|
-
"require": "./lib/index.cjs"
|
|
31
|
+
"import": "./lib/index.cjs.js"
|
|
33
32
|
},
|
|
34
33
|
"import": "./lib/index.js",
|
|
35
34
|
"default": "./lib/index.js"
|
|
@@ -49,7 +48,6 @@
|
|
|
49
48
|
"scripts": {
|
|
50
49
|
"build": "run-s clean && plugin-kit verify-package --silent && pkg-utils build --strict && pkg-utils --strict",
|
|
51
50
|
"clean": "rimraf lib",
|
|
52
|
-
"dev": "next dev",
|
|
53
51
|
"format": "prettier --write --cache --ignore-unknown .",
|
|
54
52
|
"link-watch": "plugin-kit link-watch",
|
|
55
53
|
"lint": "eslint .",
|
|
@@ -63,47 +61,45 @@
|
|
|
63
61
|
"@sanity/incompatible-plugin": "^1.0.0",
|
|
64
62
|
"@sanity/ui": "^1.0.0",
|
|
65
63
|
"react-infinite-scroll-component": "6.1.0",
|
|
66
|
-
"react-photo-album": "2.
|
|
64
|
+
"react-photo-album": "2.3.0",
|
|
67
65
|
"rxjs": "^7.0.0"
|
|
68
66
|
},
|
|
69
67
|
"devDependencies": {
|
|
70
|
-
"@commitlint/cli": "^
|
|
71
|
-
"@commitlint/config-conventional": "^
|
|
72
|
-
"@sanity/pkg-utils": "^
|
|
73
|
-
"@sanity/plugin-kit": "^3.1.
|
|
74
|
-
"@sanity/semantic-release-preset": "^4.1.
|
|
75
|
-
"@types/node": "^18.
|
|
76
|
-
"@types/react": "^18.2.
|
|
77
|
-
"@types/react-dom": "^18",
|
|
78
|
-
"@
|
|
79
|
-
"@typescript-eslint/
|
|
80
|
-
"
|
|
81
|
-
"eslint": "^
|
|
82
|
-
"eslint-config-
|
|
83
|
-
"eslint-
|
|
84
|
-
"eslint-
|
|
85
|
-
"eslint-plugin-
|
|
86
|
-
"eslint-plugin-prettier": "^4.2.1",
|
|
87
|
-
"eslint-plugin-react": "^7.32.2",
|
|
68
|
+
"@commitlint/cli": "^18.0.0",
|
|
69
|
+
"@commitlint/config-conventional": "^18.0.0",
|
|
70
|
+
"@sanity/pkg-utils": "^3.1.1",
|
|
71
|
+
"@sanity/plugin-kit": "^3.1.10",
|
|
72
|
+
"@sanity/semantic-release-preset": "^4.1.4",
|
|
73
|
+
"@types/node": "^18.18.6",
|
|
74
|
+
"@types/react": "^18.2.31",
|
|
75
|
+
"@types/react-dom": "^18.2.14",
|
|
76
|
+
"@typescript-eslint/eslint-plugin": "^6.8.0",
|
|
77
|
+
"@typescript-eslint/parser": "^6.8.0",
|
|
78
|
+
"eslint": "^8.52.0",
|
|
79
|
+
"eslint-config-prettier": "^9.0.0",
|
|
80
|
+
"eslint-config-sanity": "^7.0.1",
|
|
81
|
+
"eslint-plugin-import": "^2.29.0",
|
|
82
|
+
"eslint-plugin-prettier": "^5.0.1",
|
|
83
|
+
"eslint-plugin-react": "^7.33.2",
|
|
88
84
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
89
85
|
"eslint-plugin-simple-import-sort": "^10.0.0",
|
|
90
86
|
"husky": "^8.0.3",
|
|
91
|
-
"lint-staged": "^
|
|
87
|
+
"lint-staged": "^15.0.2",
|
|
92
88
|
"npm-run-all": "^4.1.5",
|
|
93
|
-
"prettier": "^
|
|
94
|
-
"prettier-plugin-packagejson": "^2.4.
|
|
89
|
+
"prettier": "^3.0.3",
|
|
90
|
+
"prettier-plugin-packagejson": "^2.4.6",
|
|
95
91
|
"react": "^18.2.0",
|
|
96
92
|
"react-dom": "^18.2.0",
|
|
97
|
-
"react-is": "^18.2.0",
|
|
98
93
|
"rimraf": "^5.0.1",
|
|
99
|
-
"sanity": "^3.
|
|
100
|
-
"
|
|
101
|
-
"
|
|
94
|
+
"sanity": "^3.18.1",
|
|
95
|
+
"semantic-release": "^22.0.5",
|
|
96
|
+
"styled-components": "^6.1.0",
|
|
97
|
+
"typescript": "^5.2.2"
|
|
102
98
|
},
|
|
103
99
|
"peerDependencies": {
|
|
104
100
|
"react": "^18",
|
|
105
101
|
"sanity": "^3",
|
|
106
|
-
"styled-components": "^5.2"
|
|
102
|
+
"styled-components": "^5.2 || ^6"
|
|
107
103
|
},
|
|
108
104
|
"engines": {
|
|
109
105
|
"node": ">=14"
|
package/src/components/Icon.tsx
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
|
-
import { Card
|
|
1
|
+
import { Card } from '@sanity/ui'
|
|
2
2
|
import styled from 'styled-components'
|
|
3
3
|
|
|
4
|
-
type SanityTheme = Theme['sanity']
|
|
5
|
-
|
|
6
|
-
interface Style {
|
|
7
|
-
studioTheme: SanityTheme
|
|
8
|
-
}
|
|
9
|
-
|
|
10
4
|
export const Root = styled.div`
|
|
11
5
|
overflow: hidden;
|
|
12
6
|
background-origin: content-box;
|
|
@@ -15,7 +9,7 @@ export const Root = styled.div`
|
|
|
15
9
|
background-size: cover;
|
|
16
10
|
position: relative;
|
|
17
11
|
outline: none !important;
|
|
18
|
-
border: ${({
|
|
12
|
+
border: ${({ theme }) => `1px solid ${theme.sanity.color.card.enabled.border}`};
|
|
19
13
|
box-sizing: content-box;
|
|
20
14
|
user-drag: none;
|
|
21
15
|
|
package/src/components/Photo.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Text
|
|
2
|
-
import
|
|
1
|
+
import { Text } from '@sanity/ui'
|
|
2
|
+
import { useCallback, useEffect } from 'react'
|
|
3
3
|
|
|
4
4
|
import { UnsplashPhoto } from '../types'
|
|
5
5
|
import { CreditLine, CreditLineLink, Root } from './Photo.styled'
|
|
@@ -27,11 +27,11 @@ export default function Photo(props: Props) {
|
|
|
27
27
|
(event: any) => {
|
|
28
28
|
event.stopPropagation()
|
|
29
29
|
const url = `${data.links.html}?utm_source=${encodeURIComponent(
|
|
30
|
-
UTM_SOURCE
|
|
30
|
+
UTM_SOURCE,
|
|
31
31
|
)}&utm_medium=referral`
|
|
32
32
|
window.open(url, data.id, 'noreferrer,noopener')
|
|
33
33
|
},
|
|
34
|
-
[data]
|
|
34
|
+
[data],
|
|
35
35
|
)
|
|
36
36
|
|
|
37
37
|
const handleKeyDown = useCallback(
|
|
@@ -41,7 +41,7 @@ export default function Photo(props: Props) {
|
|
|
41
41
|
onClick(data)
|
|
42
42
|
}
|
|
43
43
|
},
|
|
44
|
-
[onKeyDown, data, onClick]
|
|
44
|
+
[onKeyDown, data, onClick],
|
|
45
45
|
)
|
|
46
46
|
|
|
47
47
|
const handleMouseDown = useCallback(() => {
|
|
@@ -57,10 +57,8 @@ export default function Photo(props: Props) {
|
|
|
57
57
|
const src = data.urls.small
|
|
58
58
|
const userName = data.user.name
|
|
59
59
|
|
|
60
|
-
const theme = useTheme().sanity
|
|
61
60
|
return (
|
|
62
61
|
<Root
|
|
63
|
-
studioTheme={theme}
|
|
64
62
|
title={`Select image by ${userName} from Unsplash`}
|
|
65
63
|
tabIndex={0}
|
|
66
64
|
onKeyDown={handleKeyDown}
|
|
@@ -11,24 +11,24 @@ const fetchSearch = (
|
|
|
11
11
|
client: SanityClient,
|
|
12
12
|
query: string,
|
|
13
13
|
page: number,
|
|
14
|
-
perPage: number
|
|
14
|
+
perPage: number,
|
|
15
15
|
): Observable<any> =>
|
|
16
16
|
defer(
|
|
17
17
|
() =>
|
|
18
18
|
client.observable.request({
|
|
19
19
|
url: `/addons/unsplash/search/photos?query=${encodeURIComponent(
|
|
20
|
-
query
|
|
20
|
+
query,
|
|
21
21
|
)}&page=${page}&per_page=${perPage}`,
|
|
22
22
|
withCredentials: true,
|
|
23
23
|
method: 'GET',
|
|
24
|
-
}) as any
|
|
24
|
+
}) as any,
|
|
25
25
|
)
|
|
26
26
|
|
|
27
27
|
const fetchList = (
|
|
28
28
|
client: SanityClient,
|
|
29
29
|
type: string,
|
|
30
30
|
page: number,
|
|
31
|
-
perPage: number
|
|
31
|
+
perPage: number,
|
|
32
32
|
): Observable<any> =>
|
|
33
33
|
defer(
|
|
34
34
|
() =>
|
|
@@ -36,13 +36,13 @@ const fetchList = (
|
|
|
36
36
|
url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,
|
|
37
37
|
withCredentials: true,
|
|
38
38
|
method: 'GET',
|
|
39
|
-
}) as any
|
|
39
|
+
}) as any,
|
|
40
40
|
)
|
|
41
41
|
|
|
42
42
|
export function fetchDownloadUrl(client: SanityClient, photo: UnsplashPhoto): Promise<string> {
|
|
43
43
|
const downloadUrl = photo.links.download_location.replace(
|
|
44
44
|
'https://api.unsplash.com',
|
|
45
|
-
'/addons/unsplash'
|
|
45
|
+
'/addons/unsplash',
|
|
46
46
|
)
|
|
47
47
|
return client
|
|
48
48
|
.request({
|
|
@@ -59,7 +59,7 @@ export const search = (
|
|
|
59
59
|
client: SanityClient,
|
|
60
60
|
query: SearchSubject,
|
|
61
61
|
page: PageSubject,
|
|
62
|
-
resultsPerPage: number
|
|
62
|
+
resultsPerPage: number,
|
|
63
63
|
): Observable<any> => {
|
|
64
64
|
return concat(
|
|
65
65
|
query.pipe(
|
|
@@ -70,11 +70,11 @@ export const search = (
|
|
|
70
70
|
if (q) {
|
|
71
71
|
return fetchSearch(client, q, p, resultsPerPage).pipe(
|
|
72
72
|
distinctUntilChanged(),
|
|
73
|
-
map((result) => result.results)
|
|
73
|
+
map((result) => result.results),
|
|
74
74
|
)
|
|
75
75
|
}
|
|
76
76
|
return fetchList(client, 'popular', p, resultsPerPage)
|
|
77
|
-
})
|
|
78
|
-
)
|
|
77
|
+
}),
|
|
78
|
+
),
|
|
79
79
|
)
|
|
80
80
|
}
|