use new code editor

GooeyAI · Jul 17, 2024 · 0de8c92 · 0de8c92
1 parent eb6d1c3
commit 0de8c92
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/gooey_ui/components/__init__.py b/gooey_ui/components/__init__.py
@@ -367,6 +367,22 @@ def text_area(
     return value or ""
 
 
+def code_editor(
+    value: str = "",
+    key: str = None,
+    **props,
+) -> typing.Any:
+    value = str(state.session_state.setdefault(key, value) or "")
+    return state.RenderTreeNode(
+        name="code-editor",
+        props=dict(
+            name=key,
+            defaultValue=value,
+            **props,
+        ),
+    ).mount()
+
+
 def nrows_for_text(
     text: str,
     max_height_px: int,

diff --git a/recipes/Functions.py b/recipes/Functions.py
@@ -77,10 +77,8 @@ def run_v2(
             response.error = data.get("error")
 
     def render_form_v2(self):
-        st.text_area(
-            "##### " + field_title_desc(self.RequestModel, "code"),
-            key="code",
-        )
+        st.caption("##### " + field_title_desc(self.RequestModel, "code"))
+        st.code_editor(key="code", language="javascript", height=300)
 
     def render_variables(self):
         variables_input(template_keys=["code"], allow_add=True)