Spaces:
Running
Running
| import streamlit as st | |
| import subprocess | |
| import tempfile | |
| import base64 | |
| from pathlib import Path | |
| import os | |
| import shutil | |
| import io | |
| from PIL import Image | |
| import fitz # PyMuPDF | |
| import re | |
| # Set page configuration | |
| st.set_page_config(page_title="LaTeX Editor & Compiler", page_icon="📝", layout="wide") | |
| # Check if pdflatex is available | |
| def is_pdflatex_installed(): | |
| return shutil.which("pdflatex") is not None | |
| # Function to convert LaTeX to PDF | |
| def latex_to_pdf(latex_code): | |
| # Check if pdflatex is installed | |
| if not is_pdflatex_installed(): | |
| st.error("pdflatex not found. Debug info:") | |
| st.code(f"PATH: {os.environ.get('PATH')}") | |
| result = subprocess.run(["which", "pdflatex"], capture_output=True, text=True) | |
| st.code(f"which pdflatex: {result.stdout} {result.stderr}") | |
| return None, "", "Error: pdflatex is not installed or not in PATH." | |
| with tempfile.TemporaryDirectory() as temp_dir: | |
| temp_path = Path(temp_dir) | |
| tex_file = temp_path / "document.tex" | |
| pdf_file = temp_path / "document.pdf" | |
| # Write LaTeX code to file | |
| with open(tex_file, "w") as f: | |
| f.write(latex_code) | |
| try: | |
| # Run pdflatex to compile the LaTeX file | |
| process = subprocess.run( | |
| ["pdflatex", "-interaction=nonstopmode", "-output-directory", temp_dir, str(tex_file)], | |
| capture_output=True, | |
| text=True | |
| ) | |
| # Check if PDF was created | |
| if pdf_file.exists(): | |
| with open(pdf_file, "rb") as file: | |
| pdf_data = file.read() | |
| return pdf_data, process.stdout, process.stderr | |
| else: | |
| return None, process.stdout, process.stderr | |
| except Exception as e: | |
| return None, "", str(e) | |
| # Function to create download link for PDF | |
| def get_download_link(pdf_data, filename="document.pdf"): | |
| b64_pdf = base64.b64encode(pdf_data).decode() | |
| return f'<a href="data:application/pdf;base64,{b64_pdf}" download="{filename}" class="download-button">Download PDF</a>' | |
| # Convert PDF to image for preview | |
| def render_pdf_preview(pdf_data): | |
| if not pdf_data: | |
| return None | |
| try: | |
| # Create a file-like object from the PDF data | |
| pdf_stream = io.BytesIO(pdf_data) | |
| # Open PDF with PyMuPDF (fitz) | |
| pdf_document = fitz.open(stream=pdf_stream, filetype="pdf") | |
| # Render pages as images | |
| images = [] | |
| for page_num in range(min(3, len(pdf_document))): # Preview first 3 pages max | |
| page = pdf_document.load_page(page_num) | |
| pix = page.get_pixmap(matrix=fitz.Matrix(2, 2)) # Zoom factor 2 for better resolution | |
| img_data = pix.tobytes("png") | |
| img = Image.open(io.BytesIO(img_data)) | |
| images.append(img) | |
| pdf_document.close() | |
| return images | |
| except Exception as e: | |
| st.error(f"Error rendering PDF preview: {str(e)}") | |
| return None | |
| # Extract partial command from cursor position | |
| def get_current_command(text, cursor_pos): | |
| if cursor_pos <= 0: | |
| return "" | |
| # Look for the last backslash before cursor | |
| start_pos = text[:cursor_pos].rfind("\\") | |
| if start_pos == -1: | |
| return "" | |
| # Extract the partial command (from \ to cursor) | |
| partial_cmd = text[start_pos:cursor_pos] | |
| return partial_cmd | |
| # Find matching commands for autocomplete | |
| def find_matching_commands(partial_cmd, all_commands): | |
| if not partial_cmd.startswith("\\"): | |
| return [] | |
| partial_without_backslash = partial_cmd[1:].lower() | |
| matches = [] | |
| for cmd in all_commands: | |
| cmd_without_backslash = cmd[1:].lower() | |
| # Check if command contains the partial input (without \) | |
| if cmd_without_backslash.startswith(partial_without_backslash): | |
| matches.append(cmd) | |
| return matches | |
| # LaTeX package reference | |
| latex_packages = { | |
| "Document": { | |
| "\\usepackage{geometry}": "Page layout customization", | |
| "\\usepackage{fancyhdr}": "Custom headers and footers", | |
| "\\usepackage{titlesec}": "Title formatting", | |
| "\\usepackage{hyperref}": "Hyperlinks and PDF metadata" | |
| }, | |
| "Math": { | |
| "\\usepackage{amsmath}": "Enhanced math formatting", | |
| "\\usepackage{amssymb}": "Mathematical symbols", | |
| "\\usepackage{mathtools}": "Extensions to amsmath", | |
| "\\usepackage{physics}": "Physics notation" | |
| }, | |
| "Graphics": { | |
| "\\usepackage{graphicx}": "Include images", | |
| "\\usepackage{tikz}": "Create vector graphics", | |
| "\\usepackage{pgfplots}": "Create plots", | |
| "\\usepackage{float}": "Better figure placement" | |
| }, | |
| "Tables": { | |
| "\\usepackage{tabularx}": "Flexible tables", | |
| "\\usepackage{booktabs}": "Professional tables", | |
| "\\usepackage{colortbl}": "Colored tables", | |
| "\\usepackage{multirow}": "Multi-row cells" | |
| }, | |
| "Content": { | |
| "\\usepackage{listings}": "Code syntax highlighting", | |
| "\\usepackage{minted}": "Advanced code highlighting", | |
| "\\usepackage{biblatex}": "Bibliography management", | |
| "\\usepackage{xcolor}": "Color support" | |
| } | |
| } | |
| # LaTeX commands reference | |
| latex_commands = { | |
| "Document Structure": { | |
| "\\documentclass{article}": "Specifies the type of document", | |
| "\\begin{document}": "Starts the document content", | |
| "\\end{document}": "Ends the document content", | |
| "\\title{...}": "Sets the document title", | |
| "\\author{...}": "Sets the document author", | |
| "\\date{...}": "Sets the document date", | |
| "\\maketitle": "Prints the title, author, and date" | |
| }, | |
| "Sections": { | |
| "\\section{...}": "Creates a section", | |
| "\\subsection{...}": "Creates a subsection", | |
| "\\subsubsection{...}": "Creates a subsubsection", | |
| "\\paragraph{...}": "Creates a paragraph heading", | |
| "\\tableofcontents": "Generates a table of contents" | |
| }, | |
| "Text Formatting": { | |
| "\\textbf{...}": "Bold text", | |
| "\\textit{...}": "Italic text", | |
| "\\underline{...}": "Underlined text", | |
| "\\emph{...}": "Emphasized text", | |
| "\\texttt{...}": "Typewriter text", | |
| "\\textsc{...}": "Small caps text", | |
| "\\textsf{...}": "Sans-serif text", | |
| "\\color{red}{...}": "Colored text (requires xcolor)" | |
| }, | |
| "Math": { | |
| "$...$": "Inline math mode", | |
| "$$...$$": "Display math mode", | |
| "\\begin{equation}...\\end{equation}": "Numbered equation", | |
| "\\begin{align}...\\end{align}": "Aligned equations", | |
| "\\frac{num}{denom}": "Fraction", | |
| "\\dfrac{num}{denom}": "Display fraction", | |
| "\\sqrt{...}": "Square root", | |
| "\\sqrt[n]{...}": "nth root", | |
| "\\sum_{lower}^{upper}": "Summation", | |
| "\\prod_{lower}^{upper}": "Product", | |
| "\\int_{lower}^{upper}": "Integral", | |
| "\\lim_{x \\to value}": "Limit", | |
| "\\vec{...}": "Vector", | |
| "\\overline{...}": "Overline", | |
| "\\hat{...}": "Hat accent", | |
| "\\partial": "Partial derivative" | |
| }, | |
| "Lists": { | |
| "\\begin{itemize}...\\end{itemize}": "Bulleted list", | |
| "\\begin{enumerate}...\\end{enumerate}": "Numbered list", | |
| "\\begin{description}...\\end{description}": "Description list", | |
| "\\item": "List item", | |
| "\\item[custom]": "Custom label item" | |
| }, | |
| "Tables": { | |
| "\\begin{table}...\\end{table}": "Table environment", | |
| "\\begin{tabular}{cols}...\\end{tabular}": "Create a table", | |
| "\\hline": "Horizontal line in table", | |
| "\\cline{i-j}": "Partial horizontal line", | |
| "cell1 & cell2 & cell3 \\\\": "Table row", | |
| "\\multicolumn{n}{align}{content}": "Span multiple columns" | |
| }, | |
| "Figures": { | |
| "\\begin{figure}...\\end{figure}": "Figure environment", | |
| "\\includegraphics[width=0.8\\textwidth]{filename}": "Include an image", | |
| "\\caption{...}": "Add a caption to a figure or table", | |
| "\\label{...}": "Add a label for cross-referencing", | |
| "\\ref{...}": "Reference a labeled item" | |
| }, | |
| "Citations": { | |
| "\\cite{key}": "Citation", | |
| "\\bibliography{file}": "Bibliography source", | |
| "\\bibliographystyle{style}": "Bibliography style" | |
| } | |
| } | |
| # Create a flat list of all LaTeX commands for autocomplete | |
| all_latex_commands = [] | |
| for category, commands in latex_commands.items(): | |
| all_latex_commands.extend(list(commands.keys())) | |
| # Default LaTeX template | |
| default_template = r"""\documentclass{article} | |
| \usepackage[utf8]{inputenc} | |
| \usepackage{amsmath} | |
| \usepackage{amssymb} | |
| \usepackage{graphicx} | |
| \usepackage{hyperref} | |
| \title{LaTeX Document} | |
| \author{Your Name} | |
| \date{\today} | |
| \begin{document} | |
| \maketitle | |
| \section{Introduction} | |
| Your introduction here. Insert some text to demonstrate LaTeX. | |
| \section{Mathematical Expressions} | |
| \subsection{Equations} | |
| The famous Einstein's equation: | |
| \begin{equation} | |
| E = mc^2 | |
| \end{equation} | |
| The quadratic formula: | |
| \begin{equation} | |
| x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} | |
| \end{equation} | |
| \subsection{Calculus} | |
| An integral example: | |
| \begin{equation} | |
| \int_{0}^{\pi} \sin(x) \, dx = 2 | |
| \end{equation} | |
| \section{Lists and Items} | |
| \subsection{Bullet Points} | |
| \begin{itemize} | |
| \item First item | |
| \item Second item | |
| \item Third item | |
| \end{itemize} | |
| \subsection{Numbered List} | |
| \begin{enumerate} | |
| \item First step | |
| \item Second step | |
| \item Third step | |
| \end{enumerate} | |
| \section{Tables} | |
| \begin{table}[h] | |
| \centering | |
| \begin{tabular}{|c|c|c|} | |
| \hline | |
| Cell 1 & Cell 2 & Cell 3 \\ | |
| \hline | |
| Data 1 & Data 2 & Data 3 \\ | |
| \hline | |
| \end{tabular} | |
| \caption{A simple table} | |
| \label{tab:simple} | |
| \end{table} | |
| \section{Conclusion} | |
| Your conclusion here. | |
| \end{document} | |
| """ | |
| # Add custom CSS with improved sidebar styling | |
| st.markdown(""" | |
| <style> | |
| /* Editor styling */ | |
| .editor-container { | |
| border: 1px solid #ccc; | |
| border-radius: 5px; | |
| padding: 10px; | |
| background-color: #f8f9fa; | |
| } | |
| .stTextArea textarea { | |
| font-family: 'Courier New', Courier, monospace !important; | |
| font-size: 14px !important; | |
| line-height: 1.5 !important; | |
| } | |
| /* Download button styling */ | |
| .download-button { | |
| display: inline-block; | |
| padding: 0.7em 1.4em; | |
| background-color: #4CAF50; | |
| color: white !important; | |
| text-align: center; | |
| text-decoration: none; | |
| font-size: 18px; | |
| border-radius: 4px; | |
| transition: background-color 0.3s; | |
| margin-top: 10px; | |
| font-weight: bold; | |
| box-shadow: 0 2px 5px rgba(0,0,0,0.2); | |
| } | |
| .download-button:hover { | |
| background-color: #45a049; | |
| box-shadow: 0 4px 8px rgba(0,0,0,0.3); | |
| } | |
| /* Sidebar styling */ | |
| .sidebar .sidebar-content { | |
| background-color: #f0f2f6; | |
| } | |
| /* LaTeX command styling */ | |
| .latex-command { | |
| background-color: #e9ecef; | |
| padding: 4px 8px; | |
| border-radius: 4px; | |
| font-family: 'Courier New', Courier, monospace; | |
| color: #1e1e1e; | |
| cursor: pointer; | |
| display: inline-block; | |
| margin-bottom: 4px; | |
| border: 1px solid #ced4da; | |
| } | |
| .latex-command:hover { | |
| background-color: #d0d7de; | |
| border-color: #adb5bd; | |
| } | |
| /* Command description styling */ | |
| .command-description { | |
| color: #495057; | |
| padding-left: 8px; | |
| display: inline-block; | |
| } | |
| /* Category title styling */ | |
| .category-title { | |
| font-weight: bold; | |
| color: #212529; | |
| margin-top: 15px; | |
| margin-bottom: 8px; | |
| } | |
| /* Expander styling */ | |
| .streamlit-expanderHeader { | |
| font-weight: bold; | |
| color: #212529; | |
| background-color: #e9ecef; | |
| border-radius: 4px; | |
| } | |
| /* Command list container */ | |
| .command-list { | |
| background-color: #f8f9fa; | |
| border-radius: 4px; | |
| padding: 8px; | |
| border: 1px solid #dee2e6; | |
| } | |
| /* Insert button styling */ | |
| .insert-button { | |
| background-color: #007bff; | |
| color: white; | |
| border: none; | |
| border-radius: 4px; | |
| padding: 2px 8px; | |
| margin-left: 8px; | |
| cursor: pointer; | |
| font-size: 12px; | |
| } | |
| .insert-button:hover { | |
| background-color: #0069d9; | |
| } | |
| /* PDF preview container */ | |
| .pdf-preview-container { | |
| border: 1px solid #dee2e6; | |
| border-radius: 5px; | |
| padding: 15px; | |
| background-color: #f8f9fa; | |
| } | |
| /* Autocomplete suggestions */ | |
| .autocomplete-container { | |
| background-color: #f8f9fa; | |
| border: 1px solid #dee2e6; | |
| border-radius: 4px; | |
| padding: 10px; | |
| margin-top: 10px; | |
| max-height: 200px; | |
| overflow-y: auto; | |
| } | |
| .suggestion-item { | |
| padding: 5px; | |
| cursor: pointer; | |
| border-radius: 3px; | |
| } | |
| .suggestion-item:hover { | |
| background-color: #e9ecef; | |
| } | |
| /* Preview toggle button */ | |
| .preview-button { | |
| margin-top: 15px; | |
| width: 100%; | |
| } | |
| </style> | |
| """, unsafe_allow_html=True) | |
| # Main application | |
| def main(): | |
| st.title("LaTeX Editor & PDF Compiler") | |
| # Initialize session state variables | |
| if 'latex_code' not in st.session_state: | |
| st.session_state.latex_code = default_template | |
| if 'cursor_pos' not in st.session_state: | |
| st.session_state.cursor_pos = 0 | |
| if 'show_preview' not in st.session_state: | |
| st.session_state.show_preview = False | |
| # Display installation status | |
| if not is_pdflatex_installed(): | |
| st.warning("⚠️ LaTeX is not installed correctly. The PDF compilation feature will not work.") | |
| st.info("For Hugging Face Spaces, make sure you have a packages.txt file with the necessary LaTeX packages.") | |
| # Show packages.txt content suggestion | |
| with st.expander("Required packages.txt content"): | |
| st.code("""texlive | |
| texlive-latex-base | |
| texlive-latex-extra | |
| texlive-fonts-recommended | |
| texlive-science | |
| python3-dev | |
| python3-pip | |
| poppler-utils""", language="text") | |
| # Create layout | |
| col1, col2 = st.columns([3, 2]) | |
| with col1: | |
| st.subheader("LaTeX Editor") | |
| # Detect current command for autocomplete | |
| if 'last_input' in st.session_state: | |
| current_command = get_current_command(st.session_state.latex_code, st.session_state.cursor_pos) | |
| matching_commands = find_matching_commands(current_command, all_latex_commands) | |
| # Display autocomplete suggestions when typing a command | |
| if current_command and matching_commands: | |
| st.markdown("### Command Suggestions") | |
| st.markdown('<div class="autocomplete-container">', unsafe_allow_html=True) | |
| for cmd in matching_commands[:10]: # Limit to 10 suggestions | |
| if st.button(cmd, key=f"suggest_{cmd}"): | |
| # Replace partial command with the full command | |
| text_before = st.session_state.latex_code[:st.session_state.cursor_pos - len(current_command)] | |
| text_after = st.session_state.latex_code[st.session_state.cursor_pos:] | |
| st.session_state.latex_code = text_before + cmd + text_after | |
| st.rerun() | |
| st.markdown('</div>', unsafe_allow_html=True) | |
| # LaTeX editor | |
| latex_code = st.text_area( | |
| "Edit your LaTeX document:", | |
| value=st.session_state.latex_code, | |
| height=500, | |
| key="latex_editor", | |
| on_change=lambda: setattr(st.session_state, 'last_input', True) | |
| ) | |
| st.session_state.latex_code = latex_code | |
| # Get cursor position for autocomplete (using JS - note this is limited in Streamlit) | |
| # This is a workaround since Streamlit doesn't directly expose cursor position | |
| st.markdown(""" | |
| <script> | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const textArea = document.querySelector('textarea'); | |
| if (textArea) { | |
| textArea.addEventListener('keyup', function(e) { | |
| const cursorPos = this.selectionStart; | |
| // Would need a way to communicate this to Python | |
| console.log("Cursor position:", cursorPos); | |
| }); | |
| } | |
| }); | |
| </script> | |
| """, unsafe_allow_html=True) | |
| # Control buttons | |
| col1_1, col1_2, col1_3 = st.columns(3) | |
| with col1_1: | |
| if st.button("Compile PDF", use_container_width=True): | |
| st.session_state.compile_clicked = True | |
| with col1_2: | |
| if st.button("Load Template", use_container_width=True): | |
| st.session_state.latex_code = default_template | |
| st.rerun() | |
| with col1_3: | |
| if st.button("Clear Editor", use_container_width=True): | |
| st.session_state.latex_code = "" | |
| st.rerun() | |
| with col2: | |
| st.subheader("PDF Output") | |
| # PDF compilation | |
| if 'compile_clicked' in st.session_state and st.session_state.compile_clicked: | |
| with st.spinner("Compiling LaTeX to PDF..."): | |
| pdf_data, stdout, stderr = latex_to_pdf(latex_code) | |
| if pdf_data: | |
| st.session_state.pdf_data = pdf_data | |
| st.success("PDF compiled successfully!") | |
| # Toggle button for preview | |
| if st.button("Show/Hide Preview", use_container_width=True): | |
| st.session_state.show_preview = not st.session_state.show_preview | |
| # Download button always available | |
| st.markdown(get_download_link(pdf_data), unsafe_allow_html=True) | |
| # Optional preview | |
| if st.session_state.show_preview: | |
| preview_images = render_pdf_preview(pdf_data) | |
| if preview_images: | |
| st.write("PDF Preview (First Pages):") | |
| for i, img in enumerate(preview_images): | |
| st.image(img, caption=f"Page {i+1}", use_container_width=True, | |
| output_format="PNG") | |
| st.session_state.compile_clicked = False | |
| else: | |
| st.error("Compilation Error") | |
| with st.expander("Error Details"): | |
| st.text(stdout) | |
| st.text(stderr) | |
| st.session_state.compile_clicked = False | |
| # Display previous PDF if available | |
| elif 'pdf_data' in st.session_state and st.session_state.pdf_data: | |
| # Toggle button for preview | |
| if st.button("Show/Hide Preview", use_container_width=True): | |
| st.session_state.show_preview = not st.session_state.show_preview | |
| # Download button always available | |
| st.markdown(get_download_link(st.session_state.pdf_data), unsafe_allow_html=True) | |
| # Optional preview | |
| if st.session_state.show_preview: | |
| preview_images = render_pdf_preview(st.session_state.pdf_data) | |
| if preview_images: | |
| st.write("PDF Preview (First Pages):") | |
| for i, img in enumerate(preview_images): | |
| st.image(img, caption=f"Page {i+1}", use_container_width=True, | |
| output_format="PNG") | |
| else: | |
| st.info("Compile your LaTeX document to generate a PDF for download") | |
| # LaTeX Reference Sidebar | |
| st.sidebar.title("LaTeX Reference") | |
| # Command quick search | |
| quick_search = st.sidebar.text_input("Type to find commands (e.g. 'fr' for '\\frac')") | |
| if quick_search: | |
| # Find and display matching commands | |
| matching_cmds = [] | |
| for category, commands in latex_commands.items(): | |
| for cmd, desc in commands.items(): | |
| cmd_without_backslash = cmd.replace("\\", "").lower() | |
| if quick_search.lower() in cmd_without_backslash: | |
| matching_cmds.append((cmd, desc, category)) | |
| if matching_cmds: | |
| st.sidebar.markdown("### Matching Commands") | |
| for cmd, desc, category in matching_cmds[:15]: # Limit to 15 results | |
| col1, col2 = st.sidebar.columns([4, 1]) | |
| with col1: | |
| st.markdown(f"<div><span class='latex-command'>{cmd}</span> <small>{category}</small></div>", unsafe_allow_html=True) | |
| with col2: | |
| if st.button("Insert", key=f"quick_{cmd}"): | |
| st.session_state.latex_code += f"\n{cmd}" | |
| st.rerun() | |
| else: | |
| st.sidebar.info("No matching commands found") | |
| # Regular categories | |
| if not quick_search: | |
| tab1, tab2 = st.sidebar.tabs(["Commands", "Packages"]) | |
| with tab1: | |
| for category, commands in latex_commands.items(): | |
| with st.expander(category, expanded=category=="Math"): | |
| st.markdown('<div class="command-list">', unsafe_allow_html=True) | |
| for cmd, desc in commands.items(): | |
| col1, col2 = st.sidebar.columns([4, 1]) | |
| with col1: | |
| st.markdown(f"<div><span class='latex-command'>{cmd}</span></div>", unsafe_allow_html=True) | |
| with col2: | |
| if st.button("Insert", key=f"btn_{cmd}"): | |
| st.session_state.latex_code += f"\n{cmd}" | |
| st.rerun() | |
| st.markdown('</div>', unsafe_allow_html=True) | |
| with tab2: | |
| for category, packages in latex_packages.items(): | |
| with st.expander(category): | |
| st.markdown('<div class="command-list">', unsafe_allow_html=True) | |
| for pkg, desc in packages.items(): | |
| col1, col2 = st.sidebar.columns([4, 1]) | |
| with col1: | |
| st.markdown(f"<div><span class='latex-command'>{pkg}</span></div>", unsafe_allow_html=True) | |
| with col2: | |
| if st.button("Insert", key=f"btn_{pkg}"): | |
| st.session_state.latex_code += f"\n{pkg}" | |
| st.rerun() | |
| st.markdown('</div>', unsafe_allow_html=True) | |
| if __name__ == "__main__": | |
| main() |