Add PWA support

flasquelistan/factory.py

@@ -36,10 +36,11 @@ def create_app(config=None, instance_config=None):
 
 
 def register_blueprints(app):
-    from flasquelistan.views import auth, admin, more, quotes, strequelistan
+    from flasquelistan.views import auth, admin, more, quotes, serviceworker, strequelistan
     app.register_blueprint(auth.mod)
     app.register_blueprint(admin.mod)
     app.register_blueprint(more.mod)
+    app.register_blueprint(serviceworker.mod)
     app.register_blueprint(strequelistan.mod)
     app.register_blueprint(quotes.mod)
 

flasquelistan/static/js/install-serviceworker.js

@@ -0,0 +1,9 @@
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', function() {
+    navigator.serviceWorker.register('/sw.js').then(function(registration) {
+      console.log('ServiceWorker registration successful with scope: ', registration.scope);
+    }, function(err) {
+      console.log('ServiceWorker registration failed: ', err);
+    });
+  });
+}

flasquelistan/static/manifest.json

@@ -0,0 +1,14 @@
+{
+    "name": "Strequelistan",
+    "short_name": "Streque",
+    "start_url": "/",
+    "display": "standalone",
+    "theme_color": "black",
+    "icons": [
+        {
+            "src": "/static/images/icon-192.png",
+            "type": "image/png",
+            "sizes": "192x192"
+        }
+    ]
+}

flasquelistan/templates/base.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Strequelistan</title>
+    <link rel="manifest" href="/static/manifest.json">
 
     {% assets "css_common" %}
     <link rel="stylesheet" href="{{ ASSET_URL }}">
@@ -23,5 +24,6 @@ <h1>Strequelistan</h1>
     {% endblock %}
     {% block base_body %}
     {% endblock %}
+    <script src="{{ url_for('static', filename='js/install-serviceworker.js') }}"></script>
   </body>
 </html>

flasquelistan/views/serviceworker.py

@@ -0,0 +1,9 @@
+import flask
+
+mod = flask.Blueprint('serviceworker', __name__)
+
+@mod.route('/sw.js')
+def serviceworker():
+    response = flask.send_from_directory('static', filename='js/serviceworker.js')
+    response.headers['Cache-Control'] = 'no-cache'
+    return response