pet-projects/money-control-frontend
1
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

feat: add PWA

Browse Source
This commit is contained in:
Sergey Krylov 2024-06-28 06:41:34 +03:00
parent 603bc7a319
commit 620fb77d83
11 changed files with 73 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/icons/android-launchericon-144-144.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/assets/icons/android-launchericon-192-192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/assets/icons/android-launchericon-48-48.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
public/assets/icons/android-launchericon-512-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
public/assets/icons/android-launchericon-72-72.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
public/assets/icons/android-launchericon-96-96.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
public/assets/screenshots/pwa_desktop_screenshot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
public/assets/screenshots/pwa_mobile_screenshot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

1
public/index.html
View File

@ -6,6 +6,7 @@
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<link rel="manifest" href="manifest.json" />
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

60
public/manifest.json Normal file
View File

@ -0,0 +1,60 @@
{
"name": "MoneyControll",
"short_name": "MoneyControll",
"start_url": ".",
"id": "/",
"display": "standalone",
"display_override": [
"window-controls-overlay"
],
"background_color": "#1976d2",
"description": "Controll your money with simple MoneyControll Progressive Web Application",
"icons": [
{
"src": "/static/icons/android-launchericon-48-48.png",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "/static/icons/android-launchericon-72-72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "/static/icons/android-launchericon-96-96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "/static/icons/android-launchericon-144-144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "/static/icons/android-launchericon-192-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/static/icons/android-launchericon-512-512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"screenshots" : [
{
"src": "/static/screenshots/pwa_desktop_screenshot.png",
"sizes": "1920x976",
"type": "image/png",
"form_factor": "wide",
"label": "Homescreen of MoneyControllApp"
},
{
"src": "/static/screenshots/pwa_mobile_screenshot.png",
"sizes": "416x599",
"type": "image/png",
"form_factor": "narrow",
"label": "Homescreen of MoneyControllApp"
}
]
}

12
webpack.config.ts
View File

@ -16,6 +16,18 @@ const config = (env: WebpackEnv) => {
htmlWebpackPlugin: { htmlWebpackPlugin: {
favicon: path.resolve(__dirname, 'public', 'favicon.png'), favicon: path.resolve(__dirname, 'public', 'favicon.png'),
}, },
copyPlugin: {
patterns: [
{
from: path.resolve(__dirname, 'public', 'assets', 'icons'),
to: path.resolve(__dirname, 'build', 'static', 'icons'),
},
{
from: path.resolve(__dirname, 'public', 'assets', 'screenshots'),
to: path.resolve(__dirname, 'build', 'static', 'screenshots'),
},
],
},
}, },
}); });