js, templates: Replace contenteditable div with textarea

CHANGES.rst

@@ -32,6 +32,9 @@ Changelog for Isso
     affect the client
   - Remove ``/count`` GET endpoint (use POST instead)
 
+- Replace ``contenteditable`` ``div`` with ``textarea`` to fix issues when
+  editing messages that contain indented code
+
 .. _Gravatar: Image requests: http://en.gravatar.com/site/implement/images/
 .. _879: https://github.com/posativ/isso/pull/879
 .. _488: https://github.com/posativ/isso/pull/488

isso/css/isso.css

@@ -24,11 +24,9 @@
     vertical-align: bottom;
 }
 #isso-thread .isso-textarea {
-    min-height: 58px;
     outline: 0;
-}
-#isso-thread .isso-textarea.isso-placeholder {
-    color: #757575;
+    width: 100%;
+    resize: none;
 }
 
 #isso-root .isso-comment {

isso/js/app/isso.js

@@ -11,27 +11,6 @@ var globals = require("app/globals");
 
 "use strict";
 
-var editorify = function(el) {
-    el = $.htmlify(el);
-    el.setAttribute("contentEditable", true);
-
-    el.on("focus", function() {
-        if (el.classList.contains("isso-placeholder")) {
-            el.innerHTML = "";
-            el.classList.remove("isso-placeholder");
-        }
-    });
-
-    el.on("blur", function() {
-        if (el.textContent.length === 0) {
-            el.textContent = i18n.translate("postbox-text");
-            el.classList.add("isso-placeholder");
-        }
-    });
-
-    return el;
-}
-
 var Postbox = function(parent) {
 
     var localStorage = utils.localStorageImpl,
@@ -46,9 +25,7 @@ var Postbox = function(parent) {
     el.onsuccess = function() {};
 
     el.validate = function() {
-        if (utils.text($(".isso-textarea", this).innerHTML).length < 3 ||
-            $(".isso-textarea", this).classList.contains("isso-placeholder"))
-        {
+        if ($(".isso-textarea", this).value.length < 3) {
             $(".isso-textarea", this).focus();
             return false;
         }
@@ -92,7 +69,7 @@ var Postbox = function(parent) {
 
     // preview function
     $("[name='preview']", el).on("click", function() {
-        api.preview(utils.text($(".isso-textarea", el).innerHTML)).then(
+        api.preview($(".isso-textarea", el).value).then(
             function(html) {
                 $(".isso-preview .isso-text", el).innerHTML = html;
                 el.classList.add('isso-preview-mode');
@@ -104,8 +81,14 @@ var Postbox = function(parent) {
         $(".isso-preview .isso-text", el).innerHTML = '';
         el.classList.remove('isso-preview-mode');
     };
-    $("[name='edit']", el).on("click", edit);
-    $(".isso-preview", el).on("click", edit);
+    $("[name='edit']", el).on("click", function() {
+      edit();
+      $(".isso-textarea", el).focus();
+    });
+    $(".isso-preview", el).on("click", function() {
+      edit();
+      $(".isso-textarea", el).focus();
+    });
 
     // submit form, initialize optional fields with `null` and reset form.
     // If replied to a comment, remove form completely.
@@ -125,13 +108,12 @@ var Postbox = function(parent) {
 
         api.create($("#isso-thread").getAttribute("data-isso-id"), {
             author: author, email: email, website: website,
-            text: utils.text($(".isso-textarea", el).innerHTML),
+            text: $(".isso-textarea", el).value,
             parent: parent || null,
             title: $("#isso-thread").getAttribute("data-title") || null,
             notification: $("[name=notification]", el).checked() ? 1 : 0,
         }).then(function(comment) {
-            $(".isso-textarea", el).innerHTML = "";
-            $(".isso-textarea", el).blur();
+            $(".isso-textarea", el).value = "";
             insert(comment, true);
 
             if (parent !== null) {
@@ -140,8 +122,6 @@ var Postbox = function(parent) {
         });
     });
 
-    editorify($(".isso-textarea", el));
-
     return el;
 };
 
@@ -296,9 +276,12 @@ var insert = function(comment, scrollIntoView) {
 
             toggler.canceled = false;
             api.view(comment.id, 1).then(function(rv) {
-                var textarea = editorify($.new("div.isso-textarea"));
+                var textarea = $.new("textarea.isso-textarea");
+                textarea.setAttribute("rows", 5);
+                textarea.setAttribute("minlength", 3);
+                textarea.setAttribute("maxlength", 65535);
 
-                textarea.innerHTML = utils.detext(rv.text);
+                textarea.value = rv.text;
                 textarea.focus();
 
                 text.classList.remove("isso-text");
@@ -317,12 +300,12 @@ var insert = function(comment, scrollIntoView) {
             var avatar = config["avatar"] || config["gravatar"] ? $(".isso-avatar", el, false)[0] : null;
 
             if (! toggler.canceled && textarea !== null) {
-                if (utils.text(textarea.innerHTML).length < 3) {
+                if (textarea.value.length < 3) {
                     textarea.focus();
                     toggler.wait();
                     return;
                 } else {
-                    api.modify(comment.id, {"text": utils.text(textarea.innerHTML)}).then(function(rv) {
+                    api.modify(comment.id, {"text": textarea.value}).then(function(rv) {
                         text.innerHTML = rv.text;
                         comment.text = rv.text;
                     });
@@ -416,7 +399,6 @@ var insert = function(comment, scrollIntoView) {
 };
 
 module.exports = {
-    editorify: editorify,
     insert: insert,
     insert_loader: insert_loader,
     Postbox: Postbox,

isso/js/app/templates/postbox.js

@@ -10,7 +10,7 @@ var html = function (globals) {
 "<div class='isso-postbox'>"
  + "<div class='isso-form-wrapper'>"
    + "<div class='isso-textarea-wrapper'>"
-    + "<div class='isso-textarea isso-placeholder' contenteditable='true'>" + i18n('postbox-text') + "</div>"
+    + "<textarea class='isso-textarea' rows='5' minlength='3' maxlength='65535' placeholder='" + i18n('postbox-text') + "'></textarea>"
     + "<div class='isso-preview'>"
       + "<div class='isso-comment'>"
         + "<div class='isso-text-wrapper'>"

isso/js/app/utils.js

@@ -11,36 +11,6 @@ var pad = function(n, width, z) {
     return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
 };
 
-var HTMLEntity = {
-    "&": "&",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': '&quot;',
-    "'": '&#39;',
-    "/": '&#x2F;'
-};
-
-var escape = function(html) {
-    return String(html).replace(/[&<>"'\/]/g, function (s) {
-        return HTMLEntity[s];
-    });
-};
-
-var text = function(html) {
-    var _ = document.createElement("div");
-    _.innerHTML = html.replace(/<div><br><\/div>/gi, '<br>')
-                      .replace(/<div>/gi,'<br>')
-                      .replace(/<br>/gi, '\n')
-                      .replace(/&nbsp;/gi, ' ');
-    return _.textContent.trim();
-};
-
-var detext = function(text) {
-    text = escape(text);
-    return text.replace(/\n\n/gi, '<br><div><br></div>')
-               .replace(/\n/gi, '<br>');
-};
-
 // Normalize a BCP47 language tag.
 // Quoting https://tools.ietf.org/html/bcp47 :
 //   An implementation can reproduce this format without accessing
@@ -94,9 +64,7 @@ try {
 
 module.exports = {
     cookie: cookie,
-    detext: detext,
     localStorageImpl: localStorageImpl,
     normalize_bcp47: normalize_bcp47,
     pad: pad,
-    text: text,
 };

isso/js/tests/integration/__snapshots__/puppet.test.js.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should fill Postbox with valid data and receive 201 reply 1`] = `
-"<noscript>Javascript needs to be activated to view comments.</noscript><h4>No Comments Yet</h4><div class=\\"isso-postbox\\"><div class=\\"isso-form-wrapper\\"><div class=\\"isso-textarea-wrapper\\"><div class=\\"isso-textarea\\" contenteditable=\\"true\\"></div><div class=\\"isso-preview\\"><div class=\\"isso-comment\\"><div class=\\"isso-text-wrapper\\"><div class=\\"isso-text\\"></div></div></div></div></div><section class=\\"isso-auth-section\\"><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-author\\">Name (optional)</label><input id=\\"isso-postbox-author\\" type=\\"text\\" name=\\"author\\" placeholder=\\"John Doe\\" value=\\"\\"></p><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-email\\">E-mail (optional)</label><input id=\\"isso-postbox-email\\" type=\\"email\\" name=\\"email\\" placeholder=\\"johndoe@example.com\\" value=\\"\\"></p><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-website\\">Website (optional)</label><input id=\\"isso-postbox-website\\" type=\\"text\\" name=\\"website\\" placeholder=\\"https://example.com\\" value=\\"\\"></p><p class=\\"isso-post-action\\"><input type=\\"submit\\" value=\\"Submit\\"></p><p class=\\"isso-post-action\\"><input type=\\"button\\" name=\\"preview\\" value=\\"Preview\\"></p><p class=\\"isso-post-action\\"><input type=\\"button\\" name=\\"edit\\" value=\\"Edit\\"></p></section><section class=\\"isso-notification-section\\" style=\\"display: none;\\"><label><input type=\\"checkbox\\" name=\\"notification\\">Subscribe to email notification of replies</label></section></div></div><div id=\\"isso-root\\"><div class=\\"isso-comment isso-no-votes\\" id=\\"isso-1\\" data-hash=\\"34f4b563ece1\\"><div class=\\"isso-avatar\\"><svg version=\\"1.1\\" viewBox=\\"0 0 48 48\\" preserveAspectRatio=\\"xMinYMin meet\\" shape-rendering=\\"crispEdges\\" data-hash=\\"34f4b563ece1\\"><rect x=\\"0\\" y=\\"0\\" width=\\"56\\" height=\\"56\\" style=\\"fill: #f0f0f0\\"></rect><rect x=\\"4\\" y=\\"4\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"4\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"4\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"4\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"4\\" y=\\"28\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"28\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"4\\" y=\\"36\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"36\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"12\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"28\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"12\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"28\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"20\\" y=\\"4\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"20\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"20\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect></svg></div><div class=\\"isso-text-wrapper\\"><div class=\\"isso-comment-header\\" role=\\"meta\\"><span class=\\"isso-author\\">Commenter #1</span><span class=\\"isso-spacer\\">•</span><a class=\\"isso-permalink\\" href=\\"#isso-1\\"><time>right now</time></a><span class=\\"isso-note\\"></span></div><div class=\\"isso-text\\"><p>A comment with <em>italics</em> and <a href=\\"http://link.com\\" rel=\\"nofollow noopener\\">a link</a></p></div><div class=\\"isso-comment-footer\\"><span class=\\"isso-votes\\">0</span><a class=\\"isso-upvote\\" href=\\"#\\"><!-- Generator: IcoMoon.io --><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 32 32\\" xmlns=\\"http://www.w3.org/2000/svg\\" xmlns:xlink=\\"http://www.w3.org/1999/xlink\\" fill=\\"gray\\">
+"<noscript>Javascript needs to be activated to view comments.</noscript><h4>No Comments Yet</h4><div class=\\"isso-postbox\\"><div class=\\"isso-form-wrapper\\"><div class=\\"isso-textarea-wrapper\\"><textarea class=\\"isso-textarea\\" rows=\\"5\\" minlength=\\"3\\" maxlength=\\"65535\\" placeholder=\\"Type Comment Here (at least 3 chars)\\"></textarea><div class=\\"isso-preview\\"><div class=\\"isso-comment\\"><div class=\\"isso-text-wrapper\\"><div class=\\"isso-text\\"></div></div></div></div></div><section class=\\"isso-auth-section\\"><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-author\\">Name (optional)</label><input id=\\"isso-postbox-author\\" type=\\"text\\" name=\\"author\\" placeholder=\\"John Doe\\" value=\\"\\"></p><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-email\\">E-mail (optional)</label><input id=\\"isso-postbox-email\\" type=\\"email\\" name=\\"email\\" placeholder=\\"johndoe@example.com\\" value=\\"\\"></p><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-website\\">Website (optional)</label><input id=\\"isso-postbox-website\\" type=\\"text\\" name=\\"website\\" placeholder=\\"https://example.com\\" value=\\"\\"></p><p class=\\"isso-post-action\\"><input type=\\"submit\\" value=\\"Submit\\"></p><p class=\\"isso-post-action\\"><input type=\\"button\\" name=\\"preview\\" value=\\"Preview\\"></p><p class=\\"isso-post-action\\"><input type=\\"button\\" name=\\"edit\\" value=\\"Edit\\"></p></section><section class=\\"isso-notification-section\\" style=\\"display: none;\\"><label><input type=\\"checkbox\\" name=\\"notification\\">Subscribe to email notification of replies</label></section></div></div><div id=\\"isso-root\\"><div class=\\"isso-comment isso-no-votes\\" id=\\"isso-1\\" data-hash=\\"34f4b563ece1\\"><div class=\\"isso-avatar\\"><svg version=\\"1.1\\" viewBox=\\"0 0 48 48\\" preserveAspectRatio=\\"xMinYMin meet\\" shape-rendering=\\"crispEdges\\" data-hash=\\"34f4b563ece1\\"><rect x=\\"0\\" y=\\"0\\" width=\\"56\\" height=\\"56\\" style=\\"fill: #f0f0f0\\"></rect><rect x=\\"4\\" y=\\"4\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"4\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"4\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"4\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"4\\" y=\\"28\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"28\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"4\\" y=\\"36\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"36\\" y=\\"36\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"12\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"28\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"12\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"28\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"20\\" y=\\"4\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"20\\" y=\\"12\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect><rect x=\\"20\\" y=\\"20\\" width=\\"8\\" height=\\"8\\" style=\\"fill: #5698c4\\"></rect></svg></div><div class=\\"isso-text-wrapper\\"><div class=\\"isso-comment-header\\" role=\\"meta\\"><span class=\\"isso-author\\">Commenter #1</span><span class=\\"isso-spacer\\">•</span><a class=\\"isso-permalink\\" href=\\"#isso-1\\"><time>right now</time></a><span class=\\"isso-note\\"></span></div><div class=\\"isso-text\\"><p>A comment with <em>italics</em> and <a href=\\"http://link.com\\" rel=\\"nofollow noopener\\">a link</a></p></div><div class=\\"isso-comment-footer\\"><span class=\\"isso-votes\\">0</span><a class=\\"isso-upvote\\" href=\\"#\\"><!-- Generator: IcoMoon.io --><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 32 32\\" xmlns=\\"http://www.w3.org/2000/svg\\" xmlns:xlink=\\"http://www.w3.org/1999/xlink\\" fill=\\"gray\\">
   <g>
     <path d=\\"M 24.773,18.299c-0.651-0.669-7.512-7.203-7.512-7.203C 16.912,10.739, 16.456,10.56, 16,10.56c-0.458,0-0.914,0.179-1.261,0.536 c0,0-6.861,6.534-7.514,7.203c-0.651,0.669-0.696,1.872,0,2.586c 0.698,0.712, 1.669,0.77, 2.522,0L 16,14.89l 6.251,5.995 c 0.854,0.77, 1.827,0.712, 2.522,0C 25.47,20.17, 25.427,18.966, 24.773,18.299z\\">
     </path>
@@ -16,4 +16,4 @@ exports[`should fill Postbox with valid data and receive 201 reply 1`] = `
 </a><a class=\\"isso-edit\\" href=\\"#\\">Edit</a><a class=\\"isso-delete\\" href=\\"#\\">Delete</a></div></div><div class=\\"isso-follow-up\\"></div></div></div>"
 `;
 
-exports[`should match blank widget to snapshot 1`] = `"<noscript>Javascript needs to be activated to view comments.</noscript><h4>No Comments Yet</h4><div class=\\"isso-postbox\\"><div class=\\"isso-form-wrapper\\"><div class=\\"isso-textarea-wrapper\\"><div class=\\"isso-textarea isso-placeholder\\" contenteditable=\\"true\\">Type Comment Here (at least 3 chars)</div><div class=\\"isso-preview\\"><div class=\\"isso-comment\\"><div class=\\"isso-text-wrapper\\"><div class=\\"isso-text\\"></div></div></div></div></div><section class=\\"isso-auth-section\\"><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-author\\">Name (optional)</label><input id=\\"isso-postbox-author\\" type=\\"text\\" name=\\"author\\" placeholder=\\"John Doe\\" value=\\"\\"></p><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-email\\">E-mail (optional)</label><input id=\\"isso-postbox-email\\" type=\\"email\\" name=\\"email\\" placeholder=\\"johndoe@example.com\\" value=\\"\\"></p><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-website\\">Website (optional)</label><input id=\\"isso-postbox-website\\" type=\\"text\\" name=\\"website\\" placeholder=\\"https://example.com\\" value=\\"\\"></p><p class=\\"isso-post-action\\"><input type=\\"submit\\" value=\\"Submit\\"></p><p class=\\"isso-post-action\\"><input type=\\"button\\" name=\\"preview\\" value=\\"Preview\\"></p><p class=\\"isso-post-action\\"><input type=\\"button\\" name=\\"edit\\" value=\\"Edit\\"></p></section><section class=\\"isso-notification-section\\" style=\\"display: none;\\"><label><input type=\\"checkbox\\" name=\\"notification\\">Subscribe to email notification of replies</label></section></div></div><div id=\\"isso-root\\"></div>"`;
+exports[`should match blank widget to snapshot 1`] = `"<noscript>Javascript needs to be activated to view comments.</noscript><h4>No Comments Yet</h4><div class=\\"isso-postbox\\"><div class=\\"isso-form-wrapper\\"><div class=\\"isso-textarea-wrapper\\"><textarea class=\\"isso-textarea\\" rows=\\"5\\" minlength=\\"3\\" maxlength=\\"65535\\" placeholder=\\"Type Comment Here (at least 3 chars)\\"></textarea><div class=\\"isso-preview\\"><div class=\\"isso-comment\\"><div class=\\"isso-text-wrapper\\"><div class=\\"isso-text\\"></div></div></div></div></div><section class=\\"isso-auth-section\\"><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-author\\">Name (optional)</label><input id=\\"isso-postbox-author\\" type=\\"text\\" name=\\"author\\" placeholder=\\"John Doe\\" value=\\"\\"></p><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-email\\">E-mail (optional)</label><input id=\\"isso-postbox-email\\" type=\\"email\\" name=\\"email\\" placeholder=\\"johndoe@example.com\\" value=\\"\\"></p><p class=\\"isso-input-wrapper\\"><label for=\\"isso-postbox-website\\">Website (optional)</label><input id=\\"isso-postbox-website\\" type=\\"text\\" name=\\"website\\" placeholder=\\"https://example.com\\" value=\\"\\"></p><p class=\\"isso-post-action\\"><input type=\\"submit\\" value=\\"Submit\\"></p><p class=\\"isso-post-action\\"><input type=\\"button\\" name=\\"preview\\" value=\\"Preview\\"></p><p class=\\"isso-post-action\\"><input type=\\"button\\" name=\\"edit\\" value=\\"Edit\\"></p></section><section class=\\"isso-notification-section\\" style=\\"display: none;\\"><label><input type=\\"checkbox\\" name=\\"notification\\">Subscribe to email notification of replies</label></section></div></div><div id=\\"isso-root\\"></div>"`;

isso/js/tests/screenshots/reference/comment.png.hash

@@ -1 +1 @@
-78fef44d89f68a880570a6d779c8c16e52f79094aa6738617498e1f047f53924
+eb62797f34336468e71ffc1b730e3a7a275f7dd5d7a00b48b988bd64b51000ee

isso/js/tests/screenshots/reference/postbox.png.hash

@@ -1 +1 @@
-73bef08a7cb51eb5b5e0fde0e53ff867c6259d0ac5d68bd1a8d59325707df79b
+ad69338c387ca4aff6a5f0a6288af23dfeae2bb12964b6a6827fa043ac0afaad