spoiler functions to encode and decode chat messages

closes #152

Author: davidism

sopy/__init__.py

@@ -30,7 +30,7 @@ def create_app(info=None):
 
     views.init_app(app)
 
-    from sopy import auth, tags, se_data, canon, salad, wiki, pages, admin, transcript
+    from sopy import auth, tags, se_data, canon, salad, wiki, pages, admin, transcript, spoiler
 
     app.register_blueprint(auth.bp, url_prefix='/auth')
     app.register_blueprint(tags.bp, url_prefix='/tags')
@@ -41,6 +41,7 @@ def create_app(info=None):
     app.register_blueprint(pages.bp, url_prefix='/pages')
     app.register_blueprint(admin.bp, url_prefix='/admin')
     app.register_blueprint(transcript.bp, url_prefix='/transcript')
+    app.register_blueprint(spoiler.bp, url_prefix='/spoiler')
 
     @app.route('/')
     def index():

sopy/config/defaults.py

@@ -1,5 +1,6 @@
 DEBUG = True
 SECRET_KEY = 'dev'
+SERVER_NAME = 'localhost:5000'
 
 SQLALCHEMY_DATABASE_URI = 'postgresql:///sopy'
 SQLALCHEMY_TRACK_MODIFICATIONS = False

sopy/ext/forms.py

@@ -1,6 +1,6 @@
 import re
 from flask import request
-from wtforms import Field, Form as BaseForm, IntegerField, StringField
+from wtforms import Field, Form as BaseForm, IntegerField, StringField, TextAreaField
 from wtforms.widgets import TextInput
 
 
@@ -14,6 +14,10 @@ def process_formdata(self, valuelist):
             self.raw_data = []
 
 
+class StripTextAreaField(StripStringField, TextAreaField):
+    pass
+
+
 class SeparatedField(Field):
     widget = TextInput()
 

sopy/spoiler/__init__.py

@@ -0,0 +1,8 @@
+from flask import Blueprint
+
+bp = Blueprint('spoiler', __name__)
+
+
+@bp.record_once
+def register(state):
+    from sopy.spoiler import views

sopy/spoiler/forms.py

@@ -0,0 +1,7 @@
+from flask_wtf import Form
+from wtforms.validators import InputRequired
+from sopy.ext.forms import StripTextAreaField
+
+
+class SpoilerForm(Form):
+    message = StripTextAreaField(validators=[InputRequired()])

sopy/spoiler/views.py

@@ -0,0 +1,23 @@
+from base64 import urlsafe_b64encode, urlsafe_b64decode
+from flask import render_template, url_for
+from sopy.spoiler import bp
+from sopy.spoiler.forms import SpoilerForm
+
+
+@bp.route('/', methods=['GET', 'POST'])
+def encode():
+    form = SpoilerForm(csrf_enabled=False)
+
+    if form.validate_on_submit():
+        message = form.message.data
+        encoded = urlsafe_b64encode(message.encode('utf8')).decode('utf8')
+        url = url_for('.decode', encoded=encoded, _external=True)
+        return render_template('spoiler/encode.html', form=form, encoded=encoded, message=message, url=url)
+
+    return render_template('spoiler/encode.html', form=form)
+
+
+@bp.route('/<path:encoded>')
+def decode(encoded):
+    message = urlsafe_b64decode(encoded).decode('utf8')
+    return render_template('spoiler/decode.html', encoded=encoded, message=message)

sopy/templates/pages/chatroom.html

@@ -20,10 +20,11 @@ <h2 class="page-header">{% block title %}Chatroom{% endblock %}</h2>
        you may want to <a href="{{ url_for('salad.index') }}">have a look here...</a></em>
     </p>
 
+    <p>Use our <a href="{{ url_for('spoiler.encode') }}">spoiler obfuscator</a> to link to spoilers in chat.</p>
+
     <h2>cv-pls</h2>
     <p>This room has its own policy as to how <code>cv-pls</code> tags should be used. Please take a moment to read it <a href="{{ url_for('wiki.detail', title='cv-pls') }}">here</a> if you wish to assist the community in clearing up the site.</p>
 
-
     <h2>Rules</h2>
 
     <ol>

sopy/templates/spoiler/base.html

@@ -0,0 +1,3 @@
+{% extends 'base.html' %}
+
+{% block nav_spoiler %}active{% endblock %}

sopy/templates/spoiler/decode.html

@@ -0,0 +1,7 @@
+{% extends 'salad/base.html' %}
+
+{% block title %}View Spoiler{% endblock %}
+
+{% block content %}
+    <div class="well well-sm">{{ message|markdown }}</div>
+{% endblock %}

sopy/templates/spoiler/encode.html

@@ -0,0 +1,37 @@
+{% extends 'salad/base.html' %}
+
+{% set script_ace = True %}
+
+{% block title %}Spoiler Obfuscator{% endblock %}
+
+{% block content %}
+    <div class="row"><div class="col-md-12">
+        <form method="post" class="form-horizontal">
+            <div class="form-group">
+                {{ form.message.label(class='control-label col-md-2') }}
+                <div class="col-md-10">{{ form.message(class='form-control', data_editor='markdown') }}</div>
+            </div>
+            <div class="form-group"><div class="col-md-offset-2 col-md-10">
+                <button type="submit" class="btn btn-primary"><i class="fa fa-eye-slash"></i> Encode</button>
+            </div></div>
+        </form>
+    </div>
+    {% if encoded %}<div class="col-md-12">
+        <dl class="dl-horizontal">
+            <dt>URL</dt>
+            <dd>{{ url|urlize(40) }}</dd>
+            <dt>Markup</dt>
+            <dd><pre>[view spoiler]({{ url }})</pre></dd>
+        </dl>
+        <ul class="nav nav-tabs">
+            <li class="active"><a href="#output-rendered" data-toggle="tab">Rendered</a></li>
+            <li><a href="#output-raw" data-toggle="tab">Raw</a></li>
+            <li><a href="#output-encoded" data-toggle="tab">Encoded</a></li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane active" id="output-rendered"><br/><div class="well well-sm">{{ message|markdown }}</div></div>
+            <div class="tab-pane" id="output-raw"><br/><pre>{{ message }}</pre></div>
+            <div class="tab-pane" id="output-encoded"><br/><pre>{{ encoded }}</pre></div>
+        </div>
+    </div>{% endif %}</div>
+{% endblock %}