app.py

import gradio as gr
import os

# CSS 스타일 정의
css_style = """
footer { 
    visibility: hidden; 
}
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f9;
}
h4 {
    color: #333;
}
iframe {
    border: 2px solid #007bff;
    border-radius: 8px;
    width: 100%;
    height: 700px;
}
.gr-column {
    padding: 10px;
    width: 100%; /* 전체 너비 사용 */
    max-width: 1200px; /* 최대 너비 설정 */
    margin: 0 auto; /* 가운데 정렬 */
}
/* '코드' 포함 결과에 대한 스타일 */
.code-result {
    background-color: black;
    color: white;
    padding: 10px;
    border-radius: 8px;
    position: relative;
    font-size: 2em; /* 폰트 크기 2배 증가 */
}
/* Copy 버튼 스타일 */
.copy-button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background-color: #007bff;
    color: white;
}
"""

# 환경 변수에서 URL 불러오기
cburl = "https://www.chatbase.co/chatbot-iframe/100-daum-net-eurma-q2o"

# 입력된 텍스트를 처리하는 함수
def process_result(input_text):
    # HTML을 반환하는 로직. '코드' 포함 여부에 따라 다른 결과 반환
    if "코드" in input_text:
        return f"""<div class="code-result">{input_text}
                <button class="copy-button" data-text="{input_text}" onclick="navigator.clipboard.writeText(this.getAttribute('data-text'));">Copy</button>
               </div>"""
    else:
        return input_text

def app():
    with gr.Blocks(css=css_style) as demo:
        with gr.Row():
            # 비밀 URL 사용
            gr.HTML(value=f'<iframe src="{cburl}"></iframe>')

        # 입력 필드와 결과 출력 설정
        input_text = gr.Textbox(label="메모", placeholder="메모를 여기에 입력하세요")  # 레이블 변경
        result = gr.HTML()
        input_text.change(fn=process_result, inputs=[input_text], outputs=[result])
    
    return demo

demo = app()
demo.launch(auth=("arxiv", "gpt"))