Merge branch 'master' into master

Author: jpuri

.gitignore

@@ -13,3 +13,5 @@ npm-debug.log
 
 #IntelliJ
 .idea
+
+stats.json

README.md

@@ -21,4 +21,28 @@ const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap)
 const editorState = EditorState.createWithContent(contentState);
 ```
 
+### (optional) customChunkRenderer
+Use to define additional html nodes. Only supports atomic blocks.
+
+* _nodeName: string_ - the name of the node, in lowercase
+* _node: HTMLElement_ - the parsed node itself
+
+This renderer function is executed before any other html to draft conversion.
+Return nothing (or something falsy) to continue with the normal translation.
+
+Example:
+
+```
+htmlToDraft('<hr/>', (nodeName, node) => {
+  if (nodeName === 'hr') {
+    return {
+      type: 'HORIZONTAL_RULE',
+      mutability: 'MUTABLE',
+      data: {}
+    };
+  }
+})
+```
+
+
 **Take Care:** Plz not use version `1.2.0` it has build issues.

config/webpack.build.js renamed to config/webpack.config.js

@@ -15,6 +15,7 @@ module.exports = {
   },
   externals: {
     'draft-js': 'draft-js',
+    immutable: 'immutable',
   },
   plugins: [
     new webpack.DefinePlugin({

dist/html-to-draftjs.js

@@ -1,6 +1,6 @@
 {
   "name": "html-to-draftjs",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "main": "dist/html-to-draftjs.js",
   "repository": {
     "type": "git",
@@ -21,14 +21,15 @@
     "webpack": "^3.9.1"
   },
   "peerDependencies": {
+    "immutable": "3.x.x || 4.x.x",
     "draft-js": "^0.10.x"
   },
   "scripts": {
     "start": "react-scripts start",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject",
     "clean": "rimraf dist",
-    "build": "npm run clean && webpack --config config/webpack.build.js"
+    "build": "npm run clean && webpack --config config/webpack.config.js"
   },
   "author": "Jyoti Puri",
   "license": "MIT"

package.json

@@ -24,6 +24,17 @@ describe('htmlToDraft test suite', () => {
     contentBlocks = htmlToDraft('<p>test<a>link</a></p>');
     console.log('contentBlocks', contentBlocks);
 
+    contentBlocks = htmlToDraft('<hr/>', function(nodeName) {
+      if (nodeName === 'hr') {
+        return {
+          type: 'HORIZONTAL_RULE',
+          mutability: 'IMMUTABLE',
+          data: {}
+        };
+      }
+    });
+    console.log('contentBlocks', contentBlocks);
+
     assert.equal(true, true);
   });
 });

report.html

@@ -22,15 +22,30 @@ const REGEX_NBSP = new RegExp(' ', 'g');
 
 let firstBlock = true;
 
+type CustomChunkGenerator = (nodeName: string, node: HTMLElement) => ?{type: string, mutability: string, data: {}};
+
 function genFragment(
   node: Object,
   inlineStyle: OrderedSet,
   depth: number,
   lastList: string,
-  inEntity: number
+  inEntity: number,
+  customChunkGenerator: ?CustomChunkGenerator,
 ): Object {
   const nodeName = node.nodeName.toLowerCase();
 
+  if (customChunkGenerator) {
+    const value = customChunkGenerator(nodeName, node);
+    if (value) {
+      const entityId = Entity.__create(
+        value.type,
+        value.mutability,
+        value.data || {},
+      );
+      return { chunk: getAtomicBlockChunk(entityId) };
+    }
+  }
+
   if (nodeName === '#text' && node.textContent !== '\n') {
     return createTextChunk(node, inlineStyle, inEntity);
   }
@@ -134,27 +149,27 @@ function genFragment(
   let child = node.firstChild;
   while (child) {
     const entityId = getEntityId(child);
-    const { chunk: generatedChunk } = genFragment(child, inlineStyle, depth, lastList, (entityId || inEntity));
+    const { chunk: generatedChunk } = genFragment(child, inlineStyle, depth, lastList, (entityId || inEntity), customChunkGenerator);
     chunk = joinChunks(chunk, generatedChunk);
     const sibling = child.nextSibling;
     child = sibling;
   }
   return { chunk };
 }
 
-function getChunkForHTML(html: string): Object {
+function getChunkForHTML(html: string, customChunkGenerator: ?CustomChunkGenerator): Object {
   const sanitizedHtml = html.trim().replace(REGEX_NBSP, SPACE);
   const safeBody = getSafeBodyFromHTML(sanitizedHtml);
   if (!safeBody) {
     return null;
   }
   firstBlock = true;
-  const { chunk } = genFragment(safeBody, new OrderedSet(), -1, '', undefined);
+  const { chunk } = genFragment(safeBody, new OrderedSet(), -1, '', undefined, customChunkGenerator);
   return { chunk };
 }
 
-export default function htmlToDraft(html: string): Object {
-  const chunkData = getChunkForHTML(html);
+export default function htmlToDraft(html: string, customChunkGenerator: ?CustomChunkGenerator): Object {
+  const chunkData = getChunkForHTML(html, customChunkGenerator);
   if (chunkData) {
     const { chunk } = chunkData;
     let entityMap = new OrderedMap({});