import gradio as gr
import torch
import whisper

from PIL import Image

import os
MY_SECRET_TOKEN=os.environ.get('HF_TOKEN_SD')

from diffusers import StableDiffusionPipeline

### ————————————————————————————————————————

title="Whisper to Stable Diffusion"

### ————————————————————————————————————————

whisper_model = whisper.load_model("small")

device = torch.device("cuda:0" if torch.cuda.is_available() else "cpu")

pipe = StableDiffusionPipeline.from_pretrained("CompVis/stable-diffusion-v1-4", use_auth_token=MY_SECRET_TOKEN)
pipe.to(device)

### ————————————————————————————————————————

def magic_whisper_to_sd(audio, guidance_scale, nb_iterations, seed):
    
    whisper_results = translate(audio)
    prompt = whisper_results[2]
    images = diffuse(prompt, guidance_scale, nb_iterations, seed)
    
    return whisper_results[0], whisper_results[1], whisper_results[2], images
    
def diffuse(prompt, guidance_scale, nb_iterations, seed):
    
    generator = torch.Generator(device=device).manual_seed(int(seed))
    
    print("""
    —
    Sending prompt to Stable Diffusion ... 
    —
    """)
    print("prompt: " + prompt)
    print("guidance scale: " + str(guidance_scale))
    print("inference steps: " + str(nb_iterations))
    print("seed: " + str(seed))
    
    images_list = pipe(
            [prompt] * 2, 
            guidance_scale=guidance_scale,
            num_inference_steps=nb_iterations, 
            generator=generator
        )
    
    images = []
    safe_image = Image.open(r"unsafe.png")
    
    for i, image in enumerate(images_list["sample"]):
        if(images_list["nsfw_content_detected"][i]):
            images.append(safe_image)
        else:
            images.append(image)
    
    print("Stable Diffusion has finished")
    print("———————————————————————————————————————————")
    
    return images

def translate(audio):
    print("""
    —
    Sending audio to Whisper ...
    —
    """)
    audio = whisper.load_audio(audio)
    audio = whisper.pad_or_trim(audio)
    
    mel = whisper.log_mel_spectrogram(audio).to(whisper_model.device)
    
    _, probs = whisper_model.detect_language(mel)
    
    transcript_options = whisper.DecodingOptions(task="transcribe", fp16 = False)
    translate_options = whisper.DecodingOptions(task="translate", fp16 = False)
    
    transcription = whisper.decode(whisper_model, mel, transcript_options)
    translation = whisper.decode(whisper_model, mel, translate_options)
    
    print("language spoken: " + transcription.language)
    print("transcript: " + transcription.text)
    print("———————————————————————————————————————————")  
    print("translated: " + translation.text)
        
    return transcription.language, transcription.text, translation.text

### ————————————————————————————————————————

css = """
        .container {
            max-width: 1280px;
            margin: auto;
            padding-top: 1.5rem;
        }
        a {
            text-decoration: underline;
        }
        h1 {
            font-weight: 900; 
            margin-bottom: 7px;
            text-align: center;
            font-size: 2em;
            margin-bottom: 1em;
        }
        #w2sd_container{
            margin-top: 20px;
        }
        .footer {
            margin-bottom: 45px;
            margin-top: 35px;
            text-align: center;
            border-bottom: 1px solid #e5e5e5;
        }
        .footer>p {
            font-size: .8rem;
            display: inline-block;
            padding: 0 10px;
            transform: translateY(10px);
            background: white;
        }
        .dark .footer {
            border-color: #303030;
        }
        .dark .footer>p {
            background: #0b0f19;
        }
        .tabitem {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }
        #record_tab, #upload_tab {
            font-size: 1.2em;
        }
        #record_btn{
            
        }
        #record_btn > div > button > span {
            width: 2.375rem;
            height: 2.375rem;
        }
        #record_btn > div > button > span > span {
            width: 2.375rem;
            height: 2.375rem;
        }
        audio {
            margin-bottom: 10px;
        }
        div#record_btn > .mt-6{
            margin-top: 0!important;
        }
        div#record_btn > .mt-6 button {
            font-size: 2em;
            width: 100%;
            padding: 20px;
            height: 160px;
        }
        div#record_btn > .mt-6 button:hover {
            background-color: #525e70;
        }
        div#upload_area {
            height: 11.1rem;
        }
        div#upload_area > div.w-full > div {
            min-height: 9rem;
        }
        #check_btn_1, #check_btn_2{
            --tw-gradient-from: #4caf50;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #4caf50;
            border-color: #8bc34a;
        }
        #magic_btn_1, #magic_btn_2{
            --tw-gradient-from: #f44336;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #ff9800;
            border-color: #ff9800;
        }
        input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
            -webkit-appearance: none;
        }
        input[type=number] {
            -moz-appearance: textfield;
        }
        input[type=range] {
            -webkit-appearance: none;
            cursor: pointer;
            height: 1px;
        }
        input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 0.5em;
            height: 1.2em;
            border-radius: 10px;
            background: currentColor;
        }
        input[type=range]::-moz-range-thumb{
            width: 0.5em;
            height: 1.2em;
            border-radius: 10px;
            background: currentColor;
        }
        div#spoken_lang textarea {
            font-size: 4em;
            line-height: 1em;
            text-align: center;
        }
        div#transcripted {
            flex: 4;
        }
        div#translated textarea {
            font-size: 1.5em;
            line-height: 1.25em;
        }
        #sd_settings {
            margin-bottom: 20px;
        }
        #diffuse_btn {
            font-size: 1em;
            margin-bottom: 20px;
            --tw-gradient-from: #4caf50;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #4caf50;
            border-color: #8bc34a;
        }
        #notice {
            padding: 20px 14px 10px;
            display: flex;
            align-content: space-evenly;
            gap: 20px;
            line-height: 1em;
            font-size: .8em;
            border: 1px solid #374151;
            border-radius: 10px;
        }
        #about {
            padding: 20px;
        }
        #notice > div {
            flex: 1;
        }
        
"""   

