Spaces:

broadfield-dev
/

UI_learn

Sleeping

broadfield-dev commited on Feb 15

Commit

ce7d6e1

verified ·

1 Parent(s): 5bb1c00

Update app.py

Files changed (1) hide show

app.py CHANGED Viewed

@@ -3,15 +3,28 @@ import re
 def update_ui(code):
     try:
-        # This is a simplistic approach. In reality, you'd parse HTML and CSS to render UI.
-        html_pattern = r'<[^>]+>'
-        css_pattern = r'{[^}]*}'
-        html = re.findall(html_pattern, code)
-        css = re.findall(css_pattern, code)
-        # For demonstration, we'll just combine HTML and CSS into one string.
-        ui_output = ''.join(html) + ''.join(css)
         return ui_output, None
     except Exception as e:
         return "", str(e)

 def update_ui(code):
     try:
+        # Extract HTML and CSS
+        html_content = re.search(r'<html[^>]*>[\s\S]*<\/html>', code, re.IGNORECASE)
+        if html_content:
+            html_content = html_content.group(0)
+        else:
+            # If no <html> tag, assume all is HTML content
+            html_content = code
+        # Extract CSS if present in a <style> tag
+        css_content = re.search(r'<style[^>]*>[\s\S]*?<\/style>', code, re.IGNORECASE)
+        css_string = ''
+        if css_content:
+            css_string = css_content.group(0)
+        # Remove <style> tags for direct application
+        css_only = re.sub(r'<style>|<\/style>', '', css_string) if css_string else ''
+        # Combine HTML with CSS for preview
+        ui_output = f"""
+        <style>{css_only}</style>
+        {html_content}
+        """
         return ui_output, None
     except Exception as e:
         return "", str(e)