Update app.py

app.py

@@ -4,9 +4,22 @@ import shutil
 import uuid
 from pathlib import Path
 import json
+import logging
+import traceback
 from PIL import Image
 import fitz  # PyMuPDF for PDF handling
 
+# ────────────────────────────────
+# Logging 설정
+# ────────────────────────────────
+logging.basicConfig(
+    level=logging.INFO,
+    format="%(asctime)s [%(levelname)s] %(message)s",
+    filename="app.log",  # 실행 디렉터리에 app.log 파일 저장
+    filemode="a",
+)
+logging.info("🚀 Flipbook app started")
+
 # Constants
 TEMP_DIR = "temp"
 UPLOAD_DIR = os.path.join(TEMP_DIR, "uploads")
@@ -18,6 +31,7 @@ HTML_DIR = os.path.join("public", "flipbooks")  # Directory accessible via web
 for dir_path in [TEMP_DIR, UPLOAD_DIR, OUTPUT_DIR, THUMBS_DIR, HTML_DIR]:
     os.makedirs(dir_path, exist_ok=True)
 
+
 def create_thumbnail(image_path, output_path, size=(300, 300)):
     """Create a thumbnail from an image."""
     try:
@@ -26,113 +40,103 @@ def create_thumbnail(image_path, output_path, size=(300, 300)):
             img.save(output_path)
         return output_path
     except Exception as e:
-        print(f"Error creating thumbnail: {e}")
+        logging.error("Error creating thumbnail: %s", e)
         return None
 
+
 def process_pdf(pdf_path, session_id):
     """Extract pages from a PDF and save as images with thumbnails."""
     pages_info = []
     output_folder = os.path.join(OUTPUT_DIR, session_id)
     thumbs_folder = os.path.join(THUMBS_DIR, session_id)
-    
+
     os.makedirs(output_folder, exist_ok=True)
     os.makedirs(thumbs_folder, exist_ok=True)
-    
+
     try:
-        # Open the PDF
         pdf_document = fitz.open(pdf_path)
-        
-        # Process each page
+
         for page_num, page in enumerate(pdf_document):
-            # Render page to an image with a higher resolution
             pix = page.get_pixmap(matrix=fitz.Matrix(2, 2))
             image_path = os.path.join(output_folder, f"page_{page_num + 1}.png")
             pix.save(image_path)
-            
-            # Create thumbnail
+
             thumb_path = os.path.join(thumbs_folder, f"thumb_{page_num + 1}.png")
             create_thumbnail(image_path, thumb_path)
-            
-            # Add simple interactive content to first page
-            html_content = ""
-            
-            if page_num == 0:  # First page example
-                html_content = """
+
+            html_content = """
                 <div style="position: absolute; top: 50px; left: 50px; background-color: rgba(255,255,255,0.7); padding: 10px; border-radius: 5px;">
                     <div style="color: #333; font-size: 18px; font-weight: bold;">인터랙티브 플립북 예제</div>
                     <div style="color: #666; margin-top: 5px;">이 페이지는 인터랙티브 컨텐츠 기능을 보여줍니다.</div>
                 </div>
-                """
-            
-            # Add page info with web-accessible paths
+            """ if page_num == 0 else None
+
             pages_info.append({
                 "src": f"./temp/output/{session_id}/page_{page_num + 1}.png",
                 "thumb": f"./temp/output/thumbs/{session_id}/thumb_{page_num + 1}.png",
                 "title": f"페이지 {page_num + 1}",
-                "htmlContent": html_content if html_content else None
+                "htmlContent": html_content,
             })
-            print(f"Processed PDF page {page_num+1}: {image_path}")
-        
+            logging.info("Processed PDF page %d: %s", page_num + 1, image_path)
+
         return pages_info
     except Exception as e:
-        print(f"Error processing PDF: {e}")
+        logging.error("Error processing PDF: %s", e)
         return []
 
+
 def process_images(image_paths, session_id):
     """Process uploaded images and create thumbnails."""
     pages_info = []
     output_folder = os.path.join(OUTPUT_DIR, session_id)
     thumbs_folder = os.path.join(THUMBS_DIR, session_id)
-    
+
     os.makedirs(output_folder, exist_ok=True)
     os.makedirs(thumbs_folder, exist_ok=True)
-    
+
     for i, img_path in enumerate(image_paths):
         try:
-            # Copy original image to output folder
             dest_path = os.path.join(output_folder, f"image_{i + 1}.png")
             shutil.copy(img_path, dest_path)
-            
-            # Create thumbnail
+
             thumb_path = os.path.join(thumbs_folder, f"thumb_{i + 1}.png")
             create_thumbnail(img_path, thumb_path)
-            
-            # Add interactive content as simple text overlays to avoid compatibility issues
-            html_content = ""
-            
-            if i == 0:  # First image example with HTML content
+
+            if i == 0:
                 html_content = """
-                <div style="position: absolute; top: 50px; left: 50px; background-color: rgba(255,255,255,0.7); padding: 10px; border-radius: 5px;">
-                    <div style="color: #333; font-size: 18px; font-weight: bold;">이미지 갤러리</div>
-                    <div style="color: #666; margin-top: 5px;">갤러리의 첫 번째 이미지입니다.</div>
-                </div>
+                    <div style=\"position: absolute; top: 50px; left: 50px; background-color: rgba(255,255,255,0.7); padding: 10px; border-radius: 5px;\">
+                        <div style=\"color: #333; font-size: 18px; font-weight: bold;\">이미지 갤러리</div>
+                        <div style=\"color: #666; margin-top: 5px;\">갤러리의 첫 번째 이미지입니다.</div>
+                    </div>
                 """
-            elif i == 1:  # Second image
+            elif i == 1:
                 html_content = """
-                <div style="position: absolute; top: 50px; left: 50px; background-color: rgba(255,255,255,0.7); padding: 10px; border-radius: 5px;">
-                    <div style="color: #333; font-size: 18px; font-weight: bold;">두 번째 이미지</div>
-                    <div style="color: #666; margin-top: 5px;">페이지를 넘기거나 모서리를 드래그하여 이미지를 탐색할 수 있습니다.</div>
-                </div>
+                    <div style=\"position: absolute; top: 50px; left: 50px; background-color: rgba(255,255,255,0.7); padding: 10px; border-radius: 5px;\">
+                        <div style=\"color: #333; font-size: 18px; font-weight: bold;\">두 번째 이미지</div>
+                        <div style=\"color: #666; margin-top: 5px;\">페이지를 넘기거나 모서리를 드래그하여 이미지를 탐색할 수 있습니다.</div>
+                    </div>
                 """
-            
-            # Add page info with web-accessible paths
+            else:
+                html_content = None
+
             pages_info.append({
                 "src": f"./temp/output/{session_id}/image_{i + 1}.png",
                 "thumb": f"./temp/output/thumbs/{session_id}/thumb_{i + 1}.png",
                 "title": f"이미지 {i + 1}",
-                "htmlContent": html_content if html_content else None
+                "htmlContent": html_content,
             })
-            print(f"Processed image {i+1}: {dest_path}")
-            
+            logging.info("Processed image %d: %s", i + 1, dest_path)
+
         except Exception as e:
-            print(f"Error processing image {img_path}: {e}")
-    
+            logging.error("Error processing image %s: %s", img_path, e)
+
     return pages_info
 
+
 def create_flipbook_from_pdf(pdf_file, view_mode="2d", skin="light"):
     """Create a flipbook from an uploaded PDF."""
     session_id = str(uuid.uuid4())
-    debug_info = ""
+    debug_info = []
 
     if not pdf_file:
         return (
@@ -141,146 +145,108 @@ def create_flipbook_from_pdf(pdf_file, view_mode="2d", skin="light"):
         )
 
     try:
-        pdf_path = pdf_file.name                      # Gradio File 객체의 실제 경로
-        debug_info += f"PDF path: {pdf_path}\n"
+        pdf_path = pdf_file.name
+        debug_info.append(f"PDF path: {pdf_path}")
 
-        # 1) PDF 페이지를 이미지로 변환
+        # 1) PDF → 이미지
         pages_info = process_pdf(pdf_path, session_id)
-        debug_info += f"Number of pages: {len(pages_info)}\n"
+        debug_info.append(f"Number of pages: {len(pages_info)}")
 
         if not pages_info:
-            return (
-                "<div style='color:red;padding:20px;'>PDF 처리 실패.</div>",
-                "No pages processed",
-            )
+            raise RuntimeError("PDF 처리 결과가 비어 있습니다.")
 
-        # 2) 이미지 리스트로 플립북 HTML 생성
-        iframe_html = generate_flipbook_html(
-            pages_info, session_id, view_mode, skin
-        )
-        return iframe_html, debug_info
+        # 2) HTML 생성
+        iframe_html = generate_flipbook_html(pages_info, session_id, view_mode, skin)
+        return iframe_html, "\n".join(debug_info)
 
     except Exception as e:
