Update app.py

app.py

@@ -1,105 +1,149 @@
 import gradio as gr
+from deep_translator import GoogleTranslator
+from gtts import gTTS
+import pykakasi
+import os
 import webbrowser
-from datetime import datetime
 
-# 글로벌 변수 초기화
-search_history = []  # 검색 기록을 저장하기 위한 리스트
+# 현재 버전 정보
+__version__ = "1.6.1"
 
-# 검색 함수 정의
-def search_and_update_history(keyword):
-    if not keyword:
-        return "검색어를 입력하세요.", ""
-
-    # 일본어로 번역된 키워드 생성 (이 부분은 실제 번역 API 사용 또는 대체 로직으로 수정 가능)
-    japanese_keyword = keyword  # 이 부분은 단순화된 예시입니다.
-    url = f"https://www.irasutoya.com/search?q={japanese_keyword}"
-    
-    # 검색 기록 저장
-    save_search_history(keyword, japanese_keyword, url)
-    
-    # 결과 반환
-    return f"검색어: {keyword}\n일본어: {japanese_keyword}\n\n[일러스트 보러가기]({url})", url
-
-# 검색 기록 저장 함수
-def save_search_history(keyword, japanese_keyword, url):
-    timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
-    search_history.append((timestamp, keyword, japanese_keyword, url))
-
-# 검색 기록 조회 함수
-def load_search_history():
-    return [f"{record[0]} - {record[1]}: {record[2]} (링크: {record[3]})" for record in search_history]
-
-# 검색 기록 재검색 함수
-def replay_history(selected_item):
-    if not selected_item:
-        return "검색 기록을 선택하세요.", ""
-    keyword = selected_item.split(" - ")[1].split(":")[0]
-    return search_and_update_history(keyword)
-
-# 안내 문구 추가
-def get_info_text():
-    return """
-    **이라스토야(Irasutoya.com)**는 일본의 일러스트레이터인 미즈타니 타카시(Takashi Mizutani)가 운영하는 무료 일러스트 사이트입니다.
-    이 사이트는 귀엽고 단순한 스타일의 일러스트를 제공하며, 주로 웹사이트, 프레젠테이션, 블로그 포스트, 인쇄물 등에서 사용될 수 있는 다양한 주제의 이미지를 다운로드할 수 있습니다.
-    이라스토야의 일러스트는 특히 일본 내에서 널리 사용되고 있으며, 공공기관, 기업, 개인 블로그 등 다양한 곳에서 쉽게 볼 수 있습니다.
-
-    **주의 사항:** 이 사이트는 단순히 검색이 편하도록 일본어로 번역해서 전달하는 기능 외에는 다른 기능이 없습니다.
-    
-    - **사용 방법**:
-        1. 검색 창에 한글로 키워드를 입력합니다.
-        2. 검색 버튼을 클릭합니다.
-        3. 자동으로 일본어로 번역된 검색어로 이라스토야 사이트가 열리며, 원하는 애니메이션 이미지를 다운로드할 수 있습니다.
-    
-    **저작권 안내**:
-    개인, 법인, 상업적 사용 모두 무료로 제공됩니다. 단, 저작물당 20개까지 가능하며, 21점부터는 유료로 사용해야 합니다.
-    저작권 표기 의무는 없으며, 자유롭게 편집 가공이 가능합니다.
-    
-    **일본어 학습**:
-    일본어 발음 듣기 기능을 통해 간단히 일본어 공부도 가능합니다!
-    """
+# Kakasi 설정 (로마자 변환)
+kakasi = pykakasi.kakasi()
+conv = kakasi.convert
 
-# Gradio 인터페이스 빌드
-with gr.Blocks() as app:
-    # UI 요소 배치
-    with gr.Row():
-        gr.Markdown("# Irasutoya 한글 검색기")
+# 로마자 변환 함수
+def to_romaji(japanese_text):
+    result = conv(japanese_text)
+    romaji = ''.join([item['hepburn'] for item in result])
+    return romaji
 
