Spaces:

Em4e
/

chunk-based-text-editor

Sleeping

App Files Files Community

Em4e commited on Jun 10, 2025

Commit

9648ed7

verified ·

1 Parent(s): 0915f87

Update app.py

Browse files

Files changed (1) hide show

app.py +34 -50

app.py CHANGED Viewed

@@ -38,10 +38,7 @@ class WebpageContentProcessor:
             content_container = soup.find('body')
             if not content_container:
                 return "Error: Could not find the <body> of the webpage."
-            # --- MODIFIED: Switched to markdownify for conversion ---
-            # markdownify is a simple function call.
             markdown_output = md(str(content_container))
-            # -----------------------------------------------
             # Post-processing to clean up the resulting Markdown
             markdown_output = re.sub(r'\n{3,}', '\n\n', markdown_output)
             markdown_output = re.sub(r'(\n\s*[\*\-]\s*\n)|(^\s*[\*\-]\s*$)', '\n', markdown_output, flags=re.MULTILINE)
@@ -51,7 +48,6 @@ class WebpageContentProcessor:
         except requests.exceptions.RequestException as e:
             return f"Error fetching the URL: {e}. Please check the URL and your connection."
         except Exception as e:
-            # Added more specific error logging for debugging
             return f"An unexpected error occurred during content processing: {e}"
     def parse_markdown_into_chunks(self, markdown_content: str) -> list:
@@ -196,9 +192,7 @@ def init_session_state():
         st.session_state.selected_chunk_id = None
     if 'status_message' not in st.session_state:
         st.session_state.status_message = ""
-    # NEW: State for toggling the content preview
-    if 'show_preview' not in st.session_state:
-        st.session_state.show_preview = False
 init_session_state()
@@ -249,7 +243,6 @@ if st.button("Process URL", use_container_width=True, type="primary"):
                 else:
                     st.session_state.status_message = "Could not extract any content chunks."
                     st.session_state.selected_chunk_id = None
-            st.session_state.show_preview = False # Ensure preview is off when processing new URL
             st.rerun()
 if st.session_state.status_message:
@@ -279,54 +272,45 @@ with tab1:
             if selected_id != st.session_state.selected_chunk_id:
                 st.session_state.selected_chunk_id = selected_id
-                st.session_state.show_preview = False # NEW: Reset preview when changing chunk
                 st.rerun()
             selected_chunk = manager.get_chunk_by_id(st.session_state.selected_chunk_id)
             if selected_chunk:
-                st.markdown(f"**Editing: {selected_chunk['title']}**")
-                st.markdown(manager.format_chunk_stats(selected_chunk['stats']), unsafe_allow_html=True)
-                edited_content = st.text_area(
-                    "Chunk Content",
-                    value=selected_chunk['content'],
-                    height=350,
-                    key=f"editor_{selected_chunk['id']}"
-                )
-                # MODIFIED: Added a third column for the Preview button
-                col1, col2, col3, _ = st.columns([1, 1, 1, 4])
-                if col1.button("Update Chunk", use_container_width=True, key=f"update_{selected_chunk['id']}"):
-                    manager.update_chunk_content(selected_chunk['id'], edited_content)
-                    st.session_state.status_message = "Chunk updated successfully!"
-                    st.session_state.show_preview = False # Hide preview after update
-                    st.rerun()
-                if col2.button("Delete Chunk", use_container_width=True, key=f"delete_{selected_chunk['id']}"):
-                    manager.delete_chunk(selected_chunk['id'])
-                    st.session_state.status_message = "Chunk deleted."
-                    remaining_chunks = manager.get_chunks()
-                    st.session_state.selected_chunk_id = remaining_chunks[0]['id'] if remaining_chunks else None
-                    st.session_state.show_preview = False # Hide preview after delete
-                    st.rerun()
-                # NEW: Preview button in the third column
-                with col3:
-                    if st.button("Preview Content", use_container_width=True, key=f"preview_{selected_chunk['id']}"):
-                        # Toggle the preview state
-                        st.session_state.show_preview = not st.session_state.show_preview
                         st.rerun()
