aksos-react-native-epub-reader 0.0.0-stage → 0.1.0

package/lib/ui/NoteEditor.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoteEditor = NoteEditor;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+function NoteEditor({ visible, quote, initial, colors, onSave, onCancel }) {
+    const [text, setText] = (0, react_1.useState)(initial);
+    (0, react_1.useEffect)(() => setText(initial), [initial, visible]);
+    return (react_1.default.createElement(react_native_1.Modal, { visible: visible, animationType: "slide", transparent: true, onRequestClose: onCancel },
+        react_1.default.createElement(react_native_1.KeyboardAvoidingView, { behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : undefined, style: styles.wrap },
+            react_1.default.createElement(react_native_1.Pressable, { style: react_native_1.StyleSheet.absoluteFill, onPress: onCancel }),
+            react_1.default.createElement(react_native_1.View, { style: [styles.card, { backgroundColor: colors.sheet }] },
+                react_1.default.createElement(react_native_1.View, { style: styles.head },
+                    react_1.default.createElement(react_native_1.Pressable, { onPress: onCancel, hitSlop: 10 },
+                        react_1.default.createElement(react_native_1.Text, { style: { color: colors.accent, fontSize: 17 } }, "Cancel")),
+                    react_1.default.createElement(react_native_1.Text, { style: { color: colors.text, fontSize: 17, fontWeight: '600' } }, "Note"),
+                    react_1.default.createElement(react_native_1.Pressable, { onPress: () => onSave(text.trim()), hitSlop: 10 },
+                        react_1.default.createElement(react_native_1.Text, { style: { color: colors.accent, fontSize: 17, fontWeight: '600' } }, "Save"))),
+                react_1.default.createElement(react_native_1.Text, { numberOfLines: 3, style: [styles.quote, { color: colors.subtext, borderColor: colors.accent }] }, quote),
+                react_1.default.createElement(react_native_1.TextInput, { autoFocus: true, multiline: true, value: text, onChangeText: setText, placeholder: "Add a note", placeholderTextColor: colors.subtext, style: [styles.input, { color: colors.text, backgroundColor: colors.card }] })))));
+}
+const styles = react_native_1.StyleSheet.create({
+    wrap: { flex: 1, justifyContent: 'flex-end', backgroundColor: 'rgba(0,0,0,0.35)' },
+    card: { borderTopLeftRadius: 14, borderTopRightRadius: 14, padding: 16 },
+    head: { flexDirection: 'row', justifyContent: 'space-between', marginBottom: 12 },
+    quote: { fontSize: 14, borderStartWidth: 3, paddingStart: 10, marginBottom: 12, fontStyle: 'italic' },
+    input: { minHeight: 110, maxHeight: 220, borderRadius: 10, padding: 12, fontSize: 16, textAlignVertical: 'top' }
+});

package/lib/ui/Scrubber.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    value: number;
+    onScrub?: (v: number) => void;
+    onComplete: (v: number) => void;
+    color: string;
+    track: string;
+    thumbColor?: string;
+    /** hide the thumb for a flat progress bar */
+    noThumb?: boolean;
+    rtl?: boolean;
+}
+/** Minimal horizontal slider (no native dependency). */
+export declare function Scrubber({ value, onScrub, onComplete, color, track, thumbColor, noThumb, rtl }: Props): React.JSX.Element;
+export {};