-    with gr.Row():
-        keyword_input = gr.Textbox(placeholder="한글로 검색어를 입력하세요.")
-        search_button = gr.Button("검색")
-
-    result_output = gr.Markdown()
-    history_output = gr.Dropdown(label="검색 기록", choices=[])
-    history_button = gr.Button("검색 기록 재검색")
-
-    # 안내 문구 추가
-    with gr.Row():
-        gr.Markdown(get_info_text())
-
-    with gr.Row():
-        support_button = gr.Button("고버스 후원하기")
-        support_button.click(lambda: webbrowser.open("https://litt.ly/goverse"))
-
-    # 검색 버튼 클릭 이벤트 처리
-    search_button.click(
-        search_and_update_history, 
-        inputs=[keyword_input], 
-        outputs=[result_output]
-    )
-
-    # 검색 기록 드롭다운 업데이트
-    search_button.click(
-        load_search_history,
-        inputs=[],
-        outputs=[history_output]
-    )
-
-    # 검색 기록 선택시 재검색
-    history_button.click(
-        replay_history, 
-        inputs=[history_output], 
-        outputs=[result_output]
-    )
+# 검색 및 결과 출력 함수
+def search_and_update_history(keyword):
+    result, japanese_keyword = search(keyword)
+
+    if japanese_keyword:
+        audio_path = generate_audio_file(japanese_keyword)
+        return result, gr.update(value=audio_path, visible=True)
+    else:
+        return result, gr.update(visible=False)
+
+# 검색 함수
+def search(keyword):
+    try:
+        translator = GoogleTranslator(source='ko', target='ja')
+        japanese_keyword = translator.translate(keyword)
+        
+        url = f"https://www.irasutoya.com/search?q={japanese_keyword}"
+        romaji = to_romaji(japanese_keyword)
+        result_text = (
+            f"**검색어:** {keyword}\n"
+            f"**일본어 번역:** {japanese_keyword} ({romaji})\n"
+            f"<a href='{url}' target='_blank'>검색 결과 보기 (새 탭에서 열기)</a>\n\n"
+            f"**안내:** 로마자 표기와 음성은 실제 발음과 다를 수 있습니다."
+        )
+        return result_text, japanese_keyword
+    except Exception as e:
+        return f"번역 중 오류가 발생했습니다: {e}", None
+
+# 일본어 음성 생성 함수
+def generate_audio_file(japanese_text):
+    try:
+        tts = gTTS(japanese_text, lang='ja')
+        file_path = "japanese_audio.mp3"
+        tts.save(file_path)
+        return file_path
+    except Exception as e:
+        return None
+
+# Gradio 인터페이스 설정
+with gr.Blocks(css="""
+    .container {
+        max-width: 100%;
+        margin: auto;
+        padding: 10px;
+    }
+    .input-box {
+        padding: 10px;
+        border: 2px solid #ddd;
+        border-radius: 4px;
+        font-size: 16px;
+        width: 100%;
+    }
+    .result-output {
+        background-color: #fff; 
+        padding: 10px; 
+        border: 1px solid #ddd; 
+        border-radius: 4px;
+        font-size: 16px;
+        width: 100%;
+        margin-top: 15px;
+    }
+    .title {
+        font-size: 24px; 
+        font-weight: bold; 
+        color: #2C3E50; 
+        margin-bottom: 10px;
+        text-align: center;
+    }
+    .btn-large {
+        font-size: 16px;
+        padding: 8px;
+        border-radius: 4px;
+        width: 100%;
+        margin-top: 5px;
+    }
+    .btn-search {
+        background-color: #4CAF50;
+        color: white;
+    }
+    .btn-clear {
+        background-color: #f39c12;
+        color: white;
+    }
+    .creator-info {
+        font-size: 12px; 
+        color: #7f8c8d;
+        text-align: center;
+        margin-top: 20px;
+    }
+    """) as demo:
+
+    with gr.Column(elem_classes="container"):
+        gr.Markdown(f"## Irasutoya 한글 검색기 - 버전 {__version__}", elem_classes="title")
+
+        keyword_input = gr.Textbox(label="한글 검색어 입력", placeholder="한글로 검색어를 입력하세요", elem_classes="input-box")
+        search_button = gr.Button("검색", elem_classes="btn-large btn-search")
+        clear_button = gr.Button("지우기", elem_classes="btn-large btn-clear")
+        
+        result_output = gr.Markdown(elem_classes="result-output")
+        play_audio = gr.Audio(visible=False)  # 음성 파일을 재생하는 컴포넌트
+
+        search_button.click(
+            fn=search_and_update_history,
+            inputs=[keyword_input],
+            outputs=[result_output, play_audio],
+        )
+        
+        keyword_input.submit(
+            fn=search_and_update_history,
+            inputs=[keyword_input],
+            outputs=[result_output, play_audio],
+        )
+        
+        clear_button.click(
+            fn=lambda: ("", "", gr.update(visible=False)),
+            outputs=[keyword_input, result_output, play_audio],
+        )
+
+        # 제작자 정보 섹션 추가
+        gr.Markdown("""
+        <div style="text-align: center;">
+            <a href="https://litt.ly/goverse" target="_blank" style="color: #2980b9; text-decoration: underline;">고버스TV</a>
+        </div>
+        """)
+        
+        gr.Markdown("제작자: 고버스TV", elem_classes="creator-info")
 
 # 앱 실행
-app.launch()
+demo.launch(share=False)