🎨 Redesign from AnyCoder

app.py

@@ -1,284 +1,314 @@
-import gradio as gr
-import json
-from datetime import datetime
-import yaml
-import time
-import re
-import os
-import os.path as op
-import torch
-import soundfile as sf
-import numpy as np
-import tempfile
-
-from download import download_model
-
-# 下载模型
-APP_DIR = op.dirname(op.abspath(__file__))
-download_model(APP_DIR)
-large_model_path = op.join(APP_DIR, "ckpt", "SongGeneration-v1.5-beta")
-download_model(large_model_path, repo_id="waytan22/SongGeneration-v1.5-beta", revision="db10f47")
-print("Successful downloaded model.")
-
-# 模型初始化
-from levo_inference import LeVoInference
-MODEL = LeVoInference(large_model_path)
-
-EXAMPLE_LYRICS = """
-[intro-medium]
-
-[verse]
-夜晚的街灯闪烁
-我漫步在熟悉的角落
-回忆像潮水般涌来
-你的笑容如此清晰
-在心头无法抹去
-那些曾经的甜蜜
-如今只剩我独自回忆
-
-[chorus]
-回忆的温度还在
-你却已不在
-我的心被爱填满
-却又被思念刺痛
-音乐的节奏奏响
-我的心却在流浪
-没有你的日子
-我该如何继续向前
-
-[inst-medium]
-
-[verse]
-手机屏幕亮起
-是你发来的消息
-简单的几个字
-却让我泪流满面
-曾经的拥抱温暖
-如今却变得遥远
-我多想回到从前
-重新拥有你的陪伴
-
-[chorus]
-回忆的温度还在
-你却已不在
-我的心被爱填满
-却又被思念刺痛
-音乐的节奏奏响
-我的心却在流浪
-没有你的日子
-我该如何继续向前
-
-[outro-medium]
-""".strip()
-
-with open(op.join(APP_DIR, 'conf/vocab.yaml'), 'r', encoding='utf-8') as file:
-    STRUCTS = yaml.safe_load(file)
-
-
-def save_as_flac(sample_rate, audio_data):
-    if isinstance(audio_data, tuple):
-        sample_rate, audio_data = audio_data
-    
-    if audio_data.dtype == np.float64:
-        audio_data = audio_data.astype(np.float32)
-    
-    temp_file = tempfile.NamedTemporaryFile(delete=False, suffix=".flac")
-    sf.write(temp_file, audio_data, sample_rate, format='FLAC')
-    return temp_file.name
-
-
-# 模拟歌曲生成函数
-def generate_song(lyric, description=None, prompt_audio=None, genre=None, cfg_coef=None, temperature=0.1, top_k=-1, gen_type="mixed", progress=gr.Progress(track_tqdm=True)):
-    global MODEL
-    global STRUCTS
-    params = {'cfg_coef':cfg_coef, 'temperature':temperature, 'top_k':top_k}
-    params = {k:v for k,v in params.items() if v is not None}
-    vocal_structs = ['[verse]', '[chorus]', '[bridge]']
-    sample_rate = MODEL.cfg.sample_rate
-    
-    # format lyric
-    lyric = lyric.replace("[intro]", "[intro-short]").replace("[inst]", "[inst-short]").replace("[outro]", "[outro-short]")
-    paragraphs = [p.strip() for p in lyric.strip().split('\n\n') if p.strip()]
-    if len(paragraphs) < 1:
-        return None, json.dumps("Lyrics can not be left blank")
-    paragraphs_norm = []
-    vocal_flag = False
-    for para in paragraphs:
-        lines = para.splitlines()
-        struct_tag = lines[0].strip().lower()
-        if struct_tag not in STRUCTS:
-            return None, json.dumps(f"Segments should start with a structure tag in {STRUCTS}")
-        if struct_tag in vocal_structs:
-            vocal_flag = True
-            if len(lines) < 2 or not [line.strip() for line in lines[1:] if line.strip()]:
-                return None, json.dumps("The following segments require lyrics: [verse], [chorus], [bridge]")
-            else:
-                new_para_list = []
-                for line in lines[1:]:
-                    new_para_list.append(re.sub(r"[^\w\s\[\]\-\u4e00-\u9fff\u3040-\u309f\u30a0-\u30ff\uac00-\ud7af\u00c0-\u017f]", "", line))
-                new_para_str = f"{struct_tag} {'.'.join(new_para_list)}"
-        else:
-            if len(lines) > 1:
-                return None, json.dumps("The following segments should not contain lyrics: [intro], [intro-short], [intro-medium], [inst], [inst-short], [inst-medium], [outro], [outro-short], [outro-medium]")
-            else:
-                new_para_str = struct_tag
-        paragraphs_norm.append(new_para_str)
-    if not vocal_flag:
-        return None, json.dumps(f"The lyric must contain at least one of the following structures: {vocal_structs}")
-    lyric_norm = " ; ".join(paragraphs_norm)
-
-    # format prompt 
-    if prompt_audio is not None:
-        genre = None
-        description = None
-    elif description is not None and description != "":
-        genre = None
-
-    progress(0.0, "Start Generation")
-    start = time.time()
-    
-    audio_data = MODEL(lyric_norm, description, prompt_audio, genre, op.join(APP_DIR, "tools/new_prompt.pt"), gen_type, params).cpu().permute(1, 0).float().numpy()
-
-    end = time.time()
-    
-    # 创建输入配置的JSON
-    input_config = {
-        "lyric": lyric_norm,
-        "genre": genre,
-        "prompt_audio": prompt_audio,
-        "description": description,
-        "params": params,
-        "inference_duration": end - start,
-        "timestamp": datetime.now().isoformat(),
-    }
-    
-    filepath = save_as_flac(sample_rate, audio_data)
-    return filepath, json.dumps(input_config, indent=2)
-
-
-# 创建Gradio界面
-with gr.Blocks(title="SongGeneration Demo Space") as demo:
-    gr.Markdown("# 🎵 SongGeneration Demo Space")
-    gr.Markdown("Demo interface for the song generation model. Provide a lyrics, and optionally an audio or text prompt, to generate a custom song. The code is in [GIT](https://github.com/tencent-ailab/SongGeneration)")
-    
-    with gr.Row():
-        with gr.Column():
-            lyric = gr.Textbox(
-                label="Lyrics",
-                lines=5,
-                max_lines=15,
-                value=EXAMPLE_LYRICS,
-                info="Each paragraph represents a segment starting with a structure tag and ending with a blank line, each line is a sentence without punctuation, segments [intro], [inst], [outro] should not contain lyrics, while [verse], [chorus], and [bridge] require lyrics.",
-                placeholder="""Lyric Format
-'''
-[structure tag]
-lyrics
-
-[structure tag]
-lyrics
-'''
-1. One paragraph represents one segments, starting with a structure tag and ending with a blank line
-2. One line represents one sentence, punctuation is not recommended inside the sentence
-3. The following segments should not contain lyrics: [intro-short], [intro-medium], [inst-short], [inst-medium], [outro-short], [outro-medium]
-4. The following segments require lyrics: [verse], [chorus], [bridge]
-"""
-            )
-
-            with gr.Tabs(elem_id="extra-tabs"):
-                with gr.Tab("Genre Select"):
-                    genre = gr.Radio(
-                        choices=["Auto", "Pop", "R&B", "Dance", "Jazz", "Folk", "Rock", "Chinese Style", "Chinese Tradition", "Metal", "Reggae", "Chinese Opera"],
-                        label="Genre Select(Optional)",
-                        value="Auto",
-                        interactive=True,
-                        elem_id="single-select-radio"
-                    )
-                with gr.Tab("Audio Prompt"):
-                    prompt_audio = gr.Audio(
-                        label="Prompt Audio (Optional)",
-                        type="filepath",
-                        elem_id="audio-prompt"
-                    )
-                with gr.Tab("Text Prompt"):
-                    gr.Markdown("For detailed usage, please refer to [here](https://github.com/tencent-ailab/SongGeneration?tab=readme-ov-file#-description-input-format)")
-                    description = gr.Textbox(
-                        label="Song Description (Optional)",
-                        info="Describe the gender, timbre, genre, emotion, instrument and bpm of the song. Only English is supported currently.​",
-                        placeholder="female, dark, pop, sad, piano and drums, the bpm is 125.",
-                        lines=1,
-                        max_lines=2
-                    )
-
-            with gr.Accordion("Advanced Config", open=False):
-                cfg_coef = gr.Slider(
-                    label="CFG Coefficient",
-                    minimum=0.1,
-                    maximum=3.0,
-                    step=0.1,
-                    value=1.5,
-                    interactive=True,
-                    elem_id="cfg-coef",
-                )
-                temperature = gr.Slider(
-                    label="Temperature",
-                    minimum=0.1,
-                    maximum=2.0,
-                    step=0.1,
-                    value=0.8,
-                    interactive=True,
-                    elem_id="temperature",
-                )
-                # top_k = gr.Slider(
-                #     label="Top-K",
-                #     minimum=1,
-                #     maximum=100,
-                #     step=1,
-                #     value=50,
-                #     interactive=True,
-                #     elem_id="top_k",
-                # )
-            with gr.Row():
-                generate_btn = gr.Button("Generate Song", variant="primary")
-                generate_bgm_btn = gr.Button("Generate Pure Music", variant="primary")
-        
-        with gr.Column():
-            output_audio = gr.Audio(label="Generated Song", type="filepath")
-            output_json = gr.JSON(label="Generated Info")
-    
-        # # 示例按钮
-        # examples = gr.Examples(
-        #     examples=[
-        #         ["male, bright, rock, happy, electric guitar and drums, the bpm is 150."],
-        #         ["female, warm, jazz, romantic, synthesizer and piano, the bpm is 100."]
-        #     ],
-        #     inputs=[description],
-        #     label="Text Prompt examples"
-        # )
-
-        # examples = gr.Examples(
-        #     examples=[
-        #     "[intro-medium]\n\n[verse]\n在这个疯狂的世界里\n谁不渴望一点改变\n在爱情面前\n我们都显得那么不安全\n你紧紧抱着我\n告诉我再靠近一点\n别让这璀璨的夜晚白白浪费\n我那迷茫的眼睛\n看不见未来的路\n在情感消散之前\n我们对爱的渴望永不熄灭\n你给我留下一句誓言\n想知道我们的爱是否能持续到永远\n[chorus]\n\n约定在那最后的夜晚\n不管命运如何摆布\n我们的心是否依然如初\n我会穿上红衬衫\n带着摇滚的激情\n回到我们初遇的地方\n约定在那最后的夜晚\n就算全世界都变了样\n我依然坚守诺言\n铭记这一天\n你永远是我心中的爱恋\n\n[outro-medium]\n",
-        #     "[intro-short]\n\n[verse]\nThrough emerald canyons where fireflies dwell\nCerulean berries kiss morning's first swell\nCrystalline dew crowns each Vitamin Dawn's confection dissolves slowly on me\nAmbrosia breezes through honeycomb vines\nNature's own candy in Fibonacci lines\n[chorus] Blueberry fruit so sweet\n takes you higher\n can't be beat\n In your lungs\n it starts to swell\n You're under its spell\n [verse] Resin of sunlight in candied retreat\nMarmalade moonbeams melt under bare feet\nNectar spirals bloom chloroplast champagne\nPhotosynthesis sings through my veins\nChlorophyll rhythms pulse warm in my blood\nThe forest's green pharmacy floods every bud[chorus] Blueberry fruit so sweet\n takes you higher\n can't be beat\n In your lungs\n it starts to swell\n You're under its spell\n feel the buzz\n ride the wave\n Limey me\n blueberry\n your mind's enslaved\n In the haze\n lose all time\n floating free\n feeling fine\n Blueberry\n fruit so sweet\n takes you higher\n can't be beat\n In your lungs\n it starts to swell\n cry\n You're under its spell\n\n[outro-short]\n",
-        #     ],
-        #     inputs=[lyric],
-        #     label="Lyrics examples",
-        # )
-    
-    # 生成按钮点击事件
-    generate_btn.click(
-        fn=generate_song,
-        inputs=[lyric, description, prompt_audio, genre, cfg_coef, temperature, gr.State(50)],
-        outputs=[output_audio, output_json]
-    )
-    generate_bgm_btn.click(
-        fn=generate_song,
-        inputs=[lyric, description, prompt_audio, genre, cfg_coef, temperature, gr.State(50), gr.State("bgm")],
-        outputs=[output_audio, output_json]
-    )
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sentiment Analysis - Hugging Face Spaces</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            padding: 20px;
+        }
+        
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 20px;
+            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+            overflow: hidden;
+        }
+        
+        .header {
+            background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
+            color: white;
+            padding: 30px;
+            text-align: center;
+        }
+        
+        .header h1 {
+            font-size: 2.5rem;
+            margin-bottom: 10px;
+        }
+        
+        .header p {
+            font-size: 1.1rem;
+            opacity: 0.9;
+        }
+        
+        .anycoder-link {
+            color: #ffd700;
+            text-decoration: none;
+            font-weight: bold;
+            transition: transform 0.2s;
+            display: inline-block;
+            margin-top: 10px;
+        }
+        
+        .anycoder-link:hover {
+            transform: scale(1.05);
+        }
+        
+        .content {
+            padding: 40px;
+        }
+        
+        .input-section {
+            margin-bottom: 30px;
+        }
+        
+        label {
+            display: block;
+            margin-bottom: 10px;
+            font-weight: 600;
+            color: #333;
+        }
+        
+        textarea {
+            width: 100%;
+            padding: 15px;
+            border: 2px solid #e0e0e0;
+            border-radius: 10px;
+            font-size: 1rem;
+            resize: vertical;
+            min-height: 120px;
+            transition: border-color 0.3s;
+        }
+        
+        textarea:focus {
+            outline: none;
+            border-color: #667eea;
+        }
+        
+        .analyze-btn {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            border: none;
+            padding: 15px 40px;
+            font-size: 1.1rem;
+            font-weight: 600;
+            border-radius: 50px;
+            cursor: pointer;
+            transition: transform 0.2s, box-shadow 0.2s;
+            display: block;
+            margin: 20px auto;
+        }
+        
+        .analyze-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
+        }
+        
+        .analyze-btn:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+            transform: none;
+        }
+        
+        .result-section {
+            display: none;
+            padding: 25px;
+            background: #f8f9fa;
+            border-radius: 15px;
+            margin-top: 20px;
+        }
+        
+        .result-section.show {
+            display: block;
+            animation: fadeIn 0.5s;
+        }
+        
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(20px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+        
+        .result-text {
+            font-size: 1.1rem;
+            color: #555;
+            margin-bottom: 15px;
+            font-style: italic;
+        }
+        
+        .sentiment-badge {
+            display: inline-block;
+            padding: 10px 20px;
+            border-radius: 25px;
+            font-weight: 600;
+            font-size: 1.1rem;
+        }
+        
+        .sentiment-positive {
+            background: #d4edda;
+            color: #155724;
+        }
+        
+        .sentiment-negative {
+            background: #f8d7da;
+            color: #721c24;
+        }
+        
+        .confidence {
+            margin-top: 15px;
+            font-size: 1rem;
+            color: #666;
+        }
+        
+        .emoji {
+            font-size: 2rem;
+            margin-left: 10px;
+            vertical-align: middle;
+        }
+        
+        .error {
+            background: #f8d7da;
+            color: #721c24;
+            padding: 15px;
+            border-radius: 10px;
+            margin-top: 20px;
+            display: none;
+        }
+        
+        .error.show {
+            display: block;
+        }
+        
+        .loading {
+            display: none;
+            text-align: center;
+            margin: 20px 0;
+        }
+        
+        .loading.show {
+            display: block;
+        }
+        
+        .spinner {
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid #667eea;
+            border-radius: 50%;
+            width: 40px;
+            height: 40px;
+            animation: spin 1s linear infinite;
+            margin: 0 auto;
+        }
+        
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🤖 Sentiment Analysis</h1>
+            <p>Analyze the sentiment of your text using AI</p>
+            <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="anycoder-link">
+                Built with anycoder
+            </a>
+        </div>
+        
+        <div class="content">
+            <div class="input-section">
+                <label for="textInput">Enter your text:</label>
+                <textarea id="textInput" placeholder="Type or paste your text here to analyze its sentiment..."></textarea>
+                <button class="analyze-btn" onclick="analyzeText()">Analyze Sentiment</button>
+            </div>
+            
+            <div class="loading" id="loading">
+                <div class="spinner"></div>
+                <p style="margin-top: 10px; color: #666;">Analyzing...</p>
+            </div>
+            
+            <div class="result-section" id="resultSection">
+                <p class="result-text" id="resultText"></p>
+                <div>
+                    <span class="sentiment-badge" id="sentimentBadge"></span>
+                    <span class="emoji" id="emoji"></span>
+                </div>
+                <div class="confidence" id="confidence"></div>
+            </div>
+            
+            <div class="error" id="errorSection"></div>
+        </div>
+    </div>
     
-
-# 启动应用
-if __name__ == "__main__":
-    torch.set_num_threads(1)
-    demo.launch(server_name="0.0.0.0", server_port=7860)
-
+    <script>
+        async function analyzeText() {
+            const text = document.getElementById('textInput').value.trim();
+            const resultSection = document.getElementById('resultSection');
+            const errorSection = document.getElementById('errorSection');
+            const loading = document.getElementById('loading');
+            const analyzeBtn = document.querySelector('.analyze-btn');
+            
+            if (!text) {
+                showError('Please enter some text to analyze');
+                return;
+            }
+            
+            // Hide previous results and errors
+            resultSection.classList.remove('show');
+            errorSection.classList.remove('show');
+            
+            // Show loading
+            loading.classList.add('show');
+            analyzeBtn.disabled = true;
+            
+            try {
+                const response = await fetch('/analyze', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ text: text })
+                });
+                
+                const data = await response.json();
+                
+                if (!response.ok) {
+                    throw new Error(data.error || 'Analysis failed');
+                }
+                
+                // Show results
+                document.getElementById('resultText').textContent = `"${data.text}"`;
+                const sentimentBadge = document.getElementById('sentimentBadge');
+                sentimentBadge.textContent = data.sentiment;
+                sentimentBadge.className = `sentiment-badge sentiment-${data.sentiment.toLowerCase()}`;
+                document.getElementById('emoji').textContent = data.emoji;
+                document.getElementById('confidence').textContent = `Confidence: ${data.confidence}%`;
+                
+                resultSection.classList.add('show');
+                
+            } catch (error) {
+                showError(error.message);
+            } finally {
+                loading.classList.remove('show');
+                analyzeBtn.disabled = false;
+            }
+        }
+        
+        function showError(message) {
+            const errorSection = document.getElementById('errorSection');
+            errorSection.textContent = message;
+            errorSection.classList.add('show');
+        }
+        
+        // Allow Enter key to analyze (Shift+Enter for new line)
+        document.getElementById('textInput').addEventListener('keydown', function(e) {
+            if (e.key === 'Enter' && !e.shiftKey) {
+                e.preventDefault();
+                analyzeText();
+            }
+        });
+    </script>
+</body>
+</html>