@prose-reader/react-native 1.303.0 → 1.304.0

package/dist/native/ReaderProvider.d.ts

@@ -30,4 +30,4 @@ export declare const useProseReaderContext: () => {
 export declare const ReaderProvider: ({ children, reader, }: {
     children: React.ReactNode;
     reader: ReturnType<typeof useCreateReader>;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/native/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@webview-bridge/react-native"),o=require("react"),m=require("../useLiveRef-Dg4CKqYn.cjs"),u=require("@prose-reader/streamer"),v=require("expo-file-system/next"),p=require("react/jsx-runtime"),b=e=>{const t=m.useLiveRef(e),[i]=o.useState(()=>c.bridge(({set:s})=>({pagination:void 0,setPagination:async a=>{s({pagination:a})},context:void 0,setContext:async a=>{s({context:a})},async getResource(a){return t.current.getResource(a)}})));return i},x=c.postMessageSchema({load:{validate:e=>e},turnRight:{validate:()=>{}},turnLeft:{validate:()=>{}}}),y=e=>{const[t,i]=o.useState(void 0),s=b(e),a=t?.postMessage;o.useEffect(()=>{s&&i(c.createWebView({bridge:s,debug:!0,postMessageSchema:x}))},[s]);const d=o.useCallback(g=>{a?.("load",{manifest:g})},[a]);return t?{webviewBridge:t,ReaderWebView:t.WebView,appBridge:s,load:d}:null},h=async(e,{orderByAlpha:t,name:i}={})=>{let s=e.list();t&&(s=s.slice().sort((r,n)=>u.sortByTitleComparator(r.name,n.name)));const a=r=>r.list().reduce((n,l)=>l instanceof v.Directory?[...n,...a(l)]:[...n,l],[]),d=s.reduce((r,n)=>n instanceof v.Directory?[...r,...a(n)]:[...r,n],[]);return{filename:i||"",records:d.map(r=>r instanceof v.Directory?{dir:!0,basename:u.getUriBasename(r.name),uri:r.uri.replace("file://",""),blob:()=>Promise.resolve(new Blob),string:()=>Promise.resolve(""),size:0}:{dir:!1,basename:u.getUriBasename(r.name),uri:r.uri.replace("file://",""),blob:async()=>new Blob([await r.arrayBuffer()]),string:async()=>r.text(),size:r.info().size??0,encodingFormat:r.type??void 0}),close:()=>Promise.resolve()}},f=o.createContext(void 0),R=()=>{const e=o.useContext(f);if(!e)throw new Error("useProseReader must be used within a ProseReaderProvider");return e},w=({children:e,reader:t})=>p.jsx(f.Provider,{value:t,children:e}),B=()=>{const{webviewBridge:e}=R(),{postMessage:t}=e;return{turnRight:()=>{t("turnRight",void 0)},turnLeft:()=>{t("turnLeft",void 0)}}},P=e=>{const{appBridge:t}=R();return c.useBridge(t,e)};class S extends u.Streamer{async fetchResourceAsData({key:t,resourcePath:i}){const s=await super.fetchResource({key:t,resourcePath:i});return{data:await s.text(),headers:Object.fromEntries(s.headers.entries())}}}exports.useLiveRef=m.useLiveRef;exports.ReactNativeStreamer=S;exports.ReaderProvider=w;exports.createArchiveFromExpoFileSystemNext=h;exports.useCreateReader=y;exports.useReader=B;exports.useReaderState=P;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../shared-C6TEX07M.cjs");let t=require("@webview-bridge/react-native"),n=require("react"),r=require("@prose-reader/streamer"),i=require("expo-file-system/next"),a=require("react/jsx-runtime");var o=r=>{let i=e.t(r),[a]=(0,n.useState)(()=>(0,t.bridge)(({set:e})=>({pagination:void 0,setPagination:async t=>{e({pagination:t})},context:void 0,setContext:async t=>{e({context:t})},async getResource(e){return i.current.getResource(e)}})));return a},s=(0,t.postMessageSchema)({load:{validate:e=>e},turnRight:{validate:()=>{}},turnLeft:{validate:()=>{}}}),c=e=>{let[r,i]=(0,n.useState)(void 0),a=o(e),c=r?.postMessage;(0,n.useEffect)(()=>{a&&i((0,t.createWebView)({bridge:a,debug:!0,postMessageSchema:s}))},[a]);let l=(0,n.useCallback)(e=>{c?.(`load`,{manifest:e})},[c]);return r?{webviewBridge:r,ReaderWebView:r.WebView,appBridge:a,load:l}:null},l=async(e,{orderByAlpha:t,name:n}={})=>{let a=e.list();t&&(a=a.slice().sort((e,t)=>(0,r.sortByTitleComparator)(e.name,t.name)));let o=e=>e.list().reduce((e,t)=>t instanceof i.Directory?[...e,...o(t)]:[...e,t],[]),s=a.reduce((e,t)=>t instanceof i.Directory?[...e,...o(t)]:[...e,t],[]);return{filename:n||``,records:s.map(e=>e instanceof i.Directory?{dir:!0,basename:(0,r.getUriBasename)(e.name),uri:e.uri.replace(`file://`,``),blob:()=>Promise.resolve(new Blob),string:()=>Promise.resolve(``),size:0}:{dir:!1,basename:(0,r.getUriBasename)(e.name),uri:e.uri.replace(`file://`,``),blob:async()=>new Blob([await e.arrayBuffer()]),string:async()=>e.text(),size:e.info().size??0,encodingFormat:e.type??void 0}),close:()=>Promise.resolve()}},u=(0,n.createContext)(void 0),d=()=>{let e=(0,n.useContext)(u);if(!e)throw Error(`useProseReader must be used within a ProseReaderProvider`);return e},f=({children:e,reader:t})=>(0,a.jsx)(u.Provider,{value:t,children:e}),p=()=>{let{webviewBridge:e}=d(),{postMessage:t}=e;return{turnRight:()=>{t(`turnRight`,void 0)},turnLeft:()=>{t(`turnLeft`,void 0)}}},m=e=>{let{appBridge:n}=d();return(0,t.useBridge)(n,e)},h=class extends r.Streamer{async fetchResourceAsData({key:e,resourcePath:t}){let n=await super.fetchResource({key:e,resourcePath:t});return{data:await n.text(),headers:Object.fromEntries(n.headers.entries())}}};exports.ReactNativeStreamer=h,exports.ReaderProvider=f,exports.createArchiveFromExpoFileSystemNext=l,exports.useCreateReader=c,exports.useLiveRef=e.t,exports.useReader=p,exports.useReaderState=m;

package/dist/native/index.es.js

@@ -1,130 +1,102 @@
-import { bridge as g, postMessageSchema as v, createWebView as b, useBridge as R } from "@webview-bridge/react-native";
-import { useState as l, useEffect as w, useCallback as h, createContext as x, useContext as B } from "react";
-import { u as y } from "../useLiveRef-CYh-YkID.js";
-import { sortByTitleComparator as P, getUriBasename as m, Streamer as C } from "@prose-reader/streamer";
-import { Directory as c } from "expo-file-system/next";
-import { jsx as S } from "react/jsx-runtime";
-const L = (e) => {
-  const t = y(e), [a] = l(
-    () => g(({ set: s }) => ({
-      pagination: void 0,
-      setPagination: async (n) => {
-        s({ pagination: n });
-      },
-      context: void 0,
-      setContext: async (n) => {
-        s({ context: n });
-      },
-      /**
-       * For a given spine item, provide the resource to the webview.
-       */
-      async getResource(n) {
-        return t.current.getResource(n);
-      }
-    }))
-  );
-  return a;
-}, M = v({
-  load: {
-    validate: (e) => e
-  },
-  turnRight: {
-    validate: () => {
-    }
-  },
-  turnLeft: {
-    validate: () => {
-    }
-  }
-}), A = (e) => {
-  const [t, a] = l(void 0), s = L(e), n = t?.postMessage;
-  w(() => {
-    s && a(
-      b({
-        bridge: s,
-        debug: !0,
-        postMessageSchema: M
-      })
-    );
-  }, [s]);
-  const i = h(
-    (d) => {
-      n?.("load", { manifest: d });
-    },
-    [n]
-  );
-  return t ? {
-    webviewBridge: t,
-    ReaderWebView: t.WebView,
-    appBridge: s,
-    load: i
-  } : null;
-}, D = async (e, { orderByAlpha: t, name: a } = {}) => {
-  let s = e.list();
-  t && (s = s.slice().sort((r, o) => P(r.name, o.name)));
-  const n = (r) => r.list().reduce((o, u) => u instanceof c ? [...o, ...n(u)] : [...o, u], []), i = s.reduce((r, o) => o instanceof c ? [...r, ...n(o)] : [...r, o], []);
-  return {
-    filename: a || "",
-    records: i.map((r) => r instanceof c ? {
-      dir: !0,
-      basename: m(r.name),
-      uri: r.uri.replace("file://", ""),
-      // @todo fix prose-reader
-      blob: () => Promise.resolve(new Blob()),
-      string: () => Promise.resolve(""),
-      size: 0
-    } : {
-      dir: !1,
-      basename: m(r.name),
-      uri: r.uri.replace("file://", ""),
-      // @todo fix prose-reader
-      blob: async () => new Blob([await r.arrayBuffer()]),
-      string: async () => r.text(),
-      size: r.info().size ?? 0,
-      encodingFormat: r.type ?? void 0
-    }),
-    close: () => Promise.resolve()
-  };
-}, f = x(void 0), p = () => {
-  const e = B(f);
-  if (!e)
-    throw new Error("useProseReader must be used within a ProseReaderProvider");
-  return e;
-}, N = ({
-  children: e,
-  reader: t
-}) => /* @__PURE__ */ S(f.Provider, { value: t, children: e }), O = () => {
-  const { webviewBridge: e } = p(), { postMessage: t } = e;
-  return {
-    turnRight: () => {
-      t("turnRight", void 0);
-    },
-    turnLeft: () => {
-      t("turnLeft", void 0);
-    }
-  };
-}, k = (e) => {
-  const { appBridge: t } = p();
-  return R(t, e);
-};
-class T extends C {
-  async fetchResourceAsData({
-    key: t,
-    resourcePath: a
-  }) {
-    const s = await super.fetchResource({ key: t, resourcePath: a });
-    return {
-      data: await s.text(),
-      headers: Object.fromEntries(s.headers.entries())
-    };
-  }
-}
-export {
-  T as ReactNativeStreamer,
-  N as ReaderProvider,
-  D as createArchiveFromExpoFileSystemNext,
-  A as useCreateReader,
-  y as useLiveRef,
-  O as useReader,
-  k as useReaderState
+import { t as e } from "../shared-iVT9o4xR.js";
+import { bridge as t, createWebView as n, postMessageSchema as r, useBridge as i } from "@webview-bridge/react-native";
+import { createContext as a, useCallback as o, useContext as s, useEffect as c, useState as l } from "react";
+import { Streamer as u, getUriBasename as d, sortByTitleComparator as f } from "@prose-reader/streamer";
+import { Directory as p } from "expo-file-system/next";
+import { jsx as m } from "react/jsx-runtime";
+//#region src/native/useProseBridge.ts
+var h = (n) => {
+	let r = e(n), [i] = l(() => t(({ set: e }) => ({
+		pagination: void 0,
+		setPagination: async (t) => {
+			e({ pagination: t });
+		},
+		context: void 0,
+		setContext: async (t) => {
+			e({ context: t });
+		},
+		async getResource(e) {
+			return r.current.getResource(e);
+		}
+	})));
+	return i;
+}, g = r({
+	load: { validate: (e) => e },
+	turnRight: { validate: () => {} },
+	turnLeft: { validate: () => {} }
+}), _ = (e) => {
+	let [t, r] = l(void 0), i = h(e), a = t?.postMessage;
+	c(() => {
+		i && r(n({
+			bridge: i,
+			debug: !0,
+			postMessageSchema: g
+		}));
+	}, [i]);
+	let s = o((e) => {
+		a?.("load", { manifest: e });
+	}, [a]);
+	return t ? {
+		webviewBridge: t,
+		ReaderWebView: t.WebView,
+		appBridge: i,
+		load: s
+	} : null;
+}, v = async (e, { orderByAlpha: t, name: n } = {}) => {
+	let r = e.list();
+	t && (r = r.slice().sort((e, t) => f(e.name, t.name)));
+	let i = (e) => e.list().reduce((e, t) => t instanceof p ? [...e, ...i(t)] : [...e, t], []), a = r.reduce((e, t) => t instanceof p ? [...e, ...i(t)] : [...e, t], []);
+	return {
+		filename: n || "",
+		records: a.map((e) => e instanceof p ? {
+			dir: !0,
+			basename: d(e.name),
+			uri: e.uri.replace("file://", ""),
+			blob: () => Promise.resolve(new Blob()),
+			string: () => Promise.resolve(""),
+			size: 0
+		} : {
+			dir: !1,
+			basename: d(e.name),
+			uri: e.uri.replace("file://", ""),
+			blob: async () => new Blob([await e.arrayBuffer()]),
+			string: async () => e.text(),
+			size: e.info().size ?? 0,
+			encodingFormat: e.type ?? void 0
+		}),
+		close: () => Promise.resolve()
+	};
+}, y = a(void 0), b = () => {
+	let e = s(y);
+	if (!e) throw Error("useProseReader must be used within a ProseReaderProvider");
+	return e;
+}, x = ({ children: e, reader: t }) => /* @__PURE__ */ m(y.Provider, {
+	value: t,
+	children: e
+}), S = () => {
+	let { webviewBridge: e } = b(), { postMessage: t } = e;
+	return {
+		turnRight: () => {
+			t("turnRight", void 0);
+		},
+		turnLeft: () => {
+			t("turnLeft", void 0);
+		}
+	};
+}, C = (e) => {
+	let { appBridge: t } = b();
+	return i(t, e);
+}, w = class extends u {
+	async fetchResourceAsData({ key: e, resourcePath: t }) {
+		let n = await super.fetchResource({
+			key: e,
+			resourcePath: t
+		});
+		return {
+			data: await n.text(),
+			headers: Object.fromEntries(n.headers.entries())
+		};
+	}
 };
+//#endregion
+export { w as ReactNativeStreamer, x as ReaderProvider, v as createArchiveFromExpoFileSystemNext, _ as useCreateReader, e as useLiveRef, S as useReader, C as useReaderState };

package/dist/shared/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../useLiveRef-Dg4CKqYn.cjs");exports.useLiveRef=e.useLiveRef;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../shared-C6TEX07M.cjs");exports.useLiveRef=e.t;

package/dist/shared/index.es.js

@@ -1,4 +1,2 @@
-import { u as o } from "../useLiveRef-CYh-YkID.js";
-export {
-  o as useLiveRef
-};
+import { t as e } from "../shared-iVT9o4xR.js";
+export { e as useLiveRef };

package/dist/shared-C6TEX07M.cjs

@@ -0,0 +1 @@
+let e=require("react");var t=t=>{let n=(0,e.useRef)(t);return(0,e.useEffect)(()=>{n.current=t},[t]),n};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/dist/shared-iVT9o4xR.js

@@ -0,0 +1,10 @@
+import { useEffect as e, useRef as t } from "react";
+//#region src/shared/useLiveRef.ts
+var n = (n) => {
+	let r = t(n);
+	return e(() => {
+		r.current = n;
+	}, [n]), r;
+};
+//#endregion
+export { n as t };

package/dist/web/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@webview-bridge/web"),r=()=>o.linkBridge({onReady:async()=>{}}),s=({bridge:t,reader:e,containerElement:i})=>(t.addEventListener("load",n=>{e.load({containerElement:i,manifest:n.manifest})}),t.addEventListener("turnRight",()=>{e.navigation.turnRight()}),t.addEventListener("turnLeft",()=>{e.navigation.turnLeft()}),e.pagination.state$.subscribe(n=>{t.setPagination(n)}),e.context.subscribe(({rootElement:n,...a})=>{t.setContext(a)}),e);exports.bridgeReader=s;exports.createReaderBridge=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@webview-bridge/web");var t=()=>(0,e.linkBridge)({onReady:async()=>{}}),n=({bridge:e,reader:t,containerElement:n})=>(e.addEventListener(`load`,e=>{t.load({containerElement:n,manifest:e.manifest})}),e.addEventListener(`turnRight`,()=>{t.navigation.turnRight()}),e.addEventListener(`turnLeft`,()=>{t.navigation.turnLeft()}),t.pagination.state$.subscribe(t=>{e.setPagination(t)}),t.context.subscribe(({rootElement:t,...n})=>{e.setContext(n)}),t);exports.bridgeReader=n,exports.createReaderBridge=t;

package/dist/web/index.es.js

@@ -1,26 +1,18 @@
-import { linkBridge as a } from "@webview-bridge/web";
-const r = () => a({
-  onReady: async () => {
-  }
-}), c = ({
-  bridge: t,
-  reader: n,
-  containerElement: i
-}) => (t.addEventListener("load", (e) => {
-  n.load({
-    containerElement: i,
-    manifest: e.manifest
-  });
-}), t.addEventListener("turnRight", () => {
-  n.navigation.turnRight();
-}), t.addEventListener("turnLeft", () => {
-  n.navigation.turnLeft();
-}), n.pagination.state$.subscribe((e) => {
-  t.setPagination(e);
-}), n.context.subscribe(({ rootElement: e, ...o }) => {
-  t.setContext(o);
-}), n);
-export {
-  c as bridgeReader,
-  r as createReaderBridge
-};
+import { linkBridge as e } from "@webview-bridge/web";
+//#region src/web/index.ts
+var t = () => e({ onReady: async () => {} }), n = ({ bridge: e, reader: t, containerElement: n }) => (e.addEventListener("load", (e) => {
+	t.load({
+		containerElement: n,
+		manifest: e.manifest
+	});
+}), e.addEventListener("turnRight", () => {
+	t.navigation.turnRight();
+}), e.addEventListener("turnLeft", () => {
+	t.navigation.turnLeft();
+}), t.pagination.state$.subscribe((t) => {
+	e.setPagination(t);
+}), t.context.subscribe(({ rootElement: t, ...n }) => {
+	e.setContext(n);
+}), t);
+//#endregion
+export { n as bridgeReader, t as createReaderBridge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/react-native",
-  "version": "1.303.0",
+  "version": "1.304.0",
   "type": "module",
   "main": "./dist/native/index.cjs.js",
   "module": "./dist/native/index.es.js",
@@ -37,9 +37,9 @@
     "@prose-reader/streamer": "^1.215.0",
     "@webview-bridge/react-native": "^1.7.7",
     "@webview-bridge/web": "^1.7.7",
-    "expo-file-system": "^19.0.14",
+    "expo-file-system": "^56.0.7",
     "react": "19.x",
     "rxjs": "*"
   },
-  "gitHead": "dddc06869ba852fa280e050c1c1929433bb91c5e"
+  "gitHead": "1f4e4822d4d74fc2f6025409133db0f4f7f152af"
 }

package/dist/useLiveRef-CYh-YkID.js

@@ -1,10 +0,0 @@
-import { useRef as t, useEffect as f } from "react";
-const o = (e) => {
-  const r = t(e);
-  return f(() => {
-    r.current = e;
-  }, [e]), r;
-};
-export {
-  o as u
-};

package/dist/useLiveRef-Dg4CKqYn.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("react"),t=e=>{const r=s.useRef(e);return s.useEffect(()=>{r.current=e},[e]),r};exports.useLiveRef=t;