@prose-reader/streamer 1.20.0 → 1.22.0

package/dist/prose-streamer.umd.cjs

@@ -1,19 +1,633 @@
-(function(f,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("xmldoc"),require("@prose-reader/shared")):typeof define=="function"&&define.amd?define(["exports","xmldoc","@prose-reader/shared"],u):(f=typeof globalThis<"u"?globalThis:f||self,u(f["prose-streamer"]={},f.xmldoc,f["@prose-reader/shared"]))})(this,function(f,u,y){"use strict";const k=(e,{opfBasePath:i,baseUrl:n})=>{const a={contents:[],path:"",href:"",title:""};let t=e.childNamed("span")||e.childNamed("a");a.title=(t==null?void 0:t.attr.title)||(t==null?void 0:t.val.trim())||a.title;let r=t==null?void 0:t.name;r!=="a"&&(t=e.descendantWithPath(`${r}.a`),t&&(r=t.name.toLowerCase())),r==="a"&&(t!=null&&t.attr.href)&&(a.path=y.urlJoin(i,t.attr.href),a.href=y.urlJoin(n,i,t.attr.href));const o=e.childNamed("ol");if(o){const s=o.childrenNamed("li");s&&s.length>0&&(a.contents=s.map(d=>k(d,{opfBasePath:i,baseUrl:n})))}return a},M=(e,{opfBasePath:i,baseUrl:n})=>{var r,o;const a=[];let t;return e.descendantWithPath("body.nav.ol")?t=(r=e.descendantWithPath("body.nav.ol"))==null?void 0:r.children:e.descendantWithPath("body.section.nav.ol")&&(t=(o=e.descendantWithPath("body.section.nav.ol"))==null?void 0:o.children),t&&t.length>0&&t.filter(s=>s.name==="li").forEach(s=>a.push(k(s,{opfBasePath:i,baseUrl:n}))),a},B=async(e,i,{opfBasePath:n,baseUrl:a})=>{var r;const t=(r=e.childNamed("manifest"))==null?void 0:r.childrenNamed("item").find(o=>o.attr.properties==="nav");if(t){const o=Object.values(i.files).find(s=>s.uri.endsWith(t.attr.href||""));if(o){const s=new u.XmlDocument(await o.string());return M(s,{opfBasePath:n,baseUrl:a})}}},S=(e,{opfBasePath:i,baseUrl:n,prefix:a})=>{var s,d;const t=((s=e==null?void 0:e.childNamed(`${a}content`))==null?void 0:s.attr.src)||"",r={title:((d=e==null?void 0:e.descendantWithPath(`${a}navLabel.${a}text`))==null?void 0:d.val)||"",path:y.urlJoin(i,t),href:y.urlJoin(n,i,t),contents:[]},o=e.childrenNamed(`${a}navPoint`);return o&&o.length>0&&(r.contents=o.map(p=>S(p,{opfBasePath:i,baseUrl:n,prefix:a}))),r},J=(e,{opfBasePath:i,baseUrl:n})=>{var o;const a=[],t=e.name;let r="";return t.indexOf(":")!==-1&&(r=t.split(":")[0]+":"),(o=e.childNamed(`${r}navMap`))==null||o.childrenNamed(`${r}navPoint`).forEach(s=>a.push(S(s,{opfBasePath:i,baseUrl:n,prefix:r}))),a},U=async({opfData:e,opfBasePath:i,baseUrl:n,archive:a})=>{var o;const t=e.childNamed("spine"),r=t&&t.attr.toc;if(r){const s=(o=e.childNamed("manifest"))==null?void 0:o.childrenNamed("item").find(d=>d.attr.id===r);if(s){const d=`${i}${i===""?"":"/"}${s.attr.href}`,p=Object.values(a.files).find(m=>m.uri.endsWith(d));if(p){const m=new u.XmlDocument(await p.string());return J(m,{opfBasePath:i,baseUrl:n})}}}},H=async(e,i,{baseUrl:n})=>{const{basePath:a}=F(i)||{},t=await U({opfData:e,opfBasePath:a,archive:i,baseUrl:n});return t||await B(e,i,{opfBasePath:a,baseUrl:n})},V=async e=>{const i={renditionLayout:void 0};return await Promise.all(e.files.map(async n=>{var a,t;if(n.uri.endsWith("com.kobobooks.display-options.xml")){const o=(a=new u.XmlDocument(await n.string()).childNamed("platform"))==null?void 0:a.childNamed("option");((t=o==null?void 0:o.attr)==null?void 0:t.name)==="fixed-layout"&&o.val==="true"&&(i.renditionLayout="pre-paginated")}})),i};let v=!1;const b={enable:e=>{v=e},log:(...e)=>{v&&console.log("[prose-reader-streamer]",...e)},warn:(...e)=>{v&&console.warn("[prose-reader-streamer]",...e)},error:(...e)=>{console.error(...e)},time:e=>{v&&console.time(`[prose-reader-streamer] [metric] ${e}`)},timeEnd:e=>{v&&console.timeEnd(`[prose-reader-streamer] [metric] ${e}`)},metric:(e,i=1/0)=>{const n=typeof e=="number"?e:e.duration;v&&(e.duration<=i?console.log("[prose-reader-streamer] [metric] ",`${e.name} took ${n}ms`):console.warn("[prose-reader-streamer] [metric] ",`${e.name} took ${e.duration}ms which is above the ${i}ms target for this function`))},measurePerformance:(e,i=10,n)=>(...a)=>{const t=performance.now(),r=n(...a);if(r&&r.then)return r.then(s=>{const d=performance.now();return b.metric({name:e,duration:d-t},i),s});const o=performance.now();return b.metric({name:e,duration:o-t},i),r}},F=e=>{const n=Object.values(e.files).filter(a=>!a.dir).find(a=>a.uri.endsWith(".opf"));return{data:n,basePath:(n==null?void 0:n.uri.substring(0,n.uri.lastIndexOf("/")))||""}},C=async({archive:e})=>{const{data:i,basePath:n}=F(e)||{},a=await(i==null?void 0:i.string());if(!a)return[];const t=new u.XmlDocument(a),r=t.childNamed("manifest"),o=t.childNamed("spine"),s=o==null?void 0:o.childrenNamed("itemref").map(m=>m.attr.idref),d=(r==null?void 0:r.childrenNamed("item").filter(m=>s.includes(m.attr.id||"")))||[];return e.files.filter(m=>d.find(h=>n?`${n}/${h.attr.href}`===m.uri:`${h.attr.href}`===m.uri))},W=e=>{var n;const i=e.childNamed("manifest");return((n=i==null?void 0:i.childrenNamed("item"))==null?void 0:n.map(a=>({href:a.attr.href||"",id:a.attr.id||"",mediaType:a.attr["media-type"]})))||[]},q=({archive:e,baseUrl:i})=>async n=>{var P;const{data:a,basePath:t}=F(e)||{},r=await V(e);if(!a)return n;const o=await a.string();b.log(o,r);const s=new u.XmlDocument(o),d=await H(s,e,{baseUrl:i})||[],p=s.childNamed("metadata"),m=s.childNamed("manifest"),h=s.childNamed("spine"),N=s.childNamed("guide"),$=p==null?void 0:p.childNamed("dc:title"),x=(p==null?void 0:p.childrenNamed("meta"))||[],A=x.find(l=>l.attr.property==="rendition:layout"),I=x.find(l=>l.attr.property==="rendition:flow"),L=x.find(l=>l.attr.property==="rendition:spread"),O=A==null?void 0:A.val,le=I==null?void 0:I.val,me=L==null?void 0:L.val,fe=($==null?void 0:$.val)||((P=e.files.find(({dir:l})=>l))==null?void 0:P.basename)||"",pe=h==null?void 0:h.attr["page-progression-direction"],ue=(await C({archive:e})).reduce((l,c)=>c.size+l,0);return{filename:e.filename,nav:{toc:d},renditionLayout:O||r.renditionLayout||"reflowable",renditionFlow:le||"auto",renditionSpread:me,title:fe,readingDirection:pe||"ltr",spineItems:(h==null?void 0:h.childrenNamed("itemref").map(l=>{var j,X,R;const c=m==null?void 0:m.childrenNamed("item").find(g=>g.attr.id===(l==null?void 0:l.attr.idref)),he=(c==null?void 0:c.attr.href)||"",D=((j=l==null?void 0:l.attr.properties)==null?void 0:j.split(" "))||[],ge=((X=e.files.find(g=>g.uri.endsWith(he)))==null?void 0:X.size)||0,z=i??"";return{id:(c==null?void 0:c.attr.id)||"",href:(R=c==null?void 0:c.attr.href)!=null&&R.startsWith("https://")?c==null?void 0:c.attr.href:t?`${z}${t}/${c==null?void 0:c.attr.href}`:`${z}${c==null?void 0:c.attr.href}`,renditionLayout:O||"reflowable",...D.find(g=>g==="rendition:layout-reflowable")&&{renditionLayout:"reflowable"},progressionWeight:ge/ue,pageSpreadLeft:D.some(g=>g==="page-spread-left")||void 0,pageSpreadRight:D.some(g=>g==="page-spread-right")||void 0,mediaType:c==null?void 0:c.attr["media-type"]}}))||[],items:W(s),guide:N==null?void 0:N.childrenNamed("reference").map(l=>({href:l.attr.href||"",title:l.attr.title||"",type:l.attr.type}))}},_=async(e,i)=>{const n=Object.values(e.files).find(r=>r.uri===i),a=await G(e,i);if(!n)throw new Error("no file found");const t=await n.blob();return{body:t,params:{headers:{...t.type&&{"Content-Type":t.type},...n.encodingFormat&&{"Content-Type":n.encodingFormat},...a.mediaType&&{"Content-Type":a.mediaType}}}}},G=async(e,i)=>{var t,r;const a=await((t=F(e).data)==null?void 0:t.string());if(a){const o=new u.XmlDocument(a);return{mediaType:(r=W(o).find(d=>i.endsWith(d.href)))==null?void 0:r.mediaType}}return{mediaType:K(i)}},K=e=>{if(e.endsWith(".css"))return"text/css; charset=UTF-8";if(e.endsWith(".jpg"))return"image/jpg";if(e.endsWith(".xhtml"))return"application/xhtml+xml";if(e.endsWith(".mp4"))return"video/mp4";if(e.endsWith(".svg"))return"image/svg+xml"},Y=({archive:e,baseUrl:i})=>async()=>{var a;const n=Object.values(e.files).filter(t=>!t.dir);return{filename:e.filename,title:((a=e.files.find(({dir:t})=>t))==null?void 0:a.basename.replace(/\/$/,""))||"",renditionLayout:"pre-paginated",renditionSpread:"auto",readingDirection:"ltr",spineItems:n.map((t,r)=>({id:`${r}.${t.basename}`,href:encodeURI(`${i}${t.uri}`),renditionLayout:"pre-paginated",progressionWeight:1/n.length,pageSpreadLeft:void 0,pageSpreadRight:void 0,mediaType:t.encodingFormat})),items:n.map((t,r)=>({id:`${r}.${t.basename}`,href:`${i}${t.uri}`}))}},Q=({archive:e,baseUrl:i})=>async n=>{var s;const a=e.files.find(d=>d.basename.toLowerCase()==="comicinfo.xml");if(!a)return n;const t=await a.string(),o=((s=new u.XmlDocument(t).childNamed("Manga"))==null?void 0:s.val)||"unknown";return{...n,spineItems:n.spineItems.filter(d=>d.id.toLowerCase()!=="comicinfo.xml"),readingDirection:o==="YesAndRightToLeft"?"rtl":"ltr"}},Z=e=>{var n;const i=(n=e.descendantWithPath("head"))==null?void 0:n.childrenNamed("meta").find(a=>a.attr.name==="viewport");return!!(i&&i.attr.name==="viewport")},E=e=>e.reduce(async(i,n)=>{if(!await i||!y.isXmlBasedMimeType({mimeType:n.encodingFormat,uri:n.uri}))return!1;const t=await n.string();return t?Z(new u.XmlDocument(t)):!1},Promise.resolve(!0)),ee=({archive:e,baseUrl:i})=>async n=>{if(n.renditionLayout==="reflowable"&&n.spineItems.every(t=>t.renditionLayout==="reflowable")){const t=await C({archive:e});if(await E(t))return{...n,spineItems:n.spineItems.map(o=>({...o,renditionLayout:"pre-paginated"})),renditionLayout:"pre-paginated"}}return n},T=(e,i)=>{var t;const n=e.split(/(\d+)/),a=i.split(/(\d+)/);for(let r=0,o=n.length;r<o;r++)if(n[r]!==a[r])return(t=n[r])!=null&&t.match(/\d/)?+(n[r]||"")-+(a[r]||""):(n[r]||"").localeCompare(a[r]||"");return 1},te=({archive:e,baseUrl:i})=>async n=>{if(n.nav)return n;const a=[...e.files].sort((r,o)=>T(r.uri,o.uri)),t=Object.values(a).reduce((r,o)=>{const s=o.uri.split("/");return!o.dir&&s.length>1&&s.forEach((p,m)=>{if(m===s.length-1)return;r.find(({title:$})=>$===p)||r.push({contents:[],href:y.urlJoin(i,encodeURI(o.uri)).replace(/\/$/,""),path:o.uri.replace(/\/$/,""),title:s[0]??""})}),r},[]);return t.length===0?n:{...n,nav:{toc:t}}},ne={filename:"",items:[],nav:{toc:[]},readingDirection:"ltr",renditionLayout:"pre-paginated",renditionSpread:"auto",spineItems:[],title:""},re=async(e,{baseUrl:i=""}={})=>{const n=[Y({archive:e,baseUrl:i}),q({archive:e,baseUrl:i}),ee({archive:e,baseUrl:i}),Q({archive:e,baseUrl:i}),te({archive:e,baseUrl:i})];try{const a=await n.reduce(async(t,r)=>await r(await t),Promise.resolve(ne));return b.log("Generated manifest",a),a}catch(a){throw b.error(a),a}},w=e=>e.substring(e.lastIndexOf("/")+1)||e,ae=async(e,i)=>{const n=`
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@prose-reader/shared"), require("xmldoc")) : typeof define === "function" && define.amd ? define(["exports", "@prose-reader/shared", "xmldoc"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["prose-streamer"] = {}, global["@prose-reader/shared"], global.xmldoc));
+})(this, function(exports2, shared, xmldoc) {
+  "use strict";
+  let enabled = false;
+  const Report = {
+    enable: (enable) => {
+      enabled = enable;
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    log: (...data) => {
+      if (enabled) {
+        console.log(`[prose-reader-streamer]`, ...data);
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    warn: (...data) => {
+      if (enabled) {
+        console.warn(`[prose-reader-streamer]`, ...data);
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    error: (...data) => {
+      console.error(...data);
+    },
+    time: (label) => {
+      if (enabled) {
+        console.time(`[prose-reader-streamer] [metric] ${label}`);
+      }
+    },
+    timeEnd: (label) => {
+      if (enabled) {
+        console.timeEnd(`[prose-reader-streamer] [metric] ${label}`);
+      }
+    },
+    metric: (performanceEntry, targetDuration = Infinity) => {
+      const duration = typeof performanceEntry === `number` ? performanceEntry : performanceEntry.duration;
+      if (enabled) {
+        if (performanceEntry.duration <= targetDuration) {
+          console.log(`[prose-reader-streamer] [metric] `, `${performanceEntry.name} took ${duration}ms`);
+        } else {
+          console.warn(
+            `[prose-reader-streamer] [metric] `,
+            `${performanceEntry.name} took ${performanceEntry.duration}ms which is above the ${targetDuration}ms target for this function`
+          );
+        }
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    measurePerformance: (name, targetDuration = 10, functionToMeasure) => {
+      return (...args) => {
+        const t0 = performance.now();
+        const response = functionToMeasure(...args);
+        if (response && response.then) {
+          return response.then((res) => {
+            const t12 = performance.now();
+            Report.metric({ name, duration: t12 - t0 }, targetDuration);
+            return res;
+          });
+        }
+        const t1 = performance.now();
+        Report.metric({ name, duration: t1 - t0 }, targetDuration);
+        return response;
+      };
+    }
+  };
+  const cssFixHook = ({ archive, resourcePath }) => async (resource) => {
+    const file = Object.values(archive.files).find((file2) => file2.uri === resourcePath);
+    if (file == null ? void 0 : file.basename.endsWith(`.css`)) {
+      const bodyToParse = resource.body ?? await file.string();
+      const newBody = bodyToParse.replaceAll(`-webkit-writing-mode`, `writing-mode`);
+      return {
+        ...resource,
+        body: newBody
+      };
+    }
+    return resource;
+  };
+  const getArchiveOpfInfo = (archive) => {
+    const filesAsArray = Object.values(archive.files).filter((file2) => !file2.dir);
+    const file = filesAsArray.find((file2) => file2.uri.endsWith(`.opf`));
+    return {
+      data: file,
+      basePath: (file == null ? void 0 : file.uri.substring(0, file.uri.lastIndexOf(`/`))) || ``
+    };
+  };
+  const extractNavChapter = (li, { opfBasePath, baseUrl }) => {
+    const chp = {
+      contents: [],
+      path: ``,
+      href: ``,
+      title: ``
+    };
+    let contentNode = li.childNamed(`span`) || li.childNamed(`a`);
+    chp.title = (contentNode == null ? void 0 : contentNode.attr.title) || (contentNode == null ? void 0 : contentNode.val.trim()) || chp.title;
+    let node = contentNode == null ? void 0 : contentNode.name;
+    if (node !== `a`) {
+      contentNode = li.descendantWithPath(`${node}.a`);
+      if (contentNode) {
+        node = contentNode.name.toLowerCase();
+      }
+    }
+    if (node === `a` && (contentNode == null ? void 0 : contentNode.attr.href)) {
+      chp.path = shared.urlJoin(opfBasePath, contentNode.attr.href);
+      chp.href = shared.urlJoin(baseUrl, opfBasePath, contentNode.attr.href);
+    }
+    const sublistNode = li.childNamed(`ol`);
+    if (sublistNode) {
+      const children = sublistNode.childrenNamed(`li`);
+      if (children && children.length > 0) {
+        chp.contents = children.map((child) => extractNavChapter(child, { opfBasePath, baseUrl }));
+      }
+    }
+    return chp;
+  };
+  const buildTOCFromNav = (doc, { opfBasePath, baseUrl }) => {
+    var _a, _b;
+    const toc = [];
+    let navDataChildren;
+    if (doc.descendantWithPath(`body.nav.ol`)) {
+      navDataChildren = (_a = doc.descendantWithPath(`body.nav.ol`)) == null ? void 0 : _a.children;
+    } else if (doc.descendantWithPath(`body.section.nav.ol`)) {
+      navDataChildren = (_b = doc.descendantWithPath(`body.section.nav.ol`)) == null ? void 0 : _b.children;
+    }
+    if (navDataChildren && navDataChildren.length > 0) {
+      navDataChildren.filter((li) => li.name === `li`).forEach((li) => toc.push(extractNavChapter(li, { opfBasePath, baseUrl })));
+    }
+    return toc;
+  };
+  const parseTocFromNavPath = async (opfXmlDoc, archive, { opfBasePath, baseUrl }) => {
+    var _a;
+    const navItem = (_a = opfXmlDoc.childNamed(`manifest`)) == null ? void 0 : _a.childrenNamed(`item`).find((child) => child.attr.properties === `nav`);
+    if (navItem) {
+      const tocFile = Object.values(archive.files).find((item) => item.uri.endsWith(navItem.attr.href || ``));
+      if (tocFile) {
+        const doc = new xmldoc.XmlDocument(await tocFile.string());
+        return buildTOCFromNav(doc, { opfBasePath, baseUrl });
+      }
+    }
+  };
+  const mapNcxChapter = (point, { opfBasePath, baseUrl, prefix }) => {
+    var _a, _b;
+    const src = ((_a = point == null ? void 0 : point.childNamed(`${prefix}content`)) == null ? void 0 : _a.attr.src) || ``;
+    const out = {
+      title: ((_b = point == null ? void 0 : point.descendantWithPath(`${prefix}navLabel.${prefix}text`)) == null ? void 0 : _b.val) || ``,
+      path: shared.urlJoin(opfBasePath, src),
+      href: shared.urlJoin(baseUrl, opfBasePath, src),
+      contents: []
+    };
+    const children = point.childrenNamed(`${prefix}navPoint`);
+    if (children && children.length > 0) {
+      out.contents = children.map((pt) => mapNcxChapter(pt, { opfBasePath, baseUrl, prefix }));
+    }
+    return out;
+  };
+  const buildTOCFromNCX = (ncxData, { opfBasePath, baseUrl }) => {
+    var _a;
+    const toc = [];
+    const rootTagName = ncxData.name;
+    let prefix = ``;
+    if (rootTagName.indexOf(`:`) !== -1) {
+      prefix = rootTagName.split(`:`)[0] + `:`;
+    }
+    (_a = ncxData.childNamed(`${prefix}navMap`)) == null ? void 0 : _a.childrenNamed(`${prefix}navPoint`).forEach((point) => toc.push(mapNcxChapter(point, { opfBasePath, baseUrl, prefix })));
+    return toc;
+  };
+  const parseTocFromNcx = async ({
+    opfData,
+    opfBasePath,
+    baseUrl,
+    archive
+  }) => {
+    var _a;
+    const spine = opfData.childNamed(`spine`);
+    const ncxId = spine && spine.attr.toc;
+    if (ncxId) {
+      const ncxItem = (_a = opfData.childNamed(`manifest`)) == null ? void 0 : _a.childrenNamed(`item`).find((item) => item.attr.id === ncxId);
+      if (ncxItem) {
+        const ncxPath = `${opfBasePath}${opfBasePath === `` ? `` : `/`}${ncxItem.attr.href}`;
+        const file = Object.values(archive.files).find((item) => item.uri.endsWith(ncxPath));
+        if (file) {
+          const ncxData = new xmldoc.XmlDocument(await file.string());
+          return buildTOCFromNCX(ncxData, { opfBasePath, baseUrl });
+        }
+      }
+    }
+  };
+  const parseToc = async (opfXmlDoc, archive, { baseUrl }) => {
+    const { basePath: opfBasePath } = getArchiveOpfInfo(archive) || {};
+    const tocFromNcx = await parseTocFromNcx({
+      opfData: opfXmlDoc,
+      opfBasePath,
+      archive,
+      baseUrl
+    });
+    if (tocFromNcx) {
+      return tocFromNcx;
+    }
+    return await parseTocFromNavPath(opfXmlDoc, archive, { opfBasePath, baseUrl });
+  };
+  const extractKoboInformationFromArchive = async (archive) => {
+    const koboInformation = {
+      renditionLayout: void 0
+    };
+    await Promise.all(
+      archive.files.map(async (file) => {
+        var _a, _b;
+        if (file.uri.endsWith(`com.kobobooks.display-options.xml`)) {
+          const opfXmlDoc = new xmldoc.XmlDocument(await file.string());
+          const optionElement = (_a = opfXmlDoc.childNamed(`platform`)) == null ? void 0 : _a.childNamed(`option`);
+          if (((_b = optionElement == null ? void 0 : optionElement.attr) == null ? void 0 : _b.name) === `fixed-layout` && optionElement.val === `true`) {
+            koboInformation.renditionLayout = `pre-paginated`;
+          }
+        }
+      })
+    );
+    return koboInformation;
+  };
+  const getSpineItemFilesFromArchive = async ({ archive }) => {
+    const { data: opsFile, basePath: opfBasePath } = getArchiveOpfInfo(archive) || {};
+    const data = await (opsFile == null ? void 0 : opsFile.string());
+    if (!data)
+      return [];
+    const _opfXmlDoc = new xmldoc.XmlDocument(data);
+    const manifestElm = _opfXmlDoc.childNamed(`manifest`);
+    const spineElm = _opfXmlDoc.childNamed(`spine`);
+    const spineItemIds = spineElm == null ? void 0 : spineElm.childrenNamed(`itemref`).map((item) => item.attr.idref);
+    const manifestItemsFromSpine = (manifestElm == null ? void 0 : manifestElm.childrenNamed(`item`).filter((item) => spineItemIds.includes(item.attr.id || ``))) || [];
+    const archiveSpineItems = archive.files.filter((file) => {
+      return manifestItemsFromSpine.find((item) => {
+        if (!opfBasePath)
+          return `${item.attr.href}` === file.uri;
+        return `${opfBasePath}/${item.attr.href}` === file.uri;
+      });
+    });
+    return archiveSpineItems;
+  };
+  const getItemsFromDoc = (doc) => {
+    var _a;
+    const manifestElm = doc.childNamed(`manifest`);
+    return ((_a = manifestElm == null ? void 0 : manifestElm.childrenNamed(`item`)) == null ? void 0 : _a.map((el) => ({
+      href: el.attr.href || ``,
+      id: el.attr.id || ``,
+      mediaType: el.attr[`media-type`]
+    }))) || [];
+  };
+  const epubHook = ({ archive, baseUrl }) => async (manifest) => {
+    var _a;
+    const { data: opsFile, basePath: opfBasePath } = getArchiveOpfInfo(archive) || {};
+    const koboInformation = await extractKoboInformationFromArchive(archive);
+    if (!opsFile) {
+      return manifest;
+    }
+    const data = await opsFile.string();
+    Report.log(data, koboInformation);
+    const opfXmlDoc = new xmldoc.XmlDocument(data);
+    const toc = await parseToc(opfXmlDoc, archive, { baseUrl }) || [];
+    const metadataElm = opfXmlDoc.childNamed(`metadata`);
+    const manifestElm = opfXmlDoc.childNamed(`manifest`);
+    const spineElm = opfXmlDoc.childNamed(`spine`);
+    const guideElm = opfXmlDoc.childNamed(`guide`);
+    const titleElm = metadataElm == null ? void 0 : metadataElm.childNamed(`dc:title`);
+    const metaElmChildren = (metadataElm == null ? void 0 : metadataElm.childrenNamed(`meta`)) || [];
+    const metaElmWithRendition = metaElmChildren.find((meta) => meta.attr.property === `rendition:layout`);
+    const metaElmWithRenditionFlow = metaElmChildren.find((meta) => meta.attr.property === `rendition:flow`);
+    const metaElmWithRenditionSpread = metaElmChildren.find((meta) => meta.attr.property === `rendition:spread`);
+    const publisherRenditionLayout = metaElmWithRendition == null ? void 0 : metaElmWithRendition.val;
+    const publisherRenditionFlow = metaElmWithRenditionFlow == null ? void 0 : metaElmWithRenditionFlow.val;
+    const renditionSpread = metaElmWithRenditionSpread == null ? void 0 : metaElmWithRenditionSpread.val;
+    const title = (titleElm == null ? void 0 : titleElm.val) || ((_a = archive.files.find(({ dir }) => dir)) == null ? void 0 : _a.basename) || ``;
+    const pageProgressionDirection = spineElm == null ? void 0 : spineElm.attr[`page-progression-direction`];
+    const archiveSpineItems = await getSpineItemFilesFromArchive({ archive });
+    const totalSize = archiveSpineItems.reduce((size, file) => file.size + size, 0);
+    return {
+      filename: archive.filename,
+      nav: {
+        toc
+      },
+      renditionLayout: publisherRenditionLayout || koboInformation.renditionLayout || `reflowable`,
+      renditionFlow: publisherRenditionFlow || `auto`,
+      renditionSpread,
+      title,
+      readingDirection: pageProgressionDirection || `ltr`,
+      spineItems: (spineElm == null ? void 0 : spineElm.childrenNamed(`itemref`).map((itemrefElm) => {
+        var _a2, _b, _c;
+        const manifestItem = manifestElm == null ? void 0 : manifestElm.childrenNamed(`item`).find((item) => item.attr.id === (itemrefElm == null ? void 0 : itemrefElm.attr.idref));
+        const href = (manifestItem == null ? void 0 : manifestItem.attr.href) || ``;
+        const properties = ((_a2 = itemrefElm == null ? void 0 : itemrefElm.attr.properties) == null ? void 0 : _a2.split(` `)) || [];
+        const itemSize = ((_b = archive.files.find((file) => file.uri.endsWith(href))) == null ? void 0 : _b.size) || 0;
+        const hrefBaseUri = baseUrl ?? "";
+        return {
+          id: (manifestItem == null ? void 0 : manifestItem.attr.id) || ``,
+          href: ((_c = manifestItem == null ? void 0 : manifestItem.attr.href) == null ? void 0 : _c.startsWith(`https://`)) ? manifestItem == null ? void 0 : manifestItem.attr.href : opfBasePath ? `${hrefBaseUri}${opfBasePath}/${manifestItem == null ? void 0 : manifestItem.attr.href}` : `${hrefBaseUri}${manifestItem == null ? void 0 : manifestItem.attr.href}`,
+          renditionLayout: publisherRenditionLayout || `reflowable`,
+          ...properties.find((property) => property === `rendition:layout-reflowable`) && {
+            renditionLayout: `reflowable`
+          },
+          progressionWeight: itemSize / totalSize,
+          pageSpreadLeft: properties.some((property) => property === `page-spread-left`) || void 0,
+          pageSpreadRight: properties.some((property) => property === `page-spread-right`) || void 0,
+          // size: itemSize
+          mediaType: manifestItem == null ? void 0 : manifestItem.attr[`media-type`]
+        };
+      })) || [],
+      items: getItemsFromDoc(opfXmlDoc),
+      guide: guideElm == null ? void 0 : guideElm.childrenNamed(`reference`).map((elm) => {
+        return {
+          href: elm.attr.href || ``,
+          title: elm.attr.title || ``,
+          type: elm.attr.type
+        };
+      })
+    };
+  };
+  const getMetadata = async (archive, resourcePath) => {
+    var _a, _b;
+    const opfInfo = getArchiveOpfInfo(archive);
+    const data = await ((_a = opfInfo.data) == null ? void 0 : _a.string());
+    if (data) {
+      const opfXmlDoc = new xmldoc.XmlDocument(data);
+      const items = getItemsFromDoc(opfXmlDoc);
+      return {
+        mediaType: (_b = items.find((item) => resourcePath.endsWith(item.href))) == null ? void 0 : _b.mediaType
+      };
+    }
+    return {
+      mediaType: getContentTypeFromExtension(resourcePath)
+    };
+  };
+  const getContentTypeFromExtension = (uri) => {
+    if (uri.endsWith(`.css`)) {
+      return `text/css; charset=UTF-8`;
+    }
+    if (uri.endsWith(`.jpg`)) {
+      return `image/jpg`;
+    }
+    if (uri.endsWith(`.xhtml`)) {
+      return `application/xhtml+xml`;
+    }
+    if (uri.endsWith(`.mp4`)) {
+      return `video/mp4`;
+    }
+    if (uri.endsWith(`.svg`)) {
+      return `image/svg+xml`;
+    }
+  };
+  const defaultHook$1 = ({ archive, resourcePath }) => async (resource) => {
+    const file = Object.values(archive.files).find((file2) => file2.uri === resourcePath);
+    if (!file)
+      return resource;
+    const metadata = await getMetadata(archive, resourcePath);
+    return {
+      ...resource,
+      params: {
+        ...resource.params,
+        status: 200,
+        headers: {
+          ...(file == null ? void 0 : file.encodingFormat) && {
+            "Content-Type": file.encodingFormat
+          },
+          ...metadata.mediaType && {
+            "Content-Type": metadata.mediaType
+          }
+        }
+      }
+    };
+  };
+  const generateResourceFromArchive = async (archive, resourcePath) => {
+    const file = Object.values(archive.files).find((file2) => file2.uri === resourcePath);
+    if (!file) {
+      throw new Error(`no file found`);
+    }
+    const defaultResource = {
+      params: {
+        status: 200
+      }
+    };
+    const hooks = [defaultHook$1({ archive, resourcePath }), cssFixHook({ archive, resourcePath })];
+    try {
+      const resource = await hooks.reduce(async (manifest, gen) => {
+        return await gen(await manifest);
+      }, Promise.resolve(defaultResource));
+      Report.log("Generated resource", resourcePath, resource);
+      return {
+        ...resource,
+        body: resource.body || await file.blob()
+      };
+    } catch (e) {
+      Report.error(e);
+      throw e;
+    }
+  };
+  const generateResourceFromError = (error) => {
+    return {
+      body: `
+    <!DOCTYPE html>
+    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xml:lang="en" lang="en">
+      <head>
+        <meta name="${shared.PROSE_READER_RESOURCE_ERROR_INJECTED_META_NAME}" content="${String(error)}" />
+      </head>
+      <body>
+        <pre>${String(error)}</pre>
+      </body>
+    </html>
+    `,
+      params: {
+        status: 500,
+        headers: {
+          "Content-Type": "text/html;charset=UTF-8"
+        }
+      }
+    };
+  };
+  const defaultHook = ({ archive, baseUrl }) => async () => {
+    var _a;
+    const files = Object.values(archive.files).filter((file) => !file.dir);
+    return {
+      filename: archive.filename,
+      title: ((_a = archive.files.find(({ dir }) => dir)) == null ? void 0 : _a.basename.replace(/\/$/, ``)) || ``,
+      renditionLayout: `pre-paginated`,
+      renditionSpread: `auto`,
+      readingDirection: `ltr`,
+      spineItems: files.map((file, index) => ({
+        // some books such as cbz can have same basename inside different sub folder
+        // we need to make sure to have unique index
+        // /chap01/01.png, /chap02/01.png, etc
+        id: `${index}.${file.basename}`,
+        href: encodeURI(`${baseUrl}${file.uri}`),
+        renditionLayout: `pre-paginated`,
+        progressionWeight: 1 / files.length,
+        pageSpreadLeft: void 0,
+        pageSpreadRight: void 0,
+        mediaType: file.encodingFormat
+      })),
+      items: files.map((file, index) => ({
+        id: `${index}.${file.basename}`,
+        href: `${baseUrl}${file.uri}`
+      }))
+    };
+  };
+  const comicInfoHook = ({ archive, baseUrl }) => async (manifest) => {
+    var _a;
+    const comicInfoFile = archive.files.find((file) => file.basename.toLowerCase() === `comicinfo.xml`);
+    if (!comicInfoFile) {
+      return manifest;
+    }
+    const content = await comicInfoFile.string();
+    const xmlDoc = new xmldoc.XmlDocument(content);
+    const mangaVal = ((_a = xmlDoc.childNamed(`Manga`)) == null ? void 0 : _a.val) || `unknown`;
+    return {
+      ...manifest,
+      spineItems: manifest.spineItems.filter((item) => item.id.toLowerCase() !== `comicinfo.xml`),
+      readingDirection: mangaVal === `YesAndRightToLeft` ? `rtl` : `ltr`
+    };
+  };
+  const hasDocMetaViewport = (doc) => {
+    var _a;
+    const metaElm = (_a = doc.descendantWithPath("head")) == null ? void 0 : _a.childrenNamed("meta").find((node) => node.attr.name === "viewport");
+    return !!(metaElm && metaElm.attr.name === "viewport");
+  };
+  const allFilesHaveViewportMeta = (files) => files.reduce(async (result, current) => {
+    const _result = await result;
+    if (!_result)
+      return false;
+    if (!shared.isXmlBasedMimeType({
+      mimeType: current.encodingFormat,
+      uri: current.uri
+    })) {
+      return false;
+    }
+    const file = await current.string();
+    if (!file)
+      return false;
+    return hasDocMetaViewport(new xmldoc.XmlDocument(file));
+  }, Promise.resolve(true));
+  const epubOptimizerHook = ({ archive, baseUrl }) => async (manifest) => {
+    const bookIsFullReflowable = manifest.renditionLayout === "reflowable" && manifest.spineItems.every((item) => item.renditionLayout === "reflowable");
+    if (bookIsFullReflowable) {
+      const files = await getSpineItemFilesFromArchive({ archive });
+      const hasAllViewport = await allFilesHaveViewportMeta(files);
+      if (hasAllViewport) {
+        return {
+          ...manifest,
+          spineItems: manifest.spineItems.map((item) => ({
+            ...item,
+            renditionLayout: "pre-paginated"
+          })),
+          renditionLayout: "pre-paginated"
+        };
+      }
+    }
+    return manifest;
+  };
+  const sortByTitleComparator = (a, b) => {
+    var _a;
+    const alist = a.split(/(\d+)/);
+    const blist = b.split(/(\d+)/);
+    for (let i = 0, len = alist.length; i < len; i++) {
+      if (alist[i] !== blist[i]) {
+        if ((_a = alist[i]) == null ? void 0 : _a.match(/\d/)) {
+          return +(alist[i] || ``) - +(blist[i] || ``);
+        } else {
+          return (alist[i] || ``).localeCompare(blist[i] || ``);
+        }
+      }
+    }
+    return 1;
+  };
+  const navigationFallbackHook = ({ archive, baseUrl }) => async (manifest) => {
+    if (manifest.nav)
+      return manifest;
+    const filesSortedByAlpha = [...archive.files].sort((a, b) => sortByTitleComparator(a.uri, b.uri));
+    const toc = Object.values(filesSortedByAlpha).reduce((acc, file) => {
+      const parts = file.uri.split("/");
+      const isFileUnderFolder = !file.dir && parts.length > 1;
+      if (isFileUnderFolder) {
+        parts.forEach((part, level) => {
+          const partIsFileName = level === parts.length - 1;
+          if (partIsFileName)
+            return;
+          const existingTocItem = acc.find(({ title }) => title === part);
+          if (existingTocItem)
+            ;
+          else {
+            acc.push({
+              contents: [],
+              href: shared.urlJoin(baseUrl, encodeURI(file.uri)).replace(/\/$/, ""),
+              path: file.uri.replace(/\/$/, ""),
+              title: parts[0] ?? ""
+            });
+          }
+        });
+      }
+      return acc;
+    }, []);
+    if (toc.length === 0)
+      return manifest;
+    return {
+      ...manifest,
+      nav: {
+        toc
+      }
+    };
+  };
+  const baseManifest = {
+    filename: ``,
+    items: [],
+    nav: {
+      toc: []
+    },
+    readingDirection: `ltr`,
+    renditionLayout: `pre-paginated`,
+    renditionSpread: `auto`,
+    spineItems: [],
+    title: ``
+  };
+  const generateManifestFromArchive = async (archive, { baseUrl = `` } = {}) => {
+    const hooks = [
+      defaultHook({ archive, baseUrl }),
+      epubHook({ archive, baseUrl }),
+      epubOptimizerHook({ archive, baseUrl }),
+      comicInfoHook({ archive, baseUrl }),
+      navigationFallbackHook({ archive, baseUrl })
+    ];
+    try {
+      const manifest = await hooks.reduce(async (manifest2, gen) => {
+        return await gen(await manifest2);
+      }, Promise.resolve(baseManifest));
+      Report.log("Generated manifest", manifest);
+      return manifest;
+    } catch (e) {
+      Report.error(e);
+      throw e;
+    }
+  };
+  const getUriBasename = (uri) => uri.substring(uri.lastIndexOf(`/`) + 1) || uri;
+  const createArchiveFromUrls = async (urls, options) => {
+    const opfFileData = `
     <?xml version="1.0" encoding="UTF-8"?><package xmlns="http://www.idpf.org/2007/opf" version="2.0" unique-identifier="bookid">
       <metadata>
-        <meta property="rendition:layout">${i!=null&&i.useRenditionFlow?"reflowable":"pre-paginated"}</meta>
-        ${i!=null&&i.useRenditionFlow?'<meta property="rendition:flow">scrolled-continuous</meta>':""}
+        <meta property="rendition:layout">${(options == null ? void 0 : options.useRenditionFlow) ? `reflowable` : `pre-paginated`}</meta>
+        ${(options == null ? void 0 : options.useRenditionFlow) ? `<meta property="rendition:flow">scrolled-continuous</meta>` : ``}
       </metadata>
       <manifest>
-        ${e.map(r=>`<item id="${w(r)}" href="${r}" media-type="${y.detectMimeTypeFromName(r)}"/>`).join(`
+        ${urls.map((url) => `<item id="${getUriBasename(url)}" href="${url}" media-type="${shared.detectMimeTypeFromName(url)}"/>`).join(`
 `)}
       </manifest>
       <spine>
-        ${e.map(r=>`<itemref idref="${w(r)}" />`).join(`
+        ${urls.map((url) => `<itemref idref="${getUriBasename(url)}" />`).join(`
 `)}
       </spine>
     </package>
-  `,a=e.map(r=>({dir:!1,basename:w(r),encodingFormat:y.detectMimeTypeFromName(r),uri:r,size:100/e.length,base64:async()=>"",blob:async()=>new Blob,string:async()=>""}));return{filename:"",files:[{dir:!1,basename:"content.opf",uri:"content.opf",size:0,base64:async()=>n,blob:async()=>new Blob,string:async()=>n},...a]}},ie=async e=>new Promise(i=>{const n=new FileReader;n.readAsDataURL(e),n.onloadend=function(){const a=n.result;i(a)}}),oe=async(e,{mimeType:i,direction:n}={mimeType:"text/plain"})=>{const a=`
+  `;
+    const filesFromUrl = urls.map((url) => ({
+      dir: false,
+      basename: getUriBasename(url),
+      encodingFormat: shared.detectMimeTypeFromName(url),
+      uri: url,
+      size: 100 / urls.length,
+      base64: async () => ``,
+      blob: async () => new Blob(),
+      string: async () => ``
+    }));
+    const opfFile = {
+      dir: false,
+      basename: `content.opf`,
+      uri: `content.opf`,
+      size: 0,
+      base64: async () => opfFileData,
+      blob: async () => new Blob(),
+      string: async () => opfFileData
+    };
+    return {
+      filename: ``,
+      files: [opfFile, ...filesFromUrl]
+    };
+  };
+  const blobToBase64 = async (blob) => new Promise((resolve) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(blob);
+    reader.onloadend = function() {
+      const base64data = reader.result;
+      resolve(base64data);
+    };
+  });
+  const createArchiveFromText = async (content, {
+    mimeType,
+    direction
+  } = { mimeType: "text/plain" }) => {
+    const txtOpfContent = `
       <?xml version="1.0" encoding="UTF-8"?>
       <package xmlns="http://www.idpf.org/2007/opf" version="3.0" xml:lang="ja" prefix="rendition: http://www.idpf.org/vocab/rendition/#"
         unique-identifier="ootuya-id">
@@ -24,9 +638,110 @@
         <manifest>
             <item id="p01" href="p01.txt" media-type="text/plain"/>
         </manifest>
-        <spine page-progression-direction="${n??"ltr"}">
+        <spine page-progression-direction="${direction ?? `ltr`}">
           <itemref idref="p01" />
         </spine>
       </package>
-    `;return{filename:"content.txt",files:[{dir:!1,basename:w("generated.opf"),uri:"generated.opf",blob:async()=>new Blob([a]),string:async()=>a,base64:async()=>btoa(a),size:0},{dir:!1,basename:w("p01.txt"),uri:"p01.txt",blob:async()=>typeof e=="string"?new Blob([e]):e,string:async()=>typeof e=="string"?e:e.text(),base64:async()=>typeof e=="string"?btoa(e):ie(e),size:typeof e=="string"?e.length:e.size,encodingFormat:i}]}},se=async(e,{orderByAlpha:i,name:n}={})=>{let a=Object.values(e.files);i&&(a=a.sort((r,o)=>T(r.name,o.name)));const t={filename:n||"",files:a.map(r=>({dir:r.dir,basename:w(r.name),uri:r.name,blob:()=>r.async("blob"),string:()=>r.async("string"),base64:()=>r.async("base64"),...r.internalStream&&{stream:r.internalStream},size:r._data.uncompressedSize}))};return b.log("Generated archive",t),t},ce=async(e,{orderByAlpha:i,name:n}={})=>{let a=e;return i&&(a=a.sort((t,r)=>T(t.name,r.name))),{filename:n||"",files:a.map(t=>({dir:t.isDir,basename:w(t.name),uri:t.name,blob:async()=>new Blob([await t.data()]),string:async()=>{const r=await t.data();return String.fromCharCode.apply(null,Array.from(new Uint16Array(r)))},base64:async()=>"",size:t.size}))}},de=({enableReport:e}={})=>{b.enable(!!e)};f.configure=de,f.createArchiveFromArrayBufferList=ce,f.createArchiveFromJszip=se,f.createArchiveFromText=oe,f.createArchiveFromUrls=ae,f.generateManifestFromArchive=re,f.generateResourceFromArchive=_,f.getArchiveOpfInfo=F,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+    `;
+    const archive = {
+      filename: `content.txt`,
+      files: [
+        {
+          dir: false,
+          basename: getUriBasename(`generated.opf`),
+          uri: `generated.opf`,
+          blob: async () => new Blob([txtOpfContent]),
+          string: async () => txtOpfContent,
+          base64: async () => btoa(txtOpfContent),
+          size: 0
+        },
+        {
+          dir: false,
+          basename: getUriBasename(`p01.txt`),
+          uri: `p01.txt`,
+          blob: async () => {
+            if (typeof content === `string`)
+              return new Blob([content]);
+            return content;
+          },
+          string: async () => {
+            if (typeof content === `string`)
+              return content;
+            return content.text();
+          },
+          base64: async () => {
+            if (typeof content === `string`)
+              return btoa(content);
+            return blobToBase64(content);
+          },
+          size: typeof content === `string` ? content.length : content.size,
+          encodingFormat: mimeType
+        }
+      ]
+    };
+    return archive;
+  };
+  const createArchiveFromJszip = async (jszip, { orderByAlpha, name } = {}) => {
+    let files = Object.values(jszip.files);
+    if (orderByAlpha) {
+      files = files.sort((a, b) => sortByTitleComparator(a.name, b.name));
+    }
+    const archive = {
+      filename: name || ``,
+      files: files.map((file) => ({
+        dir: file.dir,
+        basename: getUriBasename(file.name),
+        uri: file.name,
+        blob: () => file.async(`blob`),
+        string: () => file.async(`string`),
+        base64: () => file.async(`base64`),
+        ...file.internalStream && {
+          stream: file.internalStream
+        },
+        // this is private API
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        size: file._data.uncompressedSize
+      }))
+    };
+    Report.log("Generated archive", archive);
+    return archive;
+  };
+  const createArchiveFromArrayBufferList = async (list, { orderByAlpha, name } = {}) => {
+    let files = list;
+    if (orderByAlpha) {
+      files = files.sort((a, b) => sortByTitleComparator(a.name, b.name));
+    }
+    return {
+      filename: name || ``,
+      files: files.map((file) => ({
+        dir: file.isDir,
+        basename: getUriBasename(file.name),
+        uri: file.name,
+        blob: async () => new Blob([await file.data()]),
+        string: async () => {
+          const data = await file.data();
+          return String.fromCharCode.apply(null, Array.from(new Uint16Array(data)));
+        },
+        base64: async () => {
+          return ``;
+        },
+        size: file.size
+      }))
+    };
+  };
+  const configure = ({ enableReport } = {}) => {
+    Report.enable(!!enableReport);
+  };
+  exports2.configure = configure;
+  exports2.createArchiveFromArrayBufferList = createArchiveFromArrayBufferList;
+  exports2.createArchiveFromJszip = createArchiveFromJszip;
+  exports2.createArchiveFromText = createArchiveFromText;
+  exports2.createArchiveFromUrls = createArchiveFromUrls;
+  exports2.generateManifestFromArchive = generateManifestFromArchive;
+  exports2.generateResourceFromArchive = generateResourceFromArchive;
+  exports2.generateResourceFromError = generateResourceFromError;
+  exports2.getArchiveOpfInfo = getArchiveOpfInfo;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});
 //# sourceMappingURL=prose-streamer.umd.cjs.map