Spaces:
Sleeping
Sleeping
| import gradio as gr | |
| import openai | |
| from gradio.themes.base import Base | |
| from gradio.themes.utils import colors, fonts, sizes | |
| # --- Custom Theme Definition --- | |
| class NordTheme(Base): | |
| """ | |
| A custom Gradio theme inspired by the Nord color palette. | |
| """ | |
| def __init__(self): | |
| super().__init__( | |
| primary_hue=colors.blue, | |
| secondary_hue=colors.sky, | |
| neutral_hue=colors.slate, | |
| font=(fonts.GoogleFont("Inter"), "ui-sans-serif", "system-ui", "sans-serif"), | |
| font_mono=(fonts.GoogleFont("Fira Code"), "ui-monospace", "monospace"), | |
| ) | |
| self.set( | |
| # Color Palette | |
| body_background_fill="#2E3440", | |
| body_text_color="#ECEFF4", | |
| block_background_fill="#3B4252", | |
| block_border_width="1px", | |
| block_border_color="#4C566A", | |
| block_label_background_fill="#434C5E", | |
| block_label_text_color="#ECEFF4", | |
| input_background_fill="#434C5E", | |
| input_border_color="transparent", | |
| input_text_color="#ECEFF4", | |
| # Button Styles | |
| button_primary_background_fill="#5E81AC", | |
| button_primary_background_fill_hover="#81A1C1", | |
| button_primary_text_color="#ECEFF4", | |
| button_secondary_background_fill="#4C566A", | |
| button_secondary_background_fill_hover="#5a657a", | |
| button_secondary_text_color="#ECEFF4", | |
| # Other Elements | |
| border_color_accent="#5E81AC", | |
| background_fill_primary_dark="#2E3440", | |
| color_accent_soft="#4c566a", | |
| # Sizing | |
| radius_sm=sizes.radius_sm, | |
| radius_md=sizes.radius_md, | |
| radius_lg=sizes.radius_lg, | |
| block_radius="12px", | |
| button_radius="8px", | |
| ) | |
| # --- UI Configuration --- | |
| LANGUAGES = [ | |
| 'Python', 'JavaScript', 'TypeScript', 'Java', 'C++', 'C#', 'C', 'Go', | |
| 'Rust', 'Swift', 'Kotlin', 'PHP', 'Ruby', 'Scala', 'R', 'MATLAB', | |
| 'Perl', 'Haskell', 'Lua', 'Dart', 'Elixir', 'F#', 'Clojure', 'SQL' | |
| ] | |
| MODELS = sorted([ | |
| "agentica-org/deepcoder-14b-preview:free", "deepseek/deepseek-chat-v3:free", | |
| "deepseek/deepseek-r1-0528:free", "google/gemma-3-27b-it:free", | |
| "google/gemini-2.0-flash-exp:free", "meta-llama/llama-3.3-70b-instruct:free", | |
| "mistralai/devstral-small-2505:free", "mistralai/mistral-small-3.2-24b-instruct-2506:free", | |
| "moonshotai/kimi-dev-72b:free", "openrouter/cypher-alpha:free", | |
| "qwen/qwen-2.5-coder-32b-instruct:free", "qwen/qwen3-235b-a22b-04-28:free", | |
| "qwen/qwq-32b:free", | |
| ]) | |
| DEFAULT_SOURCE_CODE = """# Example Python code | |
| def fibonacci(n): | |
| if n <= 1: | |
| return n | |
| return fibonacci(n-1) + fibonacci(n-2) | |
| print(fibonacci(10))""" | |
| # --- Core Conversion Logic --- | |
| def convert_code( | |
| source_code: str, source_lang: str, target_lang: str, model: str, api_key: str | |
| ): | |
| if not source_code.strip(): | |
| raise gr.Error("Please enter some code to convert.") | |
| if not api_key.strip(): | |
| raise gr.Error("OpenRouter API key is required.") | |
| if not model or not model.strip(): | |
| raise gr.Error("Please select or enter a model for the conversion.") | |
| client = openai.OpenAI(base_url="https://openrouter.ai/api/v1", api_key=api_key) | |
| prompt = ( | |
| f"You are an expert programmer. Convert the following {source_lang} code " | |
| f"to {target_lang}. Your response should only contain the raw, converted code. " | |
| "Do not include any explanations, markdown formatting (like ```), or extra text." | |
| f"\n\n--- Start of {source_lang} Code ---\n" | |
| f"{source_code}\n" | |
| f"--- End of {source_lang} Code ---" | |
| ) | |
| try: | |
| completion = client.chat.completions.create( | |
| model=model, | |
| messages=[{"role": "user", "content": prompt}], | |
| temperature=0.1, max_tokens=2048 | |
| ) | |
| return completion.choices[0].message.content.strip() | |
| except openai.AuthenticationError: | |
| raise gr.Error("Authentication failed. Check your OpenRouter API key.") | |
| except Exception as e: | |
| raise gr.Error(f"An error occurred: {e}") | |
| # --- Gradio User Interface --- | |
| with gr.Blocks(theme=NordTheme()) as app: | |
| # Header | |
| gr.HTML( | |
| """ | |
| <div style="display: flex; align-items: center; gap: 12px; padding: 10px;"> | |
| <svg xmlns="[http://www.w3.org/2000/svg](http://www.w3.org/2000/svg)" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#81A1C1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 16 4-4-4-4"/><path d="m6 8-4 4 4 4"/><path d="m14.5 4-5 16"/></svg> | |
| <div> | |
| <h1 style="font-size: 1.5rem; font-weight: 700; color: #ECEFF4; margin: 0;">CodeVerter</h1> | |
| <p style="font-size: 0.875rem; color: #D8DEE9; margin: 0;">Programming Language Converter via OpenRouter</p> | |
| </div> | |
| </div> | |
| """ | |
| ) | |
| # Configuration Accordion | |
| with gr.Accordion("⚙️ Configuration", open=True): | |
| openrouter_key = gr.Textbox( | |
| label="OpenRouter API Key", | |
| placeholder="Enter your OpenRouter API key...", | |
| type="password", | |
| ) | |
| model_selection = gr.Dropdown( | |
| label="Select or Enter a Model Name", | |
| choices=MODELS, | |
| value=MODELS[0] if MODELS else None, | |
| allow_custom_value=True, | |
| ) | |
| # Main conversion interface | |
| with gr.Row(equal_height=False): | |
| with gr.Column(scale=1): | |
| source_lang_selection = gr.Dropdown(label="Source Language", choices=LANGUAGES, value="Python") | |
| source_code_input = gr.Code(label="Source Code", language="python", value=DEFAULT_SOURCE_CODE, lines=15) | |
| with gr.Column(scale=1): | |
| target_lang_selection = gr.Dropdown(label="Target Language", choices=LANGUAGES, value="JavaScript") | |
| target_code_output = gr.Code(label="Converted Code", language="javascript", lines=15, interactive=False) | |
| # Sync language highlighting with dropdowns | |
| source_lang_selection.change(lambda x: gr.update(language=x.lower()), inputs=source_lang_selection, outputs=source_code_input) | |
| target_lang_selection.change(lambda x: gr.update(language=x.lower()), inputs=target_lang_selection, outputs=target_code_output) | |
| # Convert button and action | |
| convert_button = gr.Button("Convert Code", variant="primary", scale=1) | |
| convert_button.click( | |
| fn=convert_code, | |
| inputs=[source_code_input, source_lang_selection, target_lang_selection, model_selection, openrouter_key], | |
| outputs=target_code_output, | |
| api_name="convert" | |
| ) | |
| # Footer | |
| gr.HTML( | |
| """<div style="text-align: center; margin-top: 24px; color: #a0aec0; font-size: 0.875rem;"> | |
| <p>CodeVerter uses LLMs via OpenRouter. Results may require manual review.</p> | |
| </div>""" | |
| ) | |
| if __name__ == "__main__": | |
| app.launch() |