2c:null 2d:["$","title",null,{"children":"Break Word Function | Maya Gans | Observable"}] 32:[] 30:{"id":"09394d3256345eb7","slug":"break-word-function","title":"Break Word Function","thumbnail":"d7fe800aa5f50cdd54cfad76c6ef7ef86afc19a99ed43334e0e85c001eb781ed","access_level":"public","create_time":"$D2022-10-09T22:57:42.257Z","update_time":"$D2022-10-11T16:57:12.123Z","view_time":null,"first_public_time":"$D2022-10-10T22:43:48.194Z","has_unpublished_edits":null,"fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"cfa704f351f0d39f","login":"mayagans","name":"Maya Gans","avatar_url":"https://avatars-next.observableusercontent.com/106e9e9b89751753a8046f057b9b885e525e02d6deca7ef8b83b5b1f969a1f26","tier":"starter_2024","bio":""},"version":106,"publish_version":106,"role":null,"authored":false,"authors":[{"type":"individual","id":"8a52a621b0b172dc","login":"mayagans","name":"Maya Gans","avatar_url":"https://avatars-next.observableusercontent.com/106e9e9b89751753a8046f057b9b885e525e02d6deca7ef8b83b5b1f969a1f26","tier":null,"bio":""}],"members":[{"type":"individual","id":"8a52a621b0b172dc","login":"mayagans","name":"Maya Gans","avatar_url":"https://avatars-next.observableusercontent.com/106e9e9b89751753a8046f057b9b885e525e02d6deca7ef8b83b5b1f969a1f26","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Break Word Function","cells":[{"id":0,"value":"# Break Word Function\n\nI want to write a function where given an index it adds a `
` tag at every Ith index in string. If the index is a space we will insert a `
`, but if it's in the middle of a string we insert `-
`","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"my_string = \"Here's a really really long string that I want to add breaks to at every 20th interval\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"The expected result of the string above is: \n\n`Here's a really real-
ly long string that
I want to add breaks-
to at every 20th in-
terval`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"insert_break = (str, index) => {\n let result = \"\";\n for (let i = 0; i < str.length; i += index) {\n let chunk = str.substring(i, i + index);\n if (chunk.endsWith(' ')) {\n chunk += '
';\n } else {\n chunk += '-
';\n }\n result += chunk;\n }\n result = result.replace(/-?
$/, ''); // remove last `
`\n return result;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"renderHtml(insert_break(my_string, 20))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"## Utility Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":98,"value":"function renderHtml(string) {\n const span = document.createElement(\"span\");\n span.innerHTML = string;\n return span;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"