-        error_msg = f"Error creating flipbook from PDF: {e}"
-        print(error_msg)
+        tb = traceback.format_exc()
+        logging.error(tb)
+        debug_info.append("❌ ERROR ↓↓↓")
+        debug_info.append(tb)
         return (
             f"<div style='color:red;padding:20px;'>오류가 발생했습니다: {e}</div>",
-            error_msg,
+            "\n".join(debug_info),
         )
 
 
 def create_flipbook_from_images(images, view_mode="2d", skin="light"):
     """Create a flipbook from uploaded images."""
+    session_id = str(uuid.uuid4())
+    debug_info = []
+
+    if not images:
+        return (
+            "<div style='color:red;padding:20px;'>최소 한 개 이상의 이미지를 업로드해주세요.</div>",
+            "No images uploaded",
+        )
+
     try:
-        session_id = str(uuid.uuid4())
-        pages_info = []
-        debug_info = ""
-        
-        if images is not None and len(images) > 0:
-            # Process images using file paths
-            image_paths = [img.name for img in images]
-            debug_info += f"Image paths: {image_paths}\n"
-            
-            pages_info = process_images(image_paths, session_id)
-            debug_info += f"Number of images processed: {len(pages_info)}\n"
-        else:
-            return """<div style="color: red; padding: 20px;">최소 한 개 이상의 이미지를 업로드해주세요.</div>""", "No images uploaded"
-        
+        image_paths = [img.name for img in images]
+        debug_info.append(f"Image paths: {image_paths}")
+
+        pages_info = process_images(image_paths, session_id)
+        debug_info.append(f"Number of images processed: {len(pages_info)}")
+
         if not pages_info:
-            return """<div style="color: red; padding: 20px;">이미지 처리 중 오류가 발생했습니다. 다시 시도해주세요.</div>""", "No images processed"
-        
-        # Generate HTML file and return iframe HTML
+            raise RuntimeError("이미지 처리 결과가 비어 있습니다.")
+
         iframe_html = generate_flipbook_html(pages_info, session_id, view_mode, skin)
-        debug_info += f"HTML file generated with view mode: {view_mode}, skin: {skin}\n"
-        
-        return iframe_html, debug_info
-    
+        return iframe_html, "\n".join(debug_info)
+
     except Exception as e:
-        error_msg = f"Error creating flipbook from images: {e}"
-        print(error_msg)
-        return f"""<div style="color: red; padding: 20px;">오류가 발생했습니다: {str(e)}</div>""", error_msg
+        tb = traceback.format_exc()
+        logging.error(tb)
+        debug_info.append("❌ ERROR ↓↓↓")
+        debug_info.append(tb)
+        return (
+            f"<div style='color:red;padding:20px;'>오류가 발생했습니다: {e}</div>",
+            "\n".join(debug_info),
+        )
+
 
 def generate_flipbook_html(pages_info, session_id, view_mode, skin):
     """Generate a standalone HTML file for the flipbook and return link HTML."""
-    # Clean up pages_info to remove None values for JSON serialization
     for page in pages_info:
-        if "htmlContent" in page and page["htmlContent"] is None:
-            del page["htmlContent"]
-        if "items" in page and page["items"] is None:
-            del page["items"]
-    
-    # Convert pages_info to JSON for JavaScript
+        if page.get("htmlContent") is None:
+            page.pop("htmlContent", None)
+        if page.get("items") is None:
+            page.pop("items", None)
+
     pages_json = json.dumps(pages_info)
-    
-    # Create a unique filename for this session
     html_filename = f"flipbook_{session_id}.html"
     html_path = os.path.join(HTML_DIR, html_filename)