### ————————————————————————————————————————
 
with gr.Blocks(css=css) as demo:
    gr.HTML('''
        <h1>
            Whisper to Stable Diffusion
        </h1>
        <p style='text-align: center;'>
            Ask stable diffusion for images by speaking (or singing 🤗) in your native language ! Try it in French 😉
        </p>
        
        <p style='text-align: center;'>
            This demo is running on 🐢 CPU • Offered by Sylvain <a href='https://twitter.com/fffiloni' target='_blank'>@fffiloni</a> • <img id='visitor-badge' alt='visitor badge' src='https://visitor-badge.glitch.me/badge?page_id=gradio-blocks.whisper-to-stable-diffusion' style='display: inline-block' /><br />
            —         
        </p>

    ''')
    with gr.Row(elem_id="w2sd_container"):
        with gr.Column():
        
            gr.Markdown(
                """
                 
                ## 1. Record audio or Upload an audio file:
                """
            )
            
            with gr.Tab(label="Record audio input", elem_id="record_tab"):
                with gr.Column():
                    record_input = gr.Audio(
                                        source="microphone",
                                        type="filepath", 
                                        show_label=False,
                                        elem_id="record_btn"
                                    )
                    with gr.Row():
                        audio_r_translate = gr.Button("Check Whisper first ? 👍", elem_id="check_btn_1")              
                        audio_r_direct_sd = gr.Button("Magic Whisper › SD right now!", elem_id="magic_btn_1")
            
            with gr.Tab(label="Upload audio input", elem_id="upload_tab"):
                with gr.Column():
                    upload_input = gr.Audio(
                                        source="upload",
                                        type="filepath",
                                        show_label=False,
                                        elem_id="upload_area"
                                    )
                    with gr.Row():
                        audio_u_translate = gr.Button("Check Whisper first ? 👍", elem_id="check_btn_2")              
                        audio_u_direct_sd = gr.Button("Magic Whisper › SD right now!", elem_id="magic_btn_2")
            
            with gr.Accordion(label="Stable Diffusion Settings", elem_id="sd_settings"):
                with gr.Row():
                    guidance_scale = gr.Slider(2, 15, value = 7, label = 'Guidance Scale')
                    nb_iterations = gr.Slider(10, 50, value = 25, step = 1, label = 'Steps')
                    seed = gr.Slider(label = "Seed", minimum = 0, maximum = 2147483647, step = 1, randomize = True)
            
            gr.Markdown(
                """
                ## 2. Check Whisper output, correct it if necessary:
                """
            )
            
            with gr.Row():
                
                transcripted_output = gr.Textbox(
                                        label="Transcription in your detected spoken language", 
                                        lines=3,
                                        elem_id="transcripted"
                                    )
                language_detected_output = gr.Textbox(label="Native language", elem_id="spoken_lang",lines=3)
                
            with gr.Column():
                translated_output = gr.Textbox(
                                        label="Transcript translated in English by Whisper", 
                                        lines=4,
                                        elem_id="translated"
                                    )
                with gr.Row():
                    clear_btn = gr.Button(value="Clear")
                    diffuse_btn = gr.Button(value="OK, Diffuse this prompt !", elem_id="diffuse_btn")
                    
                    clear_btn.click(fn=lambda value: gr.update(value=""), inputs=clear_btn, outputs=translated_output)
        
            
            
            
                
        with gr.Column():
            
            
                
            gr.Markdown("""
                ## 3. Wait for Stable Diffusion Results ☕️
                Inference time is about ~5-10 minutes, when it's your turn 😬
                """
                ) 
            sd_output = gr.Gallery().style(grid=2, height="auto")
            
            
            
            gr.Markdown("""
                ### 📌 About the models
                <p style='font-size: 1em;line-height: 1.5em;'>   
                <strong>Whisper</strong> is a general-purpose speech recognition model.<br /><br />
                It is trained on a large dataset of diverse audio and is also a multi-task model that can perform multilingual speech recognition as well as speech translation and language identification. <br />
                —
                </p>
                <p style='font-size: 1em;line-height: 1.5em;'>
                <strong>Stable Diffusion</strong> is a state of the art text-to-image model that generates images from text.
                </p>
                <div id="notice">
                    <div>
                    LICENSE 
                    <p style='font-size: 0.8em;'> 
                    The model is licensed with a <a href="https://huggingface.co/spaces/CompVis/stable-diffusion-license" target="_blank">CreativeML Open RAIL-M</a> license.</p>
                    <p style='font-size: 0.8em;'>  
                    The authors claim no rights on the outputs you generate, you are free to use them and are accountable for their use which must not go against the provisions set in this license.</p>
                    <p style='font-size: 0.8em;'>  
                    The license forbids you from sharing any content that violates any laws, produce any harm to a person, disseminate any personal information that would be meant for harm, spread misinformation and target vulnerable groups.</p>
                    <p style='font-size: 0.8em;'>  
                    For the full list of restrictions please <a href="https://huggingface.co/spaces/CompVis/stable-diffusion-license" target="_blank" target="_blank">read the license</a>.
                     </p>
                     </div>
                     <div>
                     Biases and content acknowledgment
                     <p style='font-size: 0.8em;'>
                     Despite how impressive being able to turn text into image is, beware to the fact that this model may output content that reinforces or exacerbates societal biases, as well as realistic faces, pornography and violence.</p>
                    <p style='font-size: 0.8em;'>  
                    The model was trained on the <a href="https://laion.ai/blog/laion-5b/" target="_blank">LAION-5B dataset</a>, which scraped non-curated image-text-pairs from the internet (the exception being the removal of illegal content) and is meant for research purposes.</p>
                    <p style='font-size: 0.8em;'>  You can read more in the <a href="https://huggingface.co/CompVis/stable-diffusion-v1-4" target="_blank">model card</a>.
                     </p>
                     </div>
                 </div>
    
            """, elem_id="about")
            
        audio_r_translate.click(translate, 
                                inputs = record_input, 
                                outputs = [
                                    language_detected_output,
                                    transcripted_output,
                                    translated_output
                                ])
        
        audio_u_translate.click(translate,
                                inputs = upload_input, 
                                outputs = [
                                    language_detected_output,
                                    transcripted_output,
                                    translated_output
                                ]) 
        
        audio_r_direct_sd.click(magic_whisper_to_sd, 
                                inputs = [
                                    record_input, 
                                    guidance_scale, 
                                    nb_iterations, 
                                    seed
                                ], 
                                outputs = [
                                    language_detected_output,
                                    transcripted_output,
                                    translated_output,
                                    sd_output
                                ])
        
        audio_u_direct_sd.click(magic_whisper_to_sd, 
                                inputs = [
                                    upload_input,
                                    guidance_scale,
                                    nb_iterations,
                                    seed
                                ], 
                                outputs = [
                                    language_detected_output,
                                    transcripted_output,
                                    translated_output,
                                    sd_output
                                ])
        
        diffuse_btn.click(diffuse, 
                              inputs = [
                                  translated_output,
                                  guidance_scale,
                                  nb_iterations,
                                  seed
                              ], 
                              outputs = sd_output
                          )
    gr.HTML('''
            <div class="footer">
                <p>Whisper by <a href="https://github.com/openai/whisper" target="_blank">OpenAI</a> - Stable Diffusion by <a href="https://huggingface.co/CompVis" target="_blank">CompVis</a> and <a href="https://huggingface.co/stabilityai"  target="_blank">Stability AI</a>
                </p>
            </div>
            ''')
        
    
if __name__ == "__main__":
    demo.launch()