Spaces:

DawnC
/

PawMatchAI

Running on Zero

App Files Files Community

DawnC commited on Jan 5

Commit

0f88d7a

1 Parent(s): 5573fdc

Update app.py

Browse files

Files changed (1) hide show

app.py +41 -41

app.py CHANGED Viewed

@@ -439,58 +439,58 @@ def show_details_html(choice, previous_output, initial_state):
 def get_pwa_html():
-    base_url = "https://dawnc-pawmatchai.hf.space"
-    manifest_content = f'''{{
-        "name": "PawMatch AI",
-        "short_name": "PawMatch",
-        "start_url": "{base_url}/",
-        "display": "standalone",
-        "background_color": "#ffffff",
-        "theme_color": "#4299e1",
-        "icons": [
-            {{
-                "src": "{base_url}/icon-192.png",
-                "sizes": "192x192",
-                "type": "image/png"
-            }}
-        ]
-    }}'''
-    return f"""
     <!DOCTYPE html>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="theme-color" content="#4299e1">
-    <script type="application/json" id="pwa-manifest">
-        {manifest_content}
-    </script>
     <script>
-        window.addEventListener('load', function() {{
-            try {{
-                const manifestContent = document.getElementById('pwa-manifest').textContent;
-                const manifestBlob = new Blob([manifestContent], {{type: 'application/json'}});
-                const manifestUrl = URL.createObjectURL(manifestBlob);
-                const manifestLink = document.createElement('link');
-                manifestLink.rel = 'manifest';
-                manifestLink.href = manifestUrl;
-                document.head.appendChild(manifestLink);
-            }} catch (error) {{
-                console.error('Manifest registration error:', error);
-            }}
-        }});
     </script>
     <style>
-        body {{
-            overscroll-behavior-y: none;
-            -webkit-overflow-scrolling: touch;
-        }}
     </style>
-    """
 def main():
     with gr.Blocks(css=get_css_styles()) as iface:

 def get_pwa_html():
+    # 先定義基本的 manifest 內容，使用最簡單的字串連接方式
+    manifest = (
+        '{'
+        '"name": "PawMatch AI",'
+        '"short_name": "PawMatch",'
+        '"start_url": "/index.html",'
+        '"display": "standalone",'
+        '"background_color": "#ffffff",'
+        '"theme_color": "#4299e1",'
+        '"icons": [{'
+        '    "src": "/icon-192.png",'
+        '    "sizes": "192x192",'
+        '    "type": "image/png"'
+        '}]'
+        '}'
+    )
+    # 構建 HTML，避免使用複雜的格式化
+    html = '''
     <!DOCTYPE html>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="theme-color" content="#4299e1">
+    '''
+    # 添加 manifest 相關代碼
+    html += f'''
     <script>
+    window.addEventListener('load', function() {{
+        var manifest = {manifest};
+        var blob = new Blob([JSON.stringify(manifest)], {{type: 'application/json'}});
+        var link = document.createElement('link');
+        link.rel = 'manifest';
+        link.href = URL.createObjectURL(blob);
+        document.head.appendChild(link);
+    }});
     </script>
+    '''
+    # 添加基本樣式
+    html += '''
     <style>
+    body {
+        margin: 0;
+        padding: 0;
+        -webkit-overflow-scrolling: touch;
+    }
     </style>
+    '''
+    return html
 def main():
     with gr.Blocks(css=get_css_styles()) as iface: