sanity-plugin-shopify-assets 1.2.3 → 2.0.1

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/components/File.styled.tsx","../src/components/VideoPlayer.tsx","../src/components/AssetPreview.tsx","../src/datastores/shopify.ts","../src/components/DialogHeader.tsx","../src/utils/helpers.ts","../src/components/File.tsx","../src/components/ShopifyAssetInput.styled.tsx","../src/components/ShopifyAssetPicker.tsx","../src/components/ShopifyIcon.tsx","../src/components/ShopifyAssetInput.tsx","../src/components/AssetDiff.tsx","../src/schema/shopifyAssetSchema.ts","../src/schema/shopifyAssetPreviewSchema.ts","../src/schema/shopifyAssetMetadataSchema.ts","../src/index.ts"],"sourcesContent":["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  background-color: ${({theme}) => theme.sanity.color.card.enabled.bg2};\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 InfoLine = styled(Card)`\n  ${({theme}) => `\n    --infoline-fg: ${theme.sanity.color.card.enabled.fg};\n    --infoline-bg: ${theme.sanity.color.card.enabled.bg};\n  `};\n  user-drag: none;\n  position: absolute;\n  background-color: var(--infoline-bg);\n  top: 0;\n  left: 0;\n  max-width: 65%;\n  overflow-wrap: break-word;\n\n  [data-ui='Text'] {\n    color: var(--infoline-fg);\n  }\n`\n\nexport const DurationLine = styled(Card)`\n  ${({theme}) => `\n    --durationline-fg: ${theme.sanity.color.card.enabled.bg};\n    --durationline-bg: ${theme.sanity.color.card.enabled.fg};\n  `};\n  user-drag: none;\n  position: absolute;\n  background-color: var(--durationline-bg);\n  top: 0;\n  right: 0;\n\n  [data-ui='Text'] {\n    color: var(--durationline-fg);\n  }\n`\n","import React, {type CSSProperties, type MouseEvent, useCallback, useEffect} from 'react'\nimport videojs, {type VideoJsPlayer} from 'video.js'\n\ntype PlayerKind = 'player' | 'diff'\n\ninterface VideoProps {\n  src: string\n  kind: PlayerKind\n}\n\nconst VideoPlayer = ({src, kind}: VideoProps) => {\n  const videoNode = React.useRef<HTMLVideoElement>(null)\n  const player = React.useRef<VideoJsPlayer>()\n\n  useEffect(() => {\n    player.current = videojs(videoNode.current ?? '', {\n      sources: [{src}],\n      controls: true,\n    })\n\n    player.current.src({src})\n  }, [src])\n\n  const stopPropagation = useCallback((event: MouseEvent) => {\n    event.stopPropagation()\n  }, [])\n\n  const className: Record<PlayerKind, string> = {\n    player: 'video-js vjs-16-9 vjs-big-play-centered',\n    diff: 'video-js vjs-layout-tiny vjs-fluid',\n  }\n\n  const style: CSSProperties = {position: 'relative'}\n\n  return (\n    <div>\n      <link href=\"https://vjs.zencdn.net/7.8.4/video-js.css\" rel=\"stylesheet\" />\n      <div data-vjs-player>\n        <video\n          onClick={stopPropagation}\n          style={kind === 'diff' ? style : {}}\n          className={className[kind]}\n          ref={videoNode}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default VideoPlayer\n","import React from 'react'\nimport prettyBytes from 'pretty-bytes'\nimport prettyMilliseconds from 'pretty-ms'\nimport {styled} from 'styled-components'\nimport {Box, Flex, Text} from '@sanity/ui'\n\nimport {Asset} from '../types'\nimport {DurationLine, InfoLine} from './File.styled'\nimport VideoPlayer from './VideoPlayer'\n\ninterface ComponentProps {\n  value: Asset\n}\n\nexport const StyledBox = styled(Box)`\n  background-color: ${({theme}) => theme.sanity.color?.card?.enabled?.bg2};\n  border: ${({theme}) => `1px solid ${theme.sanity?.color?.card?.enabled?.border}`};\n  display: flex;\n  justify-content: center;\n  margin-bottom: ${({theme}) => theme.sanity.space[4]};\n  position: relative;\n`\n\nconst RenderAsset = ({value, url}: {value: Asset; url: string}) => {\n  switch (value.type) {\n    case 'video':\n      return <VideoPlayer src={url} kind=\"player\" />\n    default:\n      return (\n        <Flex justify=\"center\">\n          <img\n            alt=\"preview\"\n            src={value?.preview?.url}\n            style={{\n              maxWidth: '100%',\n              height: 'auto',\n              display: 'block',\n              maxHeight: '30vh',\n            }}\n          />\n        </Flex>\n      )\n  }\n}\n\nconst AssetPreview = ({value}: ComponentProps) => {\n  const url = value && value.url\n\n  if (!value || !url) {\n    return null\n  }\n\n  const {filename, meta} = value\n  const {fileSize, duration} = meta\n\n  return (\n    <StyledBox marginBottom={2}>\n      <RenderAsset value={value} url={url} />\n      <InfoLine padding={2} radius={2} margin={2}>\n        <Text size={1} title={`Select ${filename}`}>\n          {filename} {fileSize && `(${prettyBytes(fileSize)})`}\n        </Text>\n      </InfoLine>\n      {duration && (\n        <DurationLine padding={2} radius={2} margin={2}>\n          <Text size={1} title={`Video duration: ${filename}`}>\n            {prettyMilliseconds(duration, {colonNotation: true, secondsDecimalDigits: 0})}\n          </Text>\n        </DurationLine>\n      )}\n    </StyledBox>\n  )\n}\n\nexport default AssetPreview\n","import {BehaviorSubject, Observable, concat, defer} from 'rxjs'\nimport {debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom} from 'rxjs/operators'\n\nimport axios from 'axios'\n\ntype SearchSubject = BehaviorSubject<string>\ntype CursorSubject = BehaviorSubject<any>\n\ninterface fetchProps {\n  projectId: string\n  dataset: string\n  shop: string\n  query: SearchSubject\n  cursor: CursorSubject\n  resultsPerPage: number\n  token?: string\n}\n\ninterface searchProps extends Omit<fetchProps, 'query' | 'cursor'> {\n  query: string\n  cursor: string\n}\ninterface listProps extends Omit<fetchProps, 'query' | 'cursor'> {\n  cursor: string\n}\n\nconst fetchSearch = (props: searchProps): Observable<any> => {\n  const {projectId, dataset, shop, query, cursor, resultsPerPage, token} = props\n\n  return defer(() => {\n    return axios.get(\n      `https://${projectId}.api.sanity.io/v1/shopify/assets/${dataset}?shop=${shop}&query=${encodeURIComponent(\n        query\n      )}${cursor && `&cursor=${cursor}`}&limit=${resultsPerPage}`,\n      {\n        withCredentials: true,\n        method: 'GET',\n        headers: token\n          ? {\n              Authorization: `Bearer ${token}`,\n            }\n          : {},\n      }\n    )\n  }).pipe(map((result) => result.data))\n}\n\nconst fetchList = (props: listProps): Observable<any> => {\n  const {projectId, dataset, shop, cursor, resultsPerPage, token} = props\n\n  return defer(() =>\n    axios.get(\n      `https://${projectId}.api.sanity.io/v1/shopify/assets/${dataset}?shop=${shop}${\n        cursor && `&cursor=${cursor}`\n      }&limit=${resultsPerPage}`,\n      {\n        withCredentials: true,\n        method: 'GET',\n        headers: token\n          ? {\n              Authorization: `Bearer ${token}`,\n            }\n          : {},\n      }\n    )\n  ).pipe(map((result) => result.data))\n}\n\nexport const search = (props: fetchProps): Observable<any> => {\n  const {projectId, dataset, shop, query, cursor, resultsPerPage, token} = props\n\n  return concat(\n    query.pipe(\n      withLatestFrom(cursor),\n      debounceTime(500),\n      distinctUntilChanged(),\n      switchMap(([q, c]) => {\n        if (q) {\n          return fetchSearch({\n            projectId,\n            dataset,\n            shop,\n            query: q,\n            cursor: c,\n            resultsPerPage,\n            token,\n          }).pipe(distinctUntilChanged())\n        }\n        return fetchList({projectId, dataset, shop, cursor: c, resultsPerPage, token})\n      })\n    )\n  )\n}\n","import React, {useCallback} from 'react'\nimport {Box, Flex, Button} from '@sanity/ui'\nimport {LaunchIcon} from '@sanity/icons'\n\ninterface Props {\n  title: string\n  shopifyDomain: string\n}\n\nconst DialogHeader = (props: Props) => {\n  const {title, shopifyDomain} = props\n\n  const handleOpenInNewTab = useCallback(() => {\n    window.open(`https://${shopifyDomain}/admin/content/files`, '_blank')\n  }, [shopifyDomain])\n\n  return (\n    <Flex align=\"center\">\n      {title}\n      {/*\n        HACK: Sanity UI will attempt to focus the first 'focusable' descendant of any dialog.\n        Typically this is fine, but since our first focusable element is a button with a tooltip, this\n        default behaviour causes the tooltip to appear whenever the dialog is opened, which we don't want!\n\n        To get around this, we include a pseudo-hidden input to ensure our tooltip-enabled button remains\n        unfocused on initial mount.\n        */}\n      <input style={{opacity: 0}} tabIndex={-1} type=\"button\" />\n      <Box style={{position: 'absolute', right: '-1.5em'}}>\n        <Box className=\"button-large\">\n          <Button\n            fontSize={1}\n            icon={LaunchIcon}\n            mode=\"bleed\"\n            onClick={handleOpenInNewTab}\n            text=\"Add New\"\n          />\n        </Box>\n      </Box>\n    </Flex>\n  )\n}\n\nexport default DialogHeader\n","export const extractName = (name: string): string => name?.split('/')?.pop()?.split('?')[0] ?? ''\n","import React, {useCallback, useRef} from 'react'\nimport {Text} from '@sanity/ui'\nimport prettyBytes from 'pretty-bytes'\nimport prettyMilliseconds from 'pretty-ms'\n\nimport {extractName} from '../utils/helpers'\nimport {Asset, ShopifyFile} from '../types'\nimport {DurationLine, InfoLine, Root} from './File.styled'\n\ntype Props = {\n  data: ShopifyFile\n  width: number\n  height: number\n  onClick: (file: Asset) => void\n}\n\nexport default function File(props: Props) {\n  const {onClick, data, width, height} = props\n  const rootElm = useRef<HTMLDivElement>(null)\n\n  const {preview, meta} = data\n  const filename = extractName(data.url)\n\n  const handleClick = useCallback(() => {\n    onClick({...data, filename})\n  }, [onClick, data, filename])\n\n  return (\n    <Root\n      ref={rootElm}\n      title={`${filename}`}\n      tabIndex={0}\n      style={{\n        width: `${width}px`,\n        height: `${height}px`,\n        backgroundImage: `url(\"${preview?.url}\")`,\n      }}\n      onClick={handleClick}\n    >\n      <InfoLine padding={2} radius={2} margin={2}>\n        <Text size={1} title={`Select ${filename}`}>\n          {filename} {meta.fileSize && `(${prettyBytes(meta.fileSize)})`}\n        </Text>\n      </InfoLine>\n      {meta.duration && (\n        <DurationLine padding={2} radius={2} margin={2}>\n          <Text size={1} title={`Video duration: ${filename}`}>\n            {prettyMilliseconds(meta.duration, {colonNotation: true, secondsDecimalDigits: 0})}\n          </Text>\n        </DurationLine>\n      )}\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 {BehaviorSubject, Subscription} from 'rxjs'\nimport {ErrorOutlineIcon} from '@sanity/icons'\nimport {Card, Dialog, Flex, Inline, Spinner, Stack, Text, TextInput} from '@sanity/ui'\nimport {PatchEvent, set, useProjectId, ObjectInputProps, useDataset, useClient} from 'sanity'\nimport React, {useCallback, useEffect, useMemo, useState} from 'react'\nimport PhotoAlbum from 'react-photo-album'\nimport InfiniteScroll from 'react-infinite-scroll-component'\n\nimport {search} from '../datastores/shopify'\nimport type {Asset, PageInfo, ShopifyAPIResponse, ShopifyFile} from '../types'\nimport DialogHeader from './DialogHeader'\nimport File from './File'\nimport {Search} from './ShopifyAssetInput.styled'\n\nconst RESULTS_PER_PAGE = 42\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1\n\nexport interface AssetPickerProps extends ObjectInputProps<Asset> {\n  shopifyDomain: string\n  isOpen: boolean\n  onClose: () => void\n}\n\nexport default function ShopifyAssetPicker(props: AssetPickerProps) {\n  const {isOpen, onClose, shopifyDomain, onChange, schemaType, value} = props\n  const projectId = useProjectId()\n  const dataset = useDataset()\n  const client = useClient({apiVersion: '2021-06-07'})\n  const token = client.config().token\n\n  const [error, setError] = useState('')\n  const [query, setQuery] = useState('')\n  const [searchResults, setSearchResults] = useState<any[]>([])\n  const [pageInfo, setPageInfo] = useState<PageInfo>()\n  const [isLoading, setIsLoading] = useState(true)\n\n  const searchSubject$ = useMemo(() => new BehaviorSubject(''), [])\n  const cursorSubject$ = useMemo(() => new BehaviorSubject(''), [])\n\n  useEffect(() => {\n    if (!shopifyDomain) setError('Please configure your Shopify domain in the plugin config')\n  }, [shopifyDomain])\n\n  useEffect(() => {\n    const searchSubscription: Subscription = search({\n      projectId,\n      dataset,\n      shop: shopifyDomain,\n      query: searchSubject$,\n      cursor: cursorSubject$,\n      resultsPerPage: RESULTS_PER_PAGE,\n      token,\n    }).subscribe({\n      next: (results: ShopifyAPIResponse) => {\n        setSearchResults((prevResults) => [...prevResults, ...results.assets])\n        setPageInfo(results.pageInfo)\n        setIsLoading(false)\n      },\n      error: (err) => {\n        setError(\n          `${\n            err.response?.data?.message || err.message || 'An error occurred'\n          } - check plugin configuration`\n        )\n      },\n    })\n\n    return () => searchSubscription.unsubscribe()\n  }, [searchSubject$, cursorSubject$, shopifyDomain, projectId, dataset, token])\n\n  const handleSearchTermChanged = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const newQuery = event.currentTarget.value\n      setQuery(newQuery)\n      setSearchResults([])\n      setPageInfo(undefined)\n      setIsLoading(true)\n\n      cursorSubject$.next('')\n      searchSubject$.next(newQuery)\n    },\n    [cursorSubject$, searchSubject$]\n  )\n\n  const handleScollerLoadMore = useCallback(() => {\n    setIsLoading(true)\n    if (pageInfo) cursorSubject$.next(pageInfo.cursor)\n    searchSubject$.next(query)\n  }, [cursorSubject$, pageInfo, searchSubject$, query])\n\n  const handleSelect = useCallback(\n    (file: Asset) => {\n      file._key = value?._key\n      file._type = schemaType.name\n      onChange(PatchEvent.from([set(file)]))\n      onClose()\n    },\n    [onChange, onClose, schemaType.name, value?._key]\n  )\n\n  const renderFile = useCallback(\n    (fileProps: any) => {\n      const {photo, layout} = fileProps\n      return (\n        <File\n          onClick={handleSelect}\n          data={photo.data}\n          width={layout.width}\n          height={layout.height}\n        />\n      )\n    },\n    [handleSelect]\n  )\n\n  const handleWidth = useCallback((width: number) => {\n    if (width < 300) return 150\n    else if (width < 600) return 200\n    return 300\n  }, [])\n\n  return (\n    <Dialog\n      id=\"shopify-asset-source\"\n      header={<DialogHeader title=\"Shopify Assets\" shopifyDomain={shopifyDomain} />}\n      onClose={onClose}\n      open={isOpen}\n      width={4}\n    >\n      <Stack space={3} padding={4}>\n        {error ? (\n          <Card overflow=\"hidden\" padding={4} radius={2} shadow={1} tone=\"critical\">\n            <Flex align=\"center\" gap={3}>\n              <Text size={2}>\n                <ErrorOutlineIcon />\n              </Text>\n              <Inline space={2}>\n                <Text size={1}>{error}</Text>\n              </Inline>\n            </Flex>\n          </Card>\n        ) : (\n          <>\n            <Card>\n              <Search space={3}>\n                <Text size={1} weight=\"semibold\">\n                  Search Shopify for assets\n                </Text>\n                <TextInput\n                  label=\"Search Images\"\n                  placeholder=\"filename.jpg\"\n                  value={query}\n                  onChange={handleSearchTermChanged}\n                />\n              </Search>\n            </Card>\n            {!isLoading && searchResults.length === 0 && (\n              <Text size={1} muted>\n                No results found\n              </Text>\n            )}\n            <InfiniteScroll\n              dataLength={searchResults.length} // This is important field to render the next data\n              next={handleScollerLoadMore}\n              hasMore={pageInfo ? pageInfo?.hasNextPage : true}\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                <Flex align=\"center\" justify=\"center\" padding={3}>\n                  <Text size={1} muted>\n                    No more results\n                  </Text>\n                </Flex>\n              }\n            >\n              {searchResults && (\n                <PhotoAlbum\n                  layout=\"rows\"\n                  spacing={PHOTO_SPACING}\n                  padding={PHOTO_PADDING}\n                  targetRowHeight={handleWidth}\n                  photos={searchResults.map((file: ShopifyFile) => ({\n                    src: file?.preview?.url,\n                    width: file?.preview?.width || 2048,\n                    height: file?.preview?.height || 2048,\n                    key: file.id,\n                    data: file,\n                  }))}\n                  renderPhoto={renderFile}\n                  componentsProps={{\n                    containerProps: {style: {marginBottom: `${PHOTO_SPACING}px`}},\n                  }}\n                />\n              )}\n            </InfiniteScroll>\n          </>\n        )}\n      </Stack>\n    </Dialog>\n  )\n}\n","import React from 'react'\n\nconst ShopifyIcon = () => {\n  return (\n    <svg width=\"18\" height=\"20\" viewBox=\"0 0 18 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M15.3269 3.85113C15.3132 3.75015 15.2258 3.69411 15.1531 3.688C15.081 3.6819 13.6693 3.66026 13.6693 3.66026C13.6693 3.66026 12.4887 2.50392 12.3722 2.38628C12.2555 2.26865 12.0277 2.30417 11.9392 2.3308C11.9381 2.33135 11.7175 2.40016 11.3461 2.51612C11.2839 2.31304 11.1927 2.06335 11.0622 1.81255C10.6419 1.00356 10.0263 0.575752 9.2825 0.574642C9.28142 0.574642 9.28092 0.574642 9.27975 0.574642C9.22808 0.574642 9.17692 0.579636 9.12517 0.584074C9.10317 0.557441 9.08117 0.531362 9.05808 0.505838C8.73408 0.156272 8.31869 -0.0140727 7.82082 0.000908712C6.86027 0.0286521 5.90357 0.72834 5.12787 1.97124C4.58212 2.84572 4.16677 3.94435 4.04904 4.79497C2.94601 5.13953 2.17471 5.38035 2.15766 5.3859C1.60091 5.56235 1.58331 5.57955 1.51069 6.10889C1.45677 6.50895 0 17.8704 0 17.8704L12.2082 20L17.4994 18.6733C17.4994 18.6733 15.3407 3.95212 15.3269 3.85113ZM10.7349 2.707C10.4537 2.79467 10.1342 2.89454 9.78758 3.00274C9.78042 2.51224 9.72267 1.82975 9.496 1.23992C10.2249 1.3792 10.5836 2.21095 10.7349 2.707ZM9.14883 3.20249C8.509 3.40225 7.81091 3.62031 7.11058 3.83892C7.30753 3.0782 7.68107 2.32081 8.13989 1.8242C8.31044 1.63943 8.54917 1.43358 8.832 1.31594C9.09767 1.87525 9.15542 2.66705 9.14883 3.20249ZM7.84007 0.645665C8.06562 0.640671 8.25542 0.690609 8.41775 0.798253C8.15805 0.9342 7.90718 1.12951 7.67172 1.38419C7.06162 2.04448 6.594 3.06932 6.4075 4.0581C5.826 4.23954 5.25715 4.41766 4.73342 4.58078C5.06405 3.02438 6.35743 0.688944 7.84007 0.645665Z\"\n        fill=\"#95BF47\"\n      />\n      <path\n        d=\"M9.276 6.43238L8.66142 8.75117C8.66142 8.75117 7.97598 8.43658 7.16342 8.48817C5.97181 8.56417 5.95916 9.32217 5.97126 9.51242C6.03618 10.5495 8.74125 10.7759 8.89308 13.2051C9.01242 15.1161 7.88796 16.4233 6.26779 16.5265C4.32303 16.6502 3.25246 15.4933 3.25246 15.4933L3.66452 13.7256C3.66452 13.7256 4.74224 14.5457 5.60487 14.4907C6.16821 14.4547 6.36957 13.9924 6.34921 13.6657C6.26448 12.3128 4.06172 12.3927 3.92253 10.17C3.80536 8.29951 5.02337 6.40408 7.71081 6.23318C8.74617 6.16604 9.276 6.43238 9.276 6.43238Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M15.1536 3.68853C15.0815 3.68243 13.6698 3.66078 13.6698 3.66078C13.6698 3.66078 12.4893 2.50444 12.3726 2.38681C12.3292 2.34298 12.2703 2.32023 12.2087 2.31079L12.2093 19.9994L17.4999 18.6733C17.4999 18.6733 15.3412 3.95264 15.3274 3.85166C15.3137 3.75068 15.2257 3.69463 15.1536 3.68853Z\"\n        fill=\"#5E8E3E\"\n      />\n    </svg>\n  )\n}\n\nexport default ShopifyIcon\n","import React from 'react'\nimport {ErrorOutlineIcon} from '@sanity/icons'\nimport {Button, Card, Flex, Grid, Inline, Stack, Text} from '@sanity/ui'\nimport {ObjectInputProps, PatchEvent, unset} from 'sanity'\nimport {useCallback, useState} from 'react'\n\nimport {Asset} from '../types'\nimport AssetPreview from './AssetPreview'\nimport ShopifyAssetPicker from './ShopifyAssetPicker'\nimport ShopifyIcon from './ShopifyIcon'\n\nexport default function ShopifyAssetInput(props: ObjectInputProps) {\n  const {onChange, readOnly, value, schemaType} = props\n  const {options} = schemaType\n  const {shopifyDomain} = options\n\n  const [dialogOpen, setDialogOpen] = useState(false)\n\n  const removeValue = useCallback(() => {\n    onChange(PatchEvent.from([unset()]))\n  }, [onChange])\n\n  const onOpen = useCallback(() => {\n    setDialogOpen(true)\n  }, [setDialogOpen])\n\n  const onClose = useCallback(() => {\n    setDialogOpen(false)\n  }, [setDialogOpen])\n\n  if (!shopifyDomain) {\n    return (\n      <Card overflow=\"hidden\" padding={4} radius={2} shadow={1} tone=\"critical\">\n        <Flex align=\"center\" gap={3}>\n          <Text size={2}>\n            <ErrorOutlineIcon />\n          </Text>\n          <Inline space={2}>\n            <Text size={1}>\n              You need to configure your *.myshopify.com domain in the plugin / field options to\n              enable Shopify Assets.\n            </Text>\n          </Inline>\n        </Flex>\n      </Card>\n    )\n  }\n\n  return (\n    <>\n      {dialogOpen && (\n        <ShopifyAssetPicker\n          {...props}\n          shopifyDomain={shopifyDomain}\n          isOpen={dialogOpen}\n          onClose={onClose}\n          value={value as Asset}\n        />\n      )}\n      <Stack>\n        <AssetPreview value={value as Asset} />\n\n        <Grid gap={1} style={{gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))'}}>\n          <Button\n            disabled={readOnly}\n            mode=\"ghost\"\n            icon={ShopifyIcon}\n            title=\"Select an asset\"\n            onClick={onOpen}\n            text=\"Select…\"\n          />\n          <Button\n            disabled={readOnly || !value}\n            tone=\"critical\"\n            mode=\"ghost\"\n            title=\"Remove asset\"\n            text=\"Remove\"\n            onClick={removeValue}\n          />\n        </Grid>\n      </Stack>\n    </>\n  )\n}\n","import React from 'react'\nimport {DiffFromTo} from 'sanity'\nimport {Flex, Text, Stack} from '@sanity/ui'\n\nimport type {Asset} from '../types'\n\ntype Props = {\n  value: Asset | undefined\n}\n\nconst CloudinaryDiffPreview = ({value}: Props) => {\n  if (!value) {\n    return null\n  }\n\n  if (value?.preview?.url) {\n    return (\n      <Flex justify=\"center\" align=\"center\" height=\"fill\" width=\"fill\">\n        <Stack space={2}>\n          <img\n            alt=\"preview\"\n            src={value?.preview?.url}\n            style={{\n              objectFit: 'contain',\n              margin: 'auto',\n              maxWidth: '100%',\n              maxHeight: '100%',\n            }}\n          />\n          <Text size={1}>{value.type.charAt(0).toUpperCase() + value.type.slice(1)}</Text>\n        </Stack>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex justify=\"center\" align=\"center\" height=\"fill\" width=\"fill\">\n      <div>(no image)</div>\n    </Flex>\n  )\n}\n\ntype DiffProps = {\n  diff: any\n  schemaType: any\n}\n\nconst AssetDiff = ({diff, schemaType}: DiffProps) => {\n  return (\n    <DiffFromTo\n      diff={diff}\n      schemaType={schemaType}\n      previewComponent={CloudinaryDiffPreview}\n      layout={'grid'}\n    />\n  )\n}\n\nexport default AssetDiff\n","/* eslint-disable */\nimport ShopifyAssetInput from '../components/ShopifyAssetInput'\nimport AssetDiff from '../components/AssetDiff'\nimport AssetPreview from '../components/AssetPreview'\nimport {defineField, defineType} from 'sanity'\n\ninterface ObjectConfig {\n  shopifyDomain: string\n}\n\ndeclare module 'sanity' {\n  interface ObjectOptions {\n    shopifyDomain?: string\n  }\n}\n\nexport const shopifyAssetSchema = (config: ObjectConfig) => {\n  const {shopifyDomain} = config\n\n  return defineType({\n    type: 'object',\n    name: 'shopify.asset',\n    title: 'Shopify Asset',\n    options: {\n      shopifyDomain,\n    },\n    fields: [\n      defineField({\n        type: 'string',\n        name: 'filename',\n        title: 'Filename',\n      }),\n      defineField({\n        type: 'string',\n        name: 'id',\n        title: 'ID',\n      }),\n      defineField({\n        type: 'shopify.assetMetadata',\n        name: 'meta',\n        title: 'Metadata',\n      }),\n      defineField({\n        type: 'shopify.assetPreview',\n        name: 'preview',\n        title: 'Preview',\n      }),\n      defineField({\n        type: 'string',\n        name: 'type',\n        title: 'Type',\n      }),\n      defineField({\n        type: 'url',\n        name: 'url',\n        title: 'URL',\n      }),\n    ],\n    ...({\n      components: {\n        input: ShopifyAssetInput,\n        diff: AssetDiff,\n        preview: AssetPreview,\n      },\n    } as {}),\n    preview: {\n      select: {\n        meta: 'meta',\n        preview: 'preview',\n        url: 'url',\n        filename: 'filename',\n        type: 'type',\n      },\n      prepare({url, meta, preview, filename, type}) {\n        return {\n          title: filename,\n          subtitle: type,\n          value: {\n            url,\n            meta,\n            preview,\n            filename,\n          },\n        }\n      },\n    },\n  })\n}\n","import {defineField, defineType} from 'sanity'\n\nexport const shopifyAssetPreviewSchema = defineType({\n  type: 'object',\n  name: 'shopify.assetPreview',\n  title: 'Asset preview',\n  fields: [\n    defineField({\n      type: 'number',\n      name: 'height',\n      title: 'Height',\n    }),\n    defineField({\n      type: 'number',\n      name: 'width',\n      title: 'Width',\n    }),\n    defineField({\n      type: 'url',\n      name: 'url',\n      title: 'URL',\n    }),\n  ],\n})\n","import {defineField, defineType} from 'sanity'\n\nexport const shopifyAssetMetadataSchema = defineType({\n  type: 'object',\n  name: 'shopify.assetMetadata',\n  title: 'Asset metadata',\n  fields: [\n    defineField({\n      type: 'string',\n      name: 'alt',\n      title: 'Alternative text',\n    }),\n    defineField({\n      type: 'number',\n      name: 'duration',\n      title: 'Duration',\n    }),\n    defineField({\n      type: 'number',\n      name: 'fileSize',\n      title: 'File size',\n    }),\n    defineField({\n      type: 'number',\n      name: 'height',\n      title: 'Height',\n    }),\n    defineField({\n      type: 'number',\n      name: 'width',\n      title: 'Width',\n    }),\n  ],\n})\n","import {definePlugin, type ObjectDefinition} from 'sanity'\nimport {shopifyAssetSchema} from './schema/shopifyAssetSchema'\nimport {shopifyAssetPreviewSchema} from './schema/shopifyAssetPreviewSchema'\nimport {shopifyAssetMetadataSchema} from './schema/shopifyAssetMetadataSchema'\nimport type {PluginConfig} from './types'\n\nexport * from './types'\n\n// enables autocompletion and validation of document options\ndeclare module 'sanity' {\n  export namespace Schema {\n    // here we type up our custom schema definition\n    export type ShopifyAssetTypeDef = Omit<ObjectDefinition, 'type' | 'fields'> & {\n      type: 'shopify.asset'\n      options: {\n        shopifyDomain: string\n      }\n    }\n    // Adds 'extension-type' as an intrinsic type\n    export interface IntrinsicTypeDefinition {\n      'shopify.asset': ShopifyAssetTypeDef\n    }\n  }\n}\n\nexport const shopifyAssets = definePlugin<PluginConfig>((config) => {\n  return {\n    name: 'shopify-asset-schema',\n    schema: {\n      types: [shopifyAssetPreviewSchema, shopifyAssetMetadataSchema, shopifyAssetSchema(config)],\n    },\n  }\n})\n"],"names":["Root","styled","div","_ref","theme","sanity","color","card","enabled","bg2","_ref2","border","InfoLine","Card","_ref3","fg","bg","DurationLine","_ref4","VideoPlayer","_ref5","src","kind","videoNode","React","useRef","player","useEffect","current","videojs","sources","controls","stopPropagation","useCallback","event","className","diff","style","position","children","jsx","href","rel","onClick","ref","StyledBox","Box","_ref6","_ref7","_ref8","space","RenderAsset","_ref9","value","url","type","Flex","justify","alt","preview","maxWidth","height","display","maxHeight","AssetPreview","_ref0","filename","meta","fileSize","duration","jsxs","marginBottom","padding","radius","margin","Text","size","title","prettyBytes","prettyMilliseconds","colonNotation","secondsDecimalDigits","fetchSearch","props","projectId","dataset","shop","query","cursor","resultsPerPage","token","defer","axios","get","encodeURIComponent","withCredentials","method","headers","Authorization","pipe","map","result","data","fetchList","search","concat","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref1","q","c","DialogHeader","shopifyDomain","handleOpenInNewTab","window","open","align","opacity","tabIndex","right","Button","fontSize","icon","LaunchIcon","mode","text","extractName","name","split","pop","File","width","rootElm","handleClick","backgroundImage","Search","Stack","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","ShopifyAssetPicker","isOpen","onClose","onChange","schemaType","useProjectId","useDataset","client","useClient","apiVersion","config","error","setError","useState","setQuery","searchResults","setSearchResults","pageInfo","setPageInfo","isLoading","setIsLoading","searchSubject$","useMemo","BehaviorSubject","cursorSubject$","searchSubscription","subscribe","next","results","prevResults","assets","err","response","message","unsubscribe","handleSearchTermChanged","newQuery","currentTarget","handleScollerLoadMore","handleSelect","file","_key","_type","PatchEvent","from","set","renderFile","fileProps","photo","layout","handleWidth","Dialog","id","header","overflow","shadow","tone","gap","ErrorOutlineIcon","Inline","Fragment","weight","TextInput","label","placeholder","length","muted","InfiniteScroll","dataLength","hasMore","hasNextPage","scrollThreshold","loader","Spinner","endMessage","PhotoAlbum","spacing","targetRowHeight","photos","key","renderPhoto","componentsProps","containerProps","ShopifyIcon","viewBox","fill","xmlns","d","ShopifyAssetInput","readOnly","options","dialogOpen","setDialogOpen","removeValue","unset","onOpen","Grid","gridTemplateColumns","disabled","CloudinaryDiffPreview","_ref10","objectFit","charAt","toUpperCase","slice","AssetDiff","_ref11","DiffFromTo","previewComponent","shopifyAssetSchema","defineType","fields","defineField","components","input","select","prepare","_ref12","subtitle","shopifyAssetPreviewSchema","shopifyAssetMetadataSchema","shopifyAssets","definePlugin","schema","types"],"mappings":"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"}