package/lib/ui/Scrubber.js

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Scrubber = Scrubber;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+/** Minimal horizontal slider (no native dependency). */
+function Scrubber({ value, onScrub, onComplete, color, track, thumbColor, noThumb, rtl }) {
+    const [width, setWidth] = (0, react_1.useState)(1);
+    const [drag, setDrag] = (0, react_1.useState)(null);
+    const latest = (0, react_1.useRef)({ width: 1, onScrub, onComplete, rtl });
+    latest.current = { width, onScrub, onComplete, rtl };
+    const startX = (0, react_1.useRef)(0);
+    const toValue = (x) => {
+        const { width: w, rtl: r } = latest.current;
+        const v = Math.max(0, Math.min(1, x / w));
+        return r ? 1 - v : v;
+    };
+    const pan = (0, react_1.useRef)(react_native_1.PanResponder.create({
+        onStartShouldSetPanResponder: () => true,
+        onMoveShouldSetPanResponder: () => true,
+        onPanResponderTerminationRequest: () => false,
+        onPanResponderGrant: (e) => {
+            startX.current = e.nativeEvent.locationX;
+            const v = toValue(startX.current);
+            setDrag(v);
+            latest.current.onScrub?.(v);
+        },
+        onPanResponderMove: (_e, g) => {
+            const v = toValue(startX.current + g.dx);
+            setDrag(v);
+            latest.current.onScrub?.(v);
+        },
+        onPanResponderRelease: (_e, g) => {
+            const v = toValue(startX.current + g.dx);
+            setDrag(null);
+            latest.current.onComplete(v);
+        }
+    })).current;
+    const shown = drag ?? value;
+    const frac = rtl ? 1 - shown : shown;
+    return (react_1.default.createElement(react_native_1.View, { style: styles.hit, onLayout: (e) => setWidth(e.nativeEvent.layout.width), ...pan.panHandlers },
+        react_1.default.createElement(react_native_1.View, { style: [styles.track, { backgroundColor: track }], pointerEvents: "none" },
+            react_1.default.createElement(react_native_1.View, { style: { height: 4, backgroundColor: color, width: `${frac * 100}%` } })),
+        !noThumb && (react_1.default.createElement(react_native_1.View, { pointerEvents: "none", style: [styles.thumb, { backgroundColor: thumbColor || color, left: Math.max(0, Math.min(width - 28, frac * (width - 28))) }] }))));
+}
+const styles = react_native_1.StyleSheet.create({
+    hit: { height: 40, justifyContent: 'center' },
+    track: { height: 4, borderRadius: 2, overflow: 'hidden', flexDirection: 'row' },
+    thumb: {
+        position: 'absolute', width: 28, height: 28, borderRadius: 14, top: 6,
+        shadowColor: '#000', shadowOpacity: 0.3, shadowRadius: 3, shadowOffset: { width: 0, height: 1 }, elevation: 3
+    }
+});

package/lib/ui/SearchSheet.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ChromeColors } from '../themes';
+import type { SearchResult } from '../types';
+interface Props {
+    visible: boolean;
+    colors: ChromeColors;
+    results: SearchResult[];
+    searching: boolean;
+    onClose: () => void;
+    onSearch: (query: string) => void;
+    onPick: (r: SearchResult) => void;
+}
+export declare function SearchSheet({ visible, colors, results, searching, onClose, onSearch, onPick }: Props): React.JSX.Element;
+export {};

package/lib/ui/SearchSheet.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchSheet = SearchSheet;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Icons_1 = require("./Icons");
+const Sheet_1 = require("./Sheet");
+function SearchSheet({ visible, colors, results, searching, onClose, onSearch, onPick }) {
+    const [q, setQ] = (0, react_1.useState)('');
+    const timer = (0, react_1.useRef)(undefined);
+    (0, react_1.useEffect)(() => {
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => onSearch(q), 350);
+        return () => clearTimeout(timer.current);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [q]);
+    return (react_1.default.createElement(Sheet_1.Sheet, { visible: visible, colors: colors, onClose: onClose, height: "85%", title: "Search" },
+        react_1.default.createElement(react_native_1.View, { style: [styles.field, { backgroundColor: colors.card }] },
+            react_1.default.createElement(Icons_1.Icon, { name: "search", color: colors.subtext, size: 20 }),
+            react_1.default.createElement(react_native_1.TextInput, { value: q, onChangeText: setQ, placeholder: "Search in book", placeholderTextColor: colors.subtext, style: [styles.input, { color: colors.text }], autoCorrect: false, returnKeyType: "search", onSubmitEditing: () => onSearch(q), clearButtonMode: "while-editing" })),
+        react_1.default.createElement(react_native_1.FlatList, { data: results, keyboardShouldPersistTaps: "handled", keyExtractor: (_, i) => String(i), ListHeaderComponent: q.trim().length >= 2 ? (react_1.default.createElement(react_native_1.Text, { style: [styles.count, { color: colors.subtext }] }, searching ? 'Searching...' : `${results.length}${results.length >= 500 ? '+' : ''} results`)) : null, renderItem: ({ item }) => (react_1.default.createElement(react_native_1.Pressable, { onPress: () => onPick(item), style: [styles.row, { borderColor: colors.separator }] },
+                react_1.default.createElement(react_native_1.Text, { style: [styles.chapter, { color: colors.accent }], numberOfLines: 1 }, item.chapter),
+                react_1.default.createElement(react_native_1.Text, { style: { color: colors.text, fontSize: 15, lineHeight: 21 }, numberOfLines: 3 },
+                    item.before,
+                    react_1.default.createElement(react_native_1.Text, { style: { fontWeight: '700', backgroundColor: 'rgba(255,214,10,0.45)' } }, item.match),
+                    item.after))) })));
+}
+const styles = react_native_1.StyleSheet.create({
+    field: { flexDirection: 'row', alignItems: 'center', marginHorizontal: 16, marginBottom: 8, paddingHorizontal: 10, borderRadius: 10, height: 38 },
+    input: { flex: 1, marginStart: 6, fontSize: 16, paddingVertical: 0 },
+    count: { paddingHorizontal: 20, paddingVertical: 8, fontSize: 13 },
+    row: { paddingVertical: 12, paddingHorizontal: 20, borderBottomWidth: react_native_1.StyleSheet.hairlineWidth },
+    chapter: { fontSize: 12, fontWeight: '600', marginBottom: 3 }
+});

