Spaces:

DawnC
/

PawMatchAI

Running on Zero

App Files Files Community

DawnC commited on Jan 5

Commit

a28218a

1 Parent(s): 376120c

Update app.py

Browse files

Files changed (1) hide show

app.py +52 -26

app.py CHANGED Viewed

@@ -438,7 +438,24 @@ def show_details_html(choice, previous_output, initial_state):
 def get_pwa_html():
-    return """
     <!DOCTYPE html>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
@@ -446,39 +463,48 @@ def get_pwa_html():
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="theme-color" content="#4299e1">
-    <link rel="manifest" href="./manifest.json">
-    <link rel="apple-touch-icon" href="./icon-192.png">
     <script>
-        if ('serviceWorker' in navigator) {
-            window.addEventListener('load', function() {
-                navigator.serviceWorker.register('./service-worker.js')
-                    .then(function(registration) {
-                        console.log('ServiceWorker registration successful');
-                    })
-                    .catch(function(err) {
-                        console.log('ServiceWorker registration failed: ', err);
-                    });
-            });
-        }
     </script>
     <style>
-        body {
             overscroll-behavior-y: none;
             -webkit-overflow-scrolling: touch;
-            position: fixed;
-            width: 100%;
-            height: 100%;
-            overflow: auto;
-        }
-        @media (display-mode: standalone) {
-            body {
-                padding-top: env(safe-area-inset-top);
-                padding-bottom: env(safe-area-inset-bottom);
-            }
-        }
     </style>
     """

 def get_pwa_html():
+    # 將 manifest 內容直接嵌入到 HTML 中
+    manifest_content = {
+        "name": "PawMatch AI",
+        "short_name": "PawMatch",
+        "start_url": ".",
+        "display": "standalone",
+        "background_color": "#ffffff",
+        "theme_color": "#4299e1",
+        "icons": [
+            {
+                "src": "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-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>
     """