2b:null 2c:["$","title",null,{"children":"TodoPress | Zev Youra | Observable"}] 31:[] 2f:{"id":"25c86d9ca402fd89","slug":"todopress","title":"TodoPress","thumbnail":"b2fc45467fe3be67e8885ec4cb3e3e0865883651e65a968d6b68fc9e7ad4bfa2","access_level":"public","create_time":"$D2019-03-19T22:07:48.202Z","update_time":"$D2019-03-20T00:20:32.440Z","view_time":null,"first_public_time":"$D2019-03-19T23:55:50.205Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"80a52c093fcb91a5","login":"zzzev","name":"Zev Youra","avatar_url":"https://avatars-next.observableusercontent.com/e46dd464d5c1b415fc4f637fee1048757ab80e9001f6117871bd08c8aff84009","tier":"starter_2024"},"version":217,"publish_version":217,"role":null,"authored":false,"authors":[{"type":"individual","id":"1b24aed4afb24eb1","login":"zzzev","name":"Zev Youra","avatar_url":"https://avatars-next.observableusercontent.com/e46dd464d5c1b415fc4f637fee1048757ab80e9001f6117871bd08c8aff84009","tier":null}],"members":[{"type":"individual","id":"1b24aed4afb24eb1","login":"zzzev","name":"Zev Youra","avatar_url":"https://avatars-next.observableusercontent.com/e46dd464d5c1b415fc4f637fee1048757ab80e9001f6117871bd08c8aff84009","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"69a09004dc709340","slug":"observable-press","title":"Observable Press","owner":{"id":"80a52c093fcb91a5","login":"zzzev","name":"Zev Youra"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":94,"value":"clearCompleted = {\n const button = html`