package/lib/ui/Sheet.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ViewStyle } from 'react-native';
+import type { ChromeColors } from '../themes';
+interface Props {
+    visible: boolean;
+    title?: string;
+    subtitle?: string;
+    colors: ChromeColors;
+    height?: ViewStyle['height'];
+    /** 'x' puts a glass close button on the left (Themes, Search); 'check' puts a solid check on the right (Contents, Customize) */
+    closeIcon?: 'x' | 'check';
+    onClose: () => void;
+    children: React.ReactNode;
+    /** rendered above the content, e.g. popup menus */
+    overlay?: React.ReactNode;
+}
+/** Rounded frosted-glass sheet: the book stays faintly visible behind it. */
+export declare function Sheet({ visible, title, subtitle, colors, height, closeIcon, onClose, children, overlay }: Props): React.JSX.Element;
+export {};

package/lib/ui/Sheet.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sheet = Sheet;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Glass_1 = require("./Glass");
+const Icons_1 = require("./Icons");
+/** Rounded frosted-glass sheet: the book stays faintly visible behind it. */
+function Sheet({ visible, title, subtitle, colors, height = '70%', closeIcon = 'x', onClose, children, overlay }) {
+    const button = closeIcon === 'check' ? (react_1.default.createElement(react_native_1.Pressable, { onPress: onClose, hitSlop: 10, style: [styles.circle, { backgroundColor: colors.dark ? '#ffffff' : '#000000' }], accessibilityRole: "button", accessibilityLabel: "Done" },
+        react_1.default.createElement(Icons_1.Icon, { name: "check", color: colors.dark ? '#000000' : '#ffffff', size: 24, strokeWidth: 2.2 }))) : (react_1.default.createElement(react_native_1.Pressable, { onPress: onClose, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Close" },
+        react_1.default.createElement(Glass_1.Glass, { dark: colors.dark, background: colors.glass, border: colors.glassBorder, style: styles.circle },
+            react_1.default.createElement(Icons_1.Icon, { name: "close", color: colors.text, size: 22 }))));
+    return (react_1.default.createElement(react_native_1.Modal, { visible: visible, transparent: true, animationType: "slide", onRequestClose: onClose, statusBarTranslucent: true },
+        react_1.default.createElement(react_native_1.Pressable, { style: styles.backdrop, onPress: onClose }),
+        react_1.default.createElement(Glass_1.Glass, { dark: colors.dark, background: colors.sheetGlass, border: colors.glassBorder, intensity: 70, style: [styles.sheet, { height }] },
+            react_1.default.createElement(react_native_1.View, { style: styles.header },
+                closeIcon === 'x' && button,
+                react_1.default.createElement(react_native_1.View, { style: styles.titleBox, pointerEvents: "none" },
+                    !!title && (react_1.default.createElement(react_native_1.Text, { style: [styles.title, { color: colors.text }], numberOfLines: 1 }, title)),
+                    !!subtitle && react_1.default.createElement(react_native_1.Text, { style: [styles.subtitle, { color: colors.text }] }, subtitle)),
+                react_1.default.createElement(react_native_1.View, { style: { flex: 1 } }),
+                closeIcon === 'check' && button),
+            children,
+            overlay)));
+}
+const styles = react_native_1.StyleSheet.create({
+    backdrop: { flex: 1, backgroundColor: 'rgba(0,0,0,0.18)' },
+    sheet: { borderTopLeftRadius: 34, borderTopRightRadius: 34, paddingTop: 12 },
+    header: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 16, minHeight: 52, marginBottom: 6 },
+    circle: { width: 44, height: 44, borderRadius: 22, alignItems: 'center', justifyContent: 'center' },
+    titleBox: { position: 'absolute', left: 70, right: 70, alignItems: 'center' },
+    title: { fontSize: 17, fontWeight: '600' },
+    subtitle: { fontSize: 17, marginTop: 14 }
+});

