react-native-optimized-pdf 1.1.0 → 1.3.1

package/src/OptimizedPdfView.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-const { View, Platform, requireNativeComponent } = require('react-native');
+import { View, Platform, requireNativeComponent } from 'react-native';
 import { PdfCacheService } from './services/pdfCache';
 import { PdfNavigationControls } from './components/PdfNavigationControls';
 import { PdfLoadingOverlay, PdfErrorOverlay } from './components/PdfOverlays';
@@ -9,11 +9,16 @@ import {
   DEFAULT_SHOW_NAVIGATION_CONTROLS,
   ERROR_MESSAGES,
 } from './constants';
-import type { OptimizedPdfViewProps, NativeLoadCompleteEvent, NativePageCountEvent } from './types';
+import type {
+  OptimizedPdfViewProps,
+  NativeLoadCompleteEvent,
+  NativePageCountEvent,
+  NativeOptimizedPdfViewProps,
+} from './types';
 
 const NativeOptimizedPdfView =
   Platform.OS === 'ios' || Platform.OS === 'android'
-    ? requireNativeComponent('OptimizedPdfView')
+    ? requireNativeComponent<NativeOptimizedPdfViewProps>('OptimizedPdfView')
     : () => null;
 
 /**
@@ -37,6 +42,7 @@ const NativeOptimizedPdfView =
  */
 export default function OptimizedPdfView({
   source,
+  page,
   password,
   maximumZoom = DEFAULT_MAXIMUM_ZOOM,
   enableAntialiasing = DEFAULT_ENABLE_ANTIALIASING,
@@ -52,7 +58,7 @@ export default function OptimizedPdfView({
   const [loading, setLoading] = useState(true);
   const [progress, setProgress] = useState(0);
   const [error, setError] = useState<string | null>(null);
-  const [page, setPage] = useState(0);
+  const [internalPage, setInternalPage] = useState(0);
   const [totalPages, setTotalPages] = useState(1);
   const lastSource = useRef<string | null>(null);
 
@@ -64,7 +70,7 @@ export default function OptimizedPdfView({
       setProgress(0);
       setError(null);
       setLocalPath(null);
-      setPage(0);
+      setInternalPage(0);
       setTotalPages(1);
       lastSource.current = source.uri;
 
@@ -96,23 +102,23 @@ export default function OptimizedPdfView({
   }, [source.uri, source.cache, source.cacheFileName, source.expiration, onError, source]);
 
   const handleNextPage = () => {
-    if (page < totalPages - 1) {
-      const newPage = page + 1;
-      setPage(newPage);
+    if (internalPage < totalPages - 1) {
+      const newPage = internalPage + 1;
+      setInternalPage(newPage);
       onPageChange?.(newPage);
     }
   };
 
   const handlePrevPage = () => {
-    if (page > 0) {
-      const newPage = page - 1;
-      setPage(newPage);
+    if (internalPage > 0) {
+      const newPage = internalPage - 1;
+      setInternalPage(newPage);
       onPageChange?.(newPage);
     }
   };
 
   const handlePageChange = (newPage: number) => {
-    setPage(newPage);
+    setInternalPage(newPage);
     onPageChange?.(newPage);
   };
 
@@ -135,15 +141,11 @@ export default function OptimizedPdfView({
     return <PdfErrorOverlay error={error} style={style} />;
   }
 
-  if (!localPath) {
-    return null;
-  }
-
   return (
     <View style={[{ flex: 1 }, style]}>
       <NativeOptimizedPdfView
-        source={localPath}
-        page={page}
+        source={localPath as string}
+        page={showNavigationControls ? internalPage : page || 0}
         enableAntialiasing={enableAntialiasing}
         maximumZoom={maximumZoom}
         password={password || ''}
@@ -155,7 +157,7 @@ export default function OptimizedPdfView({
       />
       {showNavigationControls && (
         <PdfNavigationControls
-          currentPage={page}
+          currentPage={internalPage}
           totalPages={totalPages}
           onNextPage={handleNextPage}
           onPrevPage={handlePrevPage}

package/src/components/PdfNavigationControls.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-const { View, Text, TouchableOpacity, TextInput, StyleSheet } = require('react-native');
+import { View, Text, TouchableOpacity, TextInput, StyleSheet } from 'react-native';
 import type { PdfNavigationControlsProps } from '../types';
 
 /**

package/src/components/PdfOverlays.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-const { View, Text, ActivityIndicator, StyleSheet } = require('react-native');
+import { View, Text, ActivityIndicator, StyleSheet } from 'react-native';
 import type { PdfLoadingOverlayProps, PdfErrorOverlayProps } from '../types';
 
 /**
@@ -8,7 +8,7 @@ import type { PdfLoadingOverlayProps, PdfErrorOverlayProps } from '../types';
 export const PdfLoadingOverlay: React.FC<PdfLoadingOverlayProps> = ({ progress, style }) => {
   return (
     <View style={[styles.container, style]}>
-      <ActivityIndicator size="large" color="#fff" />
+      <ActivityIndicator size="large" color="#000000" />
       <Text style={styles.progressText}>{progress}%</Text>
     </View>
   );
@@ -33,7 +33,7 @@ const styles = StyleSheet.create({
     padding: 20,
   },
   progressText: {
-    color: '#fff',
+    color: '#000000',
     marginTop: 10,
     fontSize: 16,
     fontWeight: '600',

package/src/constants.ts

@@ -8,6 +8,4 @@ export const DEFAULT_SHOW_NAVIGATION_CONTROLS = true;
 
 export const ERROR_MESSAGES = {
   DOWNLOAD_FAILED: 'Failed to download PDF',
-  LOAD_FAILED: 'Failed to load PDF',
-  INVALID_SOURCE: 'Invalid PDF source',
 } as const;

package/src/services/pdfCache.ts

@@ -1,4 +1,4 @@
-import RNFS from 'react-native-fs';
+import * as RNFS from '@dr.pogodin/react-native-fs';
 import md5 from 'crypto-js/md5';
 import type { PdfSource } from '../types';
 
@@ -33,11 +33,12 @@ export class PdfCacheService {
     // Check if cache has expired
     const stat = await RNFS.stat(localPath);
     const now = Date.now() / 1000;
-    return now - stat.mtime < source.expiration;
+    const modifiedAt = stat.mtime.getTime() / 1000;
+    return now - modifiedAt < source.expiration;
   }
 
   /**
-   * Download a PDF file and cache it locally
+   * Download a PDF file and cache it locally, or return a local file directly
    * @param source PDF source configuration
    * @param onProgress Optional callback for download progress
    * @returns Local file path
@@ -46,6 +47,11 @@ export class PdfCacheService {
     source: PdfSource,
     onProgress?: (percent: number) => void,
   ): Promise<string> {
+    // Local files are already readable by the native viewer.
+    if (source.uri.startsWith('file://') || source.uri.startsWith('/')) {
+      return source.uri;
+    }
+
     const localPath = this.getCacheFilePath(source);
 
     // Check if we can use cached version

package/src/types/index.ts

@@ -12,8 +12,6 @@ export interface PdfSource {
   cacheFileName?: string;
   /** Cache expiration time in seconds. If not set, cache never expires */
   expiration?: number;
-  /** HTTP method for download. Default: 'GET' */
-  method?: string;
   /** HTTP headers for download request */
   headers?: Record<string, string>;
 }
@@ -41,6 +39,8 @@ export interface PdfErrorEvent {
 export interface OptimizedPdfViewProps {
   /** PDF source configuration */
   source: PdfSource;
+  /** Current page index (0-based) */
+  page?: number;
   /** Password for encrypted PDF files */
   password?: string;
   /** Maximum zoom level. Default: 3 */
@@ -110,3 +110,26 @@ export interface PdfErrorOverlayProps {
   error: string;
   style?: ViewStyle;
 }
+
+export interface NativeOptimizedPdfViewProps {
+  /** PDF source configuration */
+  source: string;
+  /** Current page index (0-based) */
+  page: number;
+  /** Password for encrypted PDF files */
+  password?: string;
+  /** Maximum zoom level. Default: 3 */
+  maximumZoom?: number;
+  /** Enable antialiasing for better rendering quality. Default: true */
+  enableAntialiasing?: boolean;
+  /** Callback when PDF is loaded successfully */
+  onLoadComplete?: (event: NativeLoadCompleteEvent) => void;
+  /** Callback when an error occurs */
+  onError?: (error: PdfErrorEvent) => void;
+  /** Callback when page count is available */
+  onPageCount?: (event: NativePageCountEvent) => void;
+  /** Callback when page changes */
+  onPasswordRequired?: () => void;
+  /** Custom style for the container */
+  style?: ViewStyle;
+}

package/tsconfig.json

@@ -1,17 +1,24 @@
 {
+  // "extends": "@react-native/typescript-config/tsconfig.json",
   "compilerOptions": {
-    "target": "es2017",
-    "module": "commonjs",
-    "lib": ["es6"],
-    "allowJs": true,
-    "jsx": "react-native",
-    "noEmit": true,
-    "isolatedModules": true,
-    "strict": true,
-    "moduleResolution": "node",
+    "target": "ESNext",
+    "module": "ESNext",
     "esModuleInterop": true,
+    "moduleResolution": "bundler",
+    "jsx": "react-native",
     "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": false,
+    "checkJs": false,
+    "allowJs": false,
+    "noImplicitAny": false,
+    "declaration": true,
+    "paths": {
+      "react-native-calendars": ["./src/index.ts"]
+    },
   },
+  "include": ["src/**/*", "example/App.tsx"],
   "exclude": ["node_modules", "**/__tests__/**"]
 }