-    
-    # Create the full HTML file content
+
     html_content = f"""
     <!DOCTYPE html>
-    <html lang="ko">
+    <html lang=\"ko\">
     <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta charset=\"UTF-8\">
+        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
         <title>3D 플립북</title>
-        <link rel="stylesheet" type="text/css" href="../flipbook.css">
+        <link rel=\"stylesheet\" type=\"text/css\" href=\"../flipbook.css\">
         <style>
-            body, html {{
-                margin: 0;
-                padding: 0;
-                height: 100%;
-                overflow: hidden;
-            }}
-            #flipbook-container {{
-                width: 100%;
-                height: 100%;
-                position: absolute;
-                top: 0;
-                left: 0;
-            }}
-            .loading {{
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
-                text-align: center;
-                font-family: Arial, sans-serif;
-            }}
-            .loading .spinner {{
-                width: 50px;
-                height: 50px;
-                border: 5px solid #f3f3f3;
-                border-top: 5px solid #3498db;
-                border-radius: 50%;
-                animation: spin 1s linear infinite;
-                margin: 0 auto 20px;
-            }}
-            @keyframes spin {{
-                0% {{ transform: rotate(0deg); }}
-                100% {{ transform: rotate(360deg); }}
-            }}
+            body, html {{ margin: 0; padding: 0; height: 100%; overflow: hidden; }}
+            #flipbook-container {{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }}
+            .loading {{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-family: Arial, sans-serif; }}
+            .loading .spinner {{ width: 50px; height: 50px; border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px; }}
+            @keyframes spin {{ 0% {{ transform: rotate(0deg); }} 100% {{ transform: rotate(360deg); }} }}
         </style>
-        <script src="../flipbook.js"></script>
-        <script src="../flipbook.webgl.js"></script>
-        <script src="../flipbook.swipe.js"></script>
-        <script src="../flipbook.scroll.js"></script>
-        <script src="../flipbook.book3.js"></script>
+        <script src=\"../flipbook.js\"></script>
+        <script src=\"../flipbook.webgl.js\"></script>
+        <script src=\"../flipbook.swipe.js\"></script>
+        <script src=\"../flipbook.scroll.js\"></script>
+        <script src=\"../flipbook.book3.js\"></script>
     </head>
     <body>
-        <div id="flipbook-container"></div>
-        <div id="loading" class="loading">
-            <div class="spinner"></div>
+        <div id=\"flipbook-container\"></div>
+        <div id=\"loading\" class=\"loading\">
+            <div class=\"spinner\"></div>
             <div>플립북 로딩 중...</div>
         </div>
-        
         <script>
-            document.addEventListener('DOMContentLoaded', function() {{
-                // Hide loading when everything is ready
-                function hideLoading() {{
-                    document.getElementById('loading').style.display = 'none';
-                }}
-                
+            document.addEventListener('DOMContentLoaded', function () {{
+                function hideLoading() {{ document.getElementById('loading').style.display = 'none'; }}
                 try {{
                     const options = {{
                         pages: {pages_json},
@@ -302,14 +268,12 @@ def generate_flipbook_html(pages_info, session_id, view_mode, skin):
                         btnExpand: {{ enabled: true }},
                         rightToLeft: false,
                         autoplayOnStart: false,
-                        autoplayInterval: 3000
+                        autoplayInterval: 3000,
                     }};
-                    
                     const container = document.getElementById('flipbook-container');
                     if (container) {{
-                        console.log('Initializing flipbook...');
                         new FlipBook(container, options);
-                        setTimeout(hideLoading, 1000);  // Give it time to render
+                        setTimeout(hideLoading, 1000);
                     }} else {{
                         console.error('Flipbook container not found');
                         alert('오류: 플립북 컨테이너를 찾을 수 없습니다.');
@@ -324,14 +288,17 @@ def generate_flipbook_html(pages_info, session_id, view_mode, skin):
     </body>
     </html>
     """
-    
-    # Write the HTML file
-    with open(html_path, 'w', encoding='utf-8') as f:
+
+    with open(html_path, "w", encoding="utf-8") as f:
         f.write(html_content)
-    
-    # Return HTML with a direct link to open the flipbook in a new tab
+
     public_url = f"/public/flipbooks/{html_filename}"
     link_html = f"""
+    <div style=\"text-align:center; padding:20px; background-color:#f9f9f9; border-radius:5px; margin-bottom:20px;\">
+        <h2 style=\"margin-top:0; color:#333;\">플립북이 준비되었습니다!</h2>
+        <p style=\"margin-bottom:20px;\">아래 버튼을 클릭하여 플립북을 새 창에서 열어보세요.</p>
+        <a href=\"{public_url}\" target=\"_blank\" style=\"display:inline-block; background-color:#4CAF50; color:white; padding
+
     <div style="text-align:center; padding:20px; background-color:#f9f9f9; border-radius:5px; margin-bottom:20px;">
         <h2 style="margin-top:0; color:#333;">플립북이 준비되었습니다!</h2>
         <p style="margin-bottom:20px;">아래 버튼을 클릭하여 플립북을 새 창에서 열어보세요.</p>