Update app.py

app.py

@@ -3,66 +3,72 @@ import random
 from datetime import datetime, timedelta, timezone
 from PIL import Image, ImageDraw, ImageFont
 import io
+import os
 
-# 12名の聖職者リスト
 members = ["かほ", "さや", "こず", "るり", "めぐ", "つづ", "ぎん", "すず", "ひめ", "せら", "いず", "さち"]
 
-# フォント設定（日本語フォントがない場合はデフォルトを使用）
-try:
-    font_path = "/usr/share/fonts/truetype/noto/NotoSansJP-Regular.otf" 
-    font_title = ImageFont.truetype(font_path, 36)
-    font_pair = ImageFont.truetype(font_path, 60)
-except:
-    font_title = ImageFont.load_default()
-    font_pair = ImageFont.load_default()
+def get_font(size):
+    """環境内の日本語フォントを探して読み込む"""
+    # Hugging FaceのDebian環境で一般的な日本語フォントパスのリスト
+    font_paths = [
+        "/usr/share/fonts/truetype/noto/NotoSansJP-Regular.otf",
+        "/usr/share/fonts/opentype/noto/NotoSansCJK-Regular.ttc",
+        "/usr/share/fonts/truetype/fonts-japanese-gothic.ttf"
+    ]
+    
+    for path in font_paths:
+        if os.path.exists(path):
+            return ImageFont.truetype(path, size)
+    
+    # 見つからない場合はデフォルト（ただし日本語は化ける可能性あり）
+    return ImageFont.load_default()
 
 def generate_oracle_image(pair_name):
-    # 画像作成 (1000x500, 白背景)
+    # 画像作成
     img = Image.new('RGB', (1000, 500), color=(255, 255, 255))
     d = ImageDraw.Draw(img)
-    # 聖典らしい太い外枠
+    
+    # 枠線
     d.rectangle([20, 20, 980, 480], outline=(0, 0, 0), width=12)
+    
+    # フォント取得
+    font_t = get_font(40)
+    font_p = get_font(80)
+    
     # テキスト描画
-    d.text((500, 160), "本日の神託", fill=(0, 0, 0), font=font_title, anchor="mm")
-    d.text((500, 320), pair_name, fill=(0, 0, 0), font=font_pair, anchor="mm")
+    d.text((500, 160), "本日の神託", fill=(0, 0, 0), font=font_t, anchor="mm")
+    d.text((500, 320), pair_name, fill=(0, 0, 0), font=font_p, anchor="mm")
+    
     return img
 
 def get_personal_daily_oracle(device_id):
     seed_base = device_id if device_id else str(random.random())
     jst = timezone(timedelta(hours=9))
     today_str = datetime.now(jst).strftime("%Y-%m-%d")
-    
     random.seed(f"{seed_base}_{today_str}")
     
     selected = random.sample(members, 2)
     random.shuffle(selected)
     pair_name = f"{selected[0]}{selected[1]}"
     
-    # 画像生成
     img_result = generate_oracle_image(pair_name)
-    
-    # ペア名を隠し要素として渡すためのHTML（Bluesky投稿用）
     pair_raw_html = f"<div id='pair-raw' style='display:none;'>{pair_name}</div>"
     
     return pair_raw_html, img_result, "これにより、不毛なカップリング論争は終結しました。", gr.update(visible=True), gr.update(visible=True)
 
-# JS: 状態チェック
+# --- 以下、JS・CSS・Blocks構成は前回と同様 ---
 js_logic = """
 function(deviceId) {
     const lastDraw = localStorage.getItem('lastOracleDate');
     const today = new Date().toLocaleDateString('ja-JP');
-
     if (lastDraw === today) {
         alert("本日の神託は既に下されています。\\n明日の更新まで、今の思想を維持しなさい。");
-        // Python側の処理をスキップさせるため、入力を空にするなどの制御はGradio側で行う
-        // ここではフラグチェックのみ
     } 
     localStorage.setItem('lastOracleDate', today);
     return [null, null, null, null, null];
 }
 """
 