package/sanity.json

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

package/src/components/AssetDiff.tsx

@@ -1,59 +0,0 @@
-import React from 'react'
-import {DiffFromTo} from 'sanity'
-import {Flex, Text, Stack} from '@sanity/ui'
-
-import type {Asset} from '../types'
-
-type Props = {
-  value: Asset | undefined
-}
-
-const CloudinaryDiffPreview = ({value}: Props) => {
-  if (!value) {
-    return null
-  }
-
-  if (value?.preview?.url) {
-    return (
-      <Flex justify="center" align="center" height="fill" width="fill">
-        <Stack space={2}>
-          <img
-            alt="preview"
-            src={value?.preview?.url}
-            style={{
-              objectFit: 'contain',
-              margin: 'auto',
-              maxWidth: '100%',
-              maxHeight: '100%',
-            }}
-          />
-          <Text size={1}>{value.type.charAt(0).toUpperCase() + value.type.slice(1)}</Text>
-        </Stack>
-      </Flex>
-    )
-  }
-
-  return (
-    <Flex justify="center" align="center" height="fill" width="fill">
-      <div>(no image)</div>
-    </Flex>
-  )
-}
-
-type DiffProps = {
-  diff: any
-  schemaType: any
-}
-
-const AssetDiff = ({diff, schemaType}: DiffProps) => {
-  return (
-    <DiffFromTo
-      diff={diff}
-      schemaType={schemaType}
-      previewComponent={CloudinaryDiffPreview}
-      layout={'grid'}
-    />
-  )
-}
-
-export default AssetDiff

package/src/components/AssetPreview.tsx

@@ -1,75 +0,0 @@
-import React from 'react'
-import prettyBytes from 'pretty-bytes'
-import prettyMilliseconds from 'pretty-ms'
-import {styled} from 'styled-components'
-import {Box, Flex, Text} from '@sanity/ui'
-
-import {Asset} from '../types'
-import {DurationLine, InfoLine} from './File.styled'
-import VideoPlayer from './VideoPlayer'
-
-interface ComponentProps {
-  value: Asset
-}
-
-export const StyledBox = styled(Box)`
-  background-color: ${({theme}) => theme.sanity.color?.card?.enabled?.bg2};
-  border: ${({theme}) => `1px solid ${theme.sanity?.color?.card?.enabled?.border}`};
-  display: flex;
-  justify-content: center;
-  margin-bottom: ${({theme}) => theme.sanity.space[4]};
-  position: relative;
-`
-
-const RenderAsset = ({value, url}: {value: Asset; url: string}) => {
-  switch (value.type) {
-    case 'video':
-      return <VideoPlayer src={url} kind="player" />
-    default:
-      return (
-        <Flex justify="center">
-          <img
-            alt="preview"
-            src={value?.preview?.url}
-            style={{
-              maxWidth: '100%',
-              height: 'auto',
-              display: 'block',
-              maxHeight: '30vh',
-            }}
-          />
-        </Flex>
-      )
-  }
-}
-
-const AssetPreview = ({value}: ComponentProps) => {
-  const url = value && value.url
-
-  if (!value || !url) {
-    return null
-  }
-
-  const {filename, meta} = value
-  const {fileSize, duration} = meta
-
-  return (
-    <StyledBox marginBottom={2}>
-      <RenderAsset value={value} url={url} />
-      <InfoLine padding={2} radius={2} margin={2}>
-        <Text size={1} title={`Select ${filename}`}>
-          {filename} {fileSize && `(${prettyBytes(fileSize)})`}
-        </Text>
-      </InfoLine>
-      {duration && (
-        <DurationLine padding={2} radius={2} margin={2}>
-          <Text size={1} title={`Video duration: ${filename}`}>
-            {prettyMilliseconds(duration, {colonNotation: true, secondsDecimalDigits: 0})}
-          </Text>
-        </DurationLine>
-      )}
-    </StyledBox>
-  )
-}
-
-export default AssetPreview

