@prose-reader/react-native 6.0.0 → 7.0.0

package/dist/native/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../shared-C6TEX07M.cjs");let t=require("react"),n=require("@prose-reader/archive-reader"),r=require("@prose-reader/shared"),i=require("expo-file-system"),a=require("@prose-reader/streamer"),o=require("react/jsx-runtime"),s=require("@webview-bridge/react-native");var c=async(e,{orderByAlpha:t,name:a}={})=>{let o=e.list();t&&(o=o.slice().sort((e,t)=>(0,r.sortByTitleComparator)(e.name,t.name)));let s=e=>e.list().reduce((e,t)=>t instanceof i.Directory?[...e,...s(t)]:[...e,t],[]),c=o.reduce((e,t)=>t instanceof i.Directory?[...e,...s(t)]:[...e,t],[]);return(0,n.createArchive)({filename:a,records:c.map(e=>e instanceof i.Directory?{dir:!0,basename:(0,r.getUriBasename)(e.name),uri:e.uri.replace(`file://`,``)}:{dir:!1,basename:(0,r.getUriBasename)(e.name),uri:e.uri.replace(`file://`,``),size:e.info().size??0,encodingFormat:e.type??void 0,...(0,n.blobFileAccessors)(async()=>new Blob([await e.arrayBuffer()]))}),close:()=>Promise.resolve()})},l=class extends a.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())}}},u=(0,t.createContext)(void 0),d=()=>{let e=(0,t.useContext)(u);if(!e)throw Error(`useProseReader must be used within a ProseReaderProvider`);return e},f=({children:e,reader:t})=>(0,o.jsx)(u.Provider,{value:t,children:e}),p=n=>{let r=e.t(n),[i]=(0,t.useState)(()=>(0,s.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 r.current.getResource(e)}})));return i},m=(0,s.postMessageSchema)({load:{validate:e=>e},turnRight:{validate:()=>{}},turnLeft:{validate:()=>{}}}),h=e=>{let[n,r]=(0,t.useState)(void 0),i=p(e),a=n?.postMessage;(0,t.useEffect)(()=>{i&&r((0,s.createWebView)({bridge:i,debug:!0,postMessageSchema:m}))},[i]);let o=(0,t.useCallback)(e=>{a?.(`load`,{manifest:e})},[a]);return n?{webviewBridge:n,ReaderWebView:n.WebView,appBridge:i,load:o}:null},g=()=>{let{webviewBridge:e}=d(),{postMessage:t}=e;return{turnRight:()=>{t(`turnRight`,void 0)},turnLeft:()=>{t(`turnLeft`,void 0)}}},_=e=>{let{appBridge:t}=d();return(0,s.useBridge)(t,e)};exports.ReactNativeStreamer=l,exports.ReaderProvider=f,exports.createArchiveFromExpoFileSystemNext=c,exports.useCreateReader=h,exports.useLiveRef=e.t,exports.useReader=g,exports.useReaderState=_;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../shared-C6TEX07M.cjs");let t=require("react"),n=require("@prose-reader/archive-reader"),r=require("expo-file-system"),i=require("@prose-reader/streamer"),a=require("react/jsx-runtime"),o=require("@webview-bridge/react-native");var s=e=>e.list().flatMap(e=>e instanceof r.Directory?[e,...s(e)]:[e]),c=async(e,{orderByAlpha:t,name:i}={})=>(0,n.createArchiveFromEntries)(s(e),e=>{let t=e.uri.replace(`file://`,``);return e instanceof r.Directory?{dir:!0,uri:t}:{dir:!1,uri:t,size:e.info().size??0,...(0,n.blobFileAccessors)(async()=>new Blob([await e.arrayBuffer()]))}},{orderByAlpha:t,name:i,close:()=>Promise.resolve()}),l=class extends i.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())}}},u=(0,t.createContext)(void 0),d=()=>{let e=(0,t.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=n=>{let r=e.t(n),[i]=(0,t.useState)(()=>(0,o.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 r.current.getResource(e)}})));return i},m=(0,o.postMessageSchema)({load:{validate:e=>e},turnRight:{validate:()=>{}},turnLeft:{validate:()=>{}}}),h=e=>{let[n,r]=(0,t.useState)(void 0),i=p(e),a=n?.postMessage;(0,t.useEffect)(()=>{i&&r((0,o.createWebView)({bridge:i,debug:!0,postMessageSchema:m}))},[i]);let s=(0,t.useCallback)(e=>{a?.(`load`,{manifest:e})},[a]);return n?{webviewBridge:n,ReaderWebView:n.WebView,appBridge:i,load:s}:null},g=()=>{let{webviewBridge:e}=d(),{postMessage:t}=e;return{turnRight:()=>{t(`turnRight`,void 0)},turnLeft:()=>{t(`turnLeft`,void 0)}}},_=e=>{let{appBridge:t}=d();return(0,o.useBridge)(t,e)};exports.ReactNativeStreamer=l,exports.ReaderProvider=f,exports.createArchiveFromExpoFileSystemNext=c,exports.useCreateReader=h,exports.useLiveRef=e.t,exports.useReader=g,exports.useReaderState=_;

package/dist/native/index.js

@@ -1,33 +1,27 @@
 import { t as e } from "../shared-iVT9o4xR.js";
 import { createContext as t, useCallback as n, useContext as r, useEffect as i, useState as a } from "react";
-import { blobFileAccessors as o, createArchive as s } from "@prose-reader/archive-reader";
-import { getUriBasename as c, sortByTitleComparator as l } from "@prose-reader/shared";
-import { Directory as u } from "expo-file-system";
-import { Streamer as d } from "@prose-reader/streamer";
-import { jsx as f } from "react/jsx-runtime";
-import { bridge as p, createWebView as m, postMessageSchema as h, useBridge as g } from "@webview-bridge/react-native";
+import { blobFileAccessors as o, createArchiveFromEntries as s } from "@prose-reader/archive-reader";
+import { Directory as c } from "expo-file-system";
+import { Streamer as l } from "@prose-reader/streamer";
+import { jsx as u } from "react/jsx-runtime";
+import { bridge as d, createWebView as f, postMessageSchema as p, useBridge as m } from "@webview-bridge/react-native";
 //#region src/native/createArchiveFromExpoFileSystemNext.ts
-var _ = async (e, { orderByAlpha: t, name: n } = {}) => {
-	let r = e.list();
-	t && (r = r.slice().sort((e, t) => l(e.name, t.name)));
-	let i = (e) => e.list().reduce((e, t) => t instanceof u ? [...e, ...i(t)] : [...e, t], []), a = r.reduce((e, t) => t instanceof u ? [...e, ...i(t)] : [...e, t], []);
-	return s({
-		filename: n,
-		records: a.map((e) => e instanceof u ? {
-			dir: !0,
-			basename: c(e.name),
-			uri: e.uri.replace("file://", "")
-		} : {
-			dir: !1,
-			basename: c(e.name),
-			uri: e.uri.replace("file://", ""),
-			size: e.info().size ?? 0,
-			encodingFormat: e.type ?? void 0,
-			...o(async () => new Blob([await e.arrayBuffer()]))
-		}),
-		close: () => Promise.resolve()
-	});
-}, v = class extends d {
+var h = (e) => e.list().flatMap((e) => e instanceof c ? [e, ...h(e)] : [e]), g = async (e, { orderByAlpha: t, name: n } = {}) => s(h(e), (e) => {
+	let t = e.uri.replace("file://", "");
+	return e instanceof c ? {
+		dir: !0,
+		uri: t
+	} : {
+		dir: !1,
+		uri: t,
+		size: e.info().size ?? 0,
+		...o(async () => new Blob([await e.arrayBuffer()]))
+	};
+}, {
+	orderByAlpha: t,
+	name: n,
+	close: () => Promise.resolve()
+}), _ = class extends l {
 	async fetchResourceAsData({ key: e, resourcePath: t }) {
 		let n = await super.fetchResource({
 			key: e,
@@ -38,15 +32,15 @@ var _ = async (e, { orderByAlpha: t, name: n } = {}) => {
 			headers: Object.fromEntries(n.headers.entries())
 		};
 	}
-}, y = t(void 0), b = () => {
-	let e = r(y);
+}, v = t(void 0), y = () => {
+	let e = r(v);
 	if (!e) throw Error("useProseReader must be used within a ProseReaderProvider");
 	return e;
-}, x = ({ children: e, reader: t }) => /* @__PURE__ */ f(y.Provider, {
+}, b = ({ children: e, reader: t }) => /* @__PURE__ */ u(v.Provider, {
 	value: t,
 	children: e
-}), S = (t) => {
-	let n = e(t), [r] = a(() => p(({ set: e }) => ({
+}), x = (t) => {
+	let n = e(t), [r] = a(() => d(({ set: e }) => ({
 		pagination: void 0,
 		setPagination: async (t) => {
 			e({ pagination: t });
@@ -60,17 +54,17 @@ var _ = async (e, { orderByAlpha: t, name: n } = {}) => {
 		}
 	})));
 	return r;
-}, C = h({
+}, S = p({
 	load: { validate: (e) => e },
 	turnRight: { validate: () => {} },
 	turnLeft: { validate: () => {} }
-}), w = (e) => {
-	let [t, r] = a(void 0), o = S(e), s = t?.postMessage;
+}), C = (e) => {
+	let [t, r] = a(void 0), o = x(e), s = t?.postMessage;
 	i(() => {
-		o && r(m({
+		o && r(f({
 			bridge: o,
 			debug: !0,
-			postMessageSchema: C
+			postMessageSchema: S
 		}));
 	}, [o]);
 	let c = n((e) => {
@@ -82,8 +76,8 @@ var _ = async (e, { orderByAlpha: t, name: n } = {}) => {
 		appBridge: o,
 		load: c
 	} : null;
-}, T = () => {
-	let { webviewBridge: e } = b(), { postMessage: t } = e;
+}, w = () => {
+	let { webviewBridge: e } = y(), { postMessage: t } = e;
 	return {
 		turnRight: () => {
 			t("turnRight", void 0);
@@ -92,9 +86,9 @@ var _ = async (e, { orderByAlpha: t, name: n } = {}) => {
 			t("turnLeft", void 0);
 		}
 	};
-}, E = (e) => {
-	let { appBridge: t } = b();
-	return g(t, e);
+}, T = (e) => {
+	let { appBridge: t } = y();
+	return m(t, e);
 };
 //#endregion
-export { v as ReactNativeStreamer, x as ReaderProvider, _ as createArchiveFromExpoFileSystemNext, w as useCreateReader, e as useLiveRef, T as useReader, E as useReaderState };
+export { _ as ReactNativeStreamer, b as ReaderProvider, g as createArchiveFromExpoFileSystemNext, C as useCreateReader, e as useLiveRef, w as useReader, T as useReaderState };

package/dist/web/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@webview-bridge/web");var t=()=>(0,e.linkBridge)({onReady:async()=>{}}),n=({bridge:e,createReader:t,containerElement:n})=>{let r;return e.addEventListener(`load`,i=>{r?.destroy();let a=t(i.manifest);r=a,a.pagination.state$.subscribe(t=>{e.setPagination(t)}),a.context.subscribe(({rootElement:t,...n})=>{e.setContext(n)}),a.mount(n)}),e.addEventListener(`turnRight`,()=>{r?.navigation.turnRight()}),e.addEventListener(`turnLeft`,()=>{r?.navigation.turnLeft()}),{getReader:()=>r}};exports.bridgeReader=n,exports.createReaderBridge=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@webview-bridge/web"),t=require("rxjs");var n=()=>(0,e.linkBridge)({onReady:async()=>{}}),r=({bridge:e,createReader:n,containerElement:r})=>{let i;return e.addEventListener(`load`,a=>{i?.subscription.unsubscribe(),i?.reader.destroy(),i=void 0;let o=n(a.manifest),s=new t.Subscription;s.add(o.pagination.state$.subscribe(t=>{e.setPagination(t)})),s.add(o.context.subscribe(({rootElement:t,...n})=>{e.setContext(n)})),i={reader:o,subscription:s},o.mount(r)}),e.addEventListener(`turnRight`,()=>{i?.reader.navigation.turnRight()}),e.addEventListener(`turnLeft`,()=>{i?.reader.navigation.turnLeft()}),{getReader:()=>i?.reader}};exports.bridgeReader=r,exports.createReaderBridge=n;

package/dist/web/index.js

@@ -1,20 +1,24 @@
 import { linkBridge as e } from "@webview-bridge/web";
+import { Subscription as t } from "rxjs";
 //#region src/web/index.ts
-var t = () => e({ onReady: async () => {} }), n = ({ bridge: e, createReader: t, containerElement: n }) => {
-	let r;
-	return e.addEventListener("load", (i) => {
-		r?.destroy();
-		let a = t(i.manifest);
-		r = a, a.pagination.state$.subscribe((t) => {
+var n = () => e({ onReady: async () => {} }), r = ({ bridge: e, createReader: n, containerElement: r }) => {
+	let i;
+	return e.addEventListener("load", (a) => {
+		i?.subscription.unsubscribe(), i?.reader.destroy(), i = void 0;
+		let o = n(a.manifest), s = new t();
+		s.add(o.pagination.state$.subscribe((t) => {
 			e.setPagination(t);
-		}), a.context.subscribe(({ rootElement: t, ...n }) => {
+		})), s.add(o.context.subscribe(({ rootElement: t, ...n }) => {
 			e.setContext(n);
-		}), a.mount(n);
+		})), i = {
+			reader: o,
+			subscription: s
+		}, o.mount(r);
 	}), e.addEventListener("turnRight", () => {
-		r?.navigation.turnRight();
+		i?.reader.navigation.turnRight();
 	}), e.addEventListener("turnLeft", () => {
-		r?.navigation.turnLeft();
-	}), { getReader: () => r };
+		i?.reader.navigation.turnLeft();
+	}), { getReader: () => i?.reader };
 };
 //#endregion
-export { n as bridgeReader, t as createReaderBridge };
+export { r as bridgeReader, n as createReaderBridge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/react-native",
-  "version": "6.0.0",
+  "version": "7.0.0",
   "type": "module",
   "main": "./dist/native/index.cjs",
   "module": "./dist/native/index.js",
@@ -35,13 +35,18 @@
   },
   "devDependencies": {
     "@types/react": "^19.0.2",
-    "expo": "^57.0.24"
+    "expo": "^57.0.24",
+    "jsdom": "^29.0.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-webview": "13.16.1"
   },
   "peerDependencies": {
-    "@prose-reader/archive-reader": "^6.0.0",
-    "@prose-reader/core": "^6.0.0",
-    "@prose-reader/shared": "^6.0.0",
-    "@prose-reader/streamer": "^6.0.0",
+    "@prose-reader/archive-reader": "^7.0.0",
+    "@prose-reader/core": "^7.0.0",
+    "@prose-reader/shared": "^7.0.0",
+    "@prose-reader/streamer": "^7.0.0",
     "@webview-bridge/react-native": "^1.7.7",
     "@webview-bridge/web": "^1.7.7",
     "expo-file-system": "^57.0.0",
@@ -49,5 +54,5 @@
     "react-native-webview": "*",
     "rxjs": "*"
   },
-  "gitHead": "2c93fa95feeee54880bed71d4991b043ddca3a1e"
+  "gitHead": "fb956327c4fb61f202653c06551bbc9bdcaaee49"
 }