Update app.py

app.py

@@ -14,18 +14,20 @@ st.markdown("""
     </style>
 """, unsafe_allow_html=True)
 
-# 2. 데이터 로드 (파일 분리)
+# 2. 데이터 로드 (places.json 파일이 같은 폴더에 있어야 합니다)
 try:
     with open('places.json', 'r', encoding='utf-8') as f:
         PLACE_DB = json.load(f)
 except FileNotFoundError:
-    st.error("🚨 'places.json' 파일을 찾을 수 없습니다. 같은 폴더에 넣어주세요!")
-    st.stop()
+    # 파일이 없을 경우를 대비한 비상용 더미 데이터 (에러 방지)
+    PLACE_DB = {
+        "South Korea 🇰🇷": [{"name": "Zest", "category": "Bar", "label": "🍸", "lat": 37.526, "lon": 127.040, "desc_ko": "데이터 파일을 확인해주세요.", "desc_en": "Check json file."}]
+    }
+    st.error("🚨 'places.json' 파일을 찾을 수 없습니다. V47.0 데이터를 저장해주세요!")
 
-# 데이터를 JSON 문자열로 변환 (자바스크립트용)
 db_json = json.dumps(PLACE_DB)
 
-# 4. HTML/JS 전체 코드 (Puter.js 엔진 탑재)
+# 3. HTML/JS 전체 코드
 html_code = f"""
 <!DOCTYPE html>
 <html>
@@ -157,13 +159,59 @@ html_code = f"""
         let selectedCountry = "";
         let selectedType = "All";
         let currentLang = "KO";