package/src/components/DialogHeader.tsx

@@ -1,44 +0,0 @@
-import React, {useCallback} from 'react'
-import {Box, Flex, Button} from '@sanity/ui'
-import {LaunchIcon} from '@sanity/icons'
-
-interface Props {
-  title: string
-  shopifyDomain: string
-}
-
-const DialogHeader = (props: Props) => {
-  const {title, shopifyDomain} = props
-
-  const handleOpenInNewTab = useCallback(() => {
-    window.open(`https://${shopifyDomain}/admin/content/files`, '_blank')
-  }, [shopifyDomain])
-
-  return (
-    <Flex align="center">
-      {title}
-      {/*
-        HACK: Sanity UI will attempt to focus the first 'focusable' descendant of any dialog.
-        Typically this is fine, but since our first focusable element is a button with a tooltip, this
-        default behaviour causes the tooltip to appear whenever the dialog is opened, which we don't want!
-
-        To get around this, we include a pseudo-hidden input to ensure our tooltip-enabled button remains
-        unfocused on initial mount.
-        */}
-      <input style={{opacity: 0}} tabIndex={-1} type="button" />
-      <Box style={{position: 'absolute', right: '-1.5em'}}>
-        <Box className="button-large">
-          <Button
-            fontSize={1}
-            icon={LaunchIcon}
-            mode="bleed"
-            onClick={handleOpenInNewTab}
-            text="Add New"
-          />
-        </Box>
-      </Box>
-    </Flex>
-  )
-}
-
-export default DialogHeader

