Update app.py

app.py

@@ -4,39 +4,30 @@ from datetime import datetime, timedelta, timezone
 from PIL import Image, ImageDraw, ImageFont
 import io
 
+# 12名の聖職者リスト
 members = ["かほ", "さや", "こず", "るり", "めぐ", "つづ", "ぎん", "すず", "ひめ", "せら", "いず", "さち"]
 
-# 都度フォントを読み込む負荷を避けるため、グローバルで保持
+# フォント設定（日本語フォントがない場合はデフォルトを使用）
 try:
-    # 適切な日本語フォントのパスを指定してください（例: NotoSansJP）
     font_path = "/usr/share/fonts/truetype/noto/NotoSansJP-Regular.otf" 
-    font_title = ImageFont.truetype(font_path, 32)
-    font_pair = ImageFont.truetype(font_path, 54)
+    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 generate_oracle_image(pair_name):
-    """
-    ペア名から神託画像を生成し、PIL Imageオブジェクトとして返す。
-    Pillowによる描画は非常に高速で、サーバー負荷は軽微です。
-    """
-    # 画像作成 (OGPを意識した1200x630サイズ、白背景)
-    img = Image.new('RGB', (1200, 630), color=(255, 255, 255))
+    # 画像作成 (1000x500, 白背景)
+    img = Image.new('RGB', (1000, 500), color=(255, 255, 255))
     d = ImageDraw.Draw(img)
-    
-    # 枠線
-    d.rectangle([20, 20, 1180, 610], outline=(0, 0, 0), width=10)
-    
-    # テキスト描画（中央揃え）
-    d.text((600, 220), "本日の神託", fill=(0, 0, 0), font=font_title, anchor="mm")
-    d.text((600, 380), pair_name, fill=(0, 0, 0), font=font_pair, anchor="mm")
-    
+    # 聖典らしい太い外枠
+    d.rectangle([20, 20, 980, 480], outline=(0, 0, 0), width=12)
+    # テキスト描画
+    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")
     return img
 
 def get_personal_daily_oracle(device_id):
-    # 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")
@@ -47,59 +38,35 @@ def get_personal_daily_oracle(device_id):
     random.shuffle(selected)
     pair_name = f"{selected[0]}{selected[1]}"
     
-    oracle_html = (
-        f"<div id='pair-raw' style='display:none;'>{pair_name}</div>"
-        f"<div style='font-size: 38px; font-weight: normal; margin-bottom: 2px;'>本日の神託</div>"
-        f"<div style='font-size: 52px; font-weight: 900; letter-spacing: 2px;'>{pair_name}</div>"
-    )
-    
-    # 画像をその場で生成
+    # 画像生成
     img_result = generate_oracle_image(pair_name)
     
-    # [神託HTML, メッセージ, ボタン表示, 枠表示, 画像データ]
-    return oracle_html, "これにより、不毛なカップリング論争は終結しました。", gr.update(visible=True), gr.update(visible=True), img_result
+    # ペア名を隠し要素として渡すための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: 状態チェック
 js_logic = """
 function(deviceId) {
     const lastDraw = localStorage.getItem('lastOracleDate');
-    const lastPair = localStorage.getItem('lastPairText');
     const today = new Date().toLocaleDateString('ja-JP');
 
-    if (lastDraw === today && lastPair) {
+    if (lastDraw === today) {
         alert("本日の神託は既に下されています。\\n明日の更新まで、今の思想を維持しなさい。");
-        # 2回目以降は画像出力をnullにする（負荷ゼロ）
-        return [lastPair, "これにより、不毛なカップリング論争は終結しました。", { "visible": true, "__type__": "update" }, { "visible": true, "__type__": "update" }, null];
+        // Python側の処理をスキップさせるため、入力を空にするなどの制御はGradio側で行う
+        // ここではフラグチェックのみ
     } 
-    
     localStorage.setItem('lastOracleDate', today);
     return [null, null, null, null, null];
 }
 """
 
