Add PWA support
This commit is contained in:
parent
3128919705
commit
528e2b3dc0
3 changed files with 138 additions and 0 deletions
37
src/public/manifest.json
Normal file
37
src/public/manifest.json
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
{
|
||||||
|
"name": "Poke",
|
||||||
|
"short_name": "Poke",
|
||||||
|
"description": "The Ultimate Privacy App!",
|
||||||
|
"start_url": "/",
|
||||||
|
"display": "standalone",
|
||||||
|
"display_override": [
|
||||||
|
"window-controls-overlay"
|
||||||
|
],
|
||||||
|
"background_color": "#080808",
|
||||||
|
"theme_color": "#612153",
|
||||||
|
"categories": [
|
||||||
|
"entertainment",
|
||||||
|
"music"
|
||||||
|
],
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "/css/pt.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"screenshots": [
|
||||||
|
{
|
||||||
|
"src": "/css/pwa-desktop.png",
|
||||||
|
"type": "image/png",
|
||||||
|
"sizes": "1695x1445",
|
||||||
|
"form_factor": "wide"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "/css/pwa-mobile.jpg",
|
||||||
|
"type": "image/jpg",
|
||||||
|
"sizes": "1080x2412",
|
||||||
|
"form_factor": "narrow"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
63
src/public/offline.html
Normal file
63
src/public/offline.html
Normal file
|
|
@ -0,0 +1,63 @@
|
||||||
|
<!--
|
||||||
|
This Source Code Form is subject to the terms of the GNU General Public License:
|
||||||
|
|
||||||
|
Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
|
||||||
|
|
||||||
|
This program is free software: you can redistribute it and/or modify
|
||||||
|
it under the terms of the GNU General Public License as published by
|
||||||
|
the Free Software Foundation, either version 3 of the License, or
|
||||||
|
(at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License
|
||||||
|
along with this program. If not, see https://www.gnu.org/licenses/.
|
||||||
|
-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<title>Poke - No interenet!1!1!1!111!</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="error-page">
|
||||||
|
<div id="error-page-content" align="center">
|
||||||
|
<h1 style="color:#fff;font-family:'PokeTube Flex',sans-serif;font-weight:900;white-space:yes;font-style: italic;font-size: 45px;" align="center">Oh nyo >~<</h1>
|
||||||
|
<h3 style="font-family: sans-serif;">Connectivity to the server has been lost qwq <br> Seems like you're offline - u check your internet connection and try again</h3><br>
|
||||||
|
<p>or u can just view poke!'s <a href="https://status.poketube.fun">status page</a> yk~ </p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.downnav {
|
||||||
|
position: fixed;
|
||||||
|
padding:10px;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
color:#fff;
|
||||||
|
background-color: #0f0f0f;
|
||||||
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
background:#111;
|
||||||
|
margin: auto;
|
||||||
|
transform: translateY(13em)
|
||||||
|
}
|
||||||
|
p,a,h3{
|
||||||
|
text-align:center;
|
||||||
|
font-family: sans-serif;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
nav,error-page,div{
|
||||||
|
justify-content: center;
|
||||||
|
background: #111
|
||||||
|
}
|
||||||
|
</style></body></html>
|
||||||
38
src/public/service-worker.js
Normal file
38
src/public/service-worker.js
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var cacheVersion = 1;
|
||||||
|
var currentCache = {
|
||||||
|
offline: 'offline-cache' + cacheVersion
|
||||||
|
};
|
||||||
|
const offlineUrl = 'offline';
|
||||||
|
|
||||||
|
this.addEventListener('install', event => {
|
||||||
|
event.waitUntil(
|
||||||
|
caches.open(currentCache.offline).then(function (cache) {
|
||||||
|
return cache.addAll([
|
||||||
|
offlineUrl
|
||||||
|
]);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
this.addEventListener('fetch', event => {
|
||||||
|
if (event.request.mode === 'navigate' || (event.request.method === 'GET' && event.request.headers.get('accept').includes('text/html'))) {
|
||||||
|
event.respondWith(
|
||||||
|
fetch(event.request.url).catch(error => {
|
||||||
|
return caches.match(offlineUrl);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
event.respondWith(caches.match(event.request)
|
||||||
|
.then(function (response) {
|
||||||
|
return response || fetch(event.request);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// @license-end
|
||||||
Reference in a new issue