add disable plugin, emoji replacement

Author: jaredly

lib/keys.js

@@ -23,6 +23,7 @@ var KEYS = {
   188: 'comma',
   190: '.',
   191: '/',
+  220: '\\',
   219: '[',
   221: ']'
 }

plugins/disable/:w

@@ -0,0 +1,38 @@
+
+import React from 'react'
+import {StyleSheet, css} from 'aphrodite'
+
+module.exports = {
+  title: 'Disable',
+
+  keys: {
+    'toggle disabled': {
+      normal: '\\',
+      visual: '\\',
+    },
+  },
+
+  store: {
+    actions: {
+      toggleDisabled(id) {
+        if (!arguments.length) id = this.view.active
+        this.set(id, 'disabled', !this.db.nodes[id].disabled)
+      },
+    },
+  },
+
+  node: {
+    classes(node, state) {
+      return node.disabled ? css(styles.disabled) : ''
+    },
+  },
+}
+
+const styles = StyleSheet.create({
+  disabled: {
+    fontSize: '80%',
+    color: '#aaa',
+    borderLeft: '10px solid #aaa',
+  },
+})
+

plugins/disable/index.js

@@ -0,0 +1,37 @@
+
+import React from 'react'
+import {StyleSheet, css} from 'aphrodite'
+
+module.exports = {
+  title: 'Disable',
+
+  keys: {
+    'toggle disabled': {
+      normal: '\\',
+      visual: '\\',
+    },
+  },
+
+  store: {
+    actions: {
+      toggleDisabled(id) {
+        if (!arguments.length) id = this.view.active
+        this.set(id, 'disabled', !this.db.nodes[id].disabled)
+      },
+    },
+  },
+
+  node: {
+    classes(node, state) {
+      return node.disabled ? css(styles.disabled) : ''
+    },
+  },
+}
+
+const styles = StyleSheet.create({
+  disabled: {
+    fontSize: '80%',
+    color: '#aaa',
+  },
+})
+

util/ensure-in-view.js

@@ -40,9 +40,9 @@ function ensureInView(item) {
     return
   }
   var dest
-  if (itemBox.top < parentBox.top) {
+  if (itemBox.top < parentBox.top + margin) {
     dest = parent.scrollTop - (parentBox.top - itemBox.top + margin)
-  } else if (itemBox.bottom > parentBox.bottom) {
+  } else if (itemBox.bottom > parentBox.bottom - margin) {
     dest = parent.scrollTop + itemBox.bottom - parentBox.bottom + margin
   } else {
     return

views/body/default-renderer.js

@@ -9,6 +9,10 @@ renderer.link = function (href, title, text) {
   return '<a href="' + href + '" target="_blank" title="' + title + '">' + text + '</a>';
 }
 
+function escapeRegExp(str) {
+  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+}
+
 marked.setOptions({
   gfm: true,
   // sanitize: true,
@@ -20,6 +24,35 @@ marked.setOptions({
   renderer: renderer
 })
 
+const emojis = {
+  ':?:': '❓',
+  ':t:': '💭',
+  ':":': '❝',
+  ':i:': '💡',
+  ':?!:': '🗣',
+  ':)': '🙂',
+  ':P': '😛',
+  ':D': '😀',
+  ':/': '😕',
+  ':(': '🙁',
+  ';)': '😉',
+  '>.<': '😣',
+  ':p:': '🎉',
+}
+
+const emoji_names = {
+  party: '🎉',
+}
+
+const emojiRegexes = Object.keys(emojis)
+  .map(k => [new RegExp('\\B' + escapeRegExp(k) + '\\B', 'g'), emojis[k]]);
+
+const replaceReduce = (text, [rx, emo]) => text.replace(rx, emo)
+
+const replaceEmojis = text => {
+  return emojiRegexes.reduce(replaceReduce, text)
+}
+
 var DefaultRenderer = React.createClass({
   _onClick(e) {
     if (e.target.nodeName === 'A') return
@@ -29,7 +62,7 @@ var DefaultRenderer = React.createClass({
     return <span className="treed_body_rendered"
       onClick={this._onClick}
       dangerouslySetInnerHTML={{
-        __html: this.props.content ?  marked(this.props.content + '') : ''
+        __html: this.props.content ?  marked(replaceEmojis(this.props.content + '')) : ''
       }}/>
   }
 })