romfast/roa2web-service-auto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add PWA support for mobile app-like experience

Browse Source 
Add manifest.json and meta tags to enable:
- Add to Home Screen on iOS/Android
- Standalone mode (no browser UI)
- Custom app icon and theme color

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Marius Mutu
2025-12-10 13:22:07 +02:00
parent a882ccb0a2
commit a4f4abb648
2 changed files with 37 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
reports-app/frontend/index.html
View File

@@ -2,11 +2,22 @@
<html lang="ro">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="/icon-192.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<title>ROA Reports - Rapoarte ERP</title>
<meta name="description" content="Aplicație pentru rapoarte ERP - facturi și încasări">
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2563eb">
<meta name="application-name" content="ROA Reports">
<link rel="manifest" href="/manifest.json">
<!-- iOS PWA -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="ROA Reports">
<link rel="apple-touch-icon" href="/icon-192.png">
<!-- Cache busting - forțează reîncărcare asset-uri noi -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />

24
reports-app/frontend/public/manifest.json Normal file
View File

@@ -0,0 +1,24 @@
{
"name": "ROA Reports",
"short_name": "ROA",
"description": "Rapoarte ERP - facturi și încasări",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#2563eb",
"orientation": "portrait-primary",
"icons": [
{
"src": "/icon-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
]
}