# 安裝Miniconda（如果尚未安裝）
wget <https://repo.anaconda.com/miniconda/Miniconda3-latest-Linux-x86_64.sh> -O ~/miniconda.sh ; bash ~/miniconda.sh -b -p $HOME/miniconda ; eval "$($HOME/miniconda/bin/conda shell.bash hook)" ; echo 'export PATH="$HOME/miniconda/bin:$PATH"' >> ~/.bashrc ; source ~/.bashrc

conda create -n ai python=3.11 -y && conda activate ai

sudo apt-get update
sudo apt-get install poppler-utils ttf-mscorefonts-installer msttcorefonts fonts-crosextra-caladea fonts-crosextra-carlito gsfonts lcdf-typetools

conda create -n olmocr python=3.11
conda activate olmocr

git clone <https://github.com/allenai/olmocr.git>
cd olmocr
pip install -e .

pip install sgl-kernel==0.0.3.post1 --force-reinstall --no-deps
pip install "sglang[all]==0.4.2" --find-links <https://flashinfer.ai/whl/cu124/torch2.4/flashinfer/>

pip install gradio pandas

python -m olmocr.pipeline ./localworkspace --pdfs tests/gnarly_pdfs/horribleocr.pdf

cat localworkspace/results/output_*.jsonl  

import os
import json
import gradio as gr
import subprocess
import pandas as pd
from pathlib import Path
import shutil
import time
import re

# 創(chuàng)建工作目錄
WORKSPACE_DIR = "olmocr_workspace"
os.makedirs(WORKSPACE_DIR, exist_ok=True)

def modify_html_for_better_display(html_content):
    """修改HTML以便在Gradio中更好地顯示"""
    if not html_content:
        return html_content
    
    # 增加容器寬度
    html_content = html_content.replace('<div class="container">', 
                                       '<div class="container" style="max-width: 100%; width: 100%;">')
    
    # 增加文本大小
    html_content = html_content.replace('<style>', 
                                       '<style>\nbody {font-size: 16px;}\n.text-content {font-size: 16px; line-height: 1.5;}\n')
    
    # 調(diào)整圖像和文本部分的大小比例
    html_content = html_content.replace('<div class="row">', 
                                       '<div class="row" style="display: flex; flex-wrap: wrap;">')
    html_content = html_content.replace('<div class="col-md-6">', 
                                       '<div class="col-md-6" style="flex: 0 0 50%; max-width: 50%; padding: 15px;">')
    
    # 增加頁(yè)面之間的間距
    html_content = html_content.replace('<div class="page">', 
                                       '<div class="page" style="margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 20px;">')
    
    # 增加圖像大小
    html_content = re.sub(r'<img([^>]*)style="([^"]*)"', 
                         r'<img\1style="max-width: 100%; height: auto; \2"', 
                         html_content)
    
    # 添加縮放控制
    zoom_controls = """
    <div style="position: fixed; bottom: 20px; right: 20px; background: #fff; padding: 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1000;">
        <button onclick="document.body.style.zoom = parseFloat(document.body.style.zoom || 1) + 0.1;" style="margin-right: 5px;">放大</button>
        <button onclick="document.body.style.zoom = parseFloat(document.body.style.zoom || 1) - 0.1;">縮小</button>
    </div>
    """
    html_content = html_content.replace('</body>', f'{zoom_controls}</body>')
    
    return html_content

