react-iiif-vault 1.0.11 → 1.1.1

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 tr,D as Ye,Da as Q,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 sr,K as nt,Ka as $,L as it,M as at,N as st,O as mt,P as ct,Q as lt,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 ht,_,a as Le,aa as bt,b as w,ba as It,c as P,ca as Rt,d as qe,da as Ct,e as Te,ea as Pt,f as ke,fa as Nt,g as D,ga as Mt,h as Ee,ha as N,i as Ae,ia as wt,j as W,ja as zt,k as b,ka as Lt,l as z,la as qt,m as Fe,ma as Tt,n as Ve,na as kt,o as L,oa as Et,p as Oe,pa as At,q as De,qa as Ft,r as We,ra as Vt,s as He,sa as R,t as _e,ta as Qt,u as Ke,ua as K,v as Qe,va as $t,w as H,wa as Bt,x as $e,xa as q,y as Be,ya as Gt,z as Ge,za as T}from"./chunk-VPKD2BBH.js";import{a as Ot,b as Dt,c as Wt,d as Ht,e as _t,f as Kt,g as Ut,h as Xt,i as Yt,j as Zt,k as jt}from"./chunk-DXFXJCXN.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 dr=j(function({canvasId:t},r){let i=Z(),o=K(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:c="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 l of h)if(l&&l.length&&(f.indexOf(`metadata.${l[0]}`)!==-1||f.length===0)&&u){let S=`metadata.${l[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 l of p[h]||[])u.push(v(R,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:d,children:l.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:c,separator:d,children:f.label})}),v("td",{className:n.value,children:v(R,{enableDangerouslySetInnerHTML:o,defaultText:c,separator:d,children:f.value})})]},m):null):null}),x]})}import{jsx as ie}from"react/jsx-runtime";function Nr(e){let t=L(),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 ce,useState as le}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)||(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=q(),[i,o]=le(!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 ce(()=>()=>{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 _r(e){let t=L();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,c=I(ve,{...e}),g=I(pe,{threshold:300,style:{height:s,width:n},visibleByDefault:r,children:o?I(W,{canvas:o,children:c}):c});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,c=t?.height||t?.width||128,g=o||ge(n?.label)||"",d=Q({width:s,height:c},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 to({flat:e,size:t,classes:r={},showLabel:i,figure:o,fallback:a}){let n=he(null),{items:s,sequence:c,currentSequenceIndex:g,setSequenceIndex:d}=_(),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 c){let C=[],f=c[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(c.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 io({annotation:e,children:t}){return Se(P,{value:{annotation:e},children:t})}import{jsx as be}from"react/jsx-runtime";function co({annotationPage:e,children:t}){return be(P,{value:{annotationPage:e},children:t})}import{jsx as Ie}from"react/jsx-runtime";function go({collection:e,children:t}){return Ie(P,{value:{collection:e},children:t})}function yo(e,t={}){return T(t)}function So(e,t=!1){}function Co(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 c of a?.items||[])i.indexOf(c.id)!==-1&&s.push(c);return s},[i.join("/")])}import{useMemo as Re}from"react";function zo(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 Eo(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 Oo(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=q(),[a,n]=F(void 0),[s,c]=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]),l=U(u)[0];return l&&o.loadServiceSync({id:l.id||l["@id"],width:l.width||t.width,height:l.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]),l=U(u)[0];if(!l)return;c(!0),d("loading");try{let S=await o.loadService({id:l.id||l["@id"],width:l.width||t.width,height:l.height||t.height})||void 0;n(S),d("success"),c(!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 Jo(){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 jo(){let e=b();return ze(()=>we(e),[e])}export*from"@iiif/helpers/annotation-targets";export{io as AnnotationContext,co as AnnotationPageContext,pt as Auth,tt as AuthProvider,rt as AuthProvider_Old,Ze as AuthRContext,je as AuthReactContext,et as AuthReactContextActions,dr as CanvasAnnotations,W as CanvasContext,$ as CanvasPanel,go as CollectionContext,Nr as CombinedMetadata,bt as ContextBridge,ue as Image,Bt as ImageServiceLoaderContext,yt as InnerViewerProvider,Tt as LanguageProvider,Et as LanguageString,R as LocaleString,Ae as ManifestContext,_r as ManifestMetadata,sr as MediaPlayerProvider,E as Metadata,Oe as RangeContext,qe as ReactVaultContext,P as ResourceProvider,Le as ResourceReactContext,to as SequenceThumbnails,ht as SimpleViewerProvider,xt as SimpleViewerReactContext,J as SingleCanvasThumbnail,Te as VaultProvider,Nt as ViewerPresetContext,Pt as VirtualAnnotationProvider,Fe as VisibleCanvasReactContext,Ue as authDetailsForResource,Ge as createAuthStateStore,Je as createProbe,Wt as emptyActions,Kt as emptyStrategy,We as findAllCanvasesInRange,De as findFirstCanvasFromRange,He as findManifestSelectedRange,_e as findSelectedRange,Qt as flattenAnnotationPageIds,rr as formatTime,Ut as get3dStrategy,Xt as getImageStrategy,Qe as getManifestSequence,Dt as getParsedTargetSelector,jt as getRenderingStrategy,Yt as getTextualContentStrategy,Zt as getVideoStrategy,Ke as getVisibleCanvasesFromCanvasId,Be as hasAuth,Ye as makeAccessServiceRequest,Xe as makeAccessTokenRequest,Ot as parseSpecificResource,Ht as unknownResponse,_t as unsupportedStrategy,Lt as useAnnotation,qt as useAnnotationPage,K as useAnnotationPageManager,yo as useAnnotationsAtTime,it as useAuthActions,gt as useAuthActions_old,st as useAuthService,ft as useAuthService_old,nt as useAuthStore,ct as useAuthToken,dt as useAuthToken_old,mt as useAuthTokens,ut as useAuthTokens_old,N as useCanvas,So as useCanvasClock,$e as useCanvasSequence,Co as useCanvasSubset,At as useClosestLanguage,zo as useCollection,St as useContextBridge,Vt as useCreateLocaleString,at as useCurrentAuth,lt as useCurrentAuth_old,It as useDispatch,Eo as useEventListener,ke as useExistingVault,Oo as useExternalCollection,Ee as useExternalManifest,D as useExternalResource,kt as useIIIFLanguage,V as useImage,Y as useImageService,q as useImageServiceLoader,Jo as useImageTile,ot as useIsAuthEnabled,Gt as useLoadImageService,Ft as useLocaleString,L as useManifest,ir as useMediaActions,ar as useMediaElements,nr as useMediaState,Jt as usePaintables,T as usePaintingAnnotations,H as useRange,er as useRenderingStrategy,w as useResourceContext,wt as useResourceEvents,$t as useResources,vt as useSearchService,or as useSimpleMediaPlayer,_ as useSimpleViewer,jo as useStyleHelper,zt as useStyles,Q as useThumbnail,b as useVault,tr as useVaultEffect,z as useVaultSelector,Mt as useViewerPreset,Rt as useVirtualAnnotationPage,Ct 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 N=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var B=(e,t)=>{for(var o in t)f(e,o,{get:t[o],enumerable:!0})},D=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of z(t))!O.call(e,r)&&r!==o&&f(e,r,{get:()=>t[r],enumerable:!(i=N(t,r))||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:o,source:i}=(0,x.expandTarget)(t);if(i.id!==e.id)return[null,i];let r={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}};return[o?o.type==="TemporalSelector"?{type:"TemporalBoxSelector",temporal:o.temporal,spatial:r.spatial}:o: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 o=t.items[0]?.resource;return o?o.format?{type:"media",media:{annotationId:t.items[0].annotationId,duration:e.duration,url:o.id,type:"Sound",target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:o.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 R(e,t,o){let i=[];for(let r of t.items){let a=r.resource&&r.resource.type==="SpecificResource"?r.resource.source:r.resource;if(!a.id)return n("No resource Identifier");let s;if(a.service){let u=(0,C.getImageServices)(a);u[0]&&(s=o(u[0],e))}let p={type:"BoxSelector",spatial:{x:0,y:0,width:Number(e.width),height:Number(e.height)}},[d,h]=c(e,r.target);if(!(h.id===e.id||decodeURIComponent(h.id||"")===(e.id||"")))continue;let L=r.resource.width&&r.resource.height?{type:"BoxSelector",spatial:{x:0,y:0,width:r.resource.width,height:r.resource.height}}:void 0,m=r.resource.type==="SpecificResource"?(0,S.expandTarget)(r.resource):null;if(r.selector){let u=(0,S.expandTarget)({type:"SpecificResource",source:r.resource,selector:r.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 b={id:a.id,type:"Image",annotationId:r.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(b)}return{type:"images",image:i[0],images:i,choice:t.choice}}function v(e,t={},o){let i=e.language||o||"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(r=>v(r,t,i))}return t}function w(e,t){let o=[];return t.items.forEach(i=>{if(i.resource){let[r]=c(e,i.target);o.push({annotationId:i.annotationId,text:v(i.resource),target:r})}}),{type:"textual-content",items:o}}var E=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/;function P(e,t){let o=t.items.filter(p=>p.type==="video"),i=!1;if(e.duration||(i=!0),o.length>1)return n("Only one video source supported");let r=o[0]?.resource,a=!!(r.service||[]).find(p=>(p.profile||"").includes("youtube.com"));if(!a&&i)return n("Video does not have duration");if(!r)return n("Unknown video");if((!r.format||r.format==="text/html")&&!a)return n("Video does not have format");let s={annotationId:t.items[0].annotationId,duration:e.duration,url:r.id,type:"Video",items:[],target:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}},format:r.format,selector:{type:"TemporalSelector",temporal:{startTime:0,endTime:e.duration}}};if(a){s.type="VideoYouTube";let p=r.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:o,loadImageService:i}){if(!e)return l;if(t.types.length===0)return o.indexOf("empty")!==-1?y(e.width,e.height):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 o.indexOf("complex-timeline")===-1?n("Complex timeline not supported"):n("ComplexTimelineStrategy not yet supported");let r=t.types[0];return r==="image"?o.indexOf("images")===-1?n("Image not supported"):R(e,t,i):r==="Model"||r==="model"?o.indexOf("3d-model")===-1?n("3D not supported"):T(e,t):r==="textualbody"?o.indexOf("textual-content")===-1?n("Textual content not supported"):w(e,t):r==="sound"||r==="audio"?o.indexOf("media")===-1?n("Media not supported"):I(e,t):r==="video"?o.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-DXFXJCXN.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.11",
-  "main": "dist/bundle/cjs/index.js",
-  "module": "dist/bundle/esm/index.mjs",
-  "types": ".build/types/index.d.ts",
+  "version": "1.1.1",
+  "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;
-}>;