External IIIF images are not showing up in object grid

[Erin-Cecele]

Before proceeding, make sure there isn’t an existing issue for this bug.

• I have searched the existing issues and determined this is a new bug.

Expected Behavior

The following figures.yaml entry featuring extgernal IIIF images should result in the image appearing in the catalogue object grid.

id: "cat-11"
src: cats/cat-11-ILE2006-4-163ag-obj-111215-0001-pub_2000.jpg
printImage: _assets/images/cats/cat-11-ILE2006-4-163ag-obj-111215-0001-pub_2000.jpg
manifestId: https://manifests.collections.yale.edu/yuag/obj/111215
canvasId: https://manifests.collections.yale.edu/canvas/yuag/0b9de3ff-5a63-44ef-89ba-178bfa068f47
zoom: true

Actual Behavior

Images that include manifestId and canvasId are not showing up in the object grid. They only show up if those two values are removed from the YAML or if they are replaced with non-external IIIF images.

Steps to Reproduce

Start a new project and include external IIIF images.

Version Numbers

[indonesian-textiles]
quire-cli 1.0.0-rc.11
quire-11ty 1.0.0-rc.16
starter https://github.com/thegetty/[email protected]
[System]
quire-cli 1.0.0-rc.15
node v18.20.4
npm 10.7.0
os Darwin 23.6.0

Web Browser

N/A

Relevant Terminal/Shell Output

N/A

Supporting Information

This issue was reported by @zsofiaj in discussion #959 and is affecting a current Yale project. We have offered a temporary workaround:

in

_includes/components/object-filters/object-card/object-image.webc

replace

const thumbnail = figures
  ? figures.find(({ mediaType }) => mediaType === 'image').thumbnail
  : data.thumbnail

with

let thumbnail
if (figures) {
  thumbnail = figures.find(({ mediaType }) => mediaType === 'image').manifestId
    ? figures.find(({ mediaType }) => mediaType === 'image').src
    : figures.find(({ mediaType }) => mediaType === 'image').thumbnail
} else {
  thumbnail = data.thumbnail
}