package/src/components/File.styled.tsx

@@ -1,60 +0,0 @@
-import {Card} from '@sanity/ui'
-import {styled} from 'styled-components'
-
-export const Root = styled.div`
-  overflow: hidden;
-  background-origin: content-box;
-  background-repeat: no-repeat;
-  background-clip: border-box;
-  background-size: cover;
-  background-color: ${({theme}) => theme.sanity.color.card.enabled.bg2};
-  position: relative;
-  outline: none !important;
-  border: ${({theme}) => `1px solid ${theme.sanity.color.card.enabled.border}`};
-  box-sizing: content-box;
-  user-drag: none;
-
-  &:hover {
-    opacity: 0.85;
-  }
-
-  &:focus,
-  &:active {
-    border: 1px solid var(--input-border-color-focus);
-    box-shadow: inset 0 0 0 3px var(--input-border-color-focus);
-  }
-`
-
-export const InfoLine = styled(Card)`
-  ${({theme}) => `
-    --infoline-fg: ${theme.sanity.color.card.enabled.fg};
-    --infoline-bg: ${theme.sanity.color.card.enabled.bg};
-  `};
-  user-drag: none;
-  position: absolute;
-  background-color: var(--infoline-bg);
-  top: 0;
-  left: 0;
-  max-width: 65%;
-  overflow-wrap: break-word;
-
-  [data-ui='Text'] {
-    color: var(--infoline-fg);
-  }
-`
-
-export const DurationLine = styled(Card)`
-  ${({theme}) => `
-    --durationline-fg: ${theme.sanity.color.card.enabled.bg};
-    --durationline-bg: ${theme.sanity.color.card.enabled.fg};
-  `};
-  user-drag: none;
-  position: absolute;
-  background-color: var(--durationline-bg);
-  top: 0;
-  right: 0;
-
-  [data-ui='Text'] {
-    color: var(--durationline-fg);
-  }
-`

