Added a case to support emojis

Author: Zaydek Michels-Gualtieri

src/Editor/Elements/Elements.js

@@ -159,9 +159,7 @@ export const AnyListItem = ({ id, syntax, ordered, children }) => (
 
 // TODO: Add markdown to CSS to prevent useless rerenders
 export const TodoItem = React.memo(({ id, syntax, checked, children, dispatch }) => {
-	// const [, { checkTodo }] = useEditorState()
 	const ref = React.useRef()
-
 	return (
 		<li id={id} className="relative my-1" data-codex-checked={checked}>
 			<Markdown className="hidden" syntax={syntax}>
@@ -187,7 +185,7 @@ export const TodoItem = React.memo(({ id, syntax, checked, children, dispatch })
 						checked={checked}
 						onChange={() => {
 							ref.current.focus()
-							dispatch(id)
+							dispatch.checkTodo(id)
 						}}
 					/>
 				</div>

src/Editor/useEditor.js

@@ -362,26 +362,28 @@ const methods = state => ({
 		console.log("parseElements", Date.now() - t)
 
 		if (renderOpts.rerenderIfNeeded) {
-
-			let mustRerender = true
+			let rerenderNeeded = true
 
 			let id = ""
 			const selection = document.getSelection()
 			if (selection.rangeCount) {
 				const range = selection.getRangeAt(0)
-				mustRerender = (
+				rerenderNeeded = (
 					(range.startContainer.nodeType === Node.TEXT_NODE && range.startOffset <= 1) ||
-					ascendToElement(range.startContainer).getAttribute("data-codex-markdown")
+					// TODO: Add data-codex-rerender?
+					ascendToElement(range.startContainer).getAttribute("data-codex-markdown") ||
+					ascendToElement(range.startContainer).getAttribute("aria-label")
 				)
 				const root = ascendToElement(range.startContainer).closest("[data-codex-editor] > *")
 				id = root.id || root.querySelector("[id]").id
 			}
-			if (mustRerender) {
+
+			// if (rerenderNeeded) {
 				const nextElement = nextElements.find(each => each.id === id)
 				if (nextElement) {
 					nextElement.reactKey = uuidv4().slice(0, 8)
 				}
-			}
+			// }
 
 			// const elements = parseInlineElements(state.nodes[state.pos1.y].data)
 			// console.log(elements)

src/EditorApp/EditorApp.js

@@ -223,7 +223,7 @@ const EditorApp = () => {
 			{/* RHS */}
 			<div className="flex-shrink-0 hidden lg:block w-16"></div>
 			<div className="xl:flex-shrink-0 w-full max-w-3xl">
-				<DocumentTitleAndEmoji title={(meta.title || "Untitled") + " (v0.6)"} emoji={meta.emoji}>
+				<DocumentTitleAndEmoji title={(meta.title || "Untitled") + " (v0.7)"} emoji={meta.emoji}>
 					<div className="relative">
 
 						{/* Placeholder */}