Extract inline styles from contentBlock

Summary:Addresses #153 by extracting the style key strings from the content block.
Closes #217

Reviewed By: ezequiel

Differential Revision: D3060659

fb-gh-sync-id: 7752f4f6477e61d239c9b945857fd1acca77ff42
shipit-source-id: 7752f4f6477e61d239c9b945857fd1acca77ff42

src/model/encoding/__tests__/encodeInlineStyleRanges-test.js

@@ -30,11 +30,15 @@ var {
   NONE,
 } = SampleDraftInlineStyle;
 
-var {
+const {
   List,
+  OrderedSet,
   Repeat,
 } = Immutable;
 
+const FOO = OrderedSet.of('foo');
+const FOO_BAR = OrderedSet.of('foo', 'bar');
+
 describe('encodeInlineStyleRanges', () => {
   function createBlock(text, inlineStyles) {
     return new ContentBlock({
@@ -91,6 +95,17 @@ describe('encodeInlineStyleRanges', () => {
     ]);
   });
 
+  it('must encode custom styles', () => {
+    const custom = List([FOO, FOO, FOO_BAR, FOO_BAR, BOLD, BOLD]);
+    expect(
+      encodeInlineStyleRanges(createBlock(' '.repeat(6), custom))
+    ).toEqual([
+      {offset: 0, length: 4, style: 'foo'},
+      {offset: 2, length: 2, style: 'bar'},
+      {offset: 4, length: 2, style: 'BOLD'},
+    ]);
+  });
+
   it('must encode for a complex styled document', () => {
     var complex = List([
       BOLD, BOLD, BOLD, BOLD, NONE,         // "four "

src/model/encoding/encodeInlineStyleRanges.js

@@ -68,11 +68,12 @@ function encodeInlineStyleRanges(
   block: ContentBlock
 ): Array<InlineStyleRange> {
   var styleList = block.getCharacterList().map(c => c.getStyle()).toList();
-  var styles = Object.keys(DefaultDraftInlineStyle);
-  var ranges: Array<Array<InlineStyleRange>> = styles
+  var ranges = styleList
+    .flatten()
+    .toSet()
     .map(style => getEncodedInlinesForType(block, styleList, style));
 
-  return Array.prototype.concat.apply(EMPTY_ARRAY, ranges);
+  return Array.prototype.concat.apply(EMPTY_ARRAY, ranges.toJS());
 }
 
 module.exports = encodeInlineStyleRanges;