package/src/components/File.tsx

@@ -1,54 +0,0 @@
-import React, {useCallback, useRef} from 'react'
-import {Text} from '@sanity/ui'
-import prettyBytes from 'pretty-bytes'
-import prettyMilliseconds from 'pretty-ms'
-
-import {extractName} from '../utils/helpers'
-import {Asset, ShopifyFile} from '../types'
-import {DurationLine, InfoLine, Root} from './File.styled'
-
-type Props = {
-  data: ShopifyFile
-  width: number
-  height: number
-  onClick: (file: Asset) => void
-}
-
-export default function File(props: Props) {
-  const {onClick, data, width, height} = props
-  const rootElm = useRef<HTMLDivElement>(null)
-
-  const {preview, meta} = data
-  const filename = extractName(data.url)
-
-  const handleClick = useCallback(() => {
-    onClick({...data, filename})
-  }, [onClick, data, filename])
-
-  return (
-    <Root
-      ref={rootElm}
-      title={`${filename}`}
-      tabIndex={0}
-      style={{
-        width: `${width}px`,
-        height: `${height}px`,
-        backgroundImage: `url("${preview?.url}")`,
-      }}
-      onClick={handleClick}
-    >
-      <InfoLine padding={2} radius={2} margin={2}>
-        <Text size={1} title={`Select ${filename}`}>
-          {filename} {meta.fileSize && `(${prettyBytes(meta.fileSize)})`}
-        </Text>
-      </InfoLine>
-      {meta.duration && (
-        <DurationLine padding={2} radius={2} margin={2}>
-          <Text size={1} title={`Video duration: ${filename}`}>
-            {prettyMilliseconds(meta.duration, {colonNotation: true, secondsDecimalDigits: 0})}
-          </Text>
-        </DurationLine>
-      )}
-    </Root>
-  )
-}

