cozy-iiif 0.7.1 → 0.7.2

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

@@ -11,11 +11,11 @@ export declare const getStaticImagePixelSize: (url: string) => () => Promise<{
     width: number;
     height: number;
 }>;
-export declare const getImageURLFromService: (service: Service, width: number, height: number) => string;
+export declare const getImageURLFromService: (service: Service, width: number, height: number, rotation?: number) => string;
 export declare const getRegionURLFromService: (service: Service, bounds: Bounds, rotation?: number, // 0, 90, 180, 270
 opts?: GetRegionURLOpts) => string | undefined;
 export declare const getRegionURL: (image: CozyImageResource) => (bounds: Bounds, rotation?: number, opts?: GetRegionURLOpts) => string | undefined;
-export declare const getImageURL: (width: number | undefined, height: number | undefined, service: Service) => (minSize?: number) => string | undefined;
+export declare const getImageURL: (width: number | undefined, height: number | undefined, service: Service) => (minSize?: number, rotation?: number) => string | undefined;
 export declare const getPixelSizeFromServiceUrl: (serviceUrl: string) => () => Promise<{
     width: number;
     height: number;

package/dist/index.js

@@ -119,8 +119,8 @@ var N = class F {
     return t.type === "Choice" && (t.items = t.items.map((i) => this.traverseContentResource(i, t))), j(t) ? this.traverseSpecificResource(t, "ContentResource") : this.traverseType(this.traverseInlineAnnotationPages(this.traverseContentResourceLinking(t)), { parent: r }, this.traversals.contentResource);
   }
   traverseSpecificResource(t, r, i) {
-    let n = t.source;
-    return typeof t.source == "string" && (n = { id: t.source, type: r || "unknown" }), this.traverseType({ ...t, source: r === "Canvas" || n.type === "Canvas" ? this.traverseType(n, { parent: i }, this.traversals.canvas) : r === "ContentResource" ? this.traverseContentResource(n, { parent: i }) : this.traverseUnknown(n, { parent: i, typeHint: r }) }, { parent: i }, this.traversals.specificResource);
+    let s = t.source;
+    return typeof t.source == "string" && (s = { id: t.source, type: r || "unknown" }), this.traverseType({ ...t, source: r === "Canvas" || s.type === "Canvas" ? this.traverseType(s, { parent: i }, this.traversals.canvas) : r === "ContentResource" ? this.traverseContentResource(s, { parent: i }) : this.traverseUnknown(s, { parent: i, typeHint: r }) }, { parent: i }, this.traversals.specificResource);
   }
   traverseRangeRanges(t) {
     return t.items &&= t.items.map((r) => typeof r == "string" ? this.traverseCanvas({ id: r, type: "Canvas" }, t) : j(r) ? this.traverseSpecificResource(r, "Canvas", t) : r.type === "Manifest" ? this.traverseManifest(r, t) : this.traverseRange(r, t)), t;
@@ -132,18 +132,18 @@ var N = class F {
     return this.traverseType(this.traverseDescriptive(this.traverseLinking(t)), { parent: r }, this.traversals.agent);
   }
   traverseType(t, r, i) {
-    return i.reduce((n, s) => {
-      let a = s(n, r);
-      return a === void 0 && !this.options.allowUndefinedReturn ? n : a;
+    return i.reduce((s, n) => {
+      let a = n(s, r);
+      return a === void 0 && !this.options.allowUndefinedReturn ? s : a;
     }, t);
   }
   traverseService(t, r) {
     let i = Object.assign({}, t);
-    return i && i.service && (i.service = A(i.service).map((n) => this.traverseService(n))), this.traverseType(i, { parent: r }, this.traversals.service);
+    return i && i.service && (i.service = A(i.service).map((s) => this.traverseService(s))), this.traverseType(i, { parent: r }, this.traversals.service);
   }
   traverseUnknown(t, { parent: r, typeHint: i } = {}) {
-    let n = dt(t, i);
-    switch (n) {
+    let s = dt(t, i);
+    switch (s) {
       case "Collection":
         return this.traverseCollection(t, r);
       case "Manifest":
@@ -163,7 +163,7 @@ var N = class F {
       case "Agent":
         return this.traverseAgent(t, r);
       default:
-        throw Error(`Unknown or unsupported resource type of ${n}`);
+        throw Error(`Unknown or unsupported resource type of ${s}`);
     }
   }
 };
@@ -192,8 +192,8 @@ var zt = class et {
   }
   traverseCollectionItems(t) {
     if (this.options.mergeMemberProperties) {
-      let r = [...(t.manifests || []).map((s) => typeof s == "string" ? { "@id": s, "@type": "sc:Manifest" } : s), ...(t.collections || []).map((s) => typeof s == "string" ? { "@id": s, "@type": "sc:Collection" } : s), ...t.members || []], i = [], n = r.filter((s) => i.includes(s["@id"]) ? !1 : (i.push(s["@id"]), !0));
-      delete t.collections, delete t.manifests, t.members = n;
+      let r = [...(t.manifests || []).map((n) => typeof n == "string" ? { "@id": n, "@type": "sc:Manifest" } : n), ...(t.collections || []).map((n) => typeof n == "string" ? { "@id": n, "@type": "sc:Collection" } : n), ...t.members || []], i = [], s = r.filter((n) => i.includes(n["@id"]) ? !1 : (i.push(n["@id"]), !0));
+      delete t.collections, delete t.manifests, t.members = s;
     }
     return t.manifests &&= t.manifests.map((r) => this.traverseManifest(typeof r == "string" ? { "@id": r, "@type": "sc:Manifest" } : r)), t.collections &&= t.collections.map((r) => this.traverseCollection(typeof r == "string" ? { "@id": r, "@type": "sc:Collection" } : r)), t.members &&= t.members.map((r) => typeof r == "string" ? r : r["@type"] === "sc:Collection" ? this.traverseCollection(r) : r["@type"] === "sc:Manifest" ? this.traverseManifest(r) : this.traverseUnknown(r)), t;
   }
@@ -285,17 +285,17 @@ var zt = class et {
     return t.profile ? this.traverseService(t) : t;
   }
   traverseImageResource(t) {
-    let r = Array.isArray(t), i = Array.isArray(t) ? t : [t], n = [];
-    for (let s of i) typeof s == "string" ? n.push(this.traverseContentResource({ "@id": s, "@type": "dctypes:Image" })) : n.push(this.traverseContentResource(s));
-    return !r && !this.options.convertPropsToArray ? n[0] : n;
+    let r = Array.isArray(t), i = Array.isArray(t) ? t : [t], s = [];
+    for (let n of i) typeof n == "string" ? s.push(this.traverseContentResource({ "@id": n, "@type": "dctypes:Image" })) : s.push(this.traverseContentResource(n));
+    return !r && !this.options.convertPropsToArray ? s[0] : s;
   }
   traverseDescriptive(t) {
     return t.thumbnail &&= this.traverseImageResource(t.thumbnail), t.logo &&= this.traverseImageResource(t.logo), t;
   }
   traverseOneOrMoreServices(t) {
-    let r = Array.isArray(t), i = Array.isArray(t) ? t : [t], n = [];
-    for (let s of i) n.push(this.traverseService(s));
-    return !r && !this.options.convertPropsToArray ? n[0] : n;
+    let r = Array.isArray(t), i = Array.isArray(t) ? t : [t], s = [];
+    for (let n of i) s.push(this.traverseService(n));
+    return !r && !this.options.convertPropsToArray ? s[0] : s;
   }
   traverseLinking(t) {
     return t.related &&= this.traverseOneOrManyType(t.related, this.traversals.contentResource), t.rendering &&= this.traverseOneOrManyType(t.rendering, this.traversals.contentResource), t.service &&= this.traverseOneOrMoreServices(t.service), t.seeAlso &&= this.traverseOneOrManyType(t.seeAlso, this.traversals.contentResource), t.within && (typeof t.within == "string" || (t.within = this.traverseOneOrManyType(t.within, this.traversals.contentResource))), t.startCanvas && (typeof t.startCanvas == "string" ? t.startCanvas = this.traverseType({ "@id": t.startCanvas, "@type": "sc:Canvas" }, this.traversals.canvas) : t.startCanvas && this.traverseType(t.startCanvas, this.traversals.canvas)), t.contentLayer && (typeof t.contentLayer == "string" ? t.contentLayer = this.traverseLayer({ "@id": t.contentLayer, "@type": "sc:Layer" }) : t.contentLayer = this.traverseLayer(t.contentLayer)), t;
@@ -306,9 +306,9 @@ var zt = class et {
     return t.map((i) => this.traverseType(i, r));
   }
   traverseType(t, r) {
-    return r.reduce((i, n) => {
-      let s = n(i);
-      return s === void 0 && !this.options.allowUndefinedReturn ? i : s;
+    return r.reduce((i, s) => {
+      let n = s(i);
+      return n === void 0 && !this.options.allowUndefinedReturn ? i : n;
     }, t);
   }
 };
@@ -329,17 +329,17 @@ function Ft(e) {
 function I(e, t = "none") {
   if (!e) return { none: [""] };
   let r = Ft(e), i = {};
-  for (let n of r) {
-    if (typeof n == "string") {
-      i[t] = i[t] ? i[t] : [], i[t].push(n || "");
+  for (let s of r) {
+    if (typeof s == "string") {
+      i[t] = i[t] ? i[t] : [], i[t].push(s || "");
       continue;
     }
-    if (!n["@language"]) {
-      i[t] = i[t] ? i[t] : [], i[t].push(n["@value"] || "");
+    if (!s["@language"]) {
+      i[t] = i[t] ? i[t] : [], i[t].push(s["@value"] || "");
       continue;
     }
-    let s = n["@language"];
-    i[s] = i[s] ? i[s] : [], i[s].push(n["@value"] || "");
+    let n = s["@language"];
+    i[n] = i[n] ? i[n] : [], i[n].push(s["@value"] || "");
   }
   return Object.keys(i).length === 0 ? { none: [""] } : i;
 }
@@ -398,14 +398,14 @@ function V(e) {
 }
 const Jt = ["Collection", "Manifest", "Annotation", "AnnotationPage", "Range", "Service"];
 function E(e) {
-  let t = e["@id"] || e.id, r = e["@type"] || e.type, i = e.profile || void 0, n = e["@context"] || void 0;
+  let t = e["@id"] || e.id, r = e["@type"] || e.type, i = e.profile || void 0, s = e["@context"] || void 0;
   if (i) {
-    let s = Ht(i);
-    if (s) return s;
+    let n = Ht(i);
+    if (n) return n;
   }
-  if (n) {
-    let s = Wt(n);
-    if (s) return s;
+  if (s) {
+    let n = Wt(s);
+    if (n) return n;
   }
   if (r) {
     if (Array.isArray(r)) {
@@ -413,8 +413,8 @@ function E(e) {
       if (r.indexOf("cnt:ContentAsText") !== -1) return "TextualBody";
       r = r[0];
     }
-    for (let s of ["sc", "oa", "dcterms", "dctypes", "iiif"]) if (r.startsWith(`${s}:`)) {
-      r = r.slice(s.length + 1);
+    for (let n of ["sc", "oa", "dcterms", "dctypes", "iiif"]) if (r.startsWith(`${n}:`)) {
+      r = r.slice(n.length + 1);
       break;
     }
     switch (r) {
@@ -440,16 +440,16 @@ function Kt(e) {
   return t ? t[0] : e;
 }
 function Xt(e, t = "Rights/License", r = "none") {
-  let i = null, n = [], s = Array.isArray(e) ? e : [e];
-  for (let a of s) {
-    let c = a ? Kt(a) : void 0;
-    if (c && (c.indexOf("creativecommons.org") !== -1 || c.indexOf("rightsstatements.org") !== -1)) {
-      i = c.startsWith("https://") ? `http://${c.slice(8)}` : c;
+  let i = null, s = [], n = Array.isArray(e) ? e : [e];
+  for (let a of n) {
+    let l = a ? Kt(a) : void 0;
+    if (l && (l.indexOf("creativecommons.org") !== -1 || l.indexOf("rightsstatements.org") !== -1)) {
+      i = l.startsWith("https://") ? `http://${l.slice(8)}` : l;
       continue;
     }
-    c && n.push({ label: { [r]: [t] }, value: { [r]: [c] } });
+    l && s.push({ label: { [r]: [t] }, value: { [r]: [l] } });
   }
-  return [i, n];
+  return [i, s];
 }
 const Yt = ["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 Qt(e) {
@@ -525,10 +525,10 @@ function se(e) {
   return y({ ...C(e), ...b(e), ...S(e), ...ie(e), items: ne(e.members) });
 }
 function ae(e) {
-  let t = [], r = [], i, n;
-  for (let a of e.sequences || []) a.canvases.length && t.push(...a.canvases), a.behavior && r.push(...a.behavior), a.viewingDirection && (n = a.viewingDirection), a.startCanvas && (i = a.startCanvas);
-  let s = C(e);
-  return r.length && (s.behavior ? s.behavior.push(...r) : s.behavior = r), y({ ...s, ...b(e), ...S(e), viewingDirection: n, start: i, items: t, structures: oe(e.structures) });
+  let t = [], r = [], i, s;
+  for (let a of e.sequences || []) a.canvases.length && t.push(...a.canvases), a.behavior && r.push(...a.behavior), a.viewingDirection && (s = a.viewingDirection), a.startCanvas && (i = a.startCanvas);
+  let n = C(e);
+  return r.length && (n.behavior ? n.behavior.push(...r) : n.behavior = r), y({ ...n, ...b(e), ...S(e), viewingDirection: s, start: i, items: t, structures: oe(e.structures) });
 }
 function oe(e) {
   if (!e) return e;
@@ -536,8 +536,8 @@ function oe(e) {
   for (let i of e) t.set(i.id, i);
   let r = [];
   for (let i of e) if (i.items) {
-    let n = i.items.map((s) => typeof s == "string" ? (r.push(s), t.get(s) || s) : s && s.id ? (r.push(s.id), t.get(s.id) || s) : s);
-    i.items = n;
+    let s = i.items.map((n) => typeof n == "string" ? (r.push(n), t.get(n) || n) : n && n.id ? (r.push(n.id), t.get(n.id) || n) : n);
+    i.items = s;
   }
   return e.filter((i) => r.indexOf(i.id) === -1);
 }
@@ -583,8 +583,8 @@ function he(e) {
   return y({ ...C(e), ...b(e), ...S(e), items: e.members });
 }
 function fe(e) {
-  let { "@id": t, "@type": r, "@context": i, profile: n, ...s } = e, a = {};
-  return t && (a["@id"] = t), a["@type"] = E(e), a["@type"] === "unknown" && (i && i.length && (a["@context"] = i), a["@type"] = "Service"), n && (a.profile = rt(n)), y({ ...a, ...s });
+  let { "@id": t, "@type": r, "@context": i, profile: s, ...n } = e, a = {};
+  return t && (a["@id"] = t), a["@type"] = E(e), a["@type"] === "unknown" && (i && i.length && (a["@context"] = i), a["@type"] = "Service"), s && (a.profile = rt(s)), y({ ...a, ...n });
 }
 function ge(e) {
   return y({ ...C(e), ...b(e), ...S(e) });
@@ -603,82 +603,82 @@ function O(e) {
 const at = (e) => e.endsWith("/info.json") ? e : `${e.endsWith("/") ? e : `${e}/`}info.json`, ot = (e) => d(e, "type").startsWith("ImageService") || e.profile?.toString().includes("iiif.io/api/image/"), ct = (e) => {
   const t = d(e, "type"), r = d(e, "context");
   if (t === "ImageService2" || r?.includes("image/2")) {
-    const n = d(e, "profile"), s = ["level0", "level1", "level2"];
-    return { majorVersion: 2, profileLevel: (Array.isArray(n) ? n : n ? [n] : []).map((p) => s.findIndex((o) => p.toString().includes(o))).filter((p) => p > -1).sort((p, o) => o - p)[0] };
+    const s = d(e, "profile"), n = ["level0", "level1", "level2"];
+    return { majorVersion: 2, profileLevel: (Array.isArray(s) ? s : s ? [s] : []).map((c) => n.findIndex((o) => c.toString().includes(o))).filter((c) => c > -1).sort((c, o) => o - c)[0] };
   } else if (t || r)
     return { majorVersion: 3, profileLevel: parseInt(e.profile) };
 }, lt = (e) => () => {
   const t = typeof window < "u";
   return fetch(e).then((r) => r.blob()).then((r) => t ? createImageBitmap(r).then((i) => {
-    const { width: n, height: s } = i;
-    return i.close(), { width: n, height: s };
+    const { width: s, height: n } = i;
+    return i.close(), { width: s, height: n };
   }) : r.arrayBuffer().then((i) => ft(new Uint8Array(i))));
-}, D = (e, t, r) => {
-  const i = d(e, "id"), n = e.profile || "";
+}, D = (e, t, r, i = 0) => {
+  const s = d(e, "id"), n = e.profile || "";
   if (typeof n == "string" && (n.includes("level0") || n.includes("level:0"))) {
     if ("sizes" in e && Array.isArray(e.sizes)) {
-      const a = e.sizes.sort((c, p) => p.width * p.height - c.width * c.height).filter((c) => c.width * c.height >= t * r)[0];
-      if (a)
-        return `${i}/full/${a.width},${a.height}/0/default.jpg`;
+      const l = e.sizes.sort((c, o) => o.width * o.height - c.width * c.height).filter((c) => c.width * c.height >= t * r)[0];
+      if (l)
+        return `${s}/full/${l.width},${l.height}/0/default.jpg`;
     }
-    return `${i}/full/full/0/default.jpg`;
+    return `${s}/full/full/0/default.jpg`;
   }
-  return `${i}/full/!${t},${r}/0/default.jpg`;
+  return `${s}/full/!${t},${r}/${i}/default.jpg`;
 }, de = (e, t, r = 0, i = { minSize: 400 }) => {
-  const n = d(e, "id"), s = e.profile || "";
-  if (typeof s == "string" && (s.includes("level0") || s.includes("level:0"))) {
-    console.warn(`Level 0 image service does not support custom region URLs: ${n}`);
+  const s = d(e, "id"), n = e.profile || "";
+  if (typeof n == "string" && (n.includes("level0") || n.includes("level:0"))) {
+    console.warn(`Level 0 image service does not support custom region URLs: ${s}`);
     return;
   }
-  const { x: c, y: p, w: o, h: v } = t, { minSize: u = 400, maxSize: f } = i, l = u / Math.min(o, v), g = f ? Math.max(l, f / Math.max(o, v)) : l, w = Math.round(o * g), h = Math.round(v * g), R = (r % 360 + 360) % 360, m = `${Math.round(c)},${Math.round(p)},${Math.round(o)},${Math.round(v)}`;
-  return `${n}/${m}/!${w},${h}/${R}/default.jpg`;
+  const { x: l, y: c, w: o, h: v } = t, { minSize: u = 400, maxSize: f } = i, p = u / Math.min(o, v), g = f ? Math.max(p, f / Math.max(o, v)) : p, w = Math.round(o * g), h = Math.round(v * g), R = (r % 360 + 360) % 360, m = `${Math.round(l)},${Math.round(c)},${Math.round(o)},${Math.round(v)}`;
+  return `${s}/${m}/!${w},${h}/${R}/default.jpg`;
 }, pt = (e) => (t, r = 0, i = { minSize: 400 }) => {
   if (e.type === "dynamic")
     return de(e.service, t, r, i);
   console.error("Level 0 or static image canvas: unsupported");
-}, vt = (e, t, r) => (i = 800) => {
+}, vt = (e, t, r) => (i = 800, s = 0) => {
   if (!e || !t) return;
-  const n = e / t, s = n < 1, a = Math.ceil(s ? i / n : i), c = Math.ceil(s ? i : i / n);
-  return D(r, c, a);
+  const n = e / t, a = n < 1, l = Math.ceil(a ? i / n : i), c = Math.ceil(a ? i : i / n);
+  return D(r, c, l, s);
 }, ut = (e) => () => fetch(e).then((t) => t.json()).then((t) => {
   const r = t.width, i = t.height;
   return r !== void 0 && i !== void 0 ? { width: r, height: i } : void 0;
 }), ye = (e, t = []) => (r = 400) => {
-  const { width: i, height: n } = e;
-  if (!i || !n) return;
-  const s = i / n, a = s < 1, c = Math.ceil(a ? r / s : r), p = Math.ceil(a ? r : r / s);
+  const { width: i, height: s } = e;
+  if (!i || !s) return;
+  const n = i / s, a = n < 1, l = Math.ceil(a ? r / n : r), c = Math.ceil(a ? r : r / n);
   if (e.thumbnail && e.thumbnail.length > 0) {
     const o = e.thumbnail[0];
     if ("service" in o && Array.isArray(o.service)) {
       const v = o.service.find((u) => ot(u));
       if (v)
-        return D(v, p, c);
+        return D(v, c, l);
     }
     if ("id" in o) return o.id;
   }
   for (const o of t) {
     if (o.type === "dynamic" || o.type === "level0")
-      return D(o.service, p, c);
+      return D(o.service, c, l);
     if (o.type === "static")
       return o.url;
   }
 }, Ae = (e) => {
-  const { format: t, height: r, width: i } = e, n = d(e, "id"), s = (e.service || []).find(ot), a = s ? ct(s) : void 0;
-  if (s && a) {
-    const c = at(d(s, "id")), p = {
+  const { format: t, height: r, width: i } = e, s = d(e, "id"), n = (e.service || []).find(ot), a = n ? ct(n) : void 0;
+  if (n && a) {
+    const l = at(d(n, "id")), c = {
       source: e,
       type: a.profileLevel === 0 ? "level0" : "dynamic",
-      service: s,
+      service: n,
       width: i,
       height: r,
       majorVersion: a.majorVersion,
-      serviceUrl: c,
-      getImageURL: vt(i, r, s),
-      getPixelSize: ut(c)
+      serviceUrl: l,
+      getImageURL: vt(i, r, n),
+      getPixelSize: ut(l)
     };
-    return a.profileLevel === 0 ? p : {
-      ...p,
-      getRegionURL: pt(p)
+    return a.profileLevel === 0 ? c : {
+      ...c,
+      getRegionURL: pt(c)
     };
   } else
     return {
@@ -686,18 +686,18 @@ const at = (e) => e.endsWith("/info.json") ? e : `${e.endsWith("/") ? e : `${e}/
       type: "static",
       width: i,
       height: r,
-      url: n,
+      url: s,
       format: t,
-      getImageURL: () => n,
-      getPixelSize: lt(n)
+      getImageURL: () => s,
+      getPixelSize: lt(s)
     };
 }, Ce = (e) => {
   const t = [];
   return new N({
     annotation: [(i) => {
       if (i.motivation === "painting" || !i.motivation) {
-        const s = (i.body ? Array.isArray(i.body) ? i.body : [i.body] : []).filter((a) => a.type === "Image");
-        t.push(...s.map((a) => Ae(a)));
+        const n = (i.body ? Array.isArray(i.body) ? i.body : [i.body] : []).filter((a) => a.type === "Image");
+        t.push(...n.map((a) => Ae(a)));
       }
     }]
   }).traverseCanvas(e), t;
@@ -733,7 +733,7 @@ const at = (e) => e.endsWith("/info.json") ? e : `${e.endsWith("/") ? e : `${e}/
         f.children.push(R), t.set(R.id, R);
       }
     });
-    const l = f.children.map((h) => h.type === "canvas" ? h.source : h.children.length === 1 && h.children[0].type === "canvas" ? h.children[0].source : h.source), g = l.filter((h) => h.source.type === "Canvas"), w = l.filter((h) => h.source.type === "Range");
+    const p = f.children.map((h) => h.type === "canvas" ? h.source : h.children.length === 1 && h.children[0].type === "canvas" ? h.children[0].source : h.source), g = p.filter((h) => h.source.type === "Canvas"), w = p.filter((h) => h.source.type === "Range");
     return f.navItems.push(...g), f.navSections.push(...w), t.set(f.id, f), f;
   };
   return { root: e.filter((o) => o.source.behavior?.includes("top")).map((o) => r(o, void 0)), enumerateNodes: (o) => {
@@ -742,7 +742,7 @@ const at = (e) => e.endsWith("/info.json") ? e : `${e.endsWith("/") ? e : `${e}/
   }, getBreadcrumbs: (o) => {
     const v = t.get(o);
     if (!v) return [];
-    const u = (f, l = []) => f.parent ? u(f.parent, [f, ...l]) : [f, ...l];
+    const u = (f, p = []) => f.parent ? u(f.parent, [f, ...p]) : [f, ...p];
     return u(v);
   }, getNavParent: (o) => {
     const v = t.get(o);
@@ -797,7 +797,7 @@ const at = (e) => e.endsWith("/info.json") ? e : `${e.endsWith("/") ? e : `${e}/
     };
   }
 }, ht = (e, t) => {
-  const r = Array.isArray(e["@context"]) ? e["@context"].find((n) => n.includes("iiif.io/api/presentation") || n.includes("iiif.io/api/image") || n.includes("shared-canvas")) : e["@context"];
+  const r = Array.isArray(e["@context"]) ? e["@context"].find((s) => s.includes("iiif.io/api/presentation") || s.includes("iiif.io/api/image") || s.includes("shared-canvas")) : e["@context"];
   if (!r)
     return {
       type: "error",
@@ -812,23 +812,23 @@ const at = (e) => e.endsWith("/info.json") ? e : `${e.endsWith("/") ? e : `${e}/
       message: "Missing id property"
     };
   if (r.includes("presentation/2") || r.includes("presentation/3") || r.includes("shared-canvas")) {
-    const n = r.includes("presentation/3") ? 3 : 2;
+    const s = r.includes("presentation/3") ? 3 : 2;
     return d(e, "type").includes("Collection") ? {
       type: "collection",
       url: t || i,
-      resource: Le(e, n)
+      resource: Le(e, s)
     } : {
       type: "manifest",
       url: t || i,
-      resource: Se(e, n)
+      resource: Se(e, s)
     };
   }
   if (r.includes("image/2") || r.includes("image/3")) {
-    const n = Ie(e);
-    return n ? {
+    const s = Ie(e);
+    return s ? {
       type: "iiif-image",
       url: t || i,
-      resource: n
+      resource: s
     } : {
       type: "error",
       code: "INVALID_MANIFEST",
@@ -841,92 +841,92 @@ const at = (e) => e.endsWith("/info.json") ? e : `${e.endsWith("/") ? e : `${e}/
     message: "JSON resource is not a recognized IIIF format"
   };
 }, Le = (e, t) => {
-  const r = (s) => {
+  const r = (n) => {
     const a = [];
     return new N({
-      manifest: [(p) => a.push(p)]
-    }).traverseCollection(s), a.map((p) => ({
-      id: p.id,
-      type: p.type,
-      getLabel: x(p),
-      source: p
+      manifest: [(c) => a.push(c)]
+    }).traverseCollection(n), a.map((c) => ({
+      id: c.id,
+      type: c.type,
+      getLabel: x(c),
+      source: c
     }));
-  }, i = t === 2 ? st(e) : e, n = r(i);
+  }, i = t === 2 ? st(e) : e, s = r(i);
   return {
     source: i,
     id: i.id,
     majorVersion: t,
-    items: n,
+    items: s,
     getLabel: x(i),
     getMetadata: k(i)
   };
 }, Se = (e, t) => {
   const r = (a) => {
-    const c = [], p = [];
+    const l = [], c = [];
     new N({
-      canvas: [(l) => {
-        l.items && c.push(l);
+      canvas: [(p) => {
+        p.items && l.push(p);
       }],
-      range: [(l) => {
-        l.type === "Range" && p.push(l);
+      range: [(p) => {
+        p.type === "Range" && c.push(p);
       }]
     }).traverseManifest(a);
-    const v = c.map((l) => {
-      const g = Ce(l);
+    const v = l.map((p) => {
+      const g = Ce(p);
       return {
-        source: l,
-        id: l.id,
-        width: l.width,
-        height: l.height,
+        source: p,
+        id: p.id,
+        width: p.width,
+        height: p.height,
         images: g,
-        annotations: l.annotations || [],
+        annotations: p.annotations || [],
         getImageURL: g.length > 0 ? g[0].getImageURL : () => {
         },
-        getLabel: x(l),
-        getMetadata: k(l),
-        getThumbnailURL: ye(l, g)
+        getLabel: x(p),
+        getMetadata: k(p),
+        getThumbnailURL: ye(p, g)
       };
-    }), u = (l) => {
-      const g = l.items || [], w = g.filter((m) => m.type === "Canvas").map((m) => v.find((M) => M.id === m.id)).filter(Boolean), h = g.filter((m) => m.type === "Range").map((m) => u(m)), R = [...w, ...h];
+    }), u = (p) => {
+      const g = p.items || [], w = g.filter((m) => m.type === "Canvas").map((m) => v.find((M) => M.id === m.id)).filter(Boolean), h = g.filter((m) => m.type === "Range").map((m) => u(m)), R = [...w, ...h];
       return {
-        source: l,
-        id: l.id,
+        source: p,
+        id: p.id,
         // Maintain original order
         items: g.map((m) => R.find((M) => M.id === m.id)),
         canvases: w,
         ranges: h,
-        getLabel: x(l)
+        getLabel: x(p)
       };
-    }, f = p.map((l) => u(l));
+    }, f = c.map((p) => u(p));
     return { canvases: v, ranges: f };
-  }, i = t === 2 ? st(e) : e, { canvases: n, ranges: s } = r(i);
+  }, i = t === 2 ? st(e) : e, { canvases: s, ranges: n } = r(i);
   return {
     source: i,
     id: i.id,
     majorVersion: t,
-    canvases: n,
-    structure: s,
+    canvases: s,
+    structure: n,
     getLabel: x(i),
     getMetadata: k(i),
-    getTableOfContents: be(s)
+    getTableOfContents: be(n)
   };
 }, Ie = (e) => {
-  const { width: t, height: r, format: i } = e, n = d(e, "id"), s = ct(e);
-  if (s) {
-    const a = at(d(e, "id")), c = {
+  const { width: t, height: r, format: i } = e, s = d(e, "id"), n = ct(e);
+  if (n) {
+    const a = at(d(e, "id")), l = {
       source: e,
-      type: s.profileLevel === 0 ? "level0" : "dynamic",
+      type: n.profileLevel === 0 ? "level0" : "dynamic",
       service: e,
       width: t,
       height: r,
-      majorVersion: s.majorVersion,
+      majorVersion: n.majorVersion,
       serviceUrl: a,
       getImageURL: vt(t, r, e),
       getPixelSize: ut(a)
     };
-    return s.profileLevel === 0 ? c : {
-      ...c,
-      getRegionURL: pt(c)
+    return n.profileLevel === 0 ? l : {
+      ...l,
+      getRegionURL: pt(l)
     };
   } else
     return {
@@ -934,10 +934,10 @@ const at = (e) => e.endsWith("/info.json") ? e : `${e.endsWith("/") ? e : `${e}/
       type: "static",
       width: t,
       height: r,
-      url: n,
+      url: s,
       format: i,
-      getImageURL: () => n,
-      getPixelSize: lt(n)
+      getImageURL: () => s,
+      getPixelSize: lt(s)
     };
 }, Te = { parse: ht, parseURL: Re };
 export {

package/dist/types.d.ts

@@ -61,7 +61,7 @@ export interface CozyCanvas {
     readonly height: number;
     readonly images: CozyImageResource[];
     readonly annotations: AnnotationPage[];
-    getImageURL(minSize?: number): string;
+    getImageURL(minSize?: number, rotation?: number): string;
     getLabel(locale?: string): string;
     getMetadata(locale?: string): CozyMetadata[];
     getThumbnailURL(minSize?: number): string;
@@ -95,7 +95,7 @@ interface BaseImageResource {
     readonly type: 'static' | 'dynamic' | 'level0';
     readonly width: number;
     readonly height: number;
-    getImageURL(minSize?: number): string;
+    getImageURL(minSize?: number, rotation?: number): string;
     getPixelSize(): Promise<{
         width: number;
         height: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-iiif",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "A developer-friendly collection of abstractions and utilities built on top of @iiif/presentation-3 and @iiif/parser",
   "license": "MIT",
   "author": "Rainer Simon",

package/src/core/image-service.ts

@@ -60,7 +60,8 @@ export const getStaticImagePixelSize = (url: string) => () => {
 export const getImageURLFromService = (
   service: Service,
   width: number,
-  height: number
+  height: number,
+  rotation: number = 0
 ): string => {
   const id = getPropertyValue(service, 'id');
 
@@ -84,7 +85,7 @@ export const getImageURLFromService = (
     return `${id}/full/full/0/default.jpg`;
   }
 
-  return `${id}/full/!${width},${height}/0/default.jpg`;
+  return `${id}/full/!${width},${height}/${rotation}/default.jpg`;
 }
 
 export const getRegionURLFromService = (
@@ -141,7 +142,7 @@ export const getImageURL = (
   width: number | undefined, 
   height: number | undefined, 
   service: Service  
-) => (minSize = 800) => {
+) => (minSize = 800, rotation = 0) => {
   if (!width || !height) return;
 
   const aspect = width / height;
@@ -150,7 +151,7 @@ export const getImageURL = (
   const h = Math.ceil(isPortrait ? minSize / aspect : minSize);
   const w = Math.ceil(isPortrait ? minSize : minSize / aspect);
 
-  return getImageURLFromService(service!, w, h);
+  return getImageURLFromService(service!, w, h, rotation);
 }
 
 export const getPixelSizeFromServiceUrl = (serviceUrl: string) => () =>

package/src/types.ts

@@ -98,7 +98,7 @@ export interface CozyCanvas {
 
   readonly annotations: AnnotationPage[];
 
-  getImageURL(minSize?: number): string;
+  getImageURL(minSize?: number, rotation?: number): string;
 
   getLabel(locale?: string): string;
 
@@ -170,7 +170,7 @@ interface BaseImageResource {
 
   readonly height: number;
 
-  getImageURL(minSize?: number): string;
+  getImageURL(minSize?: number, rotation?: number): string;
 
   getPixelSize(): Promise<{ width: number, height: number }>;