@prose-reader/react-native 1.218.0

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/native/ReactNativeStreamer.d.ts

@@ -0,0 +1,12 @@
+import { Streamer } from '@prose-reader/streamer';
+export declare class ReactNativeStreamer extends Streamer {
+    fetchResourceAsData({ key, resourcePath, }: {
+        key: string;
+        resourcePath: string;
+    }): Promise<{
+        data: string;
+        headers: {
+            [k: string]: string;
+        };
+    }>;
+}

package/dist/native/ReaderProvider.d.ts

@@ -0,0 +1,33 @@
+import { useCreateReader } from './useCreateReader';
+export declare const ReaderContext: import('react').Context<{
+    webviewBridge: {
+        postMessage: <EventName extends keyof import('.').ProsePostMessageSchema, Args extends EventName extends keyof import('.').ProsePostMessageSchema ? import('.').ProsePostMessageSchema[EventName]["validate"] extends (data: unknown) => unknown ? ReturnType<import('.').ProsePostMessageSchema[EventName]["validate"]> : import('@webview-bridge/types').Primitive | Record<string, import('@webview-bridge/types').Primitive> : never>(eventName: EventName, args: Args, options?: {
+            broadcast: boolean;
+        }) => void;
+        WebView: React.ForwardRefExoticComponent<import('react-native-webview/lib/WebViewTypes').IOSWebViewProps & import('react-native-webview/lib/WebViewTypes').AndroidWebViewProps & import('react-native-webview/lib/WebViewTypes').WindowsWebViewProps & React.RefAttributes<import('@webview-bridge/react-native').BridgeWebView>>;
+        linkWebMethod<T>(): {
+            current: import('@webview-bridge/react-native').WebMethod<T>;
+        };
+    };
+    ReaderWebView: import('react').ForwardRefExoticComponent<import('react-native-webview/lib/WebViewTypes').IOSWebViewProps & import('react-native-webview/lib/WebViewTypes').AndroidWebViewProps & import('react-native-webview/lib/WebViewTypes').WindowsWebViewProps & import('react').RefAttributes<import('@webview-bridge/react-native').BridgeWebView>>;
+    appBridge: import('@webview-bridge/types').BridgeStore<import('.').BridgeState & import('.').BridgeMethods>;
+    load: (manifest: import('@prose-reader/shared').Manifest) => void;
+} | null | undefined>;
+export declare const useProseReaderContext: () => {
+    webviewBridge: {
+        postMessage: <EventName extends keyof import('.').ProsePostMessageSchema, Args extends EventName extends keyof import('.').ProsePostMessageSchema ? import('.').ProsePostMessageSchema[EventName]["validate"] extends (data: unknown) => unknown ? ReturnType<import('.').ProsePostMessageSchema[EventName]["validate"]> : import('@webview-bridge/types').Primitive | Record<string, import('@webview-bridge/types').Primitive> : never>(eventName: EventName, args: Args, options?: {
+            broadcast: boolean;
+        }) => void;
+        WebView: React.ForwardRefExoticComponent<import('react-native-webview/lib/WebViewTypes').IOSWebViewProps & import('react-native-webview/lib/WebViewTypes').AndroidWebViewProps & import('react-native-webview/lib/WebViewTypes').WindowsWebViewProps & React.RefAttributes<import('@webview-bridge/react-native').BridgeWebView>>;
+        linkWebMethod<T>(): {
+            current: import('@webview-bridge/react-native').WebMethod<T>;
+        };
+    };
+    ReaderWebView: import('react').ForwardRefExoticComponent<import('react-native-webview/lib/WebViewTypes').IOSWebViewProps & import('react-native-webview/lib/WebViewTypes').AndroidWebViewProps & import('react-native-webview/lib/WebViewTypes').WindowsWebViewProps & import('react').RefAttributes<import('@webview-bridge/react-native').BridgeWebView>>;
+    appBridge: import('@webview-bridge/types').BridgeStore<import('.').BridgeState & import('.').BridgeMethods>;
+    load: (manifest: import('@prose-reader/shared').Manifest) => void;
+};
+export declare const ReaderProvider: ({ children, reader, }: {
+    children: React.ReactNode;
+    reader: ReturnType<typeof useCreateReader>;
+}) => import("react").JSX.Element;

package/dist/native/createArchiveFromExpoFileSystemNext.d.ts

@@ -0,0 +1,6 @@
+import { Archive } from '@prose-reader/streamer';
+import { Directory } from 'expo-file-system/next';
+export declare const createArchiveFromExpoFileSystemNext: (directory: Directory, { orderByAlpha, name }?: {
+    orderByAlpha?: boolean;
+    name?: string;
+}) => Promise<Archive>;

package/dist/native/index.cjs.js

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

package/dist/native/index.d.ts

@@ -0,0 +1,7 @@
+export { useCreateReader } from './useCreateReader';
+export { createArchiveFromExpoFileSystemNext } from './createArchiveFromExpoFileSystemNext';
+export * from '../shared';
+export { ReaderProvider } from './ReaderProvider';
+export { useReader } from './useReader';
+export { useReaderState } from './useReaderState';
+export * from './ReactNativeStreamer';

