Update app.py

app.py

@@ -3,25 +3,31 @@ from deep_translator import GoogleTranslator
 from gtts import gTTS
 import pykakasi
 import os
-import webbrowser
-from datetime import datetime
 
 # 버전 정보
-__version__ = "1.7.20"  # 변경 사항에 따라 버전 갱신
+__version__ = "1.8.10"
 
-# Kakasi 설정 (로마자 변환)
+# Kakasi 인스턴스 생성 및 설정
 kakasi = pykakasi.kakasi()
-conv = kakasi.convert
 
-# 로마자 변환 함수
-def to_romaji(japanese_text):
-    result = conv(japanese_text)
-    romaji = ''.join([item['hepburn'] for item in result])
-    return romaji
-
-# 검색 및 결과 출력 함수
-def search_and_update_history(keyword):
-    result, japanese_keyword = search(keyword)
+def convert_text(japanese_text, conversion_type):
+    if conversion_type == "히라가나":
+        kakasi.setMode("H", "H")  # 히라가나 유지
+        kakasi.setMode("K", "H")  # 가타카나를 히라가나로 변환
+        kakasi.setMode("J", "H")  # 한자를 히라가나로 변환
+    elif conversion_type == "가타카나":
+        kakasi.setMode("H", "K")  # 히라가나를 가타카나로 변환
+        kakasi.setMode("K", "K")  # 가타카나 유지
+        kakasi.setMode("J", "K")  # 한자를 가타카나로 변환
+    else:  # 기본 또는 한자
+        return japanese_text  # 변환 없이 그대로 반환
+
+    converter = kakasi.getConverter()
+    converted = converter.do(japanese_text)
+    return converted
+
+def search_and_update_history(keyword, conversion_type):
+    result, japanese_keyword = search(keyword, conversion_type)
 
     if japanese_keyword:
         audio_path = generate_audio_file(japanese_keyword)
@@ -29,25 +35,24 @@ def search_and_update_history(keyword):
     else:
         return result, gr.update(visible=False)
 
-# 검색 함수
-def search(keyword):
+def search(keyword, conversion_type):
     try:
         translator = GoogleTranslator(source='ko', target='ja')
         japanese_keyword = translator.translate(keyword)
+
+        converted_keyword = convert_text(japanese_keyword, conversion_type)
         
-        url = f"https://www.irasutoya.com/search?q={japanese_keyword}"
-        romaji = to_romaji(japanese_keyword)
+        url = f"https://www.irasutoya.com/search?q={converted_keyword}"
         result_text = (
             f"**검색어:** {keyword}\n"
-            f"**일본어 번역:** {japanese_keyword} ({romaji})\n"
-            f"<a href='{url}' target='_blank'>검색 결과 보기 (새 탭에서 열기)</a>\n\n"
-            f"**안내:** 로마자 표기와 음성은 실제 발음과 다를 수 있습니다."
+            f"**일본어 번역 ({conversion_type}):** {converted_keyword}\n"
+            f"[검색 결과 보기]({url})\n\n"
+            f"**안내:** 선택한 변환 유형에 따라 검색 결과가 달라질 수 있습니다."
         )
-        return result_text, japanese_keyword
+        return result_text, converted_keyword
     except Exception as e:
         return f"번역 중 오류가 발생했습니다: {e}", None
 
-# 일본어 음성 생성 함수
 def generate_audio_file(japanese_text):
     try:
         tts = gTTS(japanese_text, lang='ja')
@@ -57,101 +62,53 @@ def generate_audio_file(japanese_text):
     except Exception as e:
         return None
 
