Update app.py

app.py

@@ -5,6 +5,7 @@ import base64
 from pathlib import Path
 import os
 import shutil
+import time
 
 # Set page configuration
 st.set_page_config(page_title="LaTeX Editor & Compiler", page_icon="📝", layout="wide")
@@ -21,8 +22,6 @@ def latex_to_pdf(latex_code):
         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}")
-        result = subprocess.run(["ls", "-la", "/usr/bin/pdflatex"], capture_output=True, text=True)
-        st.code(f"ls -la /usr/bin/pdflatex: {result.stdout} {result.stderr}")
         return None, "", "Error: pdflatex is not installed or not in PATH."
     
     with tempfile.TemporaryDirectory() as temp_dir:
@@ -52,24 +51,30 @@ def latex_to_pdf(latex_code):
         except Exception as e:
             return None, "", str(e)
 
-# Function to display PDF
-def display_pdf(pdf_data):
-    base64_pdf = base64.b64encode(pdf_data).decode('utf-8')
-    pdf_display = f"""
-        <iframe
-            src="data:application/pdf;base64,{base64_pdf}"
-            width="100%"
-            height="600"
-            style="border: none;"
-        ></iframe>
-    """
-    st.markdown(pdf_display, unsafe_allow_html=True)
-
 # 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 images for preview (safer than embedding PDF)
+def pdf_preview(pdf_data):
+    # Save PDF to a temporary file
+    if not pdf_data:
+        return st.error("No PDF data to preview")
+    
+    st.warning("PDF preview is not available due to browser security restrictions.")
+    st.info("Please download the PDF using the button below to view it.")
+    
+    # Provide download button with more prominent styling
+    st.markdown(
+        f"""
+        <div style="text-align: center; margin: 30px 0;">
+            {get_download_link(pdf_data)}
+        </div>
+        """, 
+        unsafe_allow_html=True
+    )
+
 # LaTeX package reference
 latex_packages = {
     "Document": {
@@ -262,18 +267,21 @@ st.markdown("""
     }
     .download-button {
         display: inline-block;
-        padding: 0.5em 1em;
+        padding: 0.7em 1.4em;
         background-color: #4CAF50;
         color: white !important;
         text-align: center;
         text-decoration: none;
-        font-size: 16px;
+        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);
     }
     .stTextArea textarea {
         font-family: 'Courier New', Courier, monospace !important;
@@ -302,6 +310,29 @@ st.markdown("""
 </style>
 """, unsafe_allow_html=True)
 
+# JavaScript for copying commands (optional, may not work in all environments)
+st.markdown("""
+<script>
+document.addEventListener('DOMContentLoaded', (event) => {
+    // Add click handlers to copy LaTeX commands
+    document.querySelectorAll('.latex-command').forEach(element => {
+        element.addEventListener('click', function() {
+            const textToCopy = this.textContent;
+            const textArea = document.querySelector('.stTextArea textarea');
+            if (textArea) {
+                const start = textArea.selectionStart;
+                const end = textArea.selectionEnd;
+                const value = textArea.value;
+                textArea.value = value.substring(0, start) + textToCopy + value.substring(end);
+                textArea.selectionStart = textArea.selectionEnd = start + textToCopy.length;
+                textArea.focus();
+            }
+        });
+    });
+});
+</script>
+""", unsafe_allow_html=True)
+
 # Main application
 def main():
     st.title("LaTeX Editor & PDF Compiler")
@@ -310,8 +341,13 @@ def main():
     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.")
-    else:
-        st.success("✅ LaTeX is installed and ready to use!")
+        
+        # Show packages.txt content suggestion
+        with st.expander("Required packages.txt content"):
+            st.code("""texlive
+texlive-latex-extra
+texlive-fonts-recommended
+texlive-science""", language="text")
     
     # Create layout with sidebar
     col1, col2 = st.columns([3, 2])
@@ -350,19 +386,17 @@ def main():
                 st.rerun()
     
     with col2:
-        st.subheader("PDF Preview")
+        st.subheader("PDF Output")
         
-        # PDF preview
+        # PDF compilation and download
         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
-                    display_pdf(pdf_data)
-                    
-                    # Download button
-                    st.markdown(get_download_link(pdf_data), unsafe_allow_html=True)
+                    st.success("PDF compiled successfully!")
+                    pdf_preview(pdf_data)
                     st.session_state.compile_clicked = False
                 else:
                     st.error("Compilation Error")
@@ -373,10 +407,9 @@ def main():
         
         # Display previous PDF if available
         elif 'pdf_data' in st.session_state and st.session_state.pdf_data:
-            display_pdf(st.session_state.pdf_data)
-            st.markdown(get_download_link(st.session_state.pdf_data), unsafe_allow_html=True)
+            pdf_preview(st.session_state.pdf_data)
         else:
-            st.info("Compile your LaTeX document to see the PDF preview")
+            st.info("Compile your LaTeX document to generate a PDF for download")
     
     # LaTeX Reference Sidebar
     st.sidebar.title("LaTeX Reference")
@@ -397,7 +430,12 @@ def main():
                 found = True
                 with st.sidebar.expander(f"{category} ({len(filtered_commands)} results)"):
                     for cmd, desc in filtered_commands.items():
-                        st.markdown(f"<div class='latex-command' onclick=\"copyToEditor('{cmd}')\">{cmd}</div> - {desc}", unsafe_allow_html=True)
+                        cmd_display = cmd.replace("\\", "\\\\")  # Escape backslashes for display
+                        st.markdown(f"<div class='latex-command' title='Click to copy'>{cmd}</div> - {desc}", unsafe_allow_html=True)
+                        if st.button(f"Insert '{cmd}'", key=f"btn_{cmd}"):
+                            # Insert at cursor not supported directly, but we can append
+                            st.session_state.latex_code += f"\n{cmd}"
+                            st.rerun()
         
         # Search packages
         for category, packages in latex_packages.items():
@@ -408,7 +446,11 @@ def main():
                 found = True
                 with st.sidebar.expander(f"Packages: {category} ({len(filtered_packages)} results)"):
                     for pkg, desc in filtered_packages.items():
-                        st.markdown(f"<div class='latex-command' onclick=\"copyToEditor('{pkg}')\">{pkg}</div> - {desc}", unsafe_allow_html=True)
+                        pkg_display = pkg.replace("\\", "\\\\")  # Escape backslashes for display
+                        st.markdown(f"<div class='latex-command' title='Click to copy'>{pkg}</div> - {desc}", unsafe_allow_html=True)
+                        if st.button(f"Insert '{pkg}'", key=f"btn_{pkg}"):
+                            st.session_state.latex_code += f"\n{pkg}"
+                            st.rerun()
         
         if not found:
             st.sidebar.info("No matching commands or packages found")
@@ -422,12 +464,18 @@ def main():
                 with st.expander(category):
                     for cmd, desc in commands.items():
                         st.markdown(f"<div class='latex-command'>{cmd}</div> - {desc}", unsafe_allow_html=True)
+                        if st.button(f"Insert '{cmd}'", key=f"btn_{cmd}"):
+                            st.session_state.latex_code += f"\n{cmd}"
+                            st.rerun()
         
         with tabs[1]:
             for category, packages in latex_packages.items():
                 with st.expander(category):
                     for pkg, desc in packages.items():
                         st.markdown(f"<div class='latex-command'>{pkg}</div> - {desc}", unsafe_allow_html=True)
+                        if st.button(f"Insert '{pkg}'", key=f"btn_{pkg}"):
+                            st.session_state.latex_code += f"\n{pkg}"
+                            st.rerun()
 
 if __name__ == "__main__":
     main()