-                # NEW: Conditional container to show the rendered Markdown
-                if st.session_state.show_preview:
-                    st.markdown("---")
-                    with st.container(border=True):
-                        st.markdown("**Rendered Preview** (showing current editor content)")
-                        # Renders the content directly from the text_area above
-                        st.markdown(edited_content, unsafe_allow_html=True)
-                    st.markdown("---")
 with tab2:
@@ -348,4 +332,4 @@ with tab2:
             st.rerun()
     st.subheader("Final Compiled Document")
-    st.text_area("Final Markdown Output", manager.get_final_markdown(), height=500, key="final_markdown")

             content_container = soup.find('body')
             if not content_container:
                 return "Error: Could not find the <body> of the webpage."
             markdown_output = md(str(content_container))
             # Post-processing to clean up the resulting Markdown
             markdown_output = re.sub(r'\n{3,}', '\n\n', markdown_output)
             markdown_output = re.sub(r'(\n\s*[\*\-]\s*\n)|(^\s*[\*\-]\s*$)', '\n', markdown_output, flags=re.MULTILINE)
         except requests.exceptions.RequestException as e:
             return f"Error fetching the URL: {e}. Please check the URL and your connection."
         except Exception as e:
             return f"An unexpected error occurred during content processing: {e}"
     def parse_markdown_into_chunks(self, markdown_content: str) -> list:
         st.session_state.selected_chunk_id = None
     if 'status_message' not in st.session_state:
         st.session_state.status_message = ""
+    # REMOVED: The show_preview state is no longer needed with the side-by-side layout
 init_session_state()
                 else:
                     st.session_state.status_message = "Could not extract any content chunks."
                     st.session_state.selected_chunk_id = None
             st.rerun()
 if st.session_state.status_message:
             if selected_id != st.session_state.selected_chunk_id:
                 st.session_state.selected_chunk_id = selected_id
                 st.rerun()
             selected_chunk = manager.get_chunk_by_id(st.session_state.selected_chunk_id)
             if selected_chunk:
+                # --- NEW: Side-by-side layout for editor and live preview ---
+                editor_col, preview_col = st.columns(2)
+                with editor_col:
+                    st.markdown(f"**Editing: {selected_chunk['title']}**")
+                    st.markdown(manager.format_chunk_stats(selected_chunk['stats']), unsafe_allow_html=True)
+                    edited_content = st.text_area(
+                        "Chunk Content (Markdown)",
+                        value=selected_chunk['content'],
+                        height=400, # Increased height for better visibility
+                        key=f"editor_{selected_chunk['id']}"
+                    )
+                    # Action buttons below the editor
+                    b_col1, b_col2, _ = st.columns([1, 1, 3])
+                    if b_col1.button("Update Chunk", use_container_width=True, key=f"update_{selected_chunk['id']}"):
+                        manager.update_chunk_content(selected_chunk['id'], edited_content)
+                        st.session_state.status_message = "Chunk updated successfully!"
                         st.rerun()
+                    if b_col2.button("Delete Chunk", use_container_width=True, key=f"delete_{selected_chunk['id']}"):
+                        manager.delete_chunk(selected_chunk['id'])
+                        st.session_state.status_message = "Chunk deleted."
+                        remaining_chunks = manager.get_chunks()
+                        st.session_state.selected_chunk_id = remaining_chunks[0]['id'] if remaining_chunks else None
+                        st.rerun()
+                with preview_col:
+                    st.markdown("**Live Preview**")
+                    # The container now continuously renders the content from the editor
+                    with st.container(height=525, border=True):
+                         st.markdown(edited_content, unsafe_allow_html=True)
 with tab2:
             st.rerun()
     st.subheader("Final Compiled Document")
+    st.text_area("Final Markdown Output", manager.get_final_markdown(), height=500, key="final_markdown")