2b:null 2c:["$","title",null,{"children":"Dedent for template strings | Michiel Dral | Observable"}] 31:[] 2f:{"id":"e0cbfefecf7d21b8","slug":"dedent-for-template-strings","title":"Dedent for template strings","thumbnail":"360ab1d6b177cf59d9db02a6abf83bf05c3146ed64265a0300c38ff5d49055b5","access_level":"public","create_time":"$D2020-02-27T18:35:03.100Z","update_time":"$D2022-10-18T10:34:00.581Z","view_time":null,"first_public_time":"$D2020-02-28T07:44:37.340Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c462e7a59e5fe5be","login":"dralletje","name":"Michiel Dral","avatar_url":"https://avatars-next.observableusercontent.com/878dccd1c40ab7352e79b478f7fbf8e78e63f142d8944766f1cc77938fb3386a","tier":"starter_2024"},"version":648,"publish_version":648,"role":null,"authored":false,"authors":[{"type":"individual","id":"876346e974f528a9","login":"dralletje","name":"Michiel Dral","avatar_url":"https://avatars-next.observableusercontent.com/878dccd1c40ab7352e79b478f7fbf8e78e63f142d8944766f1cc77938fb3386a","tier":null}],"members":[{"type":"individual","id":"876346e974f528a9","login":"dralletje","name":"Michiel Dral","avatar_url":"https://avatars-next.observableusercontent.com/878dccd1c40ab7352e79b478f7fbf8e78e63f142d8944766f1cc77938fb3386a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"c4100d8d7e85bf3f","slug":"these-make-me-proud","title":"These make me proud","owner":{"id":"c462e7a59e5fe5be","login":"dralletje","name":"Michiel Dral"}},"type":"notebook","body":{"title":"Dedent for template strings","cells":[{"id":0,"value":"md`# Dedent for template strings`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":392,"value":"md`## Test cases`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":622,"value":"import { snapshot } from \"@dralletje/visual-tests\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"md`### Simple indented markdown`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"first_snapshot = snapshot.html(\n md`\n### Hey\nhow\nare you\ndoing?`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"first_snapshot.match(dedent(md)`\n ### Hey\n how\n are you\n doing?\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"md`### List with nested html`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":410,"value":"nested_list = snapshot.html(\n md`#### Hey\n1. ${html`^One`}\n2. **Two**\n3. ${html`_Three`}\n 1. Hey\n 2. Hmm\n\n${1} \n${\"Wow\"}`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"nested_list.match(dedent(md)`\n #### Hey\n 1. ${html`^One`}\n 2. **Two**\n 3. ${html`_Three`}\n 1. Hey\n 2. Hmm\n\n ${1} \n ${\"Wow\"}\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"md`### \"More nested values\"`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"more_nested_values = snapshot.html(\n md`#### Hey\nhow ${{ toString: () => \"Cool\" }}\nare you\n doing?\n\n- ${1} \n- ${\"Wow\"}`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"more_nested_values.match(dedent(md)`\n #### Hey\n how ${{ toString: () => \"Cool\" }}\n are you\n doing?\n\n - ${1} \n - ${\"Wow\"}\n`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"md`### Nested input`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"nested_input = snapshot.html(dedent(md)`#### Hey\nCool cool\n\n**Input:** ${html``}`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"nested_input.match(dedent(md)`\n #### Hey\n Cool cool\n\n **Input:** ${html``}\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"md`### First line not empty`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"first_line_not_empty = snapshot.html()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"first_line_not_empty.match(dedent()`

\n Cool cool\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"dedent(html)`a`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"md`# Implementation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"is_empty_line = line =>\n line.length === 0 || (line.length === 1 && line[0] === \"\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"interpolated_lines = (strings, ...values) => {\n let lines2 = [];\n\n let current_line = [];\n for (let [index, string] of Object.entries(strings.raw)) {\n if (index !== \"0\") {\n current_line = [...current_line, values[index - 1]];\n }\n\n let [first_line, ...sub_lines] = string.split('\\n');\n current_line.push(first_line);\n for (let line of sub_lines.slice(0)) {\n lines2.push(current_line);\n current_line = [line];\n }\n }\n\n lines2.push(current_line);\n\n // if (is_empty_line(lines2[0])) {\n // lines2 = lines2.slice(1);\n // }\n // if (is_empty_line(lines2[lines2.length - 1])) {\n // lines2 = lines2.slice(0, -1);\n // }\n\n return lines2;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"interpolate_lines_example = snapshot.plain()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"interpolate_lines_example.match(interpolated_lines`\n hey;\n - line ${\"10\"}\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"interpolate_lines_empty = snapshot.plain()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"interpolate_lines_empty.match(interpolated_lines``)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"dedent(htl_html)`\n

\n \n

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":641,"value":"{\n return dedent(htl_html)`\n

\n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"dedent(htl_html)`\n

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