Update app.py

app.py

@@ -1,11 +1,12 @@
-import gradio as gr
+import os
+import json
 import numpy as np
 import librosa
-from transformers import pipeline
 from datetime import datetime
-import os
+from flask import Flask, send_from_directory, render_template
+import gradio as gr
+from transformers import pipeline
 import requests
-import json
 from dotenv import load_dotenv
 
 # 환경변수 로드
@@ -31,6 +32,26 @@ ONCHEON_STORY = """
 온천천 온천장역에서 장전역까지 걸으며 더 깊은 체험이 가능합니다.
 """
 
+# Flask 앱 초기화
+app = Flask(__name__)
+
+# 환경변수 로드
+load_dotenv()
+
+# Flask 라우트
+@app.route('/static/<path:path>')
+def serve_static(path):
+    return send_from_directory('static', path)
+
+@app.route('/assets/<path:path>')
+def serve_assets(path):
+    return send_from_directory('assets', path)
+
+@app.route('/wishes/<path:path>')
+def serve_wishes(path):
+    return send_from_directory('data/wishes', path)
+
+
 class SimpleDB:
     def __init__(self, reflections_path="data/reflections.json", wishes_path="data/wishes.json"):
         self.reflections_path = reflections_path
@@ -349,6 +370,188 @@ def generate_image_from_prompt(prompt):
     except Exception as e:
         print(f"Error generating image: {str(e)}")
         return None
+        
+def create_pwa_files():
+    """PWA 필요 파일들 생성"""
+    # manifest.json 생성
+    manifest_path = 'static/manifest.json'
+    if not os.path.exists(manifest_path):
+        manifest_data = {
+            "name": "디지털 굿판",
+            "short_name": "디지털 굿판",
+            "description": "현대 도시 속 디지털 의례 공간",
+            "start_url": "/",
+            "display": "standalone",
+            "background_color": "#ffffff",
+            "theme_color": "#000000",
+            "orientation": "portrait",
+            "icons": [
+                {
+                    "src": "/static/icons/icon-72x72.png",
+                    "sizes": "72x72",
+                    "type": "image/png",
+                    "purpose": "any maskable"
+                },
+                {
+                    "src": "/static/icons/icon-96x96.png",
+                    "sizes": "96x96",
+                    "type": "image/png",
+                    "purpose": "any maskable"
+                },
+                {
+                    "src": "/static/icons/icon-128x128.png",
+                    "sizes": "128x128",
+                    "type": "image/png",
+                    "purpose": "any maskable"
+                },
+                {
+                    "src": "/static/icons/icon-144x144.png",
+                    "sizes": "144x144",
+                    "type": "image/png",
+                    "purpose": "any maskable"
+                },
+                {
+                    "src": "/static/icons/icon-152x152.png",
+                    "sizes": "152x152",
+                    "type": "image/png",
+                    "purpose": "any maskable"
+                },
+                {
+                    "src": "/static/icons/icon-192x192.png",
+                    "sizes": "192x192",
+                    "type": "image/png",
+                    "purpose": "any maskable"
+                },
+                {
+                    "src": "/static/icons/icon-384x384.png",
+                    "sizes": "384x384",
+                    "type": "image/png",
+                    "purpose": "any maskable"
+                },
+                {
+                    "src": "/static/icons/icon-512x512.png",
+                    "sizes": "512x512",
+                    "type": "image/png",
+                    "purpose": "any maskable"
+                }
+            ]
+        }
+        with open(manifest_path, 'w', encoding='utf-8') as f:
+            json.dump(manifest_data, f, ensure_ascii=False, indent=2)
+
+    # service-worker.js 생성
+    sw_path = 'static/service-worker.js'
+    if not os.path.exists(sw_path):
+        with open(sw_path, 'w', encoding='utf-8') as f:
+            f.write('''
+// 캐시 이름 설정
+const CACHE_NAME = 'digital-gutpan-v1';
+
+// 캐시할 파일 목록
+const urlsToCache = [
+  '/',
+  '/static/icons/icon-72x72.png',
+  '/static/icons/icon-96x96.png',
+  '/static/icons/icon-128x128.png',
+  '/static/icons/icon-144x144.png',
+  '/static/icons/icon-152x152.png',
+  '/static/icons/icon-192x192.png',
+  '/static/icons/icon-384x384.png',
+  '/static/icons/icon-512x512.png',
+  '/assets/main_music.mp3'
+];
+
+// 서비스 워커 설치 시
+self.addEventListener('install', event => {
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then(cache => cache.addAll(urlsToCache))
+      .then(() => self.skipWaiting())
+  );
+});
+
+// 서비스 워커 활성화 시
+self.addEventListener('activate', event => {
+  event.waitUntil(
+    caches.keys().then(cacheNames => {
+      return Promise.all(
+        cacheNames.map(cacheName => {
+          if (cacheName !== CACHE_NAME) {
+            return caches.delete(cacheName);
+          }
+        })
+      );
+    }).then(() => self.clients.claim())
+  );
+});
+
+// 네트워크 요청 처리
+self.addEventListener('fetch', event => {
+  event.respondWith(
+    caches.match(event.request)
+      .then(response => {
+        if (response) {
+          return response;
+        }
+        return fetch(event.request);
+      })
+  );
+});
+            '''.strip())
+
+    # index.html 파일에 화면 꺼짐 방지 스크립트 추가
+    index_path = 'templates/index.html'
+    if not os.path.exists(index_path):
+        with open(index_path, 'w', encoding='utf-8') as f:
+            f.write('''<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>디지털 굿판</title>
+    <link rel="manifest" href="/manifest.json">
+    <meta name="theme-color" content="#000000">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta name="apple-mobile-web-app-title" content="디지털 굿판">
+    <link rel="apple-touch-icon" href="/static/icons/icon-152x152.png">
+    <script>
+        // 화면 꺼짐 방지
+        async function preventSleep() {
+            try {
+                if ('wakeLock' in navigator) {
+                    const wakeLock = await navigator.wakeLock.request('screen');
+                    console.log('화면 켜짐 유지 활성화');
+                    
+                    document.addEventListener('visibilitychange', async () => {
+                        if (document.visibilityState === 'visible') {
+                            await preventSleep();
+                        }
+                    });
+                }
+            } catch (err) {
+                console.log('화면 켜짐 유지 실패:', err);
+            }
+        }
+
+        // 서비스 워커 등록
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', async () => {
+                try {
+                    const registration = await navigator.serviceWorker.register('/service-worker.js');
+                    console.log('ServiceWorker 등록 성공:', registration.scope);
+                    await preventSleep();
+                } catch (err) {
+                    console.log('ServiceWorker 등록 실패:', err);
+                }
+            });
+        }
+    </script>
+</head>
+<body>
+    <div id="gradio-app"></div>
+</body>
+</html>''')
 
 def safe_state_update(state, updates):
     try: