Update app.py
Browse files
app.py
CHANGED
|
@@ -3,15 +3,22 @@
|
|
| 3 |
"""
|
| 4 |
Main application file for SHASHA AI, a Gradio-based AI code generation tool.
|
| 5 |
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
and
|
| 9 |
"""
|
| 10 |
|
| 11 |
import gradio as gr
|
| 12 |
from typing import Optional, Dict, List, Tuple, Any
|
| 13 |
|
| 14 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 15 |
from hf_client import get_inference_client
|
| 16 |
from tavily_search import enhance_query_with_search
|
| 17 |
from utils import (
|
|
@@ -22,14 +29,15 @@ from utils import (
|
|
| 22 |
history_to_chatbot_messages,
|
| 23 |
remove_code_block,
|
| 24 |
parse_transformers_js_output,
|
| 25 |
-
format_transformers_js_output
|
| 26 |
)
|
| 27 |
from deploy import send_to_sandbox
|
| 28 |
|
|
|
|
| 29 |
History = List[Tuple[str, str]]
|
| 30 |
Model = Dict[str, Any]
|
| 31 |
|
| 32 |
-
#
|
| 33 |
SUPPORTED_LANGUAGES = [
|
| 34 |
"python", "c", "cpp", "markdown", "latex", "json", "html", "css",
|
| 35 |
"javascript", "jinja2", "typescript", "yaml", "dockerfile", "shell",
|
|
@@ -38,13 +46,6 @@ SUPPORTED_LANGUAGES = [
|
|
| 38 |
"sql-gpSQL", "sql-sparkSQL", "sql-esper"
|
| 39 |
]
|
| 40 |
|
| 41 |
-
DEFAULT_SYSTEM_PROMPT = """
|
| 42 |
-
You are a helpful AI coding assistant. Generate clean, correct, and efficient code based on the user's request.
|
| 43 |
-
- Follow requirements precisely.
|
| 44 |
-
- Enclose final code in a single ```code``` block of the target language.
|
| 45 |
-
- Do not include any explanations outside the code block.
|
| 46 |
-
"""
|
| 47 |
-
|
| 48 |
def get_model_details(name: str) -> Optional[Model]:
|
| 49 |
for m in AVAILABLE_MODELS:
|
| 50 |
if m["name"] == name:
|
|
@@ -63,32 +64,39 @@ def generation_code(
|
|
| 63 |
query = query or ""
|
| 64 |
history = history or []
|
| 65 |
try:
|
| 66 |
-
|
| 67 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 68 |
|
|
|
|
| 69 |
# pick provider
|
| 70 |
-
if model_id.startswith("openai/") or model_id in
|
| 71 |
provider = "openai"
|
| 72 |
-
elif model_id.startswith("gemini/"):
|
| 73 |
provider = "gemini"
|
| 74 |
elif model_id.startswith("fireworks-ai/"):
|
| 75 |
provider = "fireworks-ai"
|
| 76 |
else:
|
| 77 |
-
provider = "
|
| 78 |
|
| 79 |
# assemble messages
|
| 80 |
msgs = history_to_messages(history, system_prompt)
|
| 81 |
ctx = query
|
| 82 |
if file:
|
| 83 |
-
|
| 84 |
-
ctx += f"\n\n[
|
| 85 |
if website_url:
|
| 86 |
-
|
| 87 |
-
if not
|
| 88 |
-
ctx += f"\n\n[Website]\n{
|
| 89 |
final_q = enhance_query_with_search(ctx, enable_search)
|
| 90 |
msgs.append({"role": "user", "content": final_q})
|
| 91 |
|
|
|
|
| 92 |
client = get_inference_client(model_id, provider)
|
| 93 |
resp = client.chat.completions.create(
|
| 94 |
model=model_id,
|
|
@@ -107,41 +115,44 @@ def generation_code(
|
|
| 107 |
if language == "transformers.js":
|
| 108 |
files = parse_transformers_js_output(content)
|
| 109 |
code = format_transformers_js_output(files)
|
| 110 |
-
preview = send_to_sandbox(files.get("index.html",""))
|
| 111 |
else:
|
| 112 |
-
|
| 113 |
if history and history[-1][1] and not history[-1][1].startswith("β"):
|
| 114 |
-
code = apply_search_replace_changes(history[-1][1],
|
| 115 |
else:
|
| 116 |
-
code =
|
| 117 |
preview = send_to_sandbox(code) if language == "html" else ""
|
| 118 |
|
| 119 |
new_hist = history + [(query, code)]
|
| 120 |
chat = history_to_chatbot_messages(new_hist)
|
| 121 |
return code, new_hist, preview, chat
|
| 122 |
|
| 123 |
-
#
|
| 124 |
CUSTOM_CSS = """
|
| 125 |
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
|
| 126 |
-
#main_title { text-align: center; font-size: 2.5rem; margin: 1.5rem
|
| 127 |
#subtitle { text-align: center; color: #4a5568; margin-bottom: 2.5rem; }
|
| 128 |
-
.gradio-container { background: #f7fafc; }
|
| 129 |
#gen_btn { box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
|
| 130 |
"""
|
| 131 |
|
| 132 |
with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue"), css=CUSTOM_CSS, title="Shasha AI") as demo:
|
| 133 |
history_state = gr.State([])
|
| 134 |
-
|
| 135 |
-
model_state = gr.State(
|
| 136 |
|
| 137 |
gr.Markdown("# π Shasha AI", elem_id="main_title")
|
| 138 |
-
gr.Markdown("Your
|
| 139 |
|
| 140 |
with gr.Row():
|
| 141 |
with gr.Column(scale=1):
|
| 142 |
gr.Markdown("### 1. Select Model")
|
| 143 |
-
|
| 144 |
-
|
|
|
|
|
|
|
|
|
|
| 145 |
|
| 146 |
gr.Markdown("### 2. Provide Context")
|
| 147 |
with gr.Tabs():
|
|
@@ -157,28 +168,28 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue"), css=CUSTOM_CSS, title="
|
|
| 157 |
search_chk = gr.Checkbox(label="Enable Web Search")
|
| 158 |
|
| 159 |
with gr.Row():
|
| 160 |
-
|
| 161 |
-
|
| 162 |
|
| 163 |
with gr.Column(scale=2):
|
| 164 |
with gr.Tabs():
|
| 165 |
with gr.Tab("π» Code"):
|
| 166 |
-
code_out = gr.Code(language=
|
| 167 |
with gr.Tab("ποΈ Live Preview"):
|
| 168 |
preview_out = gr.HTML()
|
| 169 |
with gr.Tab("π History"):
|
| 170 |
chat_out = gr.Chatbot(type="messages")
|
| 171 |
|
| 172 |
-
model_dd.change(lambda n: get_model_details(n) or
|
| 173 |
|
| 174 |
-
|
| 175 |
fn=generation_code,
|
| 176 |
inputs=[prompt_in, file_in, url_in, model_state, search_chk, lang_dd, history_state],
|
| 177 |
outputs=[code_out, history_state, preview_out, chat_out],
|
| 178 |
)
|
| 179 |
|
| 180 |
-
|
| 181 |
-
|
| 182 |
outputs=[prompt_in, file_in, url_in, history_state, code_out, preview_out, chat_out],
|
| 183 |
queue=False,
|
| 184 |
)
|
|
|
|
| 3 |
"""
|
| 4 |
Main application file for SHASHA AI, a Gradio-based AI code generation tool.
|
| 5 |
|
| 6 |
+
Provides a UI for generating code in many languages using various AI models.
|
| 7 |
+
Supports text prompts, file uploads, website scraping, optional web search,
|
| 8 |
+
and live previews of HTML output.
|
| 9 |
"""
|
| 10 |
|
| 11 |
import gradio as gr
|
| 12 |
from typing import Optional, Dict, List, Tuple, Any
|
| 13 |
|
| 14 |
+
# --- Local module imports ---
|
| 15 |
+
from constants import (
|
| 16 |
+
HTML_SYSTEM_PROMPT,
|
| 17 |
+
TRANSFORMERS_JS_SYSTEM_PROMPT,
|
| 18 |
+
GENERIC_SYSTEM_PROMPT,
|
| 19 |
+
AVAILABLE_MODELS,
|
| 20 |
+
DEMO_LIST,
|
| 21 |
+
)
|
| 22 |
from hf_client import get_inference_client
|
| 23 |
from tavily_search import enhance_query_with_search
|
| 24 |
from utils import (
|
|
|
|
| 29 |
history_to_chatbot_messages,
|
| 30 |
remove_code_block,
|
| 31 |
parse_transformers_js_output,
|
| 32 |
+
format_transformers_js_output,
|
| 33 |
)
|
| 34 |
from deploy import send_to_sandbox
|
| 35 |
|
| 36 |
+
# --- Type aliases ---
|
| 37 |
History = List[Tuple[str, str]]
|
| 38 |
Model = Dict[str, Any]
|
| 39 |
|
| 40 |
+
# --- Supported languages dropdown & syntax highlighting ---
|
| 41 |
SUPPORTED_LANGUAGES = [
|
| 42 |
"python", "c", "cpp", "markdown", "latex", "json", "html", "css",
|
| 43 |
"javascript", "jinja2", "typescript", "yaml", "dockerfile", "shell",
|
|
|
|
| 46 |
"sql-gpSQL", "sql-sparkSQL", "sql-esper"
|
| 47 |
]
|
| 48 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 49 |
def get_model_details(name: str) -> Optional[Model]:
|
| 50 |
for m in AVAILABLE_MODELS:
|
| 51 |
if m["name"] == name:
|
|
|
|
| 64 |
query = query or ""
|
| 65 |
history = history or []
|
| 66 |
try:
|
| 67 |
+
# choose system prompt
|
| 68 |
+
if language == "html":
|
| 69 |
+
system_prompt = HTML_SYSTEM_PROMPT
|
| 70 |
+
elif language == "transformers.js":
|
| 71 |
+
system_prompt = TRANSFORMERS_JS_SYSTEM_PROMPT
|
| 72 |
+
else:
|
| 73 |
+
system_prompt = GENERIC_SYSTEM_PROMPT.format(language=language)
|
| 74 |
|
| 75 |
+
model_id = current_model["id"]
|
| 76 |
# pick provider
|
| 77 |
+
if model_id.startswith("openai/") or model_id in {"gpt-4","gpt-3.5-turbo"}:
|
| 78 |
provider = "openai"
|
| 79 |
+
elif model_id.startswith("gemini/") or model_id.startswith("google/"):
|
| 80 |
provider = "gemini"
|
| 81 |
elif model_id.startswith("fireworks-ai/"):
|
| 82 |
provider = "fireworks-ai"
|
| 83 |
else:
|
| 84 |
+
provider = "auto"
|
| 85 |
|
| 86 |
# assemble messages
|
| 87 |
msgs = history_to_messages(history, system_prompt)
|
| 88 |
ctx = query
|
| 89 |
if file:
|
| 90 |
+
ftext = extract_text_from_file(file)
|
| 91 |
+
ctx += f"\n\n[Attached file]\n{ftext[:5000]}"
|
| 92 |
if website_url:
|
| 93 |
+
wtext = extract_website_content(website_url)
|
| 94 |
+
if not wtext.startswith("Error"):
|
| 95 |
+
ctx += f"\n\n[Website content]\n{wtext[:8000]}"
|
| 96 |
final_q = enhance_query_with_search(ctx, enable_search)
|
| 97 |
msgs.append({"role": "user", "content": final_q})
|
| 98 |
|
| 99 |
+
# call model
|
| 100 |
client = get_inference_client(model_id, provider)
|
| 101 |
resp = client.chat.completions.create(
|
| 102 |
model=model_id,
|
|
|
|
| 115 |
if language == "transformers.js":
|
| 116 |
files = parse_transformers_js_output(content)
|
| 117 |
code = format_transformers_js_output(files)
|
| 118 |
+
preview = send_to_sandbox(files.get("index.html", ""))
|
| 119 |
else:
|
| 120 |
+
cleaned = remove_code_block(content)
|
| 121 |
if history and history[-1][1] and not history[-1][1].startswith("β"):
|
| 122 |
+
code = apply_search_replace_changes(history[-1][1], cleaned)
|
| 123 |
else:
|
| 124 |
+
code = cleaned
|
| 125 |
preview = send_to_sandbox(code) if language == "html" else ""
|
| 126 |
|
| 127 |
new_hist = history + [(query, code)]
|
| 128 |
chat = history_to_chatbot_messages(new_hist)
|
| 129 |
return code, new_hist, preview, chat
|
| 130 |
|
| 131 |
+
# --- Custom CSS ---
|
| 132 |
CUSTOM_CSS = """
|
| 133 |
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
|
| 134 |
+
#main_title { text-align: center; font-size: 2.5rem; margin-top: 1.5rem; }
|
| 135 |
#subtitle { text-align: center; color: #4a5568; margin-bottom: 2.5rem; }
|
| 136 |
+
.gradio-container { background-color: #f7fafc; }
|
| 137 |
#gen_btn { box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
|
| 138 |
"""
|
| 139 |
|
| 140 |
with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue"), css=CUSTOM_CSS, title="Shasha AI") as demo:
|
| 141 |
history_state = gr.State([])
|
| 142 |
+
initial_model = AVAILABLE_MODELS[0]
|
| 143 |
+
model_state = gr.State(initial_model)
|
| 144 |
|
| 145 |
gr.Markdown("# π Shasha AI", elem_id="main_title")
|
| 146 |
+
gr.Markdown("Your AI partner for generating, modifying, and understanding code.", elem_id="subtitle")
|
| 147 |
|
| 148 |
with gr.Row():
|
| 149 |
with gr.Column(scale=1):
|
| 150 |
gr.Markdown("### 1. Select Model")
|
| 151 |
+
model_dd = gr.Dropdown(
|
| 152 |
+
choices=[m["name"] for m in AVAILABLE_MODELS],
|
| 153 |
+
value=initial_model["name"],
|
| 154 |
+
label="AI Model"
|
| 155 |
+
)
|
| 156 |
|
| 157 |
gr.Markdown("### 2. Provide Context")
|
| 158 |
with gr.Tabs():
|
|
|
|
| 168 |
search_chk = gr.Checkbox(label="Enable Web Search")
|
| 169 |
|
| 170 |
with gr.Row():
|
| 171 |
+
clr_btn = gr.Button("Clear Session", variant="secondary")
|
| 172 |
+
gen_btn = gr.Button("Generate Code", variant="primary", elem_id="gen_btn")
|
| 173 |
|
| 174 |
with gr.Column(scale=2):
|
| 175 |
with gr.Tabs():
|
| 176 |
with gr.Tab("π» Code"):
|
| 177 |
+
code_out = gr.Code(language=None, interactive=True)
|
| 178 |
with gr.Tab("ποΈ Live Preview"):
|
| 179 |
preview_out = gr.HTML()
|
| 180 |
with gr.Tab("π History"):
|
| 181 |
chat_out = gr.Chatbot(type="messages")
|
| 182 |
|
| 183 |
+
model_dd.change(lambda n: get_model_details(n) or initial_model, inputs=[model_dd], outputs=[model_state])
|
| 184 |
|
| 185 |
+
gen_btn.click(
|
| 186 |
fn=generation_code,
|
| 187 |
inputs=[prompt_in, file_in, url_in, model_state, search_chk, lang_dd, history_state],
|
| 188 |
outputs=[code_out, history_state, preview_out, chat_out],
|
| 189 |
)
|
| 190 |
|
| 191 |
+
clr_btn.click(
|
| 192 |
+
lambda: ("", None, "", [], "", "", []),
|
| 193 |
outputs=[prompt_in, file_in, url_in, history_state, code_out, preview_out, chat_out],
|
| 194 |
queue=False,
|
| 195 |
)
|