JSX complaint checkboxes

lib/markdown-to-react-loader.js

@@ -16,6 +16,8 @@ function replaceReact(string) {
   return string
     .replace(regex, m => singleReplaceChars[m])
     .replace(/class="/g, 'className="')
+    .replace(/checked=""/g, "checked")
+    .replace(/disabled=""/g, "disabled")
 }
 
 const reactSafe = (fn) => {

test/all.test.js

@@ -57,3 +57,7 @@ test('Can render everything', () => {
 test('Allows inline JSX', () => {
   expectIO('io/jsx.md', 'io/jsx.js');
 });
+
+test('Makes checkboxes read-only', () => {
+  expectIO('io/taskListItems.md', 'io/taskListItems.js');
+});

test/io/taskListItems.js

@@ -0,0 +1,15 @@
+import React, { Fragment } from "react";
+
+const Markdown = () => (
+  <Fragment>
+    <ul>
+      <li>
+        <input disabled type="checkbox" /> unchecked
+      </li>
+      <li>
+        <input checked disabled type="checkbox" /> checked
+      </li>
+    </ul>
+  </Fragment>
+);
+export default Markdown;

test/io/taskListItems.md

@@ -0,0 +1,2 @@
+- [ ] unchecked
+- [x] checked