Push Notifications Phase 1

Author: devinmatte

config.env.py

@@ -38,5 +38,10 @@
 MAIL_PASSWORD = environ.get("PACKET_MAIL_PASSWORD", None)
 MAIL_USE_TLS = strtobool(environ.get("PACKET_MAIL_TLS", 'True'))
 
+# OneSignal Config
+ONESIGNAL_USER_AUTH_KEY = environ.get("PACKET_ONESIGNAL_USER_AUTH_KEY", None)
+ONESIGNAL_APP_AUTH_KEY = environ.get("PACKET_ONESIGNAL_APP_AUTH_KEY", None)
+ONESIGNAL_APP_ID = environ.get("PACKET_ONESIGNAL_APP_ID", "6eff123a-0852-4027-804e-723044756f00")
+
 # Slack URL for pushing to #general
 SLACK_WEBHOOK_URL = environ.get("PACKET_SLACK_URL", None)

packet/routes/shared.py

@@ -68,3 +68,16 @@ def packets(info=None):
     open_packets.sort(key=packet_sort_key, reverse=True)
 
     return render_template("active_packets.html", info=info, packets=open_packets)
+
+
+@app.route('/sw.js', methods=['GET'])
+@app.route('/OneSignalSDKWorker.js', methods=['GET'])
+def service_worker():
+    return app.send_static_file('js/sw.js')
+
+
+@app.route('/update-sw.js', methods=['GET'])
+@app.route('/OneSignalSDKUpdaterWorker.js', methods=['GET'])
+def update_service_worker():
+    return app.send_static_file('js/update-sw.js')
+

packet/static/js/sw.js

@@ -0,0 +1,2 @@
+importScripts('https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js');
+

packet/static/js/update-sw.js

@@ -0,0 +1,2 @@
+importScripts('https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js');
+

packet/static/manifest.json

@@ -20,5 +20,6 @@
       "sizes": "512x512",
       "type": "image/png"
     }
-  ]
+  ],
+  "gcm_sender_id": "482941778795"
 }

packet/templates/include/head.html

@@ -34,6 +34,27 @@
 
     <link rel="stylesheet" href="{{ url_for('static', filename='css/packet.min.css') }}">
 
+    <!-- Push Notifications -->
+    <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
+    <script>
+        var OneSignal = window.OneSignal || [];
+        OneSignal.push(function() {
+            OneSignal.init({
+		    appId: "{{ config['ONESIGNAL_APP_ID'] }}",
+		autoResubscribe: true,
+                allowLocalhostAsSecureOrigin: true,
+            });
+            OneSignal.showNativePrompt();
+            OneSignal.on("subscriptionChange", function(){
+		OneSignal.getUserId().then(function(result){
+			// TODO: Send to backend
+			console.log(result);
+		});
+	    });
+        });
+    </script>
+
+    <!-- Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id={{ config['ANALYTICS_ID'] }}"></script>
     <script>
         window.dataLayer = window.dataLayer || [];

requirements.txt

@@ -8,3 +8,4 @@ Flask-Migrate~=2.2.1
 pylint~=2.3.1
 gunicorn~=19.7.1
 csh_ldap~=2.1.0
+onesignal-sdk~=1.0.0