Spaces:

DawnC
/

PawMatchAI

Running on Zero

App Files Files Community

DawnC commited on Jan 5

Commit

b3536fa

1 Parent(s): 9abf257

Update app.py

Browse files

Files changed (1) hide show

app.py +45 -33

app.py CHANGED Viewed

@@ -439,8 +439,7 @@ def show_details_html(choice, previous_output, initial_state):
 def get_pwa_html():
-    # 將 manifest 內容直接嵌入到 HTML 中
-    manifest_content = {
         "name": "PawMatch AI",
         "short_name": "PawMatch",
         "start_url": ".",
@@ -454,7 +453,7 @@ def get_pwa_html():
                 "type": "image/png"
             }
         ]
-    }
     return f"""
     <!DOCTYPE html>
@@ -463,47 +462,60 @@ def get_pwa_html():
     <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">
-        {json.dumps(manifest_content)}
     </script>
     <script>
-        // 動態創建和註冊 manifest
-        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);
-        // 簡化版 Service Worker
-        if ('serviceWorker' in navigator) {{
-            window.addEventListener('load', async () => {{
-                try {{
-                    const registration = await navigator.serviceWorker.register(
-                        new URL('service-worker.js', window.location.href),
-                        {{scope: './'}}
-                    );
-                    console.log('ServiceWorker registered');
-                }} catch (err) {{
-                    console.log('ServiceWorker registration failed:', err);
-                }}
-            }});
-        }}
     </script>
     <style>
-        body {{
-            overscroll-behavior-y: none;
-            -webkit-overflow-scrolling: touch;
         }}
-        @supports (padding: max(0px)) {{
             body {{
-                padding-top: max(0px, env(safe-area-inset-top));
-                padding-bottom: max(0px, env(safe-area-inset-bottom));
             }}
         }}
     </style>

 def get_pwa_html():
+    manifest_content = '''{
         "name": "PawMatch AI",
         "short_name": "PawMatch",
         "start_url": ".",
                 "type": "image/png"
             }
         ]
+    }'''
     return f"""
     <!DOCTYPE html>
     <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">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval' data: blob: https:">
     <script type="application/json" id="pwa-manifest">
+        {manifest_content}
     </script>
     <script>
+        window.addEventListener('load', function() {{
+            const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+            if (isSafari) {{
+                document.body.classList.add('safari-browser');
+                const fileInputs = document.querySelectorAll('input[type="file"]');
+                fileInputs.forEach(input => {{
+                    input.addEventListener('change', async function(e) {{
+                        const file = e.target.files[0];
+                        if (file) {{
+                            const formData = new FormData();
+                            formData.append('file', file);
+                            try {{
+                                const response = await fetch('/upload', {{
+                                    method: 'POST',
+                                    body: formData
+                                }});
+                                if (!response.ok) throw new Error('Upload failed');
+                                const result = await response.json();
+                                console.log('Upload successful:', result);
+                            }} catch (error) {{
+                                console.error('Upload error:', error);
+                            }}
+                        }}
+                    }});
+                }});
+            }}
+        }});
     </script>
     <style>
+        .safari-browser .file-upload {{
+            -webkit-appearance: none;
+            appearance: none;
+            border-radius: 8px;
+            padding: 10px;
+            background: #f3f4f6;
         }}
+        @media (display-mode: standalone) {{
             body {{
+                padding-top: env(safe-area-inset-top);
+                padding-bottom: env(safe-area-inset-bottom);
             }}
         }}
     </style>