Renamed markupToDOMTree to renderMarkupTree

Author: Zaydek Michels-Gualtieri

src/Editor/TODO/index.js

@@ -1,9 +1,9 @@
 import * as Readers from "../Readers"
 import decorate from "../decorate"
-import markupToDOMTree from "lib/markupToDOMTree"
 import methods from "./methods"
 import React from "react"
 import ReactDOMServer from "react-dom/server"
+import renderMarkupTree from "lib/renderMarkupTree"
 import useMethods from "use-methods"
 
 // // TODO
@@ -49,10 +49,10 @@ function useEditor({ markup, children }) {
 		}
 		let domTree = null
 		if (markup !== undefined) {
-			domTree = markupToDOMTree("<div>" + markup + "</div>")
+			domTree = renderMarkupTree("<div>" + markup + "</div>")
 		} else if (children !== undefined) {
 			const markup = ReactDOMServer.renderToStaticMarkup(children) // Shadows markup
-			domTree = markupToDOMTree("<div>" + markup + "</div>")
+			domTree = renderMarkupTree("<div>" + markup + "</div>")
 		}
 		decorate(domTree)
 		return Readers.semantic.elements(domTree)

src/Editor/components/components.js

@@ -1,7 +1,7 @@
 import deeplySyncTrees from "../utils/deeplySyncTrees"
-import markupToDOMTree from "lib/markupToDOMTree"
 import React from "react"
 import ReactDOMServer from "react-dom/server"
+import renderMarkupTree from "lib/renderMarkupTree"
 import T from "./T"
 import toReact from "./toReact"
 import types from "../types"
@@ -17,7 +17,7 @@ const Node = ({ id, style, children, ...props }) => {
 		// NOTE: Uses ReactDOMServer.renderToStaticMarkup
 		// because ReactDOM.render is asynchronous.
 		const markup = ReactDOMServer.renderToStaticMarkup(children)
-		const domTree = markupToDOMTree("<div>" + markup + "</div>")
+		const domTree = renderMarkupTree("<div>" + markup + "</div>")
 
 		// ;[...ref.current.childNodes].reverse().map(each => each.remove())
 		// ref.current.append(...domTree.childNodes)

src/lib/markupToDOMTree.js

@@ -0,0 +1,7 @@
+// Renders markup to a tree.
+function renderMarkupTree(markup) {
+	const doc = new DOMParser().parseFromString(markup, "text/html")
+	return doc.body.childNodes[0]
+}
+
+export default renderMarkupTree