package/lib/ui/Slider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Props {
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    onChange: (v: number) => void;
+    color: string;
+    track: string;
+    thumbColor?: string;
+}
+/** Value slider on top of Scrubber; emits only when the stepped value changes. */
+export declare function Slider({ value, min, max, step, onChange, color, track, thumbColor }: Props): React.JSX.Element;
+export {};

package/lib/ui/Slider.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = Slider;
+const react_1 = __importStar(require("react"));
+const Scrubber_1 = require("./Scrubber");
+const round = (v, step) => Math.round(v / step) * step;
+/** Value slider on top of Scrubber; emits only when the stepped value changes. */
+function Slider({ value, min, max, step, onChange, color, track, thumbColor }) {
+    const last = (0, react_1.useRef)(value);
+    const toValue = (f) => +(round(min + f * (max - min), step)).toFixed(4);
+    const emit = (f) => {
+        const v = toValue(f);
+        if (v !== last.current) {
+            last.current = v;
+            onChange(v);
+        }
+    };
+    last.current = value;
+    return react_1.default.createElement(Scrubber_1.Scrubber, { value: (value - min) / (max - min), color: color, track: track, thumbColor: thumbColor, onScrub: emit, onComplete: emit });
+}

package/package.json

@@ -1,6 +1,76 @@
-{
-  "name": "aksos-react-native-epub-reader",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+{
+    "name":  "aksos-react-native-epub-reader",
+    "version":  "0.1.0",
+    "description":  "A complete EPUB reader for React Native and Expo: page curl and slide, themes, highlights, notes, bookmarks, search, line guide, and full right-to-left support (Pashto, Dari, Persian, Arabic, Urdu).",
+    "keywords":  [
+                     "react-native",
+                     "expo",
+                     "epub",
+                     "ebook",
+                     "reader",
+                     "book",
+                     "pashto",
+                     "dari",
+                     "persian",
+                     "arabic",
+                     "rtl",
+                     "highlight",
+                     "page-curl"
+                 ],
+    "license":  "MIT",
+    "main":  "lib/index.js",
+    "types":  "lib/index.d.ts",
+    "react-native":  "src/index.ts",
+    "source":  "src/index.ts",
+    "files":  [
+                  "src",
+                  "lib",
+                  "README.md",
+                  "LICENSE"
+              ],
+    "scripts":  {
+                    "build:engine":  "node scripts/build-engine.js",
+                    "build:lib":  "node scripts/build-lib.js",
+                    "typecheck":  "tsc -p tsconfig.build.json --noEmit",
+                    "prepublishOnly":  "npm run build:engine \u0026\u0026 npm run build:lib",
+                    "test:harness":  "node test/serve.js"
+                },
+    "peerDependencies":  {
+                             "expo-audio":  "*",
+                             "expo-blur":  "*",
+                             "expo-screen-orientation":  "*",
+                             "react":  "\u003e=18",
+                             "react-native":  "\u003e=0.73",
+                             "react-native-svg":  "\u003e=13",
+                             "react-native-webview":  "\u003e=13"
+                         },
+    "peerDependenciesMeta":  {
+                                 "expo-audio":  {
+                                                    "optional":  true
+                                                },
+                                 "expo-blur":  {
+                                                   "optional":  true
+                                               },
+                                 "expo-screen-orientation":  {
+                                                                 "optional":  true
+                                                             }
+                             },
+    "devDependencies":  {
+                            "@types/react":  "^18.3.0",
+                            "jszip":  "3.10.1",
+                            "react":  "18.3.1",
+                            "react-native":  "0.76.5",
+                            "react-native-svg":  "15.9.0",
+                            "react-native-webview":  "13.12.5",
+                            "typescript":  "^5.6.0"
+                        },
+    "author":  "Aksos",
+    "homepage":  "https://github.com/AhmadNasary/aksos-react-native-epub-reader#readme",
+    "repository":  {
+                       "type":  "git",
+                       "url":  "git+https://github.com/AhmadNasary/aksos-react-native-epub-reader.git"
+                   },
+    "bugs":  {
+                 "url":  "https://github.com/AhmadNasary/aksos-react-native-epub-reader/issues"
+             }
 }