Update code_editor.py

code_editor.py

@@ -1,32 +1,22 @@
 import json
 
-def code_editor(value: str = "", issue_num: int = 0, label: str = "") -> str:
+def code_editor(value: str = "", issue_num: int = 0, elem_id: str = None, **kwargs) -> str:
     """
     Returns an HTML snippet for a CodeMirror-based code editor.
 
     Args:
         value (str): Initial content for the code editor.
         issue_num (int): The issue number to identify the editor instance.
-        label (str): Optional label for the editor.
+        elem_id (str, optional): ID for the HTML element.
+        **kwargs: Additional keyword arguments (ignored).
 
     Returns:
         str: HTML string that embeds a CodeMirror editor.
     """
-    # You can include the label in the HTML if needef code_editor(value: str = "", issue_num: int = 0, label: str = "") -> str:
-    """
-    Returns an HTML snippet for a CodeMirror-based code editor.
-
-    Args:
-        value (str): Initial content for the code editor.
-        issue_num (int): The issue number to identify the editor instance.
-        label (str): Optional label for the editor.
-
-    Returns:
-        str: HTML string that embeds a CodeMirror editor.
-    """
-    # You can include the label in the HTML if needed
+    # Use elem_id if provided, otherwise use issue_num for the container ID
+    container_id = elem_id if elem_id else f"code-editor-container-{issue_num}"
+    
     html = f"""
-    <div>{label}</div>  <!-- Display the label -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.3/codemirror.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.3/theme/material-darker.min.css">
     
@@ -36,7 +26,7 @@ def code_editor(value: str = "", issue_num: int = 0, label: str = "") -> str:
     
     <style>
       /* Basic styling for the editor container */
-      #code-editor-container-{issue_num} {{
+      #{container_id} {{
           border: 1px solid #ccc;
           border-radius: 4px;
           overflow: hidden;
@@ -48,7 +38,7 @@ def code_editor(value: str = "", issue_num: int = 0, label: str = "") -> str:
       }}
     </style>
     
-    <div id="code-editor-container-{issue_num}">
+    <div id="{container_id}">
         <textarea id="code-editor-{issue_num}">{value}</textarea>
     </div>
     
@@ -56,7 +46,7 @@ def code_editor(value: str = "", issue_num: int = 0, label: str = "") -> str:
       // Initialize CodeMirror on the textarea after it is loaded
       document.addEventListener("DOMContentLoaded", function() {{
           var editor = CodeMirror.fromTextArea(document.getElementById("code-editor-{issue_num}"), {{
-              lineNumbers: true,
+              lineNumbers : true,
               mode: "python",  // Change this to "javascript" or any other mode as needed
               theme: "material-darker",
               tabSize: 4