cozy-iiif 0.2.7 → 0.3.1

package/README.md

@@ -134,6 +134,13 @@ console.log(image.getRegionURL(bounds));
 
 // With custom minimum shorted dimension
 console.log(image.getRegionURL(bounds, 800));
+
+// Full image with custom minimum shorted dimension
+console.log(image.getImageURL(800));
+
+// Resolves the actual image pixel size from the info.json
+// or the image file (which may **differ**) from the canvas size!
+console.log(image.getPixelSize());
 ```
 
 ## Cozy Helpers

package/dist/core/canvas.d.ts

@@ -1,6 +1,5 @@
 import { Canvas } from '@iiif/presentation-3';
 import { CozyImageResource } from '../types';
 export declare const getThumbnailURL: (canvas: Canvas, images?: CozyImageResource[]) => (minSize?: number) => string | undefined;
-export declare const getImageURL: (canvas: Canvas, images?: CozyImageResource[]) => (minSize?: number) => string | undefined;
 export declare const normalizeServiceUrl: (url: string) => string;
 export declare const getImages: (canvas: Canvas) => CozyImageResource[];

package/dist/core/image-service.d.ts

@@ -6,7 +6,7 @@ export declare const parseImageService: (service: Service) => {
     majorVersion: number;
     profileLevel: number;
 } | undefined;
-export declare const getImageURLFromService: (service: ImageService2 | ImageService3, width: number, height: number) => string;
-export declare const getRegionURLFromService: (service: ImageService2 | ImageService3, bounds: Bounds, minSize: number) => string | undefined;
+export declare const getImageURLFromService: (service: Service, width: number, height: number) => string;
+export declare const getRegionURLFromService: (service: Service, bounds: Bounds, minSize: number) => string | undefined;
 export declare const getRegionURL: (image: CozyImageResource) => (bounds: Bounds, minSize?: number) => string | undefined;
 export {};

package/dist/index.js

@@ -1,15 +1,16 @@
-import { g as m, a as j, b as S } from "./resource-DS2brz47.js";
-import { c as Wt } from "./resource-DS2brz47.js";
-var ce = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", le = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", F = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", pe = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", ve = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", W = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", he = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", ue = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", B = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", fe = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", me = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", H = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", ge = "http://iiif.io/api/image/1/level0.json", de = "http://iiif.io/api/image/1/profiles/level0.json", ye = "http://iiif.io/api/image/1/level1.json", Ae = "http://iiif.io/api/image/1/profiles/level1.json", J = "http://iiif.io/api/image/1/level2.json", G = "http://iiif.io/api/image/1/profiles/level2.json", Ce = "http://iiif.io/api/image/2/level0.json", be = "http://iiif.io/api/image/2/profiles/level0.json", Re = "http://iiif.io/api/image/2/level1.json", Le = "http://iiif.io/api/image/2/profiles/level1.json", K = "http://iiif.io/api/image/2/level2.json", Q = "http://iiif.io/api/image/2/profiles/level2.json", we = "level0", Ie = "level1", X = "level2", Se = "http://iiif.io/api/image/2/level0", Te = "http://iiif.io/api/image/2/level1", Y = "http://iiif.io/api/image/2/level2", xe = [Y, F, W, B, H, J, G, K, Q, X], $e = [Se, Te, Y, ce, le, F, pe, ve, W, he, ue, B, fe, me, H, ge, de, ye, Ae, J, G, Ce, be, Re, Le, K, Q, we, Ie, X], Me = $e;
-function g(t) {
+import { imageSize as ce } from "image-size";
+import { g, a as j, b as S } from "./resource-DS2brz47.js";
+import { c as zt } from "./resource-DS2brz47.js";
+var le = "http://library.stanford.edu/iiif/image-api/compliance.html#level0", pe = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", V = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", ve = "http://library.stanford.edu/iiif/image-api/conformance.html#level0", he = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", F = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", ue = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0", fe = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", W = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", ge = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level0", me = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", H = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", de = "http://iiif.io/api/image/1/level0.json", ye = "http://iiif.io/api/image/1/profiles/level0.json", Ae = "http://iiif.io/api/image/1/level1.json", Ce = "http://iiif.io/api/image/1/profiles/level1.json", J = "http://iiif.io/api/image/1/level2.json", z = "http://iiif.io/api/image/1/profiles/level2.json", be = "http://iiif.io/api/image/2/level0.json", Re = "http://iiif.io/api/image/2/profiles/level0.json", Le = "http://iiif.io/api/image/2/level1.json", we = "http://iiif.io/api/image/2/profiles/level1.json", G = "http://iiif.io/api/image/2/level2.json", K = "http://iiif.io/api/image/2/profiles/level2.json", Ie = "level0", Se = "level1", Q = "level2", xe = "http://iiif.io/api/image/2/level0", Te = "http://iiif.io/api/image/2/level1", X = "http://iiif.io/api/image/2/level2", $e = [X, V, F, W, H, J, z, G, K, Q], Me = [xe, Te, X, le, pe, V, ve, he, F, ue, fe, W, ge, me, H, de, ye, Ae, Ce, J, z, be, Re, Le, we, G, K, Ie, Se, Q], je = Me;
+function m(t) {
   for (let e in t) (typeof t[e] > "u" || t[e] === null) && delete t[e];
   return t;
 }
 function w(t) {
   return Array.isArray(t) ? t : t ? [t] : [];
 }
-var je = Object.defineProperty, ke = (t, e, r) => e in t ? je(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, b = (t, e, r) => (ke(t, typeof e != "symbol" ? e + "" : e, r), r), N = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
-function Pe(t) {
+var ke = Object.defineProperty, Pe = (t, e, r) => e in t ? ke(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, b = (t, e, r) => (Pe(t, typeof e != "symbol" ? e + "" : e, r), r), N = ["sc:Collection", "sc:Manifest", "sc:Canvas", "sc:AnnotationList", "oa:Annotation", "sc:Range", "sc:Layer", "sc:Sequence", "oa:Choice", "Service", "ContentResource"];
+function Oe(t) {
   if (typeof t > "u" || t === null) throw new Error("Null or undefined is not a valid entity.");
   if (Array.isArray(t)) throw new Error("Array is not a valid entity");
   if (typeof t != "object") throw new Error(`${typeof t} is not a valid entity`);
@@ -21,12 +22,12 @@ function Pe(t) {
   if (t.format || t["@type"]) return "ContentResource";
   throw new Error("Resource type is not known");
 }
-var Oe = class Z {
+var Ue = class Y {
   constructor(e, r = {}) {
     b(this, "traversals"), b(this, "options"), this.traversals = { collection: [], manifest: [], canvas: [], annotationList: [], sequence: [], annotation: [], contentResource: [], choice: [], range: [], service: [], layer: [], ...e }, this.options = { convertPropsToArray: !0, mergeMemberProperties: !0, allowUndefinedReturn: !1, ...r };
   }
   static all(e) {
-    return new Z({ collection: [e], manifest: [e], canvas: [e], annotationList: [e], sequence: [e], annotation: [e], contentResource: [e], choice: [e], range: [e], service: [e], layer: [e] });
+    return new Y({ collection: [e], manifest: [e], canvas: [e], annotationList: [e], sequence: [e], annotation: [e], contentResource: [e], choice: [e], range: [e], service: [e], layer: [e] });
   }
   traverseCollection(e) {
     return this.traverseType(this.traverseDescriptive(this.traverseLinking(this.traverseCollectionItems(e))), this.traversals.collection);
@@ -99,7 +100,7 @@ var Oe = class Z {
   }
   traverseUnknown(e) {
     if (!e["@type"] || typeof e == "string") return e;
-    switch (Pe(e)) {
+    switch (Oe(e)) {
       case "sc:Collection":
         return this.traverseCollection(e);
       case "sc:Manifest":
@@ -152,8 +153,8 @@ var Oe = class Z {
       return typeof n > "u" && !this.options.allowUndefinedReturn ? i : n;
     }, e);
   }
-}, Ue = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", De = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", Ne = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", Ee = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", qe = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", _e = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", Ve = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", Fe = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", We = "http://iiif.io/api/image/1/level1.json", Be = "http://iiif.io/api/image/1/profiles/level1.json", He = "http://iiif.io/api/image/1/level2.json", Je = "http://iiif.io/api/image/1/profiles/level2.json", Ge = "http://iiif.io/api/image/2/level1.json", Ke = "http://iiif.io/api/image/2/profiles/level1.json", Qe = "http://iiif.io/api/image/2/level2.json", Xe = "http://iiif.io/api/image/2/profiles/level2.json", Ye = "level1", Ze = "level2", ze = "http://iiif.io/api/image/2/level1", et = "http://iiif.io/api/image/2/level2", tt = [ze, et, Ue, De, Ne, Ee, qe, _e, Ve, Fe, We, Be, He, Je, Ge, Ke, Qe, Xe, Ye, Ze], k = { attributionLabel: "Attribution", providerId: "http://example.org/provider", providerName: "Unknown" };
-function rt(t) {
+}, De = "http://library.stanford.edu/iiif/image-api/compliance.html#level1", Ne = "http://library.stanford.edu/iiif/image-api/compliance.html#level2", Ee = "http://library.stanford.edu/iiif/image-api/conformance.html#level1", qe = "http://library.stanford.edu/iiif/image-api/conformance.html#level2", _e = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level1", Be = "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level2", Ve = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level1", Fe = "http://library.stanford.edu/iiif/image-api/1.1/conformance.html#level2", We = "http://iiif.io/api/image/1/level1.json", He = "http://iiif.io/api/image/1/profiles/level1.json", Je = "http://iiif.io/api/image/1/level2.json", ze = "http://iiif.io/api/image/1/profiles/level2.json", Ge = "http://iiif.io/api/image/2/level1.json", Ke = "http://iiif.io/api/image/2/profiles/level1.json", Qe = "http://iiif.io/api/image/2/level2.json", Xe = "http://iiif.io/api/image/2/profiles/level2.json", Ye = "level1", Ze = "level2", et = "http://iiif.io/api/image/2/level1", tt = "http://iiif.io/api/image/2/level2", rt = [et, tt, De, Ne, Ee, qe, _e, Be, Ve, Fe, We, He, Je, ze, Ge, Ke, Qe, Xe, Ye, Ze], k = { attributionLabel: "Attribution", providerId: "http://example.org/provider", providerName: "Unknown" };
+function it(t) {
   if (typeof t == "string") return [t];
   if (!t) return [];
   let e = Array.isArray(t) ? t : [t], r = [];
@@ -168,7 +169,7 @@ function rt(t) {
 }
 function I(t, e = "none") {
   if (!t) return { none: [""] };
-  let r = rt(t), i = {};
+  let r = it(t), i = {};
   for (let s of r) {
     if (typeof s == "string") {
       i[e] = i[e] ? i[e] : [], i[e].push(s || "");
@@ -183,14 +184,14 @@ function I(t, e = "none") {
   }
   return Object.keys(i).length === 0 ? { none: [""] } : i;
 }
-function z(t) {
-  if (Array.isArray(t)) return z(t.find((e) => typeof e == "string"));
-  if (xe.indexOf(t) !== -1) return "level2";
-  if (tt.indexOf(t) !== -1) return "level1";
-  if (Me.indexOf(t) !== -1) return "level0";
+function Z(t) {
+  if (Array.isArray(t)) return Z(t.find((e) => typeof e == "string"));
+  if ($e.indexOf(t) !== -1) return "level2";
+  if (rt.indexOf(t) !== -1) return "level1";
+  if (je.indexOf(t) !== -1) return "level0";
   if (typeof t == "string") return t;
 }
-function it(t) {
+function st(t) {
   let e = Array.isArray(t) ? t : [t];
   for (let r of e) switch (r) {
     case "http://iiif.io/api/image/2/context.json":
@@ -203,7 +204,7 @@ function it(t) {
       return "ImageApiSelector";
   }
 }
-function st(t) {
+function nt(t) {
   switch (t) {
     case "http://iiif.io/api/image/2/level0.json":
     case "http://iiif.io/api/image/2/level1.json":
@@ -236,15 +237,15 @@ function E(t) {
   for (let e of ["sc", "oa", "dcterms", "dctypes", "iiif"]) if (t.startsWith(`${e}:`)) return t.slice(e.length + 1);
   return t;
 }
-var nt = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
+var at = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
 function U(t) {
   let e = t["@id"] || t.id, r = t["@type"] || t.type, i = t.profile || void 0, s = t["@context"] || void 0;
   if (i) {
-    let n = st(i);
+    let n = nt(i);
     if (n) return n;
   }
   if (s) {
-    let n = it(s);
+    let n = st(s);
     if (n) return n;
   }
   if (r) {
@@ -266,7 +267,7 @@ function U(t) {
         return "TextualBody";
     }
   }
-  if (r && nt.indexOf(r) !== -1) return r;
+  if (r && at.indexOf(r) !== -1) return r;
   if (t.format) {
     if (t.format.startsWith("image/")) return "Image";
     if (t.format.startsWith("text/") || t.format === "application/pdf") return "Text";
@@ -274,15 +275,15 @@ function U(t) {
   }
   return e && (e.endsWith(".jpg") || e.endsWith(".png") || e.endsWith(".jpeg")) ? "Image" : r || "unknown";
 }
-var at = /http(s)?:\/\/(creativecommons.org|rightsstatements.org)[^"'\\<\n]+/gm;
-function ot(t) {
-  let e = t.match(at);
+var ot = /http(s)?:\/\/(creativecommons.org|rightsstatements.org)[^"'\\<\n]+/gm;
+function ct(t) {
+  let e = t.match(ot);
   return e ? e[0] : t;
 }
-function ct(t, e = "Rights/License", r = "none") {
+function lt(t, e = "Rights/License", r = "none") {
   let i = null, s = [], n = Array.isArray(t) ? t : [t];
   for (let o of n) {
-    let c = o ? ot(o) : void 0;
+    let c = o ? ct(o) : void 0;
     if (c && (c.indexOf("creativecommons.org") !== -1 || c.indexOf("rightsstatements.org") !== -1)) {
       c.startsWith("https://") ? i = `http://${c.slice(8)}` : i = c;
       continue;
