Spaces:

mgbam
/

builder

Running

App Files Files Community

mgbam commited on Jul 23

Commit

d8e5a74

verified ·

1 Parent(s): 6dcd973

Update constants.py

Browse files

Files changed (1) hide show

constants.py +27 -92

constants.py CHANGED Viewed

@@ -1,69 +1,36 @@
-import os
-import re
-from http import HTTPStatus
-from typing import Dict, List, Optional, Tuple
-import base64
-import mimetypes
-import PyPDF2
-import docx
-import cv2
-import numpy as np
-from PIL import Image
-import pytesseract
-import requests
-from urllib.parse import urlparse, urljoin
-from bs4 import BeautifulSoup
-import html2text
-import json
-import time
-import webbrowser
-import urllib.parse
-import gradio as gr
-# Load API keys from environment
-HF_TOKEN = os.getenv("HF_TOKEN")
-if not HF_TOKEN:
-    raise RuntimeError("HF_TOKEN environment variable is not set. Please set it to your Hugging Face API token.")
-OPENAI_API_KEY = os.getenv("OPENAI_API_KEY")
-if not OPENAI_API_KEY:
-    print("Warning: OPENAI_API_KEY not set; OpenAI provider will be unavailable.")
-GEMINI_API_KEY = os.getenv("GEMINI_API_KEY")
-if not GEMINI_API_KEY:
-    print("Warning: GEMINI_API_KEY not set; Gemini provider will be unavailable.")
-# Gradio supported languages for syntax highlighting
-GRADIO_SUPPORTED_LANGUAGES = [
-    "python", "c", "cpp", "markdown", "latex", "json", "html", "css", "javascript",
-    "jinja2", "typescript", "yaml", "dockerfile", "shell", "r", "sql", "sql-msSQL",
-    "sql-mySQL", "sql-mariaDB", "sql-sqlite", "sql-cassandra", "sql-plSQL", "sql-hive",
-    "sql-pgSQL", "sql-gql", "sql-gpSQL", "sql-sparkSQL", "sql-esper", None
-]
-def get_gradio_language(language):
-    return language if language in GRADIO_SUPPORTED_LANGUAGES else None
-# Search/Replace Constants
-SEARCH_START = "<<<<<<< SEARCH"
-DIVIDER = "======="
-REPLACE_END = ">>>>>>> REPLACE"
 HTML_SYSTEM_PROMPT = """
-You are an expert-level front-end web developer, renowned for creating modern, clean, and fully responsive web pages. Your task is to generate complete, single-file HTML documents based on user requests.
 **Your Guiding Principles:**
-1.  **Structure is Paramount:** Employ semantic HTML5 tags (`<header>`, `<main>`, `<section>`, `<footer>`, `<nav>`, etc.) to create a logical and accessible document structure.
-2.  **Style with Finesse:** All CSS styling MUST be placed within a single `<style>` tag in the `<head>` of the HTML document. Adhere to modern practices; DO NOT use inline styles (e.g., `<div style="...">`).
-3.  **Modern & Responsive:** Utilize modern CSS techniques like Flexbox and Grid for layout. Ensure the page is fully responsive and looks exceptional on all screen sizes, from mobile phones to widescreen desktops.
-4.  **Accessibility First:** All images (`<img>`) must have descriptive `alt` attributes. Interactive elements should be accessible.
-5.  **Complete & Valid:** Always generate a full, valid HTML5 document, including `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` tags. Include a relevant `<title>` in the head.
-6.  **JavaScript Best Practices:** Any necessary JavaScript should be placed in a `<script>` tag just before the closing `</body>` tag. The code must be clean, commented, and efficient.
 **Output Format:**
-You MUST output ONLY the raw HTML code enclosed within a single ```html ... ``` code block. Do not include any conversational text, apologies, or explanations before or after the code block. Your response should be immediately usable.
 """
 # --- Transformers.js System Prompt ---
@@ -78,39 +45,7 @@ You are a specialist in machine learning on the web, with deep expertise in the
 4.  **Dependency Handling:** Import the transformers.js library directly from the CDN (`https://cdn.jsdelivr.net/npm/@xenova/transformers@2`).
 **Output Format:**
