staggered, cancellable preloading of all section image assets, as soon as the section loads

1 files changed, 25 insertions, 1 deletions

diff --git a/animism-align/frontend/app/utils/annotation.utils.js b/animism-align/frontend/app/utils/annotation.utils.js
index a055d91..90ac498 100644
--- a/animism-align/frontend/app/utils/annotation.utils.js
+++ b/animism-align/frontend/app/utils/annotation.utils.js
@@ -72,6 +72,30 @@ export const displayThumbnailURL = media => {
   }
 }
 
+export const displayElementImageURL = (element, mediaItem) => {
+  // console.log(element, mediaItem)
+  if (!element || !mediaItem) return null
+  if (mediaItem.type === 'gallery') {
+    const index = parseInt(element.settings.frame_index)
+    const frame_id = mediaItem.settings.image_order[index]
+    const frame = mediaItem.settings.display_lookup[frame_id]
+    if (!frame) {
+      console.error("Slide not found:", element.settings.frame_index)
+      return null
+    }
+    return frame.url
+  }
+  return mediaItem.settings.display.url
+}
+
+// list all full-size images URLs for the vitrine
+export const galleryFullsizeImageURLS = media => {
+  const { image_order, image_lookup, display_lookup } = media.settings
+  return image_order.map(id => (
+    display_lookup[id] || image_lookup[id]
+  )).map(img => img.url)
+}
+
 export const posterURL = media => {
   if (!media.settings.video) return null
   if (media.settings.poster) return media.settings.poster.url
@@ -111,7 +135,7 @@ export const makeGalleryItems = (annotation, media) => {
   if (item.type !== 'gallery') return {}
   const gallery_items = item.settings.image_order.map((id, index) => {
     const caption = item.settings.caption_lookup && item.settings.caption_lookup[id]
-    console.log(caption)
+    // console.log(caption)
     return {
       name: index,
       label: (index + 1) + ") " + (caption ? (caption.title || "") : "")