Update app.py

app.py

@@ -6,24 +6,41 @@ import io
 
 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)
+except:
+    # フォントが見つからない場合のフォールバック
+    font_title = ImageFont.load_default()
+    font_pair = ImageFont.load_default()
+
 def generate_oracle_image(pair_name):
-    # 画像作成 (600x400, 白背景)
-    img = Image.new('RGB', (600, 400), color=(255, 255, 255))
+    """
+    ペア名から神託画像を生成し、PIL Imageオブジェクトとして返す。
+    Pillowによる描画は非常に高速で、サーバー負荷は軽微です。
+    """
+    # 画像作成 (OGPを意識した1200x630サイズ、白背景)
+    img = Image.new('RGB', (1200, 630), color=(255, 255, 255))
     d = ImageDraw.Draw(img)
     
     # 枠線
-    d.rectangle([10, 10, 590, 390], outline=(0, 0, 0), width=8)
+    d.rectangle([20, 20, 1180, 610], outline=(0, 0, 0), width=10)
     
-    # 描画（デフォルトフォントを使用）
-    d.text((300, 140), "本日の神託", fill=(0, 0, 0), anchor="mm")
-    d.text((300, 260), pair_name, fill=(0, 0, 0), anchor="mm")
+    # テキスト描画（中央揃え）
+    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")
     
     return img
 
 def get_personal_daily_oracle(device_id):
-    seed_base = device_id if device_id else "default_fate"
+    # 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)
@@ -36,25 +53,31 @@ def get_personal_daily_oracle(device_id):
         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
 
+# 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) {
         alert("本日の神託は既に下されています。\\n明日の更新まで、今の思想を維持しなさい。");
+        # 2回目以降は画像出力をnullにする（負荷ゼロ）
         return [lastPair, "これにより、不毛なカップリング論争は終結しました。", { "visible": true, "__type__": "update" }, { "visible": true, "__type__": "update" }, null];
     } 
+    
     localStorage.setItem('lastOracleDate', today);
     return [null, null, null, null, null];
 }
 """
 
+# JS: 結果の保存
 js_save_result = """
 function(oracleHtml, peaceMsg, shareBtn, resultBox, img) {
     if (oracleHtml && oracleHtml.includes("本日の神託")) {
@@ -63,12 +86,22 @@ function(oracleHtml, peaceMsg, shareBtn, resultBox, img) {
 }
 """
 
+# JS: Bluesky投稿
 js_share_bluesky = """
 function() {
     const pairRawEl = document.getElementById('pair-raw');
-    let pairName = pairRawEl ? pairRawEl.innerText : "運命";
+    let pairName = "";
+    
+    if (pairRawEl) {
+        pairName = pairRawEl.innerText;
+    } else {
+        const lastPair = localStorage.getItem('lastPairText') || "";
+        const match = lastPair.match(/>([^<]{4,})<\\/div>$/);
+        pairName = match ? match[1] : "運命";
+    }
+
     const currentUrl = window.location.href;
-    const text = `私は「${pairName}」を信仰しています。\\n\\n画像をクリックして保存し、添付して広めなさい。\\n\\n蓮ノ空聖書正典：${currentUrl}`;
+    const text = `私は「${pairName}」を信仰しています。\\n\\n画像（神託の証）を保存して投稿に添付しなさい。\\n\\n蓮ノ空聖書正典：${currentUrl}`;
     const intentUrl = `https://bsky.app/intent/compose?text=${encodeURIComponent(text)}`;
     window.open(intentUrl, '_blank');
 }
@@ -76,41 +109,24 @@ 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; }
-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; }
-#oracle-box { color: #000 !important; background: #fff !important; border: 4px solid #000 !important; padding: 25px 10px !important; min-height: 130px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin: 0px auto -5px auto !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; }
-#result-img { max-width: 300px !important; margin: 10px auto !important; border: 1px solid #ccc; }
-"""
-
-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; }")
 
-    with gr.Column(elem_classes="center-content"):
-        gr.Markdown("# ⚖️ 蓮ノ空聖書正典")
-        gr.Markdown("日付が変わるまであなたの思想は<br>統一されます。", elem_id="doctrine")
-        
-        result_display = gr.HTML(elem_id="oracle-box", visible=False)
-        result_image = gr.Image(label="神託の証（保存して投稿に添付してください）", elem_id="result-img", visible=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)
+/* 最上部の空白 */
+.center-content { 
+    display: flex !important; 
+    flex-direction: column !important; 
+    align-items: center !important; 
+    padding-top: 35px !important; 
+}
 
-    draw_btn.click(
-        fn=get_personal_daily_oracle,
-        inputs=[device_id_storage],
-        outputs=[result_display, peace_display, share_btn, result_display, 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)
+h1 { margin-top: 0px !important; margin-bottom: -5px !important; font-size: 32px !important; }
 
-    share_btn.click(fn=None, inputs=None, outputs=None, js=js_share_bluesky)
+/* 教義 */
+#doctrine { 
+    font-size: 1.5em !important; 
+    line-height: 1.4 !important; 
+    font-weight: bold !important;
+    margin-bottom: -5px !important; 
+}
 
-if __name__ == "__main__":
-    # CSSとテーマをlaunchに移動
-    demo.launch(css=custom_css, theme=gr.themes.Monochrome())
+/* 結果表示ボックス */
+#oracle-box {