-Your entire response MUST consist of exactly three markdown code blocks in the following order, with no other text or explanations
-# Available HF models for code generation
-AVAILABLE_MODELS = [
-    {"name": "Moonshot Kimi-K2", "id": "moonshotai/Kimi-K2-Instruct", "description": "Moonshot AI Kimi-K2-Instruct model"},
-    {"name": "DeepSeek V3", "id": "deepseek-ai/DeepSeek-V3-0324", "description": "DeepSeek V3 model"},
-    {"name": "DeepSeek R1", "id": "deepseek-ai/DeepSeek-R1-0528", "description": "DeepSeek R1 model"},
-    {"name": "ERNIE-4.5-VL", "id": "baidu/ERNIE-4.5-VL-424B-A47B-Base-PT", "description": "ERNIE-4.5-VL model"},
-    {"name": "MiniMax M1", "id": "MiniMaxAI/MiniMax-M1-80k", "description": "MiniMax M1 model"},
-    {"name": "Qwen3-235B-A22B", "id": "Qwen/Qwen3-235B-A22B", "description": "Qwen3-235B-A22B model"},
-    {"name": "SmolLM3-3B", "id": "HuggingFaceTB/SmolLM3-3B", "description": "SmolLM3-3B model"},
-    {"name": "GLM-4.1V-9B-Thinking", "id": "THUDM/GLM-4.1V-9B-Thinking", "description": "GLM-4.1V-9B-Thinking model"},
-    {"name": "OpenAI GPT-4", "id": "openai/gpt-4", "description": "OpenAI GPT-4 model"},
-    {"name": "Gemini Pro", "id": "gemini/pro", "description": "Google Gemini Pro model"},
-    {"name": "Fireworks AI", "id": "fireworks-ai/fireworks-v1", "description": "Fireworks AI model"},
-]
-# Quick‑start demo list
-# Quick‑start demo list for the sidebar
-DEMO_LIST = [
-    {"title": "Todo App", "description": "Create a simple todo application with add, delete, and mark as complete functionality"},
-    {"title": "Calculator", "description": "Build a basic calculator with addition, subtraction, multiplication, and division"},
-    {"title": "Chat Interface", "description": "Build a chat interface with message history and user input"},
-    {"title": "E-commerce Product Card", "description": "Create a product card component for an e-commerce website"},
-    {"title": "Login Form", "description": "Build a responsive login form with validation"},
-    {"title": "Dashboard Layout", "description": "Create a dashboard layout with sidebar navigation and main content area"},
-    {"title": "Data Table", "description": "Build a data table with sorting and filtering capabilities"},
-    {"title": "Image Gallery", "description": "Create an image gallery with lightbox functionality and responsive grid layout"},
-    {"title": "UI from Image", "description": "Upload an image of a UI design and I'll generate the HTML/CSS code for it"},
-    {"title": "Extract Text from Image", "description": "Upload an image containing text and I'll extract and process the text content"},
-    {"title": "Website Redesign", "description": "Enter a website URL to extract its content and redesign it with a modern, responsive layout"},
-    {"title": "Modify HTML", "description": "After generating HTML, ask me to modify it with specific changes using search/replace format"},
-    {"title": "Search/Replace Example", "description": "Generate HTML first, then ask: 'Change the title to My New Title' or 'Add a blue background to the body'"},
-    {"title": "Transformers.js App", "description": "Create a transformers.js application with AI/ML functionality using the transformers.js library"}
-]
 ```html
-<!-- index.html content here -->

+"""
+constants.py
+This module serves as the central configuration hub for the AnyCoder application.
+It contains static data that defines the application's behavior, such as system prompts,
+available AI models, and UI elements.
+By centralizing this configuration, we make the application easier to update,
+maintain, and understand. All complex logic and processing has been moved to
+other modules like `utils.py` to maintain a clean separation of concerns.
+"""
+# ==============================================================================
+# AI BEHAVIOR CONFIGURATION (SYSTEM PROMPTS)
+# ==============================================================================
+# These prompts are the master instructions that guide the AI's behavior.
+# A well-engineered prompt is the key to high-quality output.
+# --- HTML System Prompt (for EXTERNAL CSS/JS) ---
+# This prompt is specifically designed for a project where style.css and index.js
+# are separate, existing files. It instructs the AI to focus ONLY on the HTML structure.
 HTML_SYSTEM_PROMPT = """
+You are an expert-level front-end web developer, focused on creating clean, semantic HTML structure.
+Your task is to generate ONLY the HTML code that should go inside the `<body>` tag of a web page.
 **Your Guiding Principles:**
+1.  **Assume External Files:** You must assume that a `<link rel="stylesheet" href="style.css">` and a `<script src="index.js" defer></script>` already exist in the document's `<head>`. DO NOT generate `<style>` or `<script>` tags.
+2.  **Focus on Structure:** Generate only the necessary HTML elements for the `<body>`. Use semantic HTML5 tags (`<main>`, `<section>`, `<article>`, `<nav>`, `<div>`, etc.) to create a logical and accessible document structure.
+3.  **Use IDs and Classes for Styling/Scripting:** Add appropriate `id` and `class` attributes to your HTML elements so they can be targeted by the external `style.css` and `index.js` files.
+4.  **Accessibility:** All images (`<img>`) must have descriptive `alt` attributes. Form elements should have associated `<label>` tags.
 **Output Format:**
+You MUST output ONLY the raw HTML code for the `<body>`. Do not include `<!DOCTYPE html>`, `<html>`, `<head>`, or `<body>` tags. Do not wrap your response in a markdown code block. Your response should be immediately injectable into the body of an existing HTML document.
 """
 # --- Transformers.js System Prompt ---
 4.  **Dependency Handling:** Import the transformers.js library directly from the CDN (`https://cdn.jsdelivr.net/npm/@xenova/transformers@2`).
 **Output Format:**
+Your entire response MUST consist of exactly three markdown code blocks in the following order, with no other text or explanations:
 ```html
+<!-- index.html -->
+... HTML content ...