feat(Children): Added support for custom children

Author: HHogg

README.md

@@ -140,6 +140,12 @@ new RemarkableReactRenderer({
     // Use this to also handle your custom remarkable tokens!
     custom_token: 'custom_component',
   },
+
+  // This enables you to quickly configure how children are rendered for tokens.
+  // By default the `content` of a token is mapped to `children`.
+  children: {
+    footnote_anchor: () => `↩`,
+  },
 });
 ```
 

src/Renderer.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import assign from './assign';
+import defaultChildren from './defaultChildren';
 import defaultComponents from './defaultComponents';
 import defaultRemarkableProps from './defaultRemarkableProps';
 import defaultTokens from './defaultTokens';
@@ -10,6 +11,7 @@ export default class Renderer {
     this.options = assign({
       keyGen: (token, index) => index,
     }, options, {
+      children: assign({}, defaultChildren, options.children),
       components: assign({}, defaultComponents, options.components),
       remarkableProps: assign({}, defaultRemarkableProps, options.remarkableProps),
       tokens: assign({}, defaultTokens, options.tokens),

src/TokenTree.js

@@ -36,7 +36,9 @@ export default class TokenTree {
     return ({
       type,
       props: this.buildTokenProps(type, token),
-      children: token.content,
+      children: children || (this.options.children[token.type]
+        ? this.options.children[token.type](token, this.rOptions)
+        : token.content),
     });
   }
 

src/defaultChildren.js

@@ -0,0 +1,3 @@
+export default {
+  htmlblock: ({ content }, { html }) => html ? null : content,
+};