+        let loadingInterval = null;
+
+        // 🔥 Dynamic Loading Messages
+        const LOADING_MSGS = {{
+            "KO": [
+                "AI가 비행기 타고 이동 중... ✈️",
+                "목적지 공항에 도착했습니다... 🛬",
+                "현지 교통편으로 이동 중... 🚕",
+                "가게 문을 열고 들어갑니다... 🚪",
+                "주변 분위기를 스캔하는 중... 👀",
+                "시그니처 메뉴를 시음 중... 🍷",
+                "사장님과 인터뷰 중... 🗣️",
+                "취하기 전에 리포트 작성 중... 📝",
+                "거의 다 됐습니다! 🚀"
+            ],
+            "EN": [
+                "AI flying to the location... ✈️",
+                "Arrived at the airport... 🛬",
+                "Taking a taxi to the venue... 🚕",
+                "Entering the door... 🚪",
+                "Scanning the vibes... 👀",
+                "Tasting signature drinks... 🍷",
+                "Interviewing the bartender... 🗣️",
+                "Writing report before getting drunk... 📝",
+                "Almost ready! 🚀"
+            ],
+            "JP": [
+                "AIが飛行機で移動中... ✈️",
+                "現地に到着しました... 🛬",
+                "お店のドアを開けています... 🚪",
+                "雰囲気をスキャン中... 👀",
+                "シグネチャーを試飲中... 🍷",
+                "マスターとインタビュー中... 🗣️",
+                "酔う前にレポート作成中... 📝",
+                "もうすぐ完成します! 🚀"
+            ],
+            "CN": [
+                "AI正在飞往目的地... ✈️",
+                "已到达当地机场... 🛬",
+                "正在进入店铺... 🚪",
+                "正在扫描氛围... 👀",
+                "品尝招牌酒饮中... 🍷",
+                "正在采访调酒师... 🗣️",
+                "趁没醉赶紧写报告... 📝",
+                "马上就好! 🚀"
+            ]
+        }};
 
         const TRANSLATIONS = {{
             "KO": {{
                 "subtitle": "글로벌 주류 헤리티지 투어",
                 "filters": {{ "All": "전체", "Whiskey": "위스키", "Spirits": "증류주", "Beer": "맥주", "Wine": "와인", "Traditional": "전통주/토속주", "Bar": "바/펍" }},
                 "report_header": "여행 리포트",
-                "loader": "Puter AI가 리포트를<br>작성하고 있습니다...",
                 "gmap": "구글맵에서 길찾기",
                 "nmap": "네이버 지도에서 길찾기",
                 "cta": "AI 리뷰 보기 →",
@@ -173,7 +221,6 @@ html_code = f"""
                 "subtitle": "GLOBAL ALCOHOL HERITAGE TOUR",
                 "filters": {{ "All": "All", "Whiskey": "Whiskey", "Spirits": "Spirits", "Beer": "Beer", "Wine": "Wine", "Traditional": "Traditional", "Bar": "Bar" }},
                 "report_header": "TRAVEL REPORT",
-                "loader": "Puter AI is summarizing...",
                 "gmap": "Open in Google Maps",
                 "nmap": "Open in Naver Map",
                 "cta": "Read Review →",
@@ -183,7 +230,6 @@ html_code = f"""
                 "subtitle": "世界のお酒ヘリテージツアー",
                 "filters": {{ "All": "すべて", "Whiskey": "ウイスキー", "Spirits": "蒸留酒", "Beer": "ビール", "Wine": "ワイン", "Traditional": "伝統酒", "Bar": "バー" }},
                 "report_header": "旅行レポート",
-                "loader": "AIが要約中...",
                 "gmap": "Googleマップで開く",
                 "nmap": "Naverマップで開く",
                 "cta": "レビューを見る →",
@@ -193,7 +239,6 @@ html_code = f"""
                 "subtitle": "全球酒类遗产之旅",
                 "filters": {{ "All": "全部", "Whiskey": "威士忌", "Spirits": "烈酒", "Beer": "啤酒", "Wine": "葡萄酒", "Traditional": "传统酒", "Bar": "酒吧" }},
                 "report_header": "旅游报告",
-                "loader": "AI正在总结...",
                 "gmap": "在谷歌地图中打开",
                 "nmap": "在Naver地图中打开",
                 "cta": "查看评论 →",
@@ -203,7 +248,6 @@ html_code = f"""
 
         window.onload = function() {{
             initCountryDropdown();
-            // Default select
             const keys = Object.keys(PLACE_DB).sort();
             const defaultKey = keys.find(k => k.includes("Korea")) || keys[0];
             document.getElementById('country-select').value = defaultKey;
@@ -223,7 +267,6 @@ html_code = f"""
             const t = TRANSLATIONS[currentLang];
             document.getElementById('app-subtitle').innerText = t.subtitle;
             document.getElementById('report-header').innerText = t.report_header;
-            document.getElementById('loader-msg').innerHTML = t.loader;
             
             document.getElementById('filter-all').innerText = `🌐 ${{t.filters.All}}`;
             document.getElementById('filter-whiskey').innerText = `🥃 ${{t.filters.Whiskey}}`;
@@ -294,12 +337,14 @@ html_code = f"""
         async function openDetail(place) {{
             document.getElementById('main-page').style.transform = 'translateX(-30%)';
             document.getElementById('detail-page').style.transform = 'translateX(0%)';
-            document.getElementById('loader').style.display = 'flex';
+            
+            // Start Dynamic Loading
+            startLoadingAnimation();
 
             document.getElementById('repo-title').innerText = place.name;
             document.getElementById('repo-meta').innerText = `${{place.label}} • ${{selectedCountry}}`;
             
-            // 🔥 Map Logic: Korea -> Naver, Others -> Google
+            // Map Logic
             const btn = document.getElementById('gmap-link');
             const isKorea = selectedCountry.includes("Korea");
             const query = encodeURIComponent(place.name);
@@ -311,7 +356,7 @@ html_code = f"""
             }} else {{
                 btn.innerText = TRANSLATIONS[currentLang].gmap;
                 btn.classList.remove("naver");
-                btn.href = `https://www.google.com/maps/search/?api=1&query=$${{query}}%20${{selectedCountry}}`;
+                btn.href = `https://www.google.com/maps/search/?api=1&query=${{query}}%20${{selectedCountry}}`;
             }}
             
             document.getElementById('repo-content').innerHTML = "";
@@ -333,6 +378,27 @@ html_code = f"""
             await generatePuterReport(place, fallbackDesc);
         }}
 
+        function startLoadingAnimation() {{
+            const loader = document.getElementById('loader');
+            loader.style.display = 'flex';
+            
+            const msgs = LOADING_MSGS[currentLang];
+            let step = 0;
+            document.getElementById('loader-msg').innerText = msgs[0];
+            
+            if (loadingInterval) clearInterval(loadingInterval);
+            
+            loadingInterval = setInterval(() => {{
+                step = (step + 1) % msgs.length;
+                document.getElementById('loader-msg').innerText = msgs[step];
+            }}, 1500); // Change text every 1.5 seconds
+        }}
+
+        function stopLoadingAnimation() {{
+            if (loadingInterval) clearInterval(loadingInterval);
+            document.getElementById('loader').style.display = 'none';
+        }}
+
         async function generatePuterReport(place, fallbackDesc) {{
             let langFull = "Korean";
             if(currentLang === "EN") langFull = "English";
@@ -340,16 +406,18 @@ html_code = f"""
             if(currentLang === "CN") langFull = "Chinese";
 
             const prompt = `
-            You are a travel guide. Write a **concise 3-bullet point summary** about "${{place.name}}" in ${{selectedCountry}}.
-            1. History/Fact
-            2. Taste/Drink
-            3. Tip
+            Act as a travel expert. Write a detailed review about "${{place.name}}" in ${{selectedCountry}}.
+            Structure:
+            1. 📍 **Address**: (Find approximate address)
+            2. ⭐ **Vibe**: (Atmosphere)
+            3. 🍷 **Drink**: (Signature drink & process)
+            4. ✨ **Tip**: (Best time to visit)
+            
             Language: ${{langFull}}.
-            Do not use introduction or conclusion. Just the points.
+            Format: Clean Markdown.
             `;
 
             try {{
-                // Puter.js 호출 (최대 3회 재시도)
                 const response = await retryPuter(prompt, 3);
                 
                 let text = "";
@@ -359,9 +427,8 @@ html_code = f"""
                     text = response.message.content;
                 }}
                 
-                document.getElementById('loader').style.display = 'none';
+                stopLoadingAnimation();
                 
-                // 타이핑 효과 제거 -> 즉시 렌더링
                 const el = document.getElementById('repo-content');
                 el.innerHTML = text.replace(/\\n/g, '<br>');
 
@@ -371,7 +438,6 @@ html_code = f"""
             }}
         }}
 
-        // 재시도 로직 함수
         async function retryPuter(prompt, retries) {{
             for (let i = 0; i < retries; i++) {{
                 try {{
@@ -384,9 +450,9 @@ html_code = f"""
         }}
 
         function generateLocalReport(place, dbDesc) {{
-            document.getElementById('loader').style.display = 'none';
+            stopLoadingAnimation();
             const report = `
-            ✨ **[Offline Mode] ${{TRANSLATIONS[currentLang].ai_error}}**
+            ✨ **[Offline Info] ${{TRANSLATIONS[currentLang].ai_error}}**
             
             **${{place.name}}**