-# JS: 結果の保存
-js_save_result = """
-function(oracleHtml, peaceMsg, shareBtn, resultBox, img) {
-    if (oracleHtml && oracleHtml.includes("本日の神託")) {
-        localStorage.setItem('lastPairText', oracleHtml);
-    }
-}
-"""
-
-# JS: Bluesky投稿
+# JS: Bluesky投稿（隠しHTMLからペア名を取得）
 js_share_bluesky = """
 function() {
     const pairRawEl = document.getElementById('pair-raw');
-    let pairName = "";
-    
-    if (pairRawEl) {
-        pairName = pairRawEl.innerText;
-    } else {
-        const lastPair = localStorage.getItem('lastPairText') || "";
-        const match = lastPair.match(/>([^<]{4,})<\\/div>$/);
-        pairName = match ? match[1] : "運命";
-    }
-
+    const pairName = pairRawEl ? pairRawEl.innerText : "運命";
     const currentUrl = window.location.href;
     const text = `私は「${pairName}」を信仰しています。\\n\\n画像（神託の証）を保存して投稿に添付しなさい。\\n\\n蓮ノ空聖書正典：${currentUrl}`;
     const intentUrl = `https://bsky.app/intent/compose?text=${encodeURIComponent(text)}`;
@@ -110,17 +77,15 @@ 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: 35px !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; 
@@ -128,22 +93,16 @@ h1 { margin-top: 0px !important; margin-bottom: -5px !important; font-size: 32px
     margin-bottom: -5px !important; 
 }
 
-/* 結果表示ボックス */
-#oracle-box {
-    color: #000 !important;
-    background: #fff !important;
-    border: 4px solid #000 !important;
-    padding: 25px 10px !important;
-    line-height: 1.1 !important;
-    min-height: 130px !important;
-    display: flex !important;
-    flex-direction: column !important;
-    justify-content: center !important;
-    margin: 0px auto -5px auto !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;
 }
-
-/* 生成された画像 */
-#result-img { max-width: 400px !important; margin: 10px auto -5px auto !important; border: 1px solid #ccc; }
 
 #peace-msg { 
     font-size: 20px !important; 
@@ -152,7 +111,6 @@ h1 { margin-top: 0px !important; margin-bottom: -5px !important; font-size: 32px
     margin: 0px auto -5px auto !important; 
 }
 
-/* ボタン共通 */
 .action-btn { 
     font-size: 26px !important; 
     font-weight: bold !important; 
@@ -183,10 +141,11 @@ with gr.Blocks(title="蓮ノ空聖書正典") as demo:
         gr.Markdown("# ⚖️ 蓮ノ空聖書正典")
         gr.Markdown("日付が変わるまであなたの思想は<br>統一されます。", elem_id="doctrine")
         
-        result_display = gr.HTML(elem_id="oracle-box", visible=False)
+        # 非表示のペア名保持用
+        pair_raw_display = gr.HTML(visible=False)
         
-        # 案1：画像出力（負荷軽減のため、初回描画時のみ生成）
-        result_image = gr.Image(label="神託の証（保存して投稿に添付してください）", elem_id="result-img", visible=False, type="pil")
+        # 結果画像
+        result_image = gr.Image(label=None, elem_id="result-img", visible=False, type="pil", interactive=False)
         
         peace_display = gr.Markdown(elem_id="peace-msg")
         
@@ -196,17 +155,11 @@ with gr.Blocks(title="蓮ノ空聖書正典") as demo:
     draw_btn.click(
         fn=get_personal_daily_oracle,
         inputs=[device_id_storage],
-        outputs=[result_display, peace_display, share_btn, result_display, result_image],
+        outputs=[pair_raw_display, result_image, peace_display, share_btn, result_image],
         js=js_logic
-    ).then(
-        fn=None,
-        inputs=[result_display, peace_display, share_btn, result_display, result_image],
-        outputs=None,
-        js=js_save_result
     )
 
     share_btn.click(fn=None, inputs=None, outputs=None, js=js_share_bluesky)
 
 if __name__ == "__main__":
-    # Gradio最新版対応
     demo.launch(css=custom_css, theme=gr.themes.Monochrome())