@@ -291,15 +292,15 @@ function ct(t, e = "Rights/License", r = "none") {
   }
   return [i, s];
 }
-var lt = ["http://iiif.io/api/presentation/2/context.json", "http://iiif.io/api/image/2/context.json", "http://iiif.io/api/image/1/context.json", "http://library.stanford.edu/iiif/image-api/1.1/context.json", "http://iiif.io/api/search/1/context.json", "http://iiif.io/api/search/0/context.json", "http://iiif.io/api/auth/1/context.json", "http://iiif.io/api/auth/0/context.json", "http://iiif.io/api/annex/openannotation/context.json"];
-function pt(t) {
+var pt = ["http://iiif.io/api/presentation/2/context.json", "http://iiif.io/api/image/2/context.json", "http://iiif.io/api/image/1/context.json", "http://library.stanford.edu/iiif/image-api/1.1/context.json", "http://iiif.io/api/search/1/context.json", "http://iiif.io/api/search/0/context.json", "http://iiif.io/api/auth/1/context.json", "http://iiif.io/api/auth/0/context.json", "http://iiif.io/api/annex/openannotation/context.json"];
+function vt(t) {
   if (t) {
     let e = Array.isArray(t) ? t : [t], r = [];
-    for (let i of e) i === "http://iiif.io/api/presentation/2/context.json" && r.push("http://iiif.io/api/presentation/3/context.json"), lt.indexOf(i) === -1 && r.push(i);
+    for (let i of e) i === "http://iiif.io/api/presentation/2/context.json" && r.push("http://iiif.io/api/presentation/3/context.json"), pt.indexOf(i) === -1 && r.push(i);
     if (e.length) return r.length === 1 ? r[0] : r;
   }
 }
-function vt(t) {
+function ht(t) {
   return t ? t.map((e) => ({ label: I(e.label), value: I(e.value) })) : [];
 }
 var q = 0;
@@ -311,16 +312,16 @@ function A(t) {
   let e = [...t.behavior || []];
   t.viewingHint && e.push(t.viewingHint);
   let r;
-  return Array.isArray(t.motivation) ? r = t.motivation.map(E) : t.motivation && (r = E(t.motivation)), { "@context": t["@context"] ? pt(t["@context"]) : void 0, id: (t["@id"] || ee(t)).trim(), type: U(t), behavior: e.length ? e : void 0, height: t.height ? t.height : void 0, width: t.width ? t.width : void 0, motivation: r, viewingDirection: t.viewingDirection, profile: t.profile, format: t.format ? t.format : void 0, duration: void 0, timeMode: void 0 };
+  return Array.isArray(t.motivation) ? r = t.motivation.map(E) : t.motivation && (r = E(t.motivation)), { "@context": t["@context"] ? vt(t["@context"]) : void 0, id: (t["@id"] || ee(t)).trim(), type: U(t), behavior: e.length ? e : void 0, height: t.height ? t.height : void 0, width: t.width ? t.width : void 0, motivation: r, viewingDirection: t.viewingDirection, profile: t.profile, format: t.format ? t.format : void 0, duration: void 0, timeMode: void 0 };
 }
 function C(t) {
-  let [e, r] = ct(t.license), i = [...t.metadata ? vt(t.metadata) : [], ...r];
-  return { rights: e, metadata: i.length ? i : void 0, label: t.label ? I(t.label) : void 0, requiredStatement: t.attribution ? { label: I(k.attributionLabel), value: I(t.attribution) } : void 0, navDate: t.navDate, summary: t.description ? I(t.description) : void 0, thumbnail: ht(t.thumbnail) };
+  let [e, r] = lt(t.license), i = [...t.metadata ? ht(t.metadata) : [], ...r];
+  return { rights: e, metadata: i.length ? i : void 0, label: t.label ? I(t.label) : void 0, requiredStatement: t.attribution ? { label: I(k.attributionLabel), value: I(t.attribution) } : void 0, navDate: t.navDate, summary: t.description ? I(t.description) : void 0, thumbnail: ut(t.thumbnail) };
 }
-function ht(t) {
+function ut(t) {
   return t && (Array.isArray(t) ? t : [t]).map((e) => typeof e == "string" ? { id: e, type: "Image" } : (e.type === "unknown" && (e.type = "Image"), e));
 }
-function ut(t) {
+function ft(t) {
   if (!t.within) return;
   let e = Array.isArray(t.within) ? t.within : [t.within], r = [];
   for (let i of e) if (typeof i == "string") {
@@ -334,21 +335,21 @@ function ut(t) {
 }
 function R(t) {
   let e = t.related ? Array.isArray(t.related) ? t.related : [t.related] : [], r = t.contentLayer;
-  return { provider: t.logo || e.length ? [{ id: k.providerId, type: "Agent", homepage: e.length ? [e[0]] : void 0, logo: t.logo ? Array.isArray(t.logo) ? t.logo : [t.logo] : void 0, label: I(k.providerName) }] : void 0, partOf: ut(t), rendering: t.rendering, seeAlso: t.seeAlso, start: t.startCanvas, service: t.service ? w(t.service) : void 0, supplementary: r ? [r] : void 0 };
+  return { provider: t.logo || e.length ? [{ id: k.providerId, type: "Agent", homepage: e.length ? [e[0]] : void 0, logo: t.logo ? Array.isArray(t.logo) ? t.logo : [t.logo] : void 0, label: I(k.providerName) }] : void 0, partOf: ft(t), rendering: t.rendering, seeAlso: t.seeAlso, start: t.startCanvas, service: t.service ? w(t.service) : void 0, supplementary: r ? [r] : void 0 };
 }
-function ft(t) {
+function gt(t) {
   return { chars: t.chars, format: t.format ? t.format : void 0, language: t.language };
 }
 function mt(t) {
-  return g({ ...A(t), ...C(t), ...R(t), items: t.members });
+  return m({ ...A(t), ...C(t), ...R(t), items: t.members });
 }
-function gt(t) {
+function dt(t) {
   let e = [], r = [], i;
   for (let n of t.sequences || []) n.canvases.length && e.push(...n.canvases), n.behavior && r.push(...n.behavior), n.startCanvas && (i = n.startCanvas);
   let s = A(t);
-  return r.length && (s.behavior ? s.behavior.push(...r) : s.behavior = r), g({ ...s, ...C(t), ...R(t), start: i, items: e, structures: dt(t.structures) });
+  return r.length && (s.behavior ? s.behavior.push(...r) : s.behavior = r), m({ ...s, ...C(t), ...R(t), start: i, items: e, structures: yt(t.structures) });
 }
-function dt(t) {
+function yt(t) {
   if (!t) return t;
   let e = /* @__PURE__ */ new Map();
   for (let i of t) e.set(i.id, i);
@@ -359,16 +360,16 @@ function dt(t) {
   }
   return t.filter((i) => r.indexOf(i.id) === -1);
 }
-function yt(t) {
-  return g({ ...A(t), ...C(t), ...R(t), annotations: t.otherContent && t.otherContent.length ? t.otherContent : void 0, items: t.images && t.images.length ? [{ id: ee(t, "annotation-page"), type: "AnnotationPage", items: t.images }] : void 0 });
-}
 function At(t) {
-  return g({ ...A(t), ...C(t), ...R(t), items: t.resources && t.resources.length ? t.resources : void 0 });
+  return m({ ...A(t), ...C(t), ...R(t), annotations: t.otherContent && t.otherContent.length ? t.otherContent : void 0, items: t.images && t.images.length ? [{ id: ee(t, "annotation-page"), type: "AnnotationPage", items: t.images }] : void 0 });
 }
 function Ct(t) {
-  return !t.canvases || t.canvases.length === 0 ? { canvases: [], behavior: [] } : { canvases: t.canvases, behavior: t.viewingHint ? [t.viewingHint] : [], startCanvas: t.startCanvas };
+  return m({ ...A(t), ...C(t), ...R(t), items: t.resources && t.resources.length ? t.resources : void 0 });
 }
 function bt(t) {
+  return !t.canvases || t.canvases.length === 0 ? { canvases: [], behavior: [] } : { canvases: t.canvases, behavior: t.viewingHint ? [t.viewingHint] : [], startCanvas: t.startCanvas };
+}
+function Rt(t) {
   function e(r) {
     if (Array.isArray(r)) {
       if (r.length > 1) return { type: "List", items: r.map(e) };
@@ -384,32 +385,32 @@ function bt(t) {
       return { type: "SpecificResource", source: i, selector: P(r.selector) };
     } else return encodeURI(r["@id"]).trim();
   }
-  return g({ ...A(t), ...C(t), ...R(t), target: e(t.on), body: Array.isArray(t.resource) ? t.resource.map(_) : _(t.resource) });
+  return m({ ...A(t), ...C(t), ...R(t), target: e(t.on), body: Array.isArray(t.resource) ? t.resource.map(_) : _(t.resource) });
 }
 function _(t) {
   return t.type === "Choice" ? t : te(t);
 }
 function te(t) {
   let e = t;
-  return g({ ...A(e), ...C(e), ...R(e), ...ft(e) });
-}
-function Rt(t) {
-  let e = [];
-  return t.default && t.default !== "rdf:nil" && e.push(t.default), t.item && t.item !== "rdf:nil" && e.push(...t.item), g({ ...A(t), ...C(t), items: e });
+  return m({ ...A(e), ...C(e), ...R(e), ...gt(e) });
 }
 function Lt(t) {
-  return g({ ...A(t), ...C(t), ...R(t), items: t.members });
+  let e = [];
+  return t.default && t.default !== "rdf:nil" && e.push(t.default), t.item && t.item !== "rdf:nil" && e.push(...t.item), m({ ...A(t), ...C(t), items: e });
 }
 function wt(t) {
-  let { "@id": e, "@type": r, "@context": i, profile: s, ...n } = t, o = {};
-  return e && (o["@id"] = e), o["@type"] = U(t), o["@type"] === "unknown" && (i && i.length && (o["@context"] = i), o["@type"] = "Service"), s && (o.profile = z(s)), g({ ...o, ...n });
+  return m({ ...A(t), ...C(t), ...R(t), items: t.members });
 }
 function It(t) {
-  return g({ ...A(t), ...C(t), ...R(t) });
+  let { "@id": e, "@type": r, "@context": i, profile: s, ...n } = t, o = {};
+  return e && (o["@id"] = e), o["@type"] = U(t), o["@type"] === "unknown" && (i && i.length && (o["@context"] = i), o["@type"] = "Service"), s && (o.profile = Z(s)), m({ ...o, ...n });
+}
+function St(t) {
+  return m({ ...A(t), ...C(t), ...R(t) });
 }
-var St = new Oe({ collection: [mt], manifest: [gt], canvas: [yt], annotationList: [At], sequence: [Ct], annotation: [bt], contentResource: [te], choice: [Rt], range: [Lt], service: [wt], layer: [It] });
+var xt = new Ue({ collection: [mt], manifest: [dt], canvas: [At], annotationList: [Ct], sequence: [bt], annotation: [Rt], contentResource: [te], choice: [Lt], range: [wt], service: [It], layer: [St] });
 function re(t) {
-  return t && t["@context"] && (t["@context"] === "http://iiif.io/api/presentation/2/context.json" || t["@context"].indexOf("http://iiif.io/api/presentation/2/context.json") !== -1 || t["@context"] === "http://www.shared-canvas.org/ns/context.json") || t["@context"] === "http://iiif.io/api/image/2/context.json" ? St.traverseUnknown(t) : t;
+  return t && t["@context"] && (t["@context"] === "http://iiif.io/api/presentation/2/context.json" || t["@context"].indexOf("http://iiif.io/api/presentation/2/context.json") !== -1 || t["@context"] === "http://www.shared-canvas.org/ns/context.json") || t["@context"] === "http://iiif.io/api/image/2/context.json" ? xt.traverseUnknown(t) : t;
 }
 function P(t) {
   if ((Array.isArray(t["@type"]) && t["@type"].includes("oa:SvgSelector") || t["@type"] == "oa:SvgSelector") && ("chars" in t || "value" in t)) return { type: "SvgSelector", value: "chars" in t ? t.chars : t.value };
@@ -421,10 +422,10 @@ function P(t) {
 function M(t) {
   return typeof t == "string" ? !1 : t && !t.type && "source" in t ? (t.type = "SpecificResource", !0) : !!t && t.type === "SpecificResource";
 }
-function T(...t) {
+function x(...t) {
   return (e) => t.reduce((r, i) => i(r), e);
 }
-var V = ["Collection", "Manifest", "Canvas", "AnnotationPage", "AnnotationCollection", "Annotation", "ContentResource", "Range", "Service", "Selector", "Agent"];
+var B = ["Collection", "Manifest", "Canvas", "AnnotationPage", "AnnotationCollection", "Annotation", "ContentResource", "Range", "Service", "Selector", "Agent"];
 function Tt(t, e) {
   if (typeof t > "u" || t === null) throw new Error("Null or undefined is not a valid entity.");
   if (Array.isArray(t)) throw new Error("Array is not a valid entity");
@@ -433,15 +434,15 @@ function Tt(t, e) {
     throw new Error(`${typeof t} is not a valid entity`);
   }
   if (typeof t.type == "string") {
-    let r = V.indexOf(t.type);
-    if (r !== -1) return V[r];
+    let r = B.indexOf(t.type);
+    if (r !== -1) return B[r];
   }
   if (t.profile) return "Service";
   throw new Error("Resource type is not known");
 }
 var D = class ie {
   constructor(e, r = {}) {
-    b(this, "traversals"), b(this, "options"), b(this, "_traverseManifest", T(this.traverseManifestItems.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this), this.traverseManifestStructures.bind(this), this.traverseInlineAnnotationPages.bind(this))), b(this, "_traverseCanvas", T(this.traverseCanvasItems.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this), this.traverseInlineAnnotationPages.bind(this))), b(this, "_traverseAnnotationPage", T(this.traverseAnnotationPageItems.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this))), b(this, "_traverseRange", T(this.traverseRangeRanges.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this))), this.traversals = { collection: [], manifest: [], canvas: [], annotationCollection: [], annotationPage: [], annotation: [], contentResource: [], choice: [], range: [], service: [], agent: [], specificResource: [], geoJson: [], ...e }, this.options = { allowUndefinedReturn: !1, ...r };
+    b(this, "traversals"), b(this, "options"), b(this, "_traverseManifest", x(this.traverseManifestItems.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this), this.traverseManifestStructures.bind(this), this.traverseInlineAnnotationPages.bind(this))), b(this, "_traverseCanvas", x(this.traverseCanvasItems.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this), this.traverseInlineAnnotationPages.bind(this))), b(this, "_traverseAnnotationPage", x(this.traverseAnnotationPageItems.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this))), b(this, "_traverseRange", x(this.traverseRangeRanges.bind(this), this.traverseLinking.bind(this), this.traverseDescriptive.bind(this), this.traverseLinkedCanvases.bind(this))), this.traversals = { collection: [], manifest: [], canvas: [], annotationCollection: [], annotationPage: [], annotation: [], contentResource: [], choice: [], range: [], service: [], agent: [], specificResource: [], geoJson: [], ...e }, this.options = { allowUndefinedReturn: !1, ...r };
   }
   static all(e) {
     return new ie({ collection: [e], manifest: [e], canvas: [e], annotationCollection: [e], annotationPage: [e], annotation: [e], contentResource: [e], choice: [e], range: [e], service: [e], geoJson: [e], specificResource: [e], agent: [e] });
@@ -552,15 +553,15 @@ var D = class ie {
     }
   }
 };
-const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.profile.toString().includes("iiif.io/api/image/"), ne = (t) => {
-  const e = m(t, "type"), r = m(t, "context");
+const se = (t) => g(t, "type").startsWith("ImageService") || t.profile && t.profile.toString().includes("iiif.io/api/image/"), ne = (t) => {
+  const e = g(t, "type"), r = g(t, "context");
   if (e === "ImageService2" || r != null && r.includes("image/2")) {
     const i = t, s = ["level0", "level1", "level2"];
     return { majorVersion: 2, profileLevel: (Array.isArray(i.profile) ? i.profile : [i.profile]).map((c) => s.findIndex((a) => c.toString().includes(a))).filter((c) => c > -1).sort((c, a) => a - c)[0] };
   } else if (e || r)
     return { majorVersion: 3, profileLevel: parseInt(t.profile) };
 }, O = (t, e, r) => {
-  const i = m(t, "id"), s = t.profile || "";
+  const i = g(t, "id"), s = t.profile || "";
   if (typeof s == "string" && (s.includes("level0") || s.includes("level:0"))) {
     if ("sizes" in t && Array.isArray(t.sizes)) {
       const o = t.sizes.sort((c, a) => a.width * a.height - c.width * c.height).filter((c) => c.width * c.height >= e * r)[0];
@@ -570,16 +571,16 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
     return `${i}/full/full/0/default.jpg`;
   }
   return `${i}/full/!${e},${r}/0/default.jpg`;
-}, xt = (t, e, r) => {
-  const i = m(t, "id"), s = t.profile || "";
+}, $t = (t, e, r) => {
+  const i = g(t, "id"), s = t.profile || "";
   if (typeof s == "string" && (s.includes("level0") || s.includes("level:0"))) return;
   const { x: o, y: c, w: a, h: l } = e, u = a / l, v = u < 1, d = Math.ceil(v ? r / u : r), p = Math.ceil(v ? r : r / u), f = `${Math.round(o)},${Math.round(c)},${Math.round(a)},${Math.round(l)}`;
   return `${i}/${f}/!${p},${d}/0/default.jpg`;
-}, $t = (t) => (e, r = 400) => {
+}, Mt = (t) => (e, r = 400) => {
   if (t.type === "dynamic")
-    return xt(t.service, e, r);
+    return $t(t.service, e, r);
   console.error("Level 0 or static image canvas: unsupported");
-}, Mt = (t, e = []) => (r = 400) => {
+}, jt = (t, e = []) => (r = 400) => {
   const { width: i, height: s } = t;
   if (!i || !s) return;
   const n = i / s, o = n < 1, c = Math.ceil(o ? r / n : r), a = Math.ceil(o ? r : r / n);
@@ -598,31 +599,36 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
     if (l.type === "static")
       return l.url;
   }
-}, jt = (t, e = []) => (r = 800) => {
-  const { width: i, height: s } = t;
-  if (!i || !s) return;
-  const n = i / s, o = n < 1, c = Math.ceil(o ? r / n : r), a = Math.ceil(o ? r : r / n);
-  for (const l of e) {
-    if (l.type === "dynamic" || l.type === "level0")
-      return O(l.service, a, c);
-    if (l.type === "static")
-      return l.url;
-  }
-}, ae = (t) => t.endsWith("/info.json") ? t : `${t.endsWith("/") ? t : `${t}/`}info.json`, kt = (t) => {
-  const { format: e, height: r, width: i } = t, s = m(t, "id"), n = (t.service || []).find(se), o = n ? ne(n) : void 0;
-  if (o) {
-    const c = {
+}, ae = (t) => t.endsWith("/info.json") ? t : `${t.endsWith("/") ? t : `${t}/`}info.json`, kt = (t, e, r) => (i = 800) => {
+  if (!t || !e) return;
+  const s = t / e, n = s < 1, o = Math.ceil(n ? i / s : i), c = Math.ceil(n ? i : i / s);
+  return O(r, c, o);
+}, Pt = (t) => () => fetch(t).then((e) => e.json()).then((e) => {
+  const r = e.width, i = e.height;
+  return r !== void 0 && i !== void 0 ? { width: r, height: i } : void 0;
+}), Ot = (t) => () => {
+  const e = typeof window < "u";
+  return fetch(t).then((r) => r.blob()).then((r) => e ? createImageBitmap(r).then((i) => {
+    const { width: s, height: n } = i;
+    return i.close(), { width: s, height: n };
+  }) : r.arrayBuffer().then((i) => ce(new Uint8Array(i))));
+}, Ut = (t) => {
+  const { format: e, height: r, width: i } = t, s = g(t, "id"), n = (t.service || []).find(se), o = n ? ne(n) : void 0;
+  if (n && o) {
+    const c = ae(g(n, "id")), a = {
       source: t,
       type: o.profileLevel === 0 ? "level0" : "dynamic",
       service: n,
       width: i,
       height: r,
       majorVersion: o.majorVersion,
-      serviceUrl: ae(m(n, "id"))
+      serviceUrl: c,
+      getImageURL: kt(i, r, n),
+      getPixelSize: Pt(c)
     };
-    return o.profileLevel === 0 ? c : {
-      ...c,
-      getRegionURL: $t(c)
+    return o.profileLevel === 0 ? a : {
+      ...a,
+      getRegionURL: Mt(a)
     };
   } else
     return {
@@ -631,19 +637,21 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
       width: i,
       height: r,
       url: s,
-      format: e
+      format: e,
+      getImageURL: () => s,
+      getPixelSize: Ot(s)
     };
-}, Pt = (t) => {
+}, Dt = (t) => {
   const e = [];
   return new D({
     annotation: [(i) => {
       if (i.motivation === "painting" || !i.motivation) {
         const n = (i.body ? Array.isArray(i.body) ? i.body : [i.body] : []).filter((o) => o.type === "Image");
-        e.push(...n.map((o) => kt(o)));
+        e.push(...n.map((o) => Ut(o)));
       }
     }]
   }).traverseCanvas(t), e;
-}, Ot = (t) => () => {
+}, Nt = (t) => () => {
   const e = /* @__PURE__ */ new Map(), r = (a, l, u = 0) => {
     const v = {
       id: a.id,
@@ -658,8 +666,8 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
     };
     a.items && a.items.length > 0 && a.items.forEach((h) => {
       if (h.source.type === "Range") {
-        const x = r(h, v, u + 1);
-        v.children.push(x);
+        const T = r(h, v, u + 1);
+        v.children.push(T);
       } else {
         const L = {
           id: h.id,
@@ -690,7 +698,7 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
     const u = (v, d = []) => v.parent ? u(v.parent, [v, ...d]) : [v, ...d];
     return u(l);
   }, getNode: (a) => e.get(a) };
-}, Ut = async (t) => {
+}, Et = async (t) => {
   try {
     new URL(t);
   } catch {
@@ -744,7 +752,7 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
       code: "INVALID_MANIFEST",
       message: "Missing @context"
     };
-  const i = m(t, "id");
+  const i = g(t, "id");
   if (!i)
     return {
       type: "error",
@@ -753,18 +761,18 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
     };
   if (r.includes("presentation/2") || r.includes("presentation/3")) {
     const s = r.includes("presentation/2") ? 2 : 3;
-    return m(t, "type").includes("Collection") ? {
+    return g(t, "type").includes("Collection") ? {
       type: "collection",
       url: e || i,
-      resource: Dt(t, s)
+      resource: qt(t, s)
     } : {
       type: "manifest",
       url: e || i,
-      resource: Nt(t, s)
+      resource: _t(t, s)
     };
   }
   if (r.includes("image/2") || r.includes("image/3")) {
-    const s = Et(t);
+    const s = Bt(t);
     return s ? {
       type: "iiif-image",
       url: e || i,
@@ -780,7 +788,7 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
     code: "INVALID_MANIFEST",
     message: "JSON resource is not a recognized IIIF format"
   };
-}, Dt = (t, e) => {
+}, qt = (t, e) => {
   const r = (n) => {
     const o = [];
     return new D({
@@ -800,7 +808,7 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
     getLabel: S(i),
     getMetadata: j(i)
   };
-}, Nt = (t, e) => {
+}, _t = (t, e) => {
   const r = (o) => {
     const c = [], a = [];
     new D({
@@ -812,7 +820,7 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
       }]
     }).traverseManifest(o);
     const u = c.map((p) => {
-      const f = Pt(p);
+      const f = Dt(p);
       return {
         source: p,
         id: p.id,
@@ -820,18 +828,19 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
         height: p.height,
         images: f,
         annotations: p.annotations || [],
-        getImageURL: jt(p, f),
+        getImageURL: f.length > 0 ? f[0].getImageURL : () => {
+        },
         getLabel: S(p),
         getMetadata: j(p),
-        getThumbnailURL: Mt(p, f)
+        getThumbnailURL: jt(p, f)
       };
     }), v = (p) => {
-      const f = p.items || [], h = f.filter((y) => y.type === "Canvas").map((y) => u.find(($) => $.id === y.id)).filter(Boolean), L = f.filter((y) => y.type === "Range").map((y) => v(y)), x = [...h, ...L];
+      const f = p.items || [], h = f.filter((y) => y.type === "Canvas").map((y) => u.find(($) => $.id === y.id)).filter(Boolean), L = f.filter((y) => y.type === "Range").map((y) => v(y)), T = [...h, ...L];
       return {
         source: p,
         id: p.id,
         // Maintain original order
-        items: f.map((y) => x.find(($) => $.id === y.id)),
+        items: f.map((y) => T.find(($) => $.id === y.id)),
         canvases: h,
         ranges: L,
         getLabel: S(p)
@@ -847,9 +856,9 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
     structure: n,
     getLabel: S(i),
     getMetadata: j(i),
-    getTableOfContents: Ot(n)
+    getTableOfContents: Nt(n)
   };
-}, Et = (t) => {
+}, Bt = (t) => {
   const { width: e, height: r } = t, i = ne(t);
   if (i)
     return {
@@ -858,22 +867,21 @@ const se = (t) => m(t, "type").startsWith("ImageService") || t.profile && t.prof
       width: e,
       height: r,
       majorVersion: i.majorVersion,
-      serviceUrl: ae(m(t, "id"))
+      serviceUrl: ae(g(t, "id"))
     };
-}, _t = { parse: oe, parseURL: Ut };
+}, Wt = { parse: oe, parseURL: Et };
 export {
-  _t as Cozy,
-  jt as getImageURL,
+  Wt as Cozy,
   O as getImageURLFromService,
-  Pt as getImages,
+  Dt as getImages,
   S as getLabel,
   j as getMetadata,
-  m as getPropertyValue,
-  $t as getRegionURL,
-  xt as getRegionURLFromService,
-  Wt as getStringValue,
-  Ot as getTableOfContents,
-  Mt as getThumbnailURL,
+  g as getPropertyValue,
+  Mt as getRegionURL,
+  $t as getRegionURLFromService,
+  zt as getStringValue,
+  Nt as getTableOfContents,
+  jt as getThumbnailURL,
   se as isImageService,
   ae as normalizeServiceUrl,
   ne as parseImageService

package/dist/level-0/index.js

@@ -1,3 +1,4 @@
+import "image-size";
 import { g as $ } from "../resource-DS2brz47.js";
 const F = (t) => ({ id: $(t, "id"), ...t }), T = (t) => fetch(t.serviceUrl).then((e) => e.json()).then(F), P = new FinalizationRegistry(({ signal: t, aborted: e }) => {
   t == null || t.removeEventListener("abort", e);
@@ -92,7 +93,7 @@ const H = () => {
       });
     }
   return d;
-}, L = async (t, e) => {
+}, O = async (t, e) => {
   const c = await T(t), i = R(c, e), r = document.createElement("canvas"), n = r.getContext("2d");
   if (!n)
     throw new Error("Error initializing canvas context");
@@ -164,7 +165,7 @@ const H = () => {
       });
     }
   return a;
-}, O = async (t, e) => {
+}, X = async (t, e) => {
   const c = await T(t), i = k(c, e), r = b(c, e), n = document.createElement("canvas");
   n.width = r.width, n.height = r.height;
   const o = n.getContext("2d");
@@ -181,6 +182,6 @@ const H = () => {
   });
 };
 export {
-  L as cropRegion,
-  O as getThumbnail
+  O as cropRegion,
+  X as getThumbnail
 };

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import { Manifest, Canvas, ImageService2, ImageService3, IIIFExternalWebResource, Collection, Range, AnnotationPage } from '@iiif/presentation-3';
+import { Manifest, Canvas, IIIFExternalWebResource, Collection, Range, AnnotationPage, Service } from '@iiif/presentation-3';
 export type CozyParseResult = {
     type: 'collection';
     url: string;
@@ -94,6 +94,11 @@ interface BaseImageResource {
     readonly type: 'static' | 'dynamic' | 'level0';
     readonly width: number;
     readonly height: number;
+    getImageURL(minSize?: number): string;
+    getPixelSize(): Promise<{
+        width: number;
+        height: number;
+    }>;
 }
 export interface StaticImageResource extends BaseImageResource {
     readonly type: 'static';
@@ -101,7 +106,7 @@ export interface StaticImageResource extends BaseImageResource {
 }
 export interface DynamicImageServiceResource extends BaseImageResource {
     readonly type: 'dynamic';
-    readonly service: ImageService2 | ImageService3;
+    readonly service: Service;
     readonly serviceUrl: string;
     readonly majorVersion: number;
     getRegionURL(bounds: Bounds, minSize?: number): string;
@@ -109,7 +114,7 @@ export interface DynamicImageServiceResource extends BaseImageResource {
 export interface Level0ImageServiceResource extends BaseImageResource {
     readonly type: 'level0';
     readonly majorVersion: number;
-    readonly service: ImageService2 | ImageService3;
+    readonly service: Service;
     readonly serviceUrl: string;
 }
 export interface ImageRequestOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-iiif",
-  "version": "0.2.7",
+  "version": "0.3.1",
   "description": "A developer-friendly collection of abstractions and utilities built on top of @iiif/presentation-3 and @iiif/parser",
   "license": "MIT",
   "author": "Rainer Simon",
@@ -30,11 +30,12 @@
   "devDependencies": {
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.2"
+    "vitest": "^3.2.3"
   },
   "dependencies": {
     "@iiif/parser": "2.1.7",
     "@iiif/presentation-3": "^2.2.3",
+    "image-size": "^2.0.2",
     "p-throttle": "^7.0.0",
     "uuid": "^11.1.0"
   }

package/src/Cozy.ts

@@ -2,8 +2,7 @@ import type { Canvas, Collection, Manifest, Range } from '@iiif/presentation-3';
 import { convertPresentation2  } from '@iiif/parser/presentation-2';
 import { Traverse } from '@iiif/parser';
 import { 
-  getImages, 
-  getImageURL, 
+  getImages,
   getLabel, 
   getMetadata, 
   getPropertyValue, 
@@ -15,7 +14,7 @@ import {
 import type { 
   CozyCanvas, 
   CozyCollection, 
-  CozyCollectionItem, 
+  CozyCollectionItem,
   CozyManifest, 
   CozyParseResult, 
   CozyRange, 
@@ -194,7 +193,7 @@ const parseManifestResource = (resource: any, majorVersion: number): CozyManifes
         height: c.height,
         images,
         annotations: (c.annotations || []),
-        getImageURL: getImageURL(c, images),
+        getImageURL: images.length > 0 ? images[0].getImageURL : () => undefined,
         getLabel: getLabel(c),
         getMetadata: getMetadata(c),
         getThumbnailURL: getThumbnailURL(c, images)

package/src/core/canvas.ts

@@ -1,4 +1,5 @@
-import type { Canvas, IIIFExternalWebResource } from '@iiif/presentation-3';
+import { imageSize } from 'image-size';
+import type { Canvas, IIIFExternalWebResource, Service } from '@iiif/presentation-3';
 import { Traverse } from '@iiif/parser';
 import { getPropertyValue } from './resource';
 import { getImageURLFromService, getRegionURL, isImageService, parseImageService } from './image-service';
@@ -42,9 +43,14 @@ export const getThumbnailURL = (canvas: Canvas, images: CozyImageResource[] = []
   }
 }
 
-export const getImageURL = (canvas: Canvas, images: CozyImageResource[] = []) => (minSize = 800) => {
-  const { width, height } = canvas;
+export const normalizeServiceUrl = (url: string) =>
+  url.endsWith('/info.json') ? url : `${url.endsWith('/') ? url : `${url}/`}info.json`;
 
+const getImageURL = (
+  width: number | undefined, 
+  height: number | undefined, 
+  service: Service  
+) => (minSize = 800) => {
   if (!width || !height) return;
 
   const aspect = width / height;
@@ -53,17 +59,31 @@ export const getImageURL = (canvas: Canvas, images: CozyImageResource[] = []) =>
   const h = Math.ceil(isPortrait ? minSize / aspect : minSize);
   const w = Math.ceil(isPortrait ? minSize : minSize / aspect);
 
-  for (const image of images) {
-    if (image.type === 'dynamic' || image.type === 'level0') {
-      return getImageURLFromService(image.service, w, h);
-    } else if (image.type === 'static') {
-      return image.url;
-    }    
-  }
+  return getImageURLFromService(service!, w, h);
 }
 
-export const normalizeServiceUrl = (url: string) =>
-  url.endsWith('/info.json') ? url : `${url.endsWith('/') ? url : `${url}/`}info.json`;
+const getPixelSizeFromServiceUrl = (serviceUrl: string) => () =>
+  fetch(serviceUrl).then(res => res.json()).then(data => {
+    const width: number = data.width;
+    const height: number = data.height;
+    return (width !== undefined && height !== undefined) ? { width, height } : undefined;
+  });
+
+const getStaticImagePixelSize = (url: string) => () => {
+  const isBrowser = typeof window !== 'undefined';
+
+  return fetch(url).then(res => res.blob()).then(blob => {
+    if (isBrowser) {
+      return createImageBitmap(blob).then(bitmap => {
+        const { width, height } = bitmap;
+        bitmap.close(); 
+        return { width, height }
+      });
+    } else {      return blob.arrayBuffer().then(buffer => 
+        imageSize(new Uint8Array(buffer)));
+    }
+  });
+}
 
 const toCozyImageResource = (resource: IIIFExternalWebResource) => {
   const { format, height, width } = resource;
@@ -74,7 +94,9 @@ const toCozyImageResource = (resource: IIIFExternalWebResource) => {
 
   const service = imageService ? parseImageService(imageService) : undefined; 
 
-  if (service) {
+  if (imageService && service) {
+    const serviceUrl = normalizeServiceUrl(getPropertyValue<string>(imageService, 'id'));
+
     const image = {
       source: resource,
       type: service.profileLevel === 0 ? 'level0' : 'dynamic',
@@ -82,7 +104,9 @@ const toCozyImageResource = (resource: IIIFExternalWebResource) => {
       width,
       height,
       majorVersion: service.majorVersion,
-      serviceUrl: normalizeServiceUrl(getPropertyValue<string>(imageService, 'id'))
+      serviceUrl,
+      getImageURL: getImageURL(width, height, imageService),
+      getPixelSize: getPixelSizeFromServiceUrl(serviceUrl)
     } as ImageServiceResource;
 
     if (service.profileLevel === 0) {
@@ -100,7 +124,9 @@ const toCozyImageResource = (resource: IIIFExternalWebResource) => {
       width,
       height,
       url: id,
-      format
+      format,
+      getImageURL: () => id,
+      getPixelSize: getStaticImagePixelSize(id)
     } as StaticImageResource;
   }
 } 

package/src/core/image-service.ts

@@ -36,7 +36,7 @@ export const parseImageService = (service: Service) => {
 }
 
 export const getImageURLFromService = (
-  service: ImageService2 | ImageService3,
+  service: Service,
   width: number,
   height: number
 ): string => {
@@ -66,7 +66,7 @@ export const getImageURLFromService = (
 }
 
 export const getRegionURLFromService = (
-  service: ImageService2 | ImageService3,
+  service: Service,
   bounds: Bounds,
   minSize: number
 ): string | undefined => {
@@ -102,4 +102,4 @@ export const getRegionURL = (
   } else {
     console.error('Level 0 or static image canvas: unsupported');
   }
-}
+}

package/src/types.ts

@@ -1,12 +1,11 @@
 import type {
   Manifest, 
-  Canvas, 
-  ImageService2, 
-  ImageService3, 
+  Canvas,
   IIIFExternalWebResource, 
   Collection, 
   Range, 
-  AnnotationPage 
+  AnnotationPage, 
+  Service
 } from '@iiif/presentation-3';
 
 export type CozyParseResult = 
@@ -169,6 +168,10 @@ interface BaseImageResource {
 
   readonly height: number;
 
+  getImageURL(minSize?: number): string;
+
+  getPixelSize(): Promise<{ width: number, height: number }>;
+
 }
 
 export interface StaticImageResource extends BaseImageResource {
@@ -183,7 +186,7 @@ export interface DynamicImageServiceResource extends BaseImageResource {
 
   readonly type: 'dynamic';
 
-  readonly service: ImageService2 | ImageService3;
+  readonly service: Service;
 
   readonly serviceUrl: string;
 
@@ -199,7 +202,7 @@ export interface Level0ImageServiceResource extends BaseImageResource {
 
   readonly majorVersion: number;
 
-  readonly service: ImageService2 | ImageService3;
+  readonly service: Service;
 
   readonly serviceUrl: string;
 

package/test/core/canvas.test.ts

@@ -0,0 +1,42 @@
+import { describe, it, expect } from 'vitest';
+import { Cozy, CozyManifest } from '../../src';
+
+import { STATIC_IMAGE, WITH_DIFFERENT_CANVAS_DIMENSIONS } from './fixtures';
+
+describe('canvas', () => {
+
+  it('should determine correct pixel size for image service', async () => {
+    const result = await Cozy.parseURL(WITH_DIFFERENT_CANVAS_DIMENSIONS);
+    expect(result.type).toBe('manifest');
+    expect('resource' in result).toBeTruthy();
+
+    const manifest = (result as any).resource as CozyManifest;
+    expect(manifest.canvases.length).toBe(66);
+
+    const page2 = manifest.canvases[1];
+    expect(page2.getLabel()).toBe('Page 2');
+    expect(page2.images.length).toBe(1);
+
+    const image = page2.images[0];
+    const { width, height } = await image.getPixelSize();
+    expect(width).toBe(3796);
+    expect(height).toBe(5910);
+  });
+
+  it('should determine correct pixel size for static image', async () => {
+    const result = await Cozy.parseURL(STATIC_IMAGE);
+    expect(result.type).toBe('manifest');
+    expect('resource' in result).toBeTruthy();
+
+    const manifest = (result as any).resource as CozyManifest;
+    expect(manifest.canvases.length).toBe(1);
+
+    const image = manifest.canvases[0].images[0];
+    expect(image.type).toBe('static');
+
+    const { width, height } = await image.getPixelSize();
+    expect(width).toBe(1200);
+    expect(height).toBe(1800);
+  });
+
+});

package/test/core/fixtures.ts

@@ -1,2 +1,12 @@
+// IIIF cookbook static image
+export const STATIC_IMAGE = 
+  'https://iiif.io/api/cookbook/recipe/0001-mvm-image/manifest.json';
+  
+// Manifest that uses `structures` to define a Table of Contents
 export const WITH_STRUCTURES =
-  'https://lib.is/IE19255085/manifest';
+  'https://lib.is/IE19255085/manifest';
+
+// Manifest that specifies a different size for the canvas
+// then the physical image pixel size
+export const WITH_DIFFERENT_CANVAS_DIMENSIONS = 
+  'https://www.loc.gov/item/00552972/manifest.json';

package/vite.config.ts

@@ -1,5 +1,4 @@
 import { defineConfig } from 'vite';
-import { resolve } from 'path';
 import dts from 'vite-plugin-dts';
 
 export default defineConfig({
@@ -7,11 +6,14 @@ export default defineConfig({
   build: {
     lib: {
       entry: {
-        'index': resolve(__dirname, 'src/index.ts'),
-        'helpers/index': resolve(__dirname, 'src/helpers/index.ts'),
-        'level-0/index': resolve(__dirname, 'src/level-0/index.ts'),
+        'index': './src/index.ts',
+        'helpers/index': './src/helpers/index.ts',
+        'level-0/index': './src/level-0/index.ts',
       },
       formats: ['es']
+    },
+    rollupOptions: {
+      external: ['image-size']
     }
   }
 });