30:[] 2e:{"title":"Base64","cells":[{"id":0,"value":"md`# Base64`","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"md`## Input`","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"md`### Base64`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"// bind_but_better({\n// input: html``,\n// view: viewof base64\n// // from_input: x => atob(x),\n// // to_input: x => btoa(x)\n// })","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"bind(html``, viewof base64)","pinned":true,"hidden":false,"mode":"ojs"},{"id":121,"value":"md`### Text`","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"bind_but_better({\n input: html``,\n view: viewof base64,\n from_input: x => btoa(x),\n to_input: x => atob(x)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"md`### File`","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"viewof filename = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"{\n let _filename = filename || \"base64.dat\";\n let response = await fetch(`data:image/png;base64,${base64}`);\n let blob = await response.blob();\n return DOM.download(blob, _filename, `Download \"${_filename}\"`);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"viewof base64 = new View(\"\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"import { form } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"import { View, bind } from \"@mbostock/synchronized-views\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"function bind_but_better({\n input,\n view,\n from_input = x => x,\n to_input = x => x\n}) {\n let wrapper = html`

${input}

`;\n\n input.value = from_input(view.value);\n input.oninput = () => {\n try {\n view.value = from_input(input.value);\n delete wrapper.dataset.error;\n } catch (error) {\n wrapper.dataset.error = error.message;\n }\n };\n\n function update(e) {\n try {\n if (from_input(input.value) !== view.value) {\n input.value = to_input(view.value);\n delete wrapper.dataset.error;\n }\n } catch (error) {\n console.log('Error:', view.value, error.message);\n wrapper.dataset.error = error.message;\n }\n }\n\n view.addEventListener(\"input\", update);\n\n return Generators.disposable(wrapper, () => {\n view.removeEventListener(\"input\", update);\n });\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}