30:[] 2e:{"title":"Hello, diffhtml!","cells":[{"id":0,"value":"md`# Hello, diffhtml!`","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"container = DOM.element('div')","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"__renderLoop = {\n function render() {\n innerHTML(container, `

Hello world!

\n It's ${new Date().toLocaleString()} now.\n Powered by diffhtml.\n

`)\n }\n \n render()\n const timer = setInterval(render, 1000)\n invalidation.then(() => {\n release(container)\n clearInterval(timer)\n })\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"{\n __renderLoop\n let target = container.querySelector('#title')\n let opac = 0\n const interv = 50\n function update() {\n opac = (opac + 1) % interv\n target.style.opacity = Math.sin(opac / interv * 2 * Math.PI) / 2 + .5\n handle = requestAnimationFrame(update)\n }\n let handle\n invalidation.then(() => cancelAnimationFrame(handle))\n update()\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"innerHTML = diffhtml.innerHTML","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"html = diffhtml.html","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"release = diffhtml.release","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"diffhtml = import('diffhtml')","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"diffhtml.VERSION","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}