30:[] 2e:{"title":"TodoPress","cells":[{"id":0,"value":"md`# TodoPress\n\n[![screenshot of todopress](https://i.imgur.com/V0Chq86.png)](https://zzzev.github.io/observable-press/examples/todo)\n\n## observable-press version [available here](https://zzzev.github.io/observable-press/examples/todo)\n### Code for observable-press version [available here](https://github.com/zzzev/observable-press/blob/master/examples/todo)\n\nA not-exactly MVC version of [TodoMVC](http://todomvc.com) used to demonstrate [observable-press](https://github.com/zzzev/observable-press).\n\nThis is a proof of concept, but not a very practical one. Is this a good idea? Probably not for a more complex app. Is it interesting? Kind of. Not really. You tell me.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"newTodo = {\n let form = html``;\n const input = form.input;\n const verb = \"onsubmit\";\n form[verb] = e => {\n e && e.preventDefault();\n if (input.value !== \"\") {\n const id = mutable maxId + 1;\n mutable todos = Object.assign(todos, {[id]: {id, text: input.value}});\n mutable maxId = id;\n input.value = \"\";\n }\n };\n input.oninput = e => e && e.stopPropagation() && e.preventDefault();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"todoList = html`

${visibleTodos.map((todo) => {\n const form = html``;\n \n form.checkbox.addEventListener(\"change\", (e) => {\n mutable todos[todo.id].checked = e.target.checked;\n mutable todos = todos;\n });\n \n form.remove.addEventListener(\"click\", (e) => {\n delete mutable todos[todo.id];\n mutable todos = todos;\n e.preventDefault();\n return false;\n });\n \n return form;\n})}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"itemsLeft = {\n const count = Object.values(todos).filter(todo => !todo.checked).length;\n return md`${count} item${count !== 1 ? \"s\" : \"\"} left`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"clearCompleted = {\n const button = html`