def process_pdf(pdf_file):
    """處理PDF文件并返回結(jié)果"""
    if pdf_file is None:
        return "請(qǐng)上傳PDF文件", "", None, None
    
    # 創(chuàng)建一個(gè)唯一的工作目錄
    timestamp = int(time.time())
    work_dir = os.path.join(WORKSPACE_DIR, f"job_{timestamp}")
    os.makedirs(work_dir, exist_ok=True)
    
    # 復(fù)制PDF文件
    pdf_path = os.path.join(work_dir, "input.pdf")
    shutil.copy(pdf_file, pdf_path)
    
    # 構(gòu)建命令并執(zhí)行
    cmd = ["python", "-m", "olmocr.pipeline", work_dir, "--pdfs", pdf_path]
    
    try:
        # 執(zhí)行命令，等待完成
        process = subprocess.run(
            cmd,
            stdout=subprocess.PIPE,
            stderr=subprocess.PIPE,
            text=True,
            check=True
        )
        
        # 命令輸出
        log_text = process.stdout
        
        # 檢查結(jié)果目錄
        results_dir = os.path.join(work_dir, "results")
        if not os.path.exists(results_dir):
            return f"處理完成，但未生成結(jié)果目錄\n\n日志輸出:\n{log_text}", "", None, None
        
        # 查找輸出文件
        output_files = list(Path(results_dir).glob("output_*.jsonl"))
        if not output_files:
            return f"處理完成，但未找到輸出文件\n\n日志輸出:\n{log_text}", "", None, None
        
        # 讀取JSONL文件
        output_file = output_files[0]
        with open(output_file, "r") as f:
            content = f.read().strip()
            if not content:
                return f"輸出文件為空\(chéng)n\n日志輸出:\n{log_text}", "", None, None
            
            # 解析JSON
            result = json.loads(content)
            extracted_text = result.get("text", "未找到文本內(nèi)容")
            
            # 生成HTML預(yù)覽
            try:
                preview_cmd = ["python", "-m", "olmocr.viewer.dolmaviewer", str(output_file)]
                subprocess.run(preview_cmd, check=True)
            except Exception as e:
                log_text += f"\n生成HTML預(yù)覽失敗: {str(e)}"
            
            # 查找HTML文件
            html_files = list(Path("dolma_previews").glob("*.html"))
            html_content = ""
            if html_files:
                try:
                    with open(html_files[0], "r", encoding="utf-8") as hf:
                        html_content = hf.read()
                        # 修改HTML以更好地顯示
                        html_content = modify_html_for_better_display(html_content)
                except Exception as e:
                    log_text += f"\n讀取HTML預(yù)覽失敗: {str(e)}"
            
            # 創(chuàng)建元數(shù)據(jù)表格
            metadata = result.get("metadata", {})
            meta_rows = []
            for key, value in metadata.items():
                meta_rows.append([key, value])
            
            df = pd.DataFrame(meta_rows, columns=["屬性", "值"])
            
            return log_text, extracted_text, html_content, df
        
    except subprocess.CalledProcessError as e:
        return f"命令執(zhí)行失敗: {e.stderr}", "", None, None
    except Exception as e:
        return f"處理過程中發(fā)生錯(cuò)誤: {str(e)}", "", None, None

# 創(chuàng)建Gradio界面
with gr.Blocks(title="olmOCR PDF提取工具") as app:
    gr.Markdown("# olmOCR PDF文本提取工具")
    
    with gr.Row():
        with gr.Column(scale=1):
            pdf_input = gr.File(label="上傳PDF文件", file_types=[".pdf"])
            process_btn = gr.Button("處理PDF", variant="primary")
        
        with gr.Column(scale=2):
            tabs = gr.Tabs()
            with tabs:
                with gr.TabItem("提取文本"):
                    text_output = gr.Textbox(label="提取的文本", lines=20, interactive=True)
                with gr.TabItem("HTML預(yù)覽", id="html_preview_tab"):
                    # 使用更大的HTML組件
                    html_output = gr.HTML(label="HTML預(yù)覽", elem_id="html_preview_container")
                with gr.TabItem("元數(shù)據(jù)"):
                    meta_output = gr.DataFrame(label="文檔元數(shù)據(jù)")
                with gr.TabItem("日志"):
                    log_output = gr.Textbox(label="處理日志", lines=15, interactive=False)
    
    # 使用CSS自定義HTML預(yù)覽標(biāo)簽頁(yè)和內(nèi)容大小
    gr.HTML("""
    <style>
    #html_preview_container {
        height: 800px;
        width: 100%; 
        overflow: auto;
        border: 1px solid #ddd;
        border-radius: 4px;
    }
    #html_preview_container iframe {
        width: 100%;
        height: 100%;
        border: none;
    }
    </style>
    """)
    
    # 添加操作說明
    gr.Markdown("""
    ## 使用說明
    1. 上傳PDF文件
    2. 點(diǎn)擊"處理PDF"按鈕
    3. 等待處理完成
    4. 查看提取的文本和HTML預(yù)覽
    
    ### 關(guān)于HTML預(yù)覽
    - HTML預(yù)覽展示原始PDF頁(yè)面和提取的文本對(duì)照
    - 可以清楚地看到OCR過程的精確度
    - 如果預(yù)覽內(nèi)容太小，可以使用右下角的放大/縮小按鈕調(diào)整
    
    ## 注意
    - 處理過程可能需要幾分鐘，請(qǐng)耐心等待
    - 首次運(yùn)行會(huì)下載模型（約7GB）
    """)
    
    # 綁定按鈕事件 - 使用阻塞模式
    process_btn.click(
        fn=process_pdf,
        inputs=pdf_input,
        outputs=[log_output, text_output, html_output, meta_output],
        api_name="process"
    )

# 啟動(dòng)應(yīng)用
if __name__ == "__main__":
    app.launch(share=True)