Custom Error Pages

frontend/scss/components/code.scss

@@ -0,0 +1,3 @@
+pre{
+    white-space: pre-wrap;
+}

frontend/scss/packet.scss

@@ -7,3 +7,4 @@ $csh-pink: #b0197e;
 @import "components/buttons";
 @import "components/signatures";
 @import "components/badges";
+@import "components/code";

packet/routes/shared.py

@@ -80,3 +80,17 @@ def service_worker():
 @app.route('/OneSignalSDKUpdaterWorker.js', methods=['GET'])
 def update_service_worker():
     return app.send_static_file('js/update-sw.js')
+
+
+@app.errorhandler(404)
+@packet_auth
+@before_request
+def not_found(e, info=None):
+    return render_template('not_found.html', e=e, info=info), 404
+
+
+@app.errorhandler(500)
+@packet_auth
+@before_request
+def error(e, info=None):
+    return render_template('error.html', e=e, info=info), 500

packet/templates/error.html

@@ -0,0 +1,20 @@
+{% extends 'extend/base.html' %}
+
+{% block body %}
+    <div class="container main">
+    <h1 class="card-title">Oops!</h1>
+        <div class="card mb-3">
+            <div class="card-body" style="text-align: left;">
+                <h5 class="card-text">
+                    I guess this is what you get when you trust a bunch of college kids.
+                </h5>
+                <p class="card-text">
+                    <pre><code>{{ e }}</code></pre>
+                </p>
+                <h5 class="card-text">
+                    Do us a favor, try again. If you end up here on the second try, <a href="mailto:[email protected]">shoot us an email</a>.
+                </h5>
+            </div>
+        </div>
+    </div>
+{% endblock %}

packet/templates/not_found.html

@@ -0,0 +1,17 @@
+{% extends 'extend/base.html' %}
+
+{% block body %}
+    <div class="container main">
+    <h1 class="card-title">Page Not Found</h1>
+        <div class="card mb-3">
+            <div class="card-body" style="text-align: left;">
+                <h4 class="card-text">
+                    Not sure what you're looking for, but it's not here.
+                </h4>
+                <h5 class="card-text">
+                    Do us a favor, check your spelling. If you can't find what you're looking for, <a href="mailto:[email protected]">shoot us an email</a>.
+                </h5>
+            </div>
+        </div>
+    </div>
+{% endblock %}

requirements.txt

@@ -10,4 +10,4 @@ gunicorn~=19.7.1
 csh_ldap~=2.1.0
 onesignal-sdk~=1.0.0
 pylint-quotes~=0.2.1
-sentry-sdk==0.13.1
+sentry-sdk~=0.14.2