-# Gradio 인터페이스 설정
+def clear_inputs():
+    return "", "", gr.update(visible=False)
+
 with gr.Blocks(css="""
-    .container {
-        max-width: 50%;  /* 기본 가로 폭 절반 */
+    #container {
+        width: 50%;
         margin: auto;
-        padding: 10px;
-    }
-    .input-box {
-        width: 100%;  /* 기본 가로 길이 */
-        height: auto; /* 높이를 자동으로 설정 */
-        padding: 12px 20px; /* 패딩 추가 */
-        border: 2px solid #ddd;
-        border-radius: 4px;
-        font-size: 18px;
-        box-sizing: border-box;
-    }
-    .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;
     }
-    button.btn-large {
-        font-size: 16px;
-        padding: 10px 20px;
-        border-radius: 4px;
-        margin-top: 10px;
-        cursor: pointer;
+    #search_button, #clear_button {
         width: 100%;
-        box-sizing: border-box;
-        border: none;
     }
-    button.btn-search {
-        background-color: #28a745;  /* 초록색 버튼 */
-        color: white;
-    }
-    button.btn-clear {
-        background-color: #dc3545;  /* 빨간색 버튼 */
-        color: white;
-    }
-    .creator-info {
-        font-size: 12px; 
-        color: #7f8c8d;
-        text-align: center;
-        margin-top: 20px;
-    }
-    @media (max-width: 768px) {
-        .container {
-            max-width: 100%;  /* 모바일에서는 전체 가로 폭 사용 */
-        }
-        .input-box {
-            width: 100%;  /* 모바일에서 가로 길이 100% */
-        }
-    }
-    """) 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)  # 음성 파일을 재생하는 컴포넌트
+""") as demo:
+    with gr.Column(elem_id="container"):
+        gr.Markdown(f"## Irasutoya 한글 검색기 - 버전 {__version__}")
+
+        keyword_input = gr.Textbox(label="한글 검색어 입력", placeholder="한글로 검색어를 입력하세요", elem_id="keyword_input")
+        conversion_type = gr.Radio(
+            label="변환 유형 선택",
+            choices=["기본", "히라가나", "가타카나", "한자"],
+            value="기본",
+            elem_id="conversion_type"
+        )
+        search_button = gr.Button("검색", elem_id="search_button")
+        clear_button = gr.Button("지우기", elem_id="clear_button")
+    
+        result_output = gr.Markdown()
+        play_audio = gr.Audio(visible=False, label="일본어 발음 듣기")
 
-        search_button.click(
+        # 엔터키로 검색 실행 추가
+        keyword_input.submit(
             fn=search_and_update_history,
-            inputs=[keyword_input],
+            inputs=[keyword_input, conversion_type],
             outputs=[result_output, play_audio],
         )
-        
-        keyword_input.submit(
+
+        search_button.click(
             fn=search_and_update_history,
-            inputs=[keyword_input],
+            inputs=[keyword_input, conversion_type],
             outputs=[result_output, play_audio],
         )
-        
+
         clear_button.click(
-            fn=lambda: ("", "", gr.update(visible=False)),
+            fn=clear_inputs,
             outputs=[keyword_input, result_output, play_audio],
         )
 
-        # 안내 문구 추가
+        # 안내 문구를 UI 내부로 이동
         gr.Markdown("""
         **✨ 이라스토야(Irasutoya.com)** 는 일본의 일러스트레이터 미즈타니 타카시(Takashi Mizutani)가 운영하는 무료 일러스트 사이트입니다.  
         귀엽고 단순한 스타일의 일러스트를 웹사이트, 블로그, 프레젠테이션, 인쇄물 등에 사용할 수 있으며, 일본 내에서 널리 사용되고 있습니다.
@@ -170,14 +127,14 @@ with gr.Blocks(css="""
         - 검색된 이미지의 사용 조건은 이라스토야의 규정을 따르시기 바랍니다.
         """)
 
-        # 제작자 정보 섹션 추가
         gr.Markdown("""
         <div style="text-align: center;">
             <a href="https://litt.ly/goverse" target="_blank" style="color: #2980b9; text-decoration: underline;">고버스에게 피드백하기</a>
         </div>
         """)
-        
-        gr.Markdown("제작자: 고버스TV", elem_classes="creator-info")
+
+        gr.Markdown("<p style='text-align: center;'>제작자: 고버스TV</p>")
 
 # 앱 실행
-demo.launch(share=False)
+if __name__ == "__main__":
+    demo.launch(share=False)