react-native-pdfrender 0.1.0

package/android/src/main/java/com/pdfrender/PdfUIComponents.kt

@@ -0,0 +1,335 @@
+package com.pdfrender
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+/**
+ * PDF Viewer UI Components
+ * 
+ * This file contains reusable UI components for the PDF viewer,
+ * including the top bar, zoom controls, and loading screens.
+ */
+
+/**
+ * Top App Bar with zoom controls
+ * 
+ * Displays the PDF title, page count, and zoom control buttons
+ * 
+ * @param isInitialLoading Whether the PDF is still loading
+ * @param pageCount Total number of pages in the PDF
+ * @param scale Current zoom scale (0.3f to 0.6f)
+ * @param onScaleChange Callback when scale changes
+ */
+@Composable
+fun PdfViewerTopBar(
+    isInitialLoading: Boolean,
+    pageCount: Int,
+    scale: Float,
+    onScaleChange: (Float) -> Unit
+) {
+    Column {
+        TopAppBar(
+            title = { 
+                Text(
+                    if (isInitialLoading) "Loading PDF..." 
+                    else "PDF Viewer - $pageCount pages"
+                ) 
+            },
+            actions = {
+                if (!isInitialLoading && pageCount > 0) {
+                    // Zoom In Button
+                    Button(
+                        onClick = { 
+                            // Use MAX_SCALE_SMALL_SCREEN as default (conservative for phones)
+                            // In practice, maxZoom should be passed as parameter based on screen size
+                            onScaleChange((scale + PdfViewerConfig.SCALE_STEP).coerceAtMost(PdfViewerConfig.MAX_SCALE_SMALL_SCREEN))
+                        },
+                        modifier = Modifier.padding(horizontal = 4.dp)
+                    ) {
+                        Text("Zoom In")
+                    }
+                    
+                    // Zoom Out Button
+                    Button(
+                        onClick = { 
+                            onScaleChange((scale - PdfViewerConfig.SCALE_STEP).coerceAtLeast(PdfViewerConfig.MIN_SCALE))
+                        },
+                        modifier = Modifier.padding(horizontal = 4.dp)
+                    ) {
+                        Text("Zoom Out")
+                    }
+                    
+                    // Reset Button
+                    Button(
+                        onClick = { 
+                            onScaleChange(PdfViewerConfig.DEFAULT_SCALE)
+                        },
+                        modifier = Modifier.padding(horizontal = 4.dp)
+                    ) {
+                        Text("Reset")
+                    }
+                }
+            }
+        )
+        
+        // Loading Progress Indicator
+        if (isInitialLoading) {
+            LinearProgressIndicator(
+                modifier = Modifier.fillMaxWidth()
+            )
+        }
+        
+        // Zoom Slider Control
+        if (!isInitialLoading && pageCount > 0) {
+            ZoomSlider(
+                scale = scale,
+                onScaleChange = onScaleChange
+            )
+        }
+    }
+}
+
+/**
+ * Zoom slider component for controlling PDF zoom level
+ * 
+ * @param scale Current zoom scale (0.3f to 0.6f)
+ * @param onScaleChange Callback when scale changes
+ */
+@Composable
+fun ZoomSlider(
+    scale: Float,
+    onScaleChange: (Float) -> Unit
+) {
+    Card(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(horizontal = 16.dp, vertical = 8.dp),
+        elevation = 4.dp
+    ) {
+        Column(
+            modifier = Modifier.padding(horizontal = 16.dp, vertical = 8.dp)
+        ) {
+            // Zoom Level Display
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.SpaceBetween,
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Text(
+                    text = "Zoom Level:",
+                    style = MaterialTheme.typography.body2
+                )
+                Text(
+                    text = "${(scale * 100).toInt()}%",
+                    style = MaterialTheme.typography.body1,
+                    modifier = Modifier.padding(horizontal = 8.dp)
+                )
+            }
+            
+            // Zoom Slider
+            Slider(
+                value = scale,
+                onValueChange = { newScale ->
+                    // Round to nearest 5% to avoid too many re-renders
+                    val rounded = (kotlin.math.round(newScale * 20f) / 20f)
+                    // Only update if actually changed
+                    if (kotlin.math.abs(scale - rounded) > 0.01f) {
+                        onScaleChange(rounded)
+                    }
+                },
+                valueRange = PdfViewerConfig.MIN_SCALE..PdfViewerConfig.MAX_SCALE_SMALL_SCREEN,
+                steps = 5, // Creates 5% increments: 30%, 35%, 40%, 45%, 50%, 55%, 60%
+                modifier = Modifier.fillMaxWidth()
+            )
+            
+            // Scale Labels
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.SpaceBetween
+            ) {
+                Text(
+                    text = "${(PdfViewerConfig.MIN_SCALE * 100).toInt()}%",
+                    style = MaterialTheme.typography.caption
+                )
+                Text(
+                    text = "${(PdfViewerConfig.MAX_SCALE_SMALL_SCREEN * 100).toInt()}%",
+                    style = MaterialTheme.typography.caption
+                )
+            }
+        }
+    }
+}
+
+/**
+ * Loading screen displayed while PDF is being loaded
+ * 
+ * @param loadingStatus Current loading status message
+ * @param loadingProgress Loading progress (0-100)
+ * @param pageCount Total number of pages (if known)
+ */
+@Composable
+fun PdfLoadingScreen(
+    loadingStatus: String,
+    loadingProgress: Int,
+    pageCount: Int = 0
+) {
+    Box(
+        modifier = Modifier.fillMaxSize(),
+        contentAlignment = Alignment.Center
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center,
+            modifier = Modifier.padding(32.dp)
+        ) {
+            CircularProgressIndicator(
+                modifier = Modifier.size(64.dp)
+            )
+            Spacer(modifier = Modifier.height(24.dp))
+            Text(
+                text = loadingStatus,
+                style = MaterialTheme.typography.h6
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+            LinearProgressIndicator(
+                progress = loadingProgress / 100f,
+                modifier = Modifier
+                    .fillMaxWidth(0.7f)
+                    .height(8.dp)
+            )
+            Spacer(modifier = Modifier.height(8.dp))
+            Text(
+                text = "$loadingProgress%",
+                style = MaterialTheme.typography.body1
+            )
+            if (pageCount > 0) {
+                Spacer(modifier = Modifier.height(8.dp))
+                Text(
+                    text = "$pageCount pages",
+                    style = MaterialTheme.typography.caption,
+                    color = androidx.compose.ui.graphics.Color.Gray
+                )
+            }
+        }
+    }
+}
+
+/**
+ * Rendering Performance Statistics Display (Debug Mode)
+ * 
+ * Shows real-time rendering performance metrics including:
+ * - Average rendering time
+ * - Page opening time
+ * - Bitmap creation time
+ * - PDF render time
+ * 
+ * @param renderingStats The RenderingStats instance to display
+ * @param showStats Whether to show the stats panel (default: true in debug builds)
+ */
+@Composable
+fun RenderingStatsPanel(
+    renderingStats: RenderingStats,
+    showStats: Boolean = true
+) {
+    if (!showStats) return
+    
+    Card(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(horizontal = 16.dp, vertical = 8.dp),
+        elevation = 8.dp,
+        backgroundColor = Color(0xFF1E1E1E),
+        shape = RoundedCornerShape(8.dp)
+    ) {
+        Column(
+            modifier = Modifier.padding(12.dp)
+        ) {
+            // Header
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.SpaceBetween,
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Text(
+                    text = "⚡ Rendering Performance",
+                    style = MaterialTheme.typography.subtitle1.copy(
+                        color = Color(0xFF4CAF50),
+                        fontWeight = androidx.compose.ui.text.font.FontWeight.Bold
+                    )
+                )
+            }
+            
+            Spacer(modifier = Modifier.height(8.dp))
+            Divider(color = Color(0xFF424242))
+            Spacer(modifier = Modifier.height(8.dp))
+            
+            // Stats content
+            val statsText = renderingStats.getStats()
+            if (statsText.contains("No render")) {
+                Text(
+                    text = "No rendering data yet...",
+                    style = MaterialTheme.typography.caption.copy(
+                        color = Color(0xFF9E9E9E),
+                        fontFamily = FontFamily.Monospace
+                    )
+                )
+            } else {
+                // Parse and display stats in a formatted way
+                Text(
+                    text = statsText,
+                    style = MaterialTheme.typography.caption.copy(
+                        color = Color(0xFFE0E0E0),
+                        fontFamily = FontFamily.Monospace,
+                        fontSize = 11.sp,
+                        lineHeight = 16.sp
+                    )
+                )
+            }
+        }
+    }
+}
+
+/**
+ * Compact rendering time indicator for individual pages
+ * 
+ * Displays a small badge showing the render time for a specific page
+ * 
+ * @param renderTimeMs The rendering time in milliseconds
+ * @param visible Whether to show the indicator
+ */
+@Composable
+fun PageRenderTimeIndicator(
+    renderTimeMs: Long,
+    visible: Boolean = true
+) {
+    if (!visible) return
+    
+    Surface(
+        modifier = Modifier.padding(8.dp),
+        shape = RoundedCornerShape(4.dp),
+        color = when {
+            renderTimeMs < 100 -> Color(0xFF4CAF50)  // Green for fast
+            renderTimeMs < 300 -> Color(0xFFFFC107)  // Yellow for medium
+            else -> Color(0xFFF44336)  // Red for slow
+        }.copy(alpha = 0.8f)
+    ) {
+        Text(
+            text = "${renderTimeMs}ms",
+            modifier = Modifier.padding(horizontal = 6.dp, vertical = 2.dp),
+            style = MaterialTheme.typography.caption.copy(
+                color = Color.White,
+                fontSize = 10.sp,
+                fontFamily = FontFamily.Monospace
+            )
+        )
+    }
+}

package/android/src/main/java/com/pdfrender/PdfViewPackage.kt

@@ -0,0 +1,32 @@
+package com.pdfrender
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+/**
+ * PdfViewPackage
+ *
+ * Registers both new-arch components with the React Native runtime:
+ *  • PdfViewerTurboModule  — headless module (openPdfViewer, getPdfPageCount, createPdf…)
+ *  • PdfViewerFabricManager — embedded Fabric view (<PdfViewerView /> from JS)
+ *
+ * Previously only the stub PdfViewModule and an empty ViewManager list were registered.
+ * The old PdfViewModule is no longer registered here — it's superseded by PdfViewerTurboModule.
+ */
+class PdfViewPackage : ReactPackage {
+
+    @Suppress("OVERRIDE_DEPRECATION")
+    override fun createNativeModules(
+        reactContext: ReactApplicationContext
+    ): List<NativeModule> = listOf(
+        PdfViewerTurboModule(reactContext)
+    )
+
+    override fun createViewManagers(
+        reactContext: ReactApplicationContext
+    ): List<ViewManager<*, *>> = listOf(
+        PdfViewerFabricManager()
+    )
+}