Spaces:

akhaliq
/

anycoder

Running

App Files Files Community

akhaliq HF Staff commited on 15 days ago

Commit

2e098e6

1 Parent(s): 3a2235f

fixes

Browse files

Files changed (2) hide show

backend_parsers.py +60 -5
backend_prompts.py +28 -8

backend_parsers.py CHANGED Viewed

@@ -15,11 +15,66 @@ def parse_transformers_js_output(code: str) -> Dict[str, str]:
     Uses comprehensive parsing patterns to handle various LLM output formats.
     Updated to use transformers.js v3.8.0 CDN.
     """
-    files = {
-        'index.html': '',
-        'index.js': '',
-        'style.css': ''
-    }
     # Multiple patterns to match the three code blocks with different variations
     html_patterns = [

     Uses comprehensive parsing patterns to handle various LLM output formats.
     Updated to use transformers.js v3.8.0 CDN.
     """
+    # Check if code starts with HTML instead of markers (common LLM mistake)
+    if code.strip().startswith('<!DOCTYPE') or code.strip().startswith('<html'):
+        print("[Parser] WARNING: Code starts with HTML instead of === index.html === marker")
+        print("[Parser] Attempting to extract files from malformed output...")
+        # Try to split by === markers that do exist
+        if '=== index.js ===' in code and '=== style.css ===' in code:
+            # Extract HTML as everything before === index.js ===
+            html_end = code.find('=== index.js ===')
+            html_content = code[:html_end].strip()
+            # Extract JS between === index.js === and === style.css ===
+            js_start = code.find('=== index.js ===') + len('=== index.js ===')
+            js_end = code.find('=== style.css ===')
+            js_content = code[js_start:js_end].strip()
+            # Extract CSS after === style.css ===
+            css_start = code.find('=== style.css ===') + len('=== style.css ===')
+            css_content = code[css_start:].strip()
+            print(f"[Parser] Recovered HTML: {len(html_content)} chars")
+            print(f"[Parser] Recovered JS: {len(js_content)} chars")
+            print(f"[Parser] Recovered CSS: {len(css_content)} chars")
+            files = {
+                'index.html': html_content,
+                'index.js': js_content,
+                'style.css': css_content
+            }
+            # Normalize imports and return early since we've already parsed everything
+            cdn_url = "https://cdn.jsdelivr.net/npm/@huggingface/transformers@3.8.0"
+            for file_key in ['index.html', 'index.js']:
+                if files[file_key]:
+                    content = files[file_key]
+                    content = re.sub(
+                        r"from\s+['\"]https://cdn.jsdelivr.net/npm/@huggingface/transformers@[^'\"]+['\"]",
+                        f"from '{cdn_url}'",
+                        content
+                    )
+                    content = re.sub(
+                        r"from\s+['\"]https://cdn.jsdelivr.net/npm/@xenova/transformers@[^'\"]+['\"]",
+                        f"from '{cdn_url}'",
+                        content
+                    )
+                    files[file_key] = content
+            return files
+        else:
+            files = {
+                'index.html': '',
+                'index.js': '',
+                'style.css': ''
+            }
+    else:
+        files = {
+            'index.html': '',
+            'index.js': '',
+            'style.css': ''
+        }
     # Multiple patterns to match the three code blocks with different variations
     html_patterns = [

backend_prompts.py CHANGED Viewed

@@ -35,7 +35,11 @@ TRANSFORMERS_JS_SYSTEM_PROMPT = """You are an expert web developer creating a tr
 - Generating a README.md will break the deployment process
 **🚨 CRITICAL: Required Output Format**
-You MUST output ALL THREE files using this EXACT format with === markers:
 === index.html ===
 <!DOCTYPE html>
@@ -62,13 +66,29 @@ import { pipeline } from 'https://cdn.jsdelivr.net/npm/@huggingface/transformers
 /* Your complete CSS styles here */
 /* Include all styling for the application */
-**CRITICAL FORMATTING RULES:**
-1. Start each file IMMEDIATELY after the === marker (on the next line)
-2. DO NOT use markdown code blocks (```html, ```javascript, ```css) - these will cause parsing errors
-3. DO NOT leave any file empty - each file MUST contain complete, functional code
-4. ONLY use the === filename === format shown above
-5. Make sure there is a blank line between each file section
-6. Each file must be complete and ready to deploy - no placeholders or comments like "// add code here"
 **Example of CORRECT format:**
 === index.html ===

 - Generating a README.md will break the deployment process
 **🚨 CRITICAL: Required Output Format**
+**THE VERY FIRST LINE of your response MUST be: === index.html ===**
+You MUST output ALL THREE files using this EXACT format with === markers.
+Your response must start IMMEDIATELY with the === index.html === marker.
 === index.html ===
 <!DOCTYPE html>
 /* Your complete CSS styles here */
 /* Include all styling for the application */
+**🚨 CRITICAL FORMATTING RULES (MUST FOLLOW EXACTLY):**
+1. **FIRST LINE MUST BE: === index.html ===** (no explanations, no code before this)
+2. Start each file's code IMMEDIATELY on the line after the === marker
+3. **NEVER use markdown code blocks** (```html, ```javascript, ```css) - these will cause parsing errors
+4. **NEVER leave any file empty** - each file MUST contain complete, functional code
+5. **ONLY use the === filename === markers** - do not add any other formatting
+6. Add a blank line between each file section
+7. Each file must be complete and ready to deploy - no placeholders or "// TODO" comments
+**WRONG FORMAT (DO NOT DO THIS):**
+<!DOCTYPE html>
+<html>...
+=== index.js ===
+...
+**CORRECT FORMAT (DO THIS):**
+=== index.html ===
+<!DOCTYPE html>
+<html>...
+=== index.js ===
+...
 **Example of CORRECT format:**
 === index.html ===