-# JS: Bluesky投稿（隠しHTMLからペア名を取得）
 js_share_bluesky = """
 function() {
     const pairRawEl = document.getElementById('pair-raw');
@@ -76,79 +82,27 @@ function() {
 
 custom_css = """
 .gradio-container { max-width: 600px !important; text-align: center !important; }
-
-.center-content { 
-    display: flex !important; 
-    flex-direction: column !important; 
-    align-items: center !important; 
-    padding-top: 40px !important; 
-}
-
+.center-content { display: flex !important; flex-direction: column !important; align-items: center !important; padding-top: 40px !important; }
 h1 { margin-top: 0px !important; margin-bottom: -5px !important; font-size: 32px !important; }
-
-#doctrine { 
-    font-size: 1.5em !important; 
-    line-height: 1.4 !important; 
-    font-weight: bold !important;
-    margin-bottom: -5px !important; 
-}
-
-/* 画像表示エリアのスタイル */
-#result-img { 
-    border: none !important; 
-    margin: 0px auto -5px auto !important;
-    background: transparent !important;
-}
-#result-img img { 
-    border: 4px solid #000 !important; 
-    max-width: 100% !important;
-}
-
-#peace-msg { 
-    font-size: 20px !important; 
-    font-weight: bold !important; 
-    color: #d63031 !important; 
-    margin: 0px auto -5px auto !important; 
-}
-
-.action-btn { 
-    font-size: 26px !important; 
-    font-weight: bold !important; 
-    height: 70px !important; 
-    width: 320px !important; 
-    border: 2px solid #000 !important; 
-}
-
+#doctrine { font-size: 1.5em !important; line-height: 1.4 !important; font-weight: bold !important; margin-bottom: -5px !important; }
+#result-img { border: none !important; margin: 0px auto -5px auto !important; background: transparent !important; }
+#result-img img { border: 4px solid #000 !important; max-width: 100% !important; }
+#peace-msg { font-size: 20px !important; font-weight: bold !important; color: #d63031 !important; margin: 0px auto -5px auto !important; }
+.action-btn { font-size: 26px !important; font-weight: bold !important; height: 70px !important; width: 320px !important; border: 2px solid #000 !important; }
 #draw-btn { margin: 0px auto -5px auto !important; }
 #share-btn { margin: 0px auto 10px auto !important; }
 """
 
 with gr.Blocks(title="蓮ノ空聖書正典") as demo:
     device_id_storage = gr.State()
-
-    demo.load(None, None, device_id_storage, js="""
-    () => {
-        let id = localStorage.getItem('cp_oracle_device_id');
-        if(!id) {
-            id = Math.random().toString(36).substring(2, 15);
-            localStorage.setItem('cp_oracle_device_id', id);
-        }
-        return id;
-    }
-    """)
+    demo.load(None, None, device_id_storage, js="() => { let id = localStorage.getItem('cp_oracle_device_id'); if(!id){ id = Math.random().toString(36).substring(2, 15); localStorage.setItem('cp_oracle_device_id', id); } return id; }")
 
     with gr.Column(elem_classes="center-content"):
         gr.Markdown("# ⚖️ 蓮ノ空聖書正典")
         gr.Markdown("日付が変わるまであなたの思想は<br>統一されます。", elem_id="doctrine")
-        
-        # 非表示のペア名保持用
         pair_raw_display = gr.HTML(visible=False)
-        
-        # 結果画像
         result_image = gr.Image(label=None, elem_id="result-img", visible=False, type="pil", interactive=False)
-        
         peace_display = gr.Markdown(elem_id="peace-msg")
-        
         draw_btn = gr.Button("神託を受ける", variant="primary", elem_id="draw-btn", elem_classes="action-btn")
         share_btn = gr.Button("信仰を広める", variant="secondary", elem_id="share-btn", elem_classes="action-btn", visible=False)
 
@@ -158,7 +112,6 @@ with gr.Blocks(title="蓮ノ空聖書正典") as demo:
         outputs=[pair_raw_display, result_image, peace_display, share_btn, result_image],
         js=js_logic
     )
-
     share_btn.click(fn=None, inputs=None, outputs=None, js=js_share_bluesky)
 
 if __name__ == "__main__":