diff --git a/README.md b/README.md index 9d6fba7..d744478 100644 --- a/README.md +++ b/README.md @@ -34,7 +34,7 @@ We also just added experimental support for taking a video/screen recording of a ## Sponsors - + ## 🚀 Hosted Version diff --git a/backend/codegen/__init__.py b/backend/codegen/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/backend/codegen/test_utils.py b/backend/codegen/test_utils.py new file mode 100644 index 0000000..cd663f8 --- /dev/null +++ b/backend/codegen/test_utils.py @@ -0,0 +1,57 @@ +import unittest +from codegen.utils import extract_html_content + + +class TestUtils(unittest.TestCase): + + def test_extract_html_content_with_html_tags(self): + text = "

Hello, World!

" + expected = "

Hello, World!

" + result = extract_html_content(text) + self.assertEqual(result, expected) + + def test_extract_html_content_without_html_tags(self): + text = "No HTML content here." + expected = "No HTML content here." + result = extract_html_content(text) + self.assertEqual(result, expected) + + def test_extract_html_content_with_partial_html_tags(self): + text = "

Hello, World!

" + expected = "

Hello, World!

" + result = extract_html_content(text) + self.assertEqual(result, expected) + + def test_extract_html_content_with_multiple_html_tags(self): + text = "

First

Some text

Second

" + expected = "

First

" + result = extract_html_content(text) + self.assertEqual(result, expected) + + ## The following are tests based on actual LLM outputs + + def test_extract_html_content_some_explanation_before(self): + text = """Got it! You want the song list to be displayed horizontally. I'll update the code to ensure that the song list is displayed in a horizontal layout. + + Here's the updated code: + + """ + expected = '' + result = extract_html_content(text) + self.assertEqual(result, expected) + + def test_markdown_tags(self): + text = "```html```" + expected = "```html```" + result = extract_html_content(text) + self.assertEqual(result, expected) + + def test_doctype_text(self): + text = '' + expected = '' + result = extract_html_content(text) + self.assertEqual(result, expected) + + +if __name__ == "__main__": + unittest.main() diff --git a/backend/codegen/utils.py b/backend/codegen/utils.py new file mode 100644 index 0000000..107579b --- /dev/null +++ b/backend/codegen/utils.py @@ -0,0 +1,14 @@ +import re + + +def extract_html_content(text: str): + # Use regex to find content within tags and include the tags themselves + match = re.search(r"(.*?)", text, re.DOTALL) + if match: + return match.group(1) + else: + # Otherwise, we just send the previous HTML over + print( + "[HTML Extraction] No tags found in the generated content: " + text + ) + return text diff --git a/backend/routes/generate_code.py b/backend/routes/generate_code.py index 2f21b94..269723a 100644 --- a/backend/routes/generate_code.py +++ b/backend/routes/generate_code.py @@ -3,6 +3,7 @@ import traceback from fastapi import APIRouter, WebSocket import openai import sentry_sdk +from codegen.utils import extract_html_content from config import ANTHROPIC_API_KEY, IS_PROD, SHOULD_MOCK_AI_RESPONSE from custom_types import InputMode from llm import ( @@ -367,6 +368,9 @@ async def stream_code(websocket: WebSocket): print("Exact used model for generation: ", exact_llm_version) + # Strip the completion of everything except the HTML content + completion = extract_html_content(completion) + # Write the messages dict into a log so that we can debug later # write_logs(prompt_messages, completion) # type: ignore