File size: 4,188 Bytes
66dbebd |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 |
# pwa_features.py
class PWAIntegration:
"""
Progressive Web App features for mobile enhancement
"""
@staticmethod
def generate_manifest():
return {
"name": "AI Research Assistant",
"short_name": "ResearchAI",
"description": "Academic AI assistant with transparent reasoning",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#3498db",
"icons": [
{
"src": "/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"categories": ["education", "productivity"],
"lang": "en-US"
}
@staticmethod
def get_service_worker_script():
return """
const CACHE_NAME = 'research-ai-v1';
const urlsToCache = [
'/',
'/static/css/main.css',
'/static/js/main.js'
];
self.addEventListener('install', (event) => {
event.waitUntil(
caches.open(CACHE_NAME)
.then((cache) => cache.addAll(urlsToCache))
);
});
self.addEventListener('fetch', (event) => {
event.respondWith(
caches.match(event.request)
.then((response) => response || fetch(event.request))
);
});
"""
@staticmethod
def get_pwa_html_integration():
"""
Return HTML meta tags and link tags for PWA
"""
return """
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#3498db">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="ResearchAI">
<!-- PWA Manifest Link -->
<link rel="manifest" href="/manifest.json">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/icon-192x192.png">
<!-- PWA Registration -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/service-worker.js')
.then((reg) => console.log('Service Worker registered'))
.catch((err) => console.log('Service Worker registration failed'));
});
}
</script>
"""
@staticmethod
def get_offline_fallback():
"""
Return offline fallback HTML
"""
return """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Offline - Research Assistant</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
text-align: center;
}
.container {
padding: 2rem;
}
h1 { font-size: 2rem; margin-bottom: 1rem; }
p { font-size: 1.1rem; opacity: 0.9; }
</style>
</head>
<body>
<div class="container">
<h1>📡 Offline</h1>
<p>You're currently offline. Please check your connection and try again.</p>
</div>
</body>
</html>
"""
|