Integrated onInput handler

Author: Zaydek Michels-Gualtieri

src/RichTextEditor/components/DocumentRenderer.js

@@ -31,13 +31,12 @@ const DocumentRenderer = ({ forwardedRef, state, dispatch }) => {
 					// No-op
 					return
 				}
-				// try {
-				// 	const range = Range.toUserLiteral(state.range)()
-				// 	console.log(range)
-				// 	selection.addRange(range)
-				// } catch (error) {
-				// 	console.error(error)
-				// }
+				try {
+					const range = Range.toUserLiteral(state.range)()
+					selection.addRange(range)
+				} catch (error) {
+					console.error(error)
+				}
 			})
 		}, [forwardedRef, state, dispatch]),
 		[forwardedRef.current, state.shouldRerender],

src/RichTextEditor/methods/Range.js

@@ -53,14 +53,13 @@ function conv({ node, offset }) {
 
 // Resolves to a user literal.
 export const toUserLiteral = r => () => {
-	console.log(r)
-	// const pos1 = conv(Position.toUserLiteral(r.start)())
-	// let pos2 = pos1
-	// if (!r.collapsed) {
-	// 	pos2 = conv(Position.toUserLiteral(r.end)())
-	// }
-	// const range = document.createRange()
-	// range.setStart(...pos1)
-	// range.setEnd(...pos2)
-	// return range
+	const pos1 = conv(Position.toUserLiteral(r.start)())
+	let pos2 = pos1
+	if (!r.collapsed) {
+		pos2 = conv(Position.toUserLiteral(r.end)())
+	}
+	const range = document.createRange()
+	range.setStart(...pos1)
+	range.setEnd(...pos2)
+	return range
 }