react-iiif-vault 1.0.10 → 1.1.0

package/dist/index.js

@@ -0,0 +1 @@
+import{$ as St,A as Je,Aa as jt,B as Ue,Ba as er,C as Xe,Ca as K,D as Ye,Da as tr,E as Ze,Ea as rr,F as je,Fa as or,G as et,Ga as nr,H as tt,Ha as ir,I as rt,Ia as ar,J as ot,Ja as $,K as nt,L as it,M as at,N as st,O as mt,P as lt,Q as ct,R as ft,S as ut,T as dt,U as gt,V as pt,W as vt,X as xt,Y as yt,Z as Q,_ as ht,a as qe,aa as bt,b as w,ba as It,c as P,ca as Rt,d as Le,da as Ct,e as Te,ea as Pt,f as ke,fa as Nt,g as D,ga as N,h as Ee,ha as Mt,i as Ae,ia as wt,j as W,ja as zt,k as b,ka as qt,l as z,la as Lt,m as Fe,ma as Tt,n as Ve,na as kt,o as q,oa as Et,p as Oe,pa as At,q as De,qa as Ft,r as We,ra as R,s as He,sa as _t,t as Qe,ta as _,u as _e,ua as Kt,v as Ke,va as $t,w as H,wa as L,x as $e,xa as Bt,y as Be,ya as T,z as Ge,za as Gt}from"./chunk-HEVA2EDS.js";import{a as Vt,b as Ot,c as Dt,d as Wt,e as Ht,f as Qt,g as Jt,h as Ut,i as Xt,j as Yt,k as Zt}from"./chunk-YSH2CIKG.js";import{useCanvas as Z}from"@atlas-viewer/atlas";import{forwardRef as j,useImperativeHandle as ee}from"react";import{Fragment as te,jsx as B}from"react/jsx-runtime";var ur=j(function({canvasId:t},r){let i=Z(),o=_(t||i?.id),a=b();return ee(r,()=>o,[t,i]),!i||o.enabledPageIds.length===0?null:B(te,{children:o.enabledPageIds.map(n=>B($.RenderAnnotationPage,{page:a.get(n)},n))})});import{useMemo as ne}from"react";import{useMemo as re}from"react";import{Fragment as oe,jsx as v,jsxs as k}from"react/jsx-runtime";function E({metadata:e=[],config:t,labelWidth:r=16,showEmptyMessage:i=!0,allowHtml:o,emptyFallback:a,classes:n={},emptyMessage:s="No metadata available",emptyValueFallback:l="No value",emptyLabelFallback:g="",separator:d,tableFooter:x,tableHeader:y}){let p=re(()=>{let f=(t||[]).reduce((u,h)=>[...u,...h.keys],[]),m={};for(let u of e){let h=u&&u.label?Object.values(u.label):[];for(let c of h)if(c&&c.length&&(f.indexOf(`metadata.${c[0]}`)!==-1||f.length===0)&&u){let S=`metadata.${c[0]}`;m[S]=m[S]?m[S]:[],m[S].push(u);break}}return m},[t,e]);return Object.keys(p).length===0&&i?v(oe,{children:a})||v("div",{className:n.empty,children:s}):t&&t.length?k("table",{className:n.container,children:[y,v("tbody",{children:t.map((f,m)=>{let u=[];for(let h of f.keys)for(let c of p[h]||[])u.push(v(R,{enableDangerouslySetInnerHTML:o,defaultText:l,separator:d,children:c.value},m+"__"+h));return u.length===0?null:k("tr",{className:n.row,children:[v("td",{className:n.label,style:r?{minWidth:r}:{},children:v(R,{enableDangerouslySetInnerHTML:o,separator:d,defaultText:g,children:f.label})}),v("td",{className:n.value,children:u})]},m)})}),x]}):k("table",{className:n.container,children:[y,v("tbody",{children:e&&e.length?e.map((f,m)=>f?k("tr",{className:n.row,children:[v("td",{className:n.label,style:r?{minWidth:r}:{},children:v(R,{enableDangerouslySetInnerHTML:o,defaultText:l,separator:d,children:f.label})}),v("td",{className:n.value,children:v(R,{enableDangerouslySetInnerHTML:o,defaultText:l,separator:d,children:f.value})})]},m):null):null}),x]})}import{jsx as ie}from"react/jsx-runtime";function Pr(e){let t=q(),r=N(),i=H(),o=ne(()=>{let a=t?.metadata||[],n=r?.metadata||[],s=i?.metadata||[];return[...a,...n,...s]},[t,r,i]);return ie(E,{metadata:o,...e})}import{useEffect as le,useState as ce}from"react";import{createImageServiceRequest as ae,imageServiceRequestToString as se}from"@atlas-viewer/iiif-image-api";import{useMemo as me}from"react";function V(e,t={},r=[]){return me(()=>{if(!e)return null;let i=t.quality;e&&e.extraQualities&&t.quality&&(e.extraQualities.includes(t.quality)||(console.log("Invalid quality",t.quality,e.extraQualities),i="default"));let o=ae(e);return se({identifier:o.identifier,server:o.server,scheme:o.scheme,type:"image",size:{max:!t.size?.width&&!t.size?.height,confined:!1,upscaled:!1,...t.size||{}},format:t.format||"jpg",region:t.region||{full:!0},rotation:t?.rotation?Number.isInteger(t.rotation)?{angle:t.rotation}:t.rotation:{angle:0},quality:i||"default",prefix:o.prefix,originalPath:o.originalPath})},[...r])}import{jsx as A}from"react/jsx-runtime";function fe(e){let t=typeof e.src=="string"?e.src:e.src.id,r=L(),[i,o]=ce(!1),a;if(t){let s=r.loadServiceSync({id:t});s&&(a=s)}!a&&!i&&r.loadService({id:t}).then(()=>{o(!0)});let n=V(a,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[i,e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return le(()=>()=>{o(!1)},[t]),n?A("img",{src:n,alt:e.alt,className:e.className,style:e.style}):A(ue,{...e,fetchImageService:!1})}function ue(e){if(e.fetchImageService)return A(fe,{...e});let t=typeof e.src=="string"?{id:e.src,profile:"level0"}:e.src,r=V(t,{size:e.size,selector:e.region,rotation:e.rotation,format:e.format,region:e.region,quality:e.quality},[e.src,e.size,e.region,e.rotation,e.format,e.region,e.quality]);return r?A("img",{src:r,alt:e.alt,className:e.className,style:e.style}):null}import{jsx as de}from"react/jsx-runtime";function Hr(e){let t=q();return de(E,{metadata:t?.metadata||[],...e})}import{useLayoutEffect as ye,useRef as he}from"react";import*as O from"react-lazy-load-image-component";import{getValue as ge}from"@iiif/helpers/i18n";import{Fragment as G,jsx as I,jsxs as xe}from"react/jsx-runtime";var{LazyLoadComponent:pe}=O||O.default;function J(e){let{size:t,visible:r,classes:i,canvasId:o,figure:a}=e,n=t?.width||128,s=t?.height||t?.width||128,l=I(ve,{...e}),g=I(pe,{threshold:300,style:{height:s,width:n},visibleByDefault:r,children:o?I(W,{canvas:o,children:l}):l});return a?I("figure",{className:i?.figure,children:g}):g}function ve({fallback:e,size:t,classes:r,showLabel:i,alt:o,dereference:a=!1}){let n=N(),s=t?.width||128,l=t?.height||t?.width||128,g=o||ge(n?.label)||"",d=K({width:s,height:l},a);return!d||d.type!=="fixed"?I(G,{children:e}):xe(G,{children:[I("div",{className:r?.imageWrapper,children:I("img",{className:r?.img,src:d.id,alt:g})}),i?I(R,{as:"figcaption",className:r?.label,children:n?.label}):null]})}import{jsx as M}from"react/jsx-runtime";function eo({flat:e,size:t,classes:r={},showLabel:i,figure:o,fallback:a}){let n=he(null),{items:s,sequence:l,currentSequenceIndex:g,setSequenceIndex:d}=Q(),x={row:r.selected?.row||r.row,item:r.selected?.item||r.item,figure:r.selected?.figure||r.figure,img:r.selected?.img||r.img,label:r.selected?.label||r.label,imageWrapper:r.selected?.imageWrapper||r.imageWrapper};ye(()=>{if(!n.current)return;let p=n.current.querySelector("[data-selected=true]");p&&p.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},[g]);let y=[];for(let p of l){let C=[],f=l[g]===p;for(let m of p){let u=s[m];C.push(M("div",{className:f?x.item:r.item,children:M(J,{classes:f?x:r,canvasId:u.id,size:t,showLabel:i,figure:o,placeholder:M("div",{style:{height:128,width:128}}),fallback:a})},m))}if(e){y.push(C);continue}y.push(M("div",{onClick:m=>{d(l.indexOf(p))},"data-selected":f,className:f?x.row:r.row,children:C}))}return M("div",{ref:n,className:r.container,children:y})}import{jsx as Se}from"react/jsx-runtime";function no({annotation:e,children:t}){return Se(P,{value:{annotation:e},children:t})}import{jsx as be}from"react/jsx-runtime";function mo({annotationPage:e,children:t}){return be(P,{value:{annotationPage:e},children:t})}import{jsx as Ie}from"react/jsx-runtime";function uo({collection:e,children:t}){return Ie(P,{value:{collection:e},children:t})}function xo(e,t={}){return T(t)}function ho(e,t=!1){}function Ro(e){let r=w().manifest,i=e?e.map(o=>typeof o=="string"?o:o?.id):[];return z(o=>{let a=r?o.iiif.entities.Manifest[r]:void 0,n=a?.items||[];if(typeof e>"u")return n;let s=[];for(let l of a?.items||[])i.indexOf(l.id)!==-1&&s.push(l);return s},[i.join("/")])}import{useMemo as Re}from"react";function wo(e,t=[]){let{id:r,selector:i}=e,o=w(),a=r||o.collection,n=z(s=>a?s.iiif.entities.Collection[a]:void 0,[a]);return Re(()=>{if(n)return i?i(n):n},[n,i,...t])}import{useEffect as Ce,useMemo as Pe}from"react";import{createEventsHelper as Ne}from"@iiif/helpers/events";function ko(e,t,r,i,o=[]){let a=b(),n=Pe(()=>Ne(a),[a]);Ce(()=>{let s=e;return s?(n.addEventListener(s,t,r,i),()=>{n.removeEventListener(s,t,r)}):()=>{}},[n,e,t,...o])}function Vo(e,t){let{id:r,isLoaded:i,error:o,resource:a,requestId:n,cached:s}=D(e,t);return{id:r,isLoaded:i,error:o,manifest:a,requestId:n,cached:s}}import{getImageServices as U}from"@atlas-viewer/iiif-image-api";import{useEffect as Me,useMemo as X,useState as F}from"react";function Y({cacheKey:e}={}){let t=N(),r=T(),i=b(),o=L(),[a,n]=F(void 0),[s,l]=F(!1),[g,d]=F("idle"),[x,y]=F(void 0),p=t?t.id:"undefined",C=X(()=>{try{if(t&&r.length){let m=r[0],u=i.get(m.body[0]),c=U(u)[0];return c&&o.loadServiceSync({id:c.id||c["@id"],width:c.width||t.width,height:c.height||t.height})||void 0}}catch(m){console.error(m)}},[p,e,t]),f=g==="success"&&a?a:C;return Me(()=>{(async()=>{try{if(t&&r.length){let m=r[0],u=i.get(m.body[0]),c=U(u)[0];if(!c)return;l(!0),d("loading");try{let S=await o.loadService({id:c.id||c["@id"],width:c.width||t.width,height:c.height||t.height})||void 0;n(S),d("success"),l(!1)}catch(S){d("error"),y(S)}}}catch(m){d("error"),y(m)}})()},[p,e]),X(()=>({data:f,isFetching:s,status:g,error:x}),[f,s,g,x])}function Go(){let e=Y();return{isLoading:e.isFetching,tile:e.data?{id:e.data.id||e.data["@id"],width:e.data.width,height:e.data.height,imageService:e.data,thumbnail:void 0}:null}}import{createStylesHelper as we}from"@iiif/helpers/styles";import{useMemo as ze}from"react";function Zo(){let e=b();return ze(()=>we(e),[e])}export*from"@iiif/helpers/annotation-targets";export{no as AnnotationContext,mo as AnnotationPageContext,gt as Auth,tt as AuthProvider,rt as AuthProvider_Old,Ze as AuthRContext,je as AuthReactContext,et as AuthReactContextActions,ur as CanvasAnnotations,W as CanvasContext,$ as CanvasPanel,uo as CollectionContext,Pr as CombinedMetadata,St as ContextBridge,ue as Image,$t as ImageServiceLoaderContext,xt as InnerViewerProvider,Lt as LanguageProvider,kt as LanguageString,R as LocaleString,Ae as ManifestContext,Hr as ManifestMetadata,ar as MediaPlayerProvider,E as Metadata,Oe as RangeContext,Le as ReactVaultContext,P as ResourceProvider,qe as ResourceReactContext,eo as SequenceThumbnails,yt as SimpleViewerProvider,vt as SimpleViewerReactContext,J as SingleCanvasThumbnail,Te as VaultProvider,Pt as ViewerPresetContext,Ct as VirtualAnnotationProvider,Fe as VisibleCanvasReactContext,Ue as authDetailsForResource,Ge as createAuthStateStore,Je as createProbe,Dt as emptyActions,Qt as emptyStrategy,We as findAllCanvasesInRange,De as findFirstCanvasFromRange,He as findManifestSelectedRange,Qe as findSelectedRange,_t as flattenAnnotationPageIds,tr as formatTime,Jt as get3dStrategy,Ut as getImageStrategy,Ke as getManifestSequence,Ot as getParsedTargetSelector,Zt as getRenderingStrategy,Xt as getTextualContentStrategy,Yt as getVideoStrategy,_e as getVisibleCanvasesFromCanvasId,Be as hasAuth,Ye as makeAccessServiceRequest,Xe as makeAccessTokenRequest,Vt as parseSpecificResource,Wt as unknownResponse,Ht as unsupportedStrategy,zt as useAnnotation,qt as useAnnotationPage,_ as useAnnotationPageManager,xo as useAnnotationsAtTime,nt as useAuthActions,dt as useAuthActions_old,at as useAuthService,ct as useAuthService_old,ot as useAuthStore,mt as useAuthToken,ut as useAuthToken_old,st as useAuthTokens,ft as useAuthTokens_old,N as useCanvas,ho as useCanvasClock,$e as useCanvasSequence,Ro as useCanvasSubset,Et as useClosestLanguage,wo as useCollection,ht as useContextBridge,Ft as useCreateLocaleString,it as useCurrentAuth,lt as useCurrentAuth_old,bt as useDispatch,ko as useEventListener,ke as useExistingVault,Vo as useExternalCollection,Ee as useExternalManifest,D as useExternalResource,Tt as useIIIFLanguage,V as useImage,Y as useImageService,L as useImageServiceLoader,Go as useImageTile,Bt as useLoadImageService,At as useLocaleString,q as useManifest,nr as useMediaActions,ir as useMediaElements,or as useMediaState,Gt as usePaintables,T as usePaintingAnnotations,H as useRange,jt as useRenderingStrategy,w as useResourceContext,Mt as useResourceEvents,Kt as useResources,pt as useSearchService,rr as useSimpleMediaPlayer,Q as useSimpleViewer,Zo as useStyleHelper,wt as useStyles,K as useThumbnail,b as useVault,er as useVaultEffect,z as useVaultSelector,Nt as useViewerPreset,It as useVirtualAnnotationPage,Rt as useVirtualAnnotationPageContext,Ve as useVisibleCanvases};

package/dist/useRenderingStrategy-Xj9yQm4y.d.cts

@@ -0,0 +1,145 @@
+import { ChoiceDescription, Paintables, SupportedTarget } from '@iiif/helpers';
+import { ImageService, ExternalWebResource, InternationalString } from '@iiif/presentation-3';
+import { AnnotationPageNormalized, CanvasNormalized } from '@iiif/presentation-3-normalized';
+import { BoxSelector, TemporalBoxSelector, TemporalSelector } from '@iiif/helpers/annotation-targets';
+
+type ImageWithOptionalService = {
+    id: string;
+    annotationId: string;
+    type: 'Image';
+    service?: ImageService;
+    width?: number;
+    height?: number;
+    sizes?: Array<{
+        width: number;
+        height: number;
+    }>;
+    target: BoxSelector | TemporalBoxSelector;
+    selector?: BoxSelector;
+};
+type SingleAudio = {
+    type: 'Sound';
+    annotationId: string;
+    url: string;
+    format: string;
+    duration: number;
+    target: TemporalSelector;
+    /**
+     * Which part of this audio should be used (cropping).
+     */
+    selector: TemporalSelector;
+};
+type SingleYouTubeVideo = {
+    type: 'VideoYouTube';
+    annotationId: string;
+    url: string;
+    youTubeId: string;
+    duration: number;
+    target: TemporalSelector | TemporalBoxSelector;
+    selector: TemporalSelector | TemporalBoxSelector;
+};
+type SingleVideo = {
+    type: 'Video';
+    annotationId: string;
+    url: string;
+    format: string;
+    duration: number;
+    /**
+     * Where on the canvas should this section of video be painted.
+     */
+    target: TemporalSelector | TemporalBoxSelector;
+    /**
+     * Which part of this video should be painted.
+     */
+    selector: TemporalSelector | TemporalBoxSelector;
+};
+type AudioSequence = {
+    type: 'SoundSequence';
+    items: SingleAudio[];
+};
+type VideoSequence = {
+    type: 'VideoSequence';
+    items: SingleVideo[];
+};
+type AnnotationPageDescription = {
+    pages: AnnotationPageNormalized[];
+};
+
+type ImageServiceLoaderType = (imageService: any | undefined, { height, width }: {
+    height: number;
+    width: number;
+}) => ImageService | undefined;
+declare function useLoadImageService(): readonly [ImageServiceLoaderType, Record<string, string>];
+
+type SingleImageStrategy = {
+    type: 'images';
+    image: ImageWithOptionalService;
+    images: Array<ImageWithOptionalService>;
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+declare function getImageStrategy(canvas: CanvasNormalized, paintables: Paintables, loadImageService: ImageServiceLoaderType): RenderingStrategy;
+
+type Single3DModelStrategy = {
+    type: '3d-model';
+    model: ExternalWebResource;
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+declare function get3dStrategy(canvas: CanvasNormalized, paintables: Paintables): RenderingStrategy;
+
+type TextualContentStrategy = {
+    type: 'textual-content';
+    items: {
+        annotationId: string;
+        text: InternationalString;
+        target: SupportedTarget | null;
+    }[];
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+declare function getTextualContentStrategy(canvas: CanvasNormalized, paintables: Paintables): RenderingStrategy;
+
+type MediaStrategy = {
+    type: 'media';
+    media: SingleAudio | SingleVideo | AudioSequence | VideoSequence | SingleYouTubeVideo;
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+type ComplexTimelineStrategy = {
+    type: 'complex-timeline';
+    items: Array<ImageWithOptionalService | SingleAudio | SingleVideo>;
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+type EmptyStrategy = {
+    type: 'empty';
+    image: null;
+    images: [];
+    height: number;
+    width: number;
+    annotations?: AnnotationPageDescription;
+};
+type UnknownStrategy = {
+    type: 'unknown';
+    reason?: string;
+    annotations?: AnnotationPageDescription;
+};
+type RenderingStrategy = SingleImageStrategy | MediaStrategy | ComplexTimelineStrategy | Single3DModelStrategy | TextualContentStrategy | UnknownStrategy | EmptyStrategy;
+
+type StrategyActions = {
+    makeChoice: (id: string, options?: {
+        deselectOthers?: boolean;
+        deselect?: boolean;
+    }) => void;
+};
+type UseRenderingStrategy = [RenderingStrategy, StrategyActions];
+type UseRenderingStrategyOptions = {
+    strategies?: Array<RenderingStrategy['type']>;
+    annotationPageManagerId?: string;
+    enableSingleAnnotation?: boolean;
+    defaultChoices?: string[];
+};
+declare function useRenderingStrategy(options?: UseRenderingStrategyOptions): UseRenderingStrategy;
+
+export { type AudioSequence as A, type ComplexTimelineStrategy as C, type EmptyStrategy as E, type ImageWithOptionalService as I, type MediaStrategy as M, type RenderingStrategy as R, type StrategyActions as S, type TextualContentStrategy as T, type UnknownStrategy as U, type VideoSequence as V, type SingleImageStrategy as a, type SingleAudio as b, type SingleVideo as c, type SingleYouTubeVideo as d, type AnnotationPageDescription as e, getTextualContentStrategy as f, getImageStrategy as g, type Single3DModelStrategy as h, get3dStrategy as i, type ImageServiceLoaderType as j, type UseRenderingStrategy as k, type UseRenderingStrategyOptions as l, useRenderingStrategy as m, useLoadImageService as u };

package/dist/useRenderingStrategy-Xj9yQm4y.d.ts

@@ -0,0 +1,145 @@
+import { ChoiceDescription, Paintables, SupportedTarget } from '@iiif/helpers';
+import { ImageService, ExternalWebResource, InternationalString } from '@iiif/presentation-3';
+import { AnnotationPageNormalized, CanvasNormalized } from '@iiif/presentation-3-normalized';
+import { BoxSelector, TemporalBoxSelector, TemporalSelector } from '@iiif/helpers/annotation-targets';
+
+type ImageWithOptionalService = {
+    id: string;
+    annotationId: string;
+    type: 'Image';
+    service?: ImageService;
+    width?: number;
+    height?: number;
+    sizes?: Array<{
+        width: number;
+        height: number;
+    }>;
+    target: BoxSelector | TemporalBoxSelector;
+    selector?: BoxSelector;
+};
+type SingleAudio = {
+    type: 'Sound';
+    annotationId: string;
+    url: string;
+    format: string;
+    duration: number;
+    target: TemporalSelector;
+    /**
+     * Which part of this audio should be used (cropping).
+     */
+    selector: TemporalSelector;
+};
+type SingleYouTubeVideo = {
+    type: 'VideoYouTube';
+    annotationId: string;
+    url: string;
+    youTubeId: string;
+    duration: number;
+    target: TemporalSelector | TemporalBoxSelector;
+    selector: TemporalSelector | TemporalBoxSelector;
+};
+type SingleVideo = {
+    type: 'Video';
+    annotationId: string;
+    url: string;
+    format: string;
+    duration: number;
+    /**
+     * Where on the canvas should this section of video be painted.
+     */
+    target: TemporalSelector | TemporalBoxSelector;
+    /**
+     * Which part of this video should be painted.
+     */
+    selector: TemporalSelector | TemporalBoxSelector;
+};
+type AudioSequence = {
+    type: 'SoundSequence';
+    items: SingleAudio[];
+};
+type VideoSequence = {
+    type: 'VideoSequence';
+    items: SingleVideo[];
+};
+type AnnotationPageDescription = {
+    pages: AnnotationPageNormalized[];
+};
+
+type ImageServiceLoaderType = (imageService: any | undefined, { height, width }: {
+    height: number;
+    width: number;
+}) => ImageService | undefined;
+declare function useLoadImageService(): readonly [ImageServiceLoaderType, Record<string, string>];
+
+type SingleImageStrategy = {
+    type: 'images';
+    image: ImageWithOptionalService;
+    images: Array<ImageWithOptionalService>;
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+declare function getImageStrategy(canvas: CanvasNormalized, paintables: Paintables, loadImageService: ImageServiceLoaderType): RenderingStrategy;
+
+type Single3DModelStrategy = {
+    type: '3d-model';
+    model: ExternalWebResource;
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+declare function get3dStrategy(canvas: CanvasNormalized, paintables: Paintables): RenderingStrategy;
+
+type TextualContentStrategy = {
+    type: 'textual-content';
+    items: {
+        annotationId: string;
+        text: InternationalString;
+        target: SupportedTarget | null;
+    }[];
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+declare function getTextualContentStrategy(canvas: CanvasNormalized, paintables: Paintables): RenderingStrategy;
+
+type MediaStrategy = {
+    type: 'media';
+    media: SingleAudio | SingleVideo | AudioSequence | VideoSequence | SingleYouTubeVideo;
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+type ComplexTimelineStrategy = {
+    type: 'complex-timeline';
+    items: Array<ImageWithOptionalService | SingleAudio | SingleVideo>;
+    choice?: ChoiceDescription;
+    annotations?: AnnotationPageDescription;
+};
+type EmptyStrategy = {
+    type: 'empty';
+    image: null;
+    images: [];
+    height: number;
+    width: number;
+    annotations?: AnnotationPageDescription;
+};
+type UnknownStrategy = {
+    type: 'unknown';
+    reason?: string;
+    annotations?: AnnotationPageDescription;
+};
+type RenderingStrategy = SingleImageStrategy | MediaStrategy | ComplexTimelineStrategy | Single3DModelStrategy | TextualContentStrategy | UnknownStrategy | EmptyStrategy;
+
+type StrategyActions = {
+    makeChoice: (id: string, options?: {
+        deselectOthers?: boolean;
+        deselect?: boolean;
+    }) => void;
+};
+type UseRenderingStrategy = [RenderingStrategy, StrategyActions];
+type UseRenderingStrategyOptions = {
+    strategies?: Array<RenderingStrategy['type']>;
+    annotationPageManagerId?: string;
+    enableSingleAnnotation?: boolean;
+    defaultChoices?: string[];
+};
+declare function useRenderingStrategy(options?: UseRenderingStrategyOptions): UseRenderingStrategy;
+
+export { type AudioSequence as A, type ComplexTimelineStrategy as C, type EmptyStrategy as E, type ImageWithOptionalService as I, type MediaStrategy as M, type RenderingStrategy as R, type StrategyActions as S, type TextualContentStrategy as T, type UnknownStrategy as U, type VideoSequence as V, type SingleImageStrategy as a, type SingleAudio as b, type SingleVideo as c, type SingleYouTubeVideo as d, type AnnotationPageDescription as e, getTextualContentStrategy as f, getImageStrategy as g, type Single3DModelStrategy as h, get3dStrategy as i, type ImageServiceLoaderType as j, type UseRenderingStrategy as k, type UseRenderingStrategyOptions as l, useRenderingStrategy as m, useLoadImageService as u };

package/dist/utils.cjs

@@ -0,0 +1 @@
+"use strict";var f=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var B=(e,t)=>{for(var r in t)f(e,r,{get:t[r],enumerable:!0})},D=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of z(t))!O.call(e,o)&&o!==r&&f(e,o,{get:()=>t[o],enumerable:!(i=b(t,o))||i.enumerable});return e};var A=e=>D(f({},"__esModule",{value:!0}),e);var V={};B(V,{emptyActions:()=>k,emptyStrategy:()=>y,getParsedTargetSelector:()=>c,getRenderingStrategy:()=>M,parseSpecificResource:()=>W,unknownResponse:()=>l,unsupportedStrategy:()=>n});module.exports=A(V);var x=require("@iiif/helpers");function W(e){return e.type==="SpecificResource"?[e.source,{selector:e.selector}]:[e,{selector:null}]}function c(e,t){let{selector:r,source:i}=(0,x.expandTarget)(t);if(i.id!==e.id)return[null,i];let o={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[r?r.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:r.temporal,spatial:o.spatial}:r:null,i]}var k={makeChoice:()=>{}},l={type:"unknown"},n=e=>({type:"unknown",reason:e,annotations:{pages:[]}}),y=(e,t)=>({type:"empty",width:e,height:t,annotations:{pages:[]},image:null,images:[]});var U=["model/gltf-binary"];function T(e,t){let i=t.items[0].resource;return i.format?U.indexOf(i.format)===-1?n(`3D format: ${i.format} is unsupported`):{type:"3d-model",model:i}:n("Unknown format")}function I(e,t){if(!e.duration)return n("No duration on canvas");if(t.items.length>1)return n("Only one audio source supported");let r=t.items[0]?.resource;return r?r.format?{type:"media",media:{annotationId:t.items[0].annotationId,duration:e.duration,url:r.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:r.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}},annotations:{pages:[]}}:n("Audio does not have format"):n("Unknown audio")}var C=require("@atlas-viewer/iiif-image-api");var S=require("@iiif/helpers/annotation-targets");function v(e,t,r){let i=[];for(let o of t.items){let a=o.resource&&o.resource.type==="SpecificResource"?o.resource.source:o.resource;if(!a.id)return n("No resource Identifier");let s;if(a.service){let u=(0,C.getImageServices)(a);u[0]&&(s=r(u[0],e))}let p={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[d,h]=c(e,o.target);if(!(h.id===e.id||decodeURIComponent(h.id||"")===(e.id||"")))continue;let L=o.resource.width&&o.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:o.resource.width,height:o.resource.height}}:void 0,m=o.resource.type==="SpecificResource"?(0,S.expandTarget)(o.resource):null;if(o.selector){let u=(0,S.expandTarget)({type:"SpecificResource",source:o.resource,selector:o.selector});u&&(m=u)}let g=m&&m.selector&&(m.selector.type==="BoxSelector"||m.selector.type==="TemporalBoxSelector")?{type:"BoxSelector",spatial:{x:m.selector.spatial.x,y:m.selector.spatial.y,width:m.selector.spatial.width,height:m.selector.spatial.height}}:void 0;s&&!s.id&&(s.id=s["@id"]);let N={id:a.id,type:"Image",annotationId:o.annotationId,width:Number(d||g?a.width:e.width),height:Number(d||g?a.height:e.height),service:s,sizes:s&&s.sizes?s.sizes:a.width&&a.height?[{width:a.width,height:a.height}]:[],target:d&&d.type!=="PointSelector"?d:p,selector:g};i.push(N)}return{type:"images",image:i[0],images:i,choice:t.choice}}function R(e,t={},r){let i=e.language||r||"none";switch(e.type){case"TextualBody":{typeof e.value<"u"&&(t[i]=e.value);break}case"List":case"Composite":case"Choice":e.items&&e.items.forEach(o=>R(o,t,i))}return t}function w(e,t){let r=[];return t.items.forEach(i=>{if(i.resource){let[o]=c(e,i.target);r.push({annotationId:i.annotationId,text:R(i.resource),target:o})}}),{type:"textual-content",items:r}}var E=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function P(e,t){let r=t.items.filter(p=>p.type==="video"),i=!1;if(e.duration||(i=!0),r.length>1)return n("Only one video source supported");let o=r[0]?.resource,a=!!(o.service||[]).find(p=>(p.profile||"").includes("youtube.com"));if(!a&&i)return n("Video does not have duration");if(!o)return n("Unknown video");if((!o.format||o.format==="text/html")&&!a)return n("Video does not have format");let s={annotationId:t.items[0].annotationId,duration:e.duration,url:o.id,type:"Video",items:[],target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:o.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}};if(a){s.type="VideoYouTube";let p=o.id.match(E);if(!p[1])return n("Video is not known youtube video");s.youTubeId=p[1]}return{type:"media",media:s,annotations:{pages:[]}}}function M({canvas:e,paintables:t,supports:r,loadImageService:i}){if(!e)return console.log("No canvas"),l;if(t.types.length===0)return r.indexOf("empty")!==-1?y(e.width,e.height):(console.log("No paintables"),l);if(t.types.length!==1)if(t.types.length===2&&t.types.indexOf("text")!==-1)t.types=t.types.filter(a=>a!=="text");else return r.indexOf("complex-timeline")===-1?n("Complex timeline not supported"):n("ComplexTimelineStrategy not yet supported");let o=t.types[0];return o==="image"?r.indexOf("images")===-1?n("Image not supported"):v(e,t,i):o==="Model"||o==="model"?r.indexOf("3d-model")===-1?n("3D not supported"):T(e,t):o==="textualbody"?r.indexOf("textual-content")===-1?n("Textual content not supported"):w(e,t):o==="sound"||o==="audio"?r.indexOf("media")===-1?n("Media not supported"):I(e,t):o==="video"?r.indexOf("media")===-1?n("Media not supported"):P(e,t):l}

package/dist/utils.d.cts

@@ -0,0 +1,32 @@
+import { k as UseRenderingStrategy, R as RenderingStrategy, j as ImageServiceLoaderType } from './useRenderingStrategy-Xj9yQm4y.cjs';
+import { CanvasNormalized } from '@iiif/presentation-3-normalized';
+import { Paintables } from '@iiif/helpers/painting-annotations';
+import { ContentResource, W3CAnnotationTarget, PointSelector } from '@iiif/presentation-3';
+import { TemporalBoxSelector, BoxSelector, SupportedTarget } from '@iiif/helpers';
+import '@iiif/helpers/annotation-targets';
+
+/**
+ * Parse specific resource.
+ *
+ * This could be expanded to support pulling out more from the specific resource.
+ *
+ * @param resource
+ */
+declare function parseSpecificResource(resource: ContentResource): any[];
+declare function getParsedTargetSelector(canvas: CanvasNormalized, target: W3CAnnotationTarget | W3CAnnotationTarget[]): [TemporalBoxSelector | BoxSelector | PointSelector | null, SupportedTarget['source']];
+declare const emptyActions: {
+    makeChoice: () => void;
+};
+declare const unknownResponse: UseRenderingStrategy[0];
+declare const unsupportedStrategy: (reason: string) => UseRenderingStrategy[0];
+declare const emptyStrategy: (width: number, height: number) => UseRenderingStrategy[0];
+
+interface GetRenderStrategyOptions {
+    canvas: CanvasNormalized | null | undefined;
+    paintables: Paintables;
+    supports: string[];
+    loadImageService: ImageServiceLoaderType;
+}
+declare function getRenderingStrategy({ canvas, paintables, supports, loadImageService }: GetRenderStrategyOptions): RenderingStrategy;
+
+export { emptyActions, emptyStrategy, getParsedTargetSelector, getRenderingStrategy, parseSpecificResource, unknownResponse, unsupportedStrategy };

package/dist/utils.d.ts

@@ -0,0 +1,32 @@
+import { k as UseRenderingStrategy, R as RenderingStrategy, j as ImageServiceLoaderType } from './useRenderingStrategy-Xj9yQm4y.js';
+import { CanvasNormalized } from '@iiif/presentation-3-normalized';
+import { Paintables } from '@iiif/helpers/painting-annotations';
+import { ContentResource, W3CAnnotationTarget, PointSelector } from '@iiif/presentation-3';
+import { TemporalBoxSelector, BoxSelector, SupportedTarget } from '@iiif/helpers';
+import '@iiif/helpers/annotation-targets';
+
+/**
+ * Parse specific resource.
+ *
+ * This could be expanded to support pulling out more from the specific resource.
+ *
+ * @param resource
+ */
+declare function parseSpecificResource(resource: ContentResource): any[];
+declare function getParsedTargetSelector(canvas: CanvasNormalized, target: W3CAnnotationTarget | W3CAnnotationTarget[]): [TemporalBoxSelector | BoxSelector | PointSelector | null, SupportedTarget['source']];
+declare const emptyActions: {
+    makeChoice: () => void;
+};
+declare const unknownResponse: UseRenderingStrategy[0];
+declare const unsupportedStrategy: (reason: string) => UseRenderingStrategy[0];
+declare const emptyStrategy: (width: number, height: number) => UseRenderingStrategy[0];
+
+interface GetRenderStrategyOptions {
+    canvas: CanvasNormalized | null | undefined;
+    paintables: Paintables;
+    supports: string[];
+    loadImageService: ImageServiceLoaderType;
+}
+declare function getRenderingStrategy({ canvas, paintables, supports, loadImageService }: GetRenderStrategyOptions): RenderingStrategy;
+
+export { emptyActions, emptyStrategy, getParsedTargetSelector, getRenderingStrategy, parseSpecificResource, unknownResponse, unsupportedStrategy };

package/dist/utils.js

@@ -0,0 +1 @@
+import{a as o,b as r,c as e,d as f,e as m,f as p,k as t}from"./chunk-YSH2CIKG.js";export{e as emptyActions,p as emptyStrategy,r as getParsedTargetSelector,t as getRenderingStrategy,o as parseSpecificResource,f as unknownResponse,m as unsupportedStrategy};

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "react-iiif-vault",
-  "version": "1.0.10",
-  "main": "dist/bundle/cjs/index.js",
-  "module": "dist/bundle/esm/index.mjs",
-  "types": ".build/types/index.d.ts",
+  "version": "1.1.0",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "web": "dist/bundle.global.js",
   "files": [
-    ".build",
     "dist"
   ],
   "contributors": [
@@ -13,87 +14,83 @@
   ],
   "exports": {
     ".": {
-      "require": "./dist/bundle/cjs/index.js",
-      "import": "./dist/bundle/esm/index.mjs",
-      "default": "./dist/index.umd.js",
-      "types": "./.build/types/index.d.ts"
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      },
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
     },
     "./canvas-panel": {
-      "require": "./dist/canvas-panel/cjs/canvas-panel.js",
-      "import": "./dist/canvas-panel/esm/canvas-panel.mjs",
-      "types": "./.build/types/canvas-panel/index.d.ts"
+      "require": {
+        "types": "./dist/canvas-panel.d.cts",
+        "default": "./dist/canvas-panel.cjs"
+      },
+      "import": {
+        "types": "./dist/canvas-panel.d.ts",
+        "default": "./dist/canvas-panel.js"
+      }
     },
     "./utils": {
-      "require": "./dist/utils/cjs/utils.js",
-      "import": "./dist/utils/esm/utils.mjs",
-      "types": "./.build/types/utils.d.ts"
-    },
-    "./react17": {
-      "require": "./dist/react17/cjs/index.js",
-      "import": "./dist/react17/esm/index.mjs",
-      "types": "./.build/types/index.d.ts"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        ".build/types/index.d.ts"
-      ],
-      "utils": [
-        ".build/types/utils.d.ts"
-      ],
-      "canvas-panel": [
-        ".build/types/canvas-panel/index.d.ts"
-      ]
+      "require": {
+        "types": "./dist/utils.d.cts",
+        "default": "./dist/utils.cjs"
+      },
+      "import": {
+        "types": "./dist/utils.d.ts",
+        "default": "./dist/utils.js"
+      }
     }
   },
   "scripts": {
-    "start": "vite",
-    "build": "tsc -p ./tsconfig.types.json --declaration --emitDeclarationOnly && node vite/build.mjs",
-    "prepublishOnly": "tsc -p ./tsconfig.types.json --declaration --emitDeclarationOnly && node vite/build.mjs",
-    "test": "vitest"
+    "build": "tsup && tsup --config tsup.umd.ts",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest",
+    "prepack": "tsup && tsup --config tsup.umd.ts",
+    "lint": "publint",
+    "start": "vite"
   },
   "license": "MIT",
+  "resolutions": {
+    "react-reconciler": "0.29"
+  },
   "dependencies": {
-    "@atlas-viewer/atlas": ">=2.0.6",
-    "@atlas-viewer/iiif-image-api": ">=2.1.1",
-    "@iiif/helpers": ">=1.0.6",
-    "@iiif/parser": ">=2.0.2",
-    "@iiif/presentation-2": ">=1.*",
-    "@iiif/presentation-3": ">=2.1.3",
-    "@iiif/presentation-3-normalized": ">=0.9.7",
-    "react": "^16.10.2 || ^17.0.2 || ^18.2.0",
-    "react-dom": "^16.10.2 || ^17.0.2 || ^18.2.0",
-    "react-error-boundary": "^4.0.12",
-    "react-lazy-load-image-component": "^1.6.0"
+    "@atlas-viewer/atlas": "^2.2.2",
+    "@atlas-viewer/iiif-image-api": "^2.2.0",
+    "@iiif/helpers": "^1.1.0",
+    "@iiif/parser": "^2.1.0",
+    "@iiif/presentation-2": "^1.0.4",
+    "@iiif/presentation-3": "^2.2.2",
+    "@iiif/presentation-3-normalized": "^0.9.7",
+    "react-error-boundary": "^4.0.13",
+    "react-lazy-load-image-component": "^1.6.0",
+    "react-reconciler": "~0.29.0",
+    "zustand": "^4.5.2"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^14.2.1",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.19",
+    "@testing-library/react": "^14.3.0",
+    "@types/react": "^18.2.75",
+    "@types/react-dom": "^18.2.24",
     "@types/react-lazy-load-image-component": "^1.6.3",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "7.0.1",
     "@vitejs/plugin-react": "^4.2.1",
-    "chalk": "^5.3.0",
-    "eslint": "^8.56.0",
-    "eslint-plugin-json": "^3.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "happy-dom": "^13.3.8",
+    "esbuild-plugin-globals": "^0.2.0",
+    "esbuild-plugin-umd-wrapper": "^2.0.0",
+    "happy-dom": "^14.7.1",
     "prettier": "^3.2.5",
-    "query-string": "^8.2.0",
-    "react-16": "npm:react@16",
-    "react-17": "npm:react@17",
-    "react-18": "npm:react@18",
-    "react-dom-16": "npm:react-dom@16",
-    "react-dom-17": "npm:react-dom@17",
-    "react-dom-18": "npm:react-dom@18",
+    "publint": "^0.2.7",
+    "query-string": "^9.0.0",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.2",
-    "vitest": "^1.2.2",
-    "zustand": "^4.5.0"
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.4",
+    "vite": "^5.2.8",
+    "vitest": "^1.4.0"
   },
   "publishConfig": {
     "access": "public"

package/.build/types/canvas-panel/Viewer.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { AtlasProps } from '@atlas-viewer/atlas';
-export declare function Viewer({ children, errorFallback, outerContainerProps, worldScale: _worldScale, ...props }: AtlasProps & {
-    height?: number | string;
-    width?: number | string;
-    resizeHash?: number;
-    containerProps?: any;
-    outerContainerProps?: any;
-    aspectRatio?: number;
-    errorFallback?: any;
-    worldScale?: number;
-} & {
-    children: ReactNode;
-}): import("react/jsx-dev-runtime").JSX.Element;

package/.build/types/canvas-panel/context/overlays.d.ts

@@ -1,3 +0,0 @@
-export declare const SetOverlaysReactContext: import("react").Context<(key: string, element: any | null, props?: any) => void>;
-export declare const SetPortalReactContext: import("react").Context<(key: string, element: any | null, props?: any) => void>;
-export declare function useOverlay(type: 'portal' | 'overlay' | 'none', key: string, element: any, props: any, deps?: any[]): void;

package/.build/types/canvas-panel/context/world-size.d.ts

@@ -1,2 +0,0 @@
-export declare const WorldSizeContext: import("react").Context<(canvasId: string, size: number) => void>;
-export declare function useWorldSize(size: number): void;

package/.build/types/canvas-panel/index.d.ts

@@ -1,46 +0,0 @@
-import { FC, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
-import { Viewer } from './Viewer';
-import { RenderAnnotation } from './render/Annotation';
-import { RenderAnnotationPage } from './render/AnnotationPage';
-import { CanvasProps, RenderCanvas } from './render/Canvas';
-import { RenderImage } from './render/Image';
-import { CanvasBackground } from './render/CanvasBackground';
-import { SimpleViewerContext } from '../viewers/SimpleViewerContext.types';
-import { Audio, AudioHTML } from './render/Audio';
-import { Video, VideoHTML } from './render/Video';
-import { Model, ModelHTML } from './render/Model';
-import { ViewerMode } from '@atlas-viewer/atlas';
-interface CanvasPanelProps {
-    manifest: string;
-    startCanvas?: string;
-    rangeId?: string;
-    pagingEnabled?: boolean;
-    header?: ReactNode;
-    children?: ReactNode;
-    mode?: ViewerMode;
-    reuseAtlas?: boolean;
-    height?: number;
-    spacing?: number;
-    components?: {
-        ViewerControls?: FC;
-        MediaControls?: FC;
-    };
-    canvasProps?: Omit<Partial<CanvasProps>, 'x'>;
-    annotations?: ReactNode;
-}
-type CanvasPanelType = ForwardRefExoticComponent<CanvasPanelProps & RefAttributes<SimpleViewerContext>> & {
-    RenderImage: typeof RenderImage;
-    RenderCanvas: typeof RenderCanvas;
-    RenderAnnotationPage: typeof RenderAnnotationPage;
-    RenderAnnotation: typeof RenderAnnotation;
-    Viewer: typeof Viewer;
-    CanvasBackground: typeof CanvasBackground;
-    Audio: typeof Audio;
-    Video: typeof Video;
-    Model: typeof Model;
-    AudioHTML: typeof AudioHTML;
-    VideoHTML: typeof VideoHTML;
-    ModelHTML: typeof ModelHTML;
-};
-export declare const CanvasPanel: CanvasPanelType;
-export {};

package/.build/types/canvas-panel/render/Annotation.d.ts

@@ -1,8 +0,0 @@
-import { BoxStyle } from '@atlas-viewer/atlas';
-import { FC } from 'react';
-export declare const RenderAnnotation: FC<{
-    id: string;
-    className?: string;
-    style?: BoxStyle;
-    interactive?: boolean;
-}>;