Update app.py

app.py

@@ -10,7 +10,13 @@ from PIL import Image
 import fitz  # PyMuPDF
 import time
 import re
-from streamlit_monaco import st_monaco
+
+# Try to import streamlit-monaco
+try:
+    from streamlit_monaco import st_monaco
+    MONACO_AVAILABLE = True
+except ImportError:
+    MONACO_AVAILABLE = False
 
 # Set page configuration
 st.set_page_config(
@@ -328,6 +334,18 @@ st.markdown("""
         background-color: #1177bb;
     }
     
+    /* VS Code-like editor styling */
+    .stTextArea textarea {
+        font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
+        font-size: 14px !important;
+        line-height: 1.5 !important;
+        background-color: #1e1e1e !important;
+        color: #d4d4d4 !important;
+        padding: 10px !important;
+        border-radius: 4px !important;
+        border: 1px solid #252526 !important;
+    }
+    
     /* Editor tab bar */
     .tab-bar {
         display: flex;
@@ -675,6 +693,12 @@ st.markdown("""
         border: 1px solid #2d2d2d;
         border-radius: 4px;
         overflow: hidden;
+        margin-bottom: 10px;
+    }
+    
+    /* Make sure Monaco editor has correct background */
+    .monaco-editor, .monaco-editor-background, .monaco-editor .margin {
+        background-color: #1e1e1e !important;
     }
 </style>
 """, unsafe_allow_html=True)
@@ -943,48 +967,51 @@ def main():
             snippet_to_insert = ""
             
             if st.session_state.get("btn_bold", False):
-                snippet_to_insert = latex_snippets["bold"]
-                button_clicked = True
+                st.session_state.latex_code += "\\textbf{}"
+                st.rerun()
             elif st.session_state.get("btn_italic", False):
-                snippet_to_insert = latex_snippets["italic"]
-                button_clicked = True
+                st.session_state.latex_code += "\\textit{}"
+                st.rerun()
             elif st.session_state.get("btn_section", False):
-                snippet_to_insert = latex_snippets["section"]
-                button_clicked = True
+                st.session_state.latex_code += "\\section{}"
+                st.rerun()
             elif st.session_state.get("btn_subsection", False):
-                snippet_to_insert = latex_snippets["subsection"]
-                button_clicked = True
+                st.session_state.latex_code += "\\subsection{}"
+                st.rerun()
             elif st.session_state.get("btn_itemize", False):
-                snippet_to_insert = latex_snippets["itemize"]
-                button_clicked = True
+                st.session_state.latex_code += "\\begin{itemize}\n  \\item \n\\end{itemize}"
+                st.rerun()
             elif st.session_state.get("btn_enumerate", False):
-                snippet_to_insert = latex_snippets["enumerate"]
-                button_clicked = True
+                st.session_state.latex_code += "\\begin{enumerate}\n  \\item \n\\end{enumerate}"
+                st.rerun()
             elif st.session_state.get("btn_equation", False):
-                snippet_to_insert = latex_snippets["equation"]
-                button_clicked = True
+                st.session_state.latex_code += "\\begin{equation}\n  \n\\end{equation}"
+                st.rerun()
             elif st.session_state.get("btn_table", False):
-                snippet_to_insert = latex_snippets["table"]
-                button_clicked = True
+                st.session_state.latex_code += "\\begin{table}[h]\n  \\centering\n  \\begin{tabular}{ccc}\n    A & B & C \\\\\n    1 & 2 & 3 \\\\\n  \\end{tabular}\n  \\caption{Caption}\n  \\label{tab:label}\n\\end{table}"
+                st.rerun()
             
-            # Monaco Editor with LaTeX configuration
-            # Monaco Editor with LaTeX configuration
+            # Editor with Monaco or fallback to text area
             st.markdown('<div class="monaco-editor-container">', unsafe_allow_html=True)
-
-            # Create Monaco editor component - simplified parameters
-            latex_code = st_monaco(
-                value=st.session_state.latex_code,
-                height=500,
-                language="latex",
-                theme="vs-dark",
-                key="monaco_editor"
-            )
+            
+            if MONACO_AVAILABLE:
+                try:
+                    # Try to use Monaco editor with minimal parameters
+                    latex_code = st_monaco(st.session_state.latex_code, height=500)
+                    if latex_code is not None:
+                        st.session_state.latex_code = latex_code
+                except Exception as e:
+                    # Fallback to text area if Monaco fails
+                    st.warning(f"Monaco editor unavailable: {str(e)}")
+                    latex_code = st.text_area("", value=st.session_state.latex_code, height=500, key="latex_editor", label_visibility="collapsed")
+                    st.session_state.latex_code = latex_code
+            else:
+                # Fallback to regular text area
+                latex_code = st.text_area("", value=st.session_state.latex_code, height=500, key="latex_editor", label_visibility="collapsed")
+                st.session_state.latex_code = latex_code
             
             st.markdown('</div>', unsafe_allow_html=True)
             
-            if latex_code is not None:
-                st.session_state.latex_code = latex_code
-                        
             # Status bar
             render_status_bar()