package/src/components/ShopifyAssetInput.styled.tsx

@@ -1,13 +0,0 @@
-import {Stack} from '@sanity/ui'
-import {styled} from 'styled-components'
-
-export const Search = styled(Stack)`
-  position: sticky;
-  top: 0;
-  z-index: 1;
-`
-
-export const Scroller = styled.div`
-  overflow-y: auto;
-  max-height: 80vh;
-`

package/src/components/ShopifyAssetInput.tsx

@@ -1,84 +0,0 @@
-import React from 'react'
-import {ErrorOutlineIcon} from '@sanity/icons'
-import {Button, Card, Flex, Grid, Inline, Stack, Text} from '@sanity/ui'
-import {ObjectInputProps, PatchEvent, unset} from 'sanity'
-import {useCallback, useState} from 'react'
-
-import {Asset} from '../types'
-import AssetPreview from './AssetPreview'
-import ShopifyAssetPicker from './ShopifyAssetPicker'
-import ShopifyIcon from './ShopifyIcon'
-
-export default function ShopifyAssetInput(props: ObjectInputProps) {
-  const {onChange, readOnly, value, schemaType} = props
-  const {options} = schemaType
-  const {shopifyDomain} = options
-
-  const [dialogOpen, setDialogOpen] = useState(false)
-
-  const removeValue = useCallback(() => {
-    onChange(PatchEvent.from([unset()]))
-  }, [onChange])
-
-  const onOpen = useCallback(() => {
-    setDialogOpen(true)
-  }, [setDialogOpen])
-
-  const onClose = useCallback(() => {
-    setDialogOpen(false)
-  }, [setDialogOpen])
-
-  if (!shopifyDomain) {
-    return (
-      <Card overflow="hidden" padding={4} radius={2} shadow={1} tone="critical">
-        <Flex align="center" gap={3}>
-          <Text size={2}>
-            <ErrorOutlineIcon />
-          </Text>
-          <Inline space={2}>
-            <Text size={1}>
-              You need to configure your *.myshopify.com domain in the plugin / field options to
-              enable Shopify Assets.
-            </Text>
-          </Inline>
-        </Flex>
-      </Card>
-    )
-  }
-
-  return (
-    <>
-      {dialogOpen && (
-        <ShopifyAssetPicker
-          {...props}
-          shopifyDomain={shopifyDomain}
-          isOpen={dialogOpen}
-          onClose={onClose}
-          value={value as Asset}
-        />
-      )}
-      <Stack>
-        <AssetPreview value={value as Asset} />
-
-        <Grid gap={1} style={{gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))'}}>
-          <Button
-            disabled={readOnly}
-            mode="ghost"
-            icon={ShopifyIcon}
-            title="Select an asset"
-            onClick={onOpen}
-            text="Select…"
-          />
-          <Button
-            disabled={readOnly || !value}
-            tone="critical"
-            mode="ghost"
-            title="Remove asset"
-            text="Remove"
-            onClick={removeValue}
-          />
-        </Grid>
-      </Stack>
-    </>
-  )
-}