2e:null 2f:["$","title",null,{"children":"Parenthesis matching with vertical offsets | Toph Tucker | Observable"}] 34:[] 32:{"id":"c6d57aba3c14434f","slug":"parenthesis-matching-with-vertical-offsets","title":"Parenthesis matching with vertical offsets","thumbnail":"d00b4a71421d534125d561350e766139f7f13bf75e8ac698ad416d9e5757980d","access_level":"public","create_time":"$D2019-06-04T18:19:46.164Z","update_time":"$D2019-06-04T19:42:54.300Z","view_time":null,"first_public_time":"$D2019-06-04T19:22:27.524Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"97290e936c339d8e","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":"pro_2026"},"version":123,"publish_version":123,"role":null,"authored":false,"authors":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null}],"members":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"ee48d2d87f751f74","slug":"sketches","title":"Sketches","owner":{"id":"97290e936c339d8e","login":"tophtucker","name":"Toph Tucker"}},"type":"notebook","body":{"title":"Parenthesis matching with vertical offsets","cells":[{"id":0,"value":"md`# Parenthesis matching with vertical offsets\n\nI’ve been trying to get into Lisp, reading _The Little Schemer_, gonna try SICP next. (This feels like a “finally” to me but like, “finally” compared to which other life?) I know IDEs sorta have this covered but I wanted to try vertical offset so “imbalanced” parens look sorta tippy statically, as opposed to a dynamic cue as you type or cursor over them.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"viewof text = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"html`

${text.split(\"\")\n  .reduce((acc, cur) => \n          cur === \"(\" \n            ? acc + \"(\" \n            : cur === \")\" \n              ? acc + \")\"\n              : acc + cur\n          , \"\")\n}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"viewof offset = slider({\n min: -5, \n max: 5, \n step: 0.5, \n value: -3, \n title: \"Vertical offset (px)\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"viewof background = checkbox({\n options: [{ value: \"toggle\", label: \"Background shading\" }]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"viewof overline = checkbox({\n options: [{ value: \"toggle\", label: \"Overline\" }]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"import {checkbox, slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"