package/dist/native/index.es.js

@@ -0,0 +1,130 @@
+import { bridge as g, postMessageSchema as v, createWebView as b, useBridge as R } from "@webview-bridge/react-native";
+import { useState as l, useEffect as h, useCallback as x, createContext as y, useContext as P } from "react";
+import { u as w } from "../useLiveRef-CYh-YkID.js";
+import { sortByTitleComparator as B, 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 = (t) => {
+  const e = w(t), [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 e.current.getResource(n);
+      }
+    }))
+  );
+  return a;
+}, E = v({
+  load: {
+    validate: (t) => t
+  },
+  turnRight: {
+    validate: () => {
+    }
+  },
+  turnLeft: {
+    validate: () => {
+    }
+  }
+}), A = (t) => {
+  const [e, a] = l(void 0), s = L(t), n = e == null ? void 0 : e.postMessage;
+  h(() => {
+    s && a(
+      b({
+        bridge: s,
+        debug: !0,
+        postMessageSchema: E
+      })
+    );
+  }, [s]);
+  const i = x(
+    (d) => {
+      n == null || n("load", { manifest: d });
+    },
+    [n]
+  );
+  return e ? {
+    webviewBridge: e,
+    ReaderWebView: e.WebView,
+    appBridge: s,
+    load: i
+  } : null;
+}, D = async (t, { orderByAlpha: e, name: a } = {}) => {
+  let s = t.list();
+  e && (s = s.slice().sort((r, o) => B(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 () => r.blob(),
+      string: async () => r.text(),
+      size: r.bytes().length,
+      encodingFormat: r.type ?? void 0
+    }),
+    close: () => Promise.resolve()
+  };
+}, f = y(void 0), p = () => {
+  const t = P(f);
+  if (!t)
+    throw new Error("useProseReader must be used within a ProseReaderProvider");
+  return t;
+}, N = ({
+  children: t,
+  reader: e
+}) => /* @__PURE__ */ S(f.Provider, { value: e, children: t }), O = () => {
+  const { webviewBridge: t } = p(), { postMessage: e } = t;
+  return {
+    turnRight: () => {
+      e("turnRight", void 0);
+    },
+    turnLeft: () => {
+      e("turnLeft", void 0);
+    }
+  };
+}, k = (t) => {
+  const { appBridge: e } = p();
+  return R(e, t);
+};
+class T extends C {
+  async fetchResourceAsData({
+    key: e,
+    resourcePath: a
+  }) {
+    const s = await super.fetchResource({ key: e, 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,
+  w as useLiveRef,
+  O as useReader,
+  k as useReaderState
+};

package/dist/native/useCreateReader.d.ts

@@ -0,0 +1,17 @@
+import { Manifest } from '@prose-reader/streamer';
+import { BridgeMethods, ProsePostMessageSchema } from '../shared';
+export declare const appPostMessageSchema: ProsePostMessageSchema;
+export declare const useCreateReader: (options: BridgeMethods) => {
+    webviewBridge: {
+        postMessage: <EventName extends keyof ProsePostMessageSchema, Args extends EventName extends keyof ProsePostMessageSchema ? ProsePostMessageSchema[EventName]["validate"] extends (data: unknown) => unknown ? ReturnType<ProsePostMessageSchema[EventName]["validate"]> : import('@webview-bridge/types').Primitive | Record<string, import('@webview-bridge/types').Primitive> : never>(eventName: EventName, args: Args, options?: {
+            broadcast: boolean;
+        }) => void;
+        WebView: React.ForwardRefExoticComponent<import('react-native-webview/lib/WebViewTypes').IOSWebViewProps & import('react-native-webview/lib/WebViewTypes').AndroidWebViewProps & import('react-native-webview/lib/WebViewTypes').WindowsWebViewProps & React.RefAttributes<import('@webview-bridge/react-native').BridgeWebView>>;
+        linkWebMethod<T>(): {
+            current: import('@webview-bridge/react-native').WebMethod<T>;
+        };
+    };
+    ReaderWebView: import('react').ForwardRefExoticComponent<import('react-native-webview/lib/WebViewTypes').IOSWebViewProps & import('react-native-webview/lib/WebViewTypes').AndroidWebViewProps & import('react-native-webview/lib/WebViewTypes').WindowsWebViewProps & import('react').RefAttributes<import('@webview-bridge/react-native').BridgeWebView>>;
+    appBridge: import('@webview-bridge/types').BridgeStore<import('.').BridgeState & BridgeMethods>;
+    load: (manifest: Manifest) => void;
+} | null;

package/dist/native/useProseBridge.d.ts

@@ -0,0 +1,2 @@
+import { BridgeMethods, BridgeState } from '../shared';
+export declare const useProseBridge: (options: BridgeMethods) => import('@webview-bridge/types').BridgeStore<BridgeState & BridgeMethods>;

package/dist/native/useReader.d.ts

@@ -0,0 +1,4 @@
+export declare const useReader: () => {
+    turnRight: () => void;
+    turnLeft: () => void;
+};

package/dist/native/useReaderState.d.ts

@@ -0,0 +1,2 @@
+import { BridgeState } from '../shared';
+export declare const useReaderState: <T = BridgeState>(selector: (state: BridgeState) => T) => T;

package/dist/shared/index.cjs.js

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

package/dist/shared/index.d.ts

@@ -0,0 +1,32 @@
+import { ContextState, Manifest, PaginationState, createReader } from '@prose-reader/core';
+import { Bridge, BridgeStore } from '@webview-bridge/react-native';
+type ReaderOptions = Parameters<typeof createReader>[0];
+type RnPaginationState = Omit<PaginationState, "navigationId">;
+type RnContextState = Omit<ContextState, "containerElement" | "rootElement">;
+export interface BridgeState extends Bridge {
+    pagination: RnPaginationState | undefined;
+    setPagination: (pagination: RnPaginationState) => Promise<void>;
+    context: RnContextState | undefined;
+    setContext: (context: RnContextState) => Promise<void>;
+}
+export type BridgeMethods = {
+    getResource: (resource: Parameters<NonNullable<ReaderOptions["getResource"]>>[0]) => Promise<{
+        data: string;
+        headers?: Record<string, string>;
+    }>;
+};
+export type ProseBridgeStore = BridgeStore<BridgeMethods & BridgeState>;
+export type ProsePostMessageSchema = {
+    load: {
+        validate: (data: unknown) => {
+            manifest: Manifest;
+        };
+    };
+    turnRight: {
+        validate: () => void;
+    };
+    turnLeft: {
+        validate: () => void;
+    };
+};
+export { useLiveRef } from './useLiveRef';

package/dist/shared/index.es.js

@@ -0,0 +1,4 @@
+import { u as o } from "../useLiveRef-CYh-YkID.js";
+export {
+  o as useLiveRef
+};

package/dist/shared/useLiveRef.d.ts

@@ -0,0 +1 @@
+export declare const useLiveRef: <T>(value: T) => import('react').RefObject<T>;

package/dist/useLiveRef-CYh-YkID.js

@@ -0,0 +1,10 @@
+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

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

package/dist/web/index.cjs.js

@@ -0,0 +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.state$.subscribe(({containerElement:n,rootElement:c,...a})=>{t.setContext(a)}),e);exports.bridgeReader=s;exports.createReaderBridge=r;

package/dist/web/index.d.ts

@@ -0,0 +1,10 @@
+import { createReader as createReaderCore } from '@prose-reader/core';
+import { ProseBridgeStore, ProsePostMessageSchema } from '../shared';
+type Reader = ReturnType<typeof createReaderCore>;
+export declare const createReaderBridge: () => import('@webview-bridge/web').LinkBridge<import('@webview-bridge/types').ExcludePrimitive<import('../shared').BridgeMethods & import('../shared').BridgeState>, Omit<ProseBridgeStore, "setState">, ProsePostMessageSchema>;
+export declare const bridgeReader: ({ bridge, reader, containerElement, }: {
+    reader: Reader;
+    bridge: ReturnType<typeof createReaderBridge>;
+    containerElement: HTMLElement;
+}) => Reader;
+export {};

package/dist/web/index.es.js

@@ -0,0 +1,28 @@
+import { linkBridge as o } from "@webview-bridge/web";
+const c = () => o({
+  onReady: async () => {
+  }
+}), u = ({
+  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.state$.subscribe(
+  ({ containerElement: e, rootElement: s, ...a }) => {
+    t.setContext(a);
+  }
+), n);
+export {
+  u as bridgeReader,
+  c as createReaderBridge
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@prose-reader/react-native",
+  "version": "1.218.0",
+  "type": "module",
+  "main": "./dist/native/index.cjs.js",
+  "module": "./dist/native/index.es.js",
+  "react-native": "./dist/native/index.cjs.js",
+  "exports": {
+    ".": {
+      "import": "./dist/native/index.es.js",
+      "require": "./dist/native/index.cjs.js",
+      "types": "./dist/native/index.d.ts"
+    },
+    "./web": {
+      "import": "./dist/web/index.es.js",
+      "require": "./dist/web/index.cjs.js",
+      "types": "./dist/web/index.d.ts"
+    },
+    "./shared": {
+      "import": "./dist/shared/index.es.js",
+      "require": "./dist/shared/index.cjs.js",
+      "types": "./dist/shared/index.d.ts"
+    }
+  },
+  "license": "MIT",
+  "files": ["/dist"],
+  "scripts": {
+    "start": "vite build --watch --mode development",
+    "build": "vite build",
+    "test": "vitest run --coverage"
+  },
+  "devDependencies": {
+    "@webview-bridge/react-native": "^1.7.7"
+  },
+  "peerDependencies": {
+    "@prose-reader/core": "^1.215.0",
+    "@prose-reader/shared": "^1.215.0",
+    "@prose-reader/streamer": "^1.215.0",
+    "@webview-bridge/react-native": "^1.7.7",
+    "@webview-bridge/web": "^1.7.7",
+    "expo-file-system": "^18.1.10",
+    "react": "19.x",
+    "rxjs": "*"
+  }
+}