2e:null 2f:["$","title",null,{"children":"My Markdown-it Configuration | qbane | Observable"}] 34:T818,/* modified from @observablehq/stdlib@3.2.1 */ function template(render, wrapper, useRaw) { return function(_strings) { const strings = useRaw ? _strings.raw : _strings var string = strings[0], parts = [], part, root = null, node, nodes, walker, i, n, j, m, k = -1; // Concatenate the text using comments as placeholders. for (i = 1, n = arguments.length; i < n; ++i) { part = arguments[i]; if (part instanceof Node) { parts[++k] = part; string += ""; } else if (Array.isArray(part)) { for (j = 0, m = part.length; j < m; ++j) { node = part[j]; if (node instanceof Node) { if (root === null) { parts[++k] = root = document.createDocumentFragment(); string += ""; } root.appendChild(node); } else { root = null; string += node; } } root = null; } else { string += part; } string += strings[i]; } // Render the text. root = render(string); // Walk the rendered content to replace comment placeholders. if (++k > 0) { nodes = new Array(k); walker = document.createTreeWalker(root, NodeFilter.SHOW_COMMENT, null, false); while (walker.nextNode()) { node = walker.currentNode; if (/^o:/.test(node.nodeValue)) { nodes[+node.nodeValue.slice(2)] = node; } } for (i = 0; i < k; ++i) { if (node = nodes[i]) { node.parentNode.replaceChild(parts[i], node); } } } // Is the rendered content // … a parent of a single child? Detach and return the child. // … a document fragment? Replace the fragment with an element. // … some other node? Return it. return root.childNodes.length === 1 ? root.removeChild(root.firstChild) : root.nodeType === 11 ? ((node = wrapper()).appendChild(root), node) : root; }; }35:[] 32:{"id":"43ab93cdd67845c3","slug":"my-markdown-it","title":"My Markdown-it Configuration","thumbnail":"003b6368df061f77b88059d47046edde5c93c47e1b41bbf27568022084c54a35","access_level":"public","create_time":"$D2020-01-18T04:22:18.766Z","update_time":"$D2020-04-24T02:51:16.408Z","view_time":null,"first_public_time":"$D2020-01-18T04:22:49.129Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"ec0e60aaa9ae681d","login":"qbane","name":"qbane","avatar_url":"https://avatars-next.observableusercontent.com/cc5506cefb6901edcab91e234d80c6d5bbd53092b8f9cb23a68b5cd0e30d0395","tier":"starter_2024"},"version":149,"publish_version":149,"role":null,"authored":false,"authors":[{"type":"individual","id":"cb0ad463bcac9eaa","login":"qbane","name":"qbane","avatar_url":"https://avatars-next.observableusercontent.com/cc5506cefb6901edcab91e234d80c6d5bbd53092b8f9cb23a68b5cd0e30d0395","tier":null}],"members":[{"type":"individual","id":"cb0ad463bcac9eaa","login":"qbane","name":"qbane","avatar_url":"https://avatars-next.observableusercontent.com/cc5506cefb6901edcab91e234d80c6d5bbd53092b8f9cb23a68b5cd0e30d0395","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":{"id":"c966a3ad74ff304b","slug":"writing-on-observable","title":"Typesetting","owner":{"id":"ec0e60aaa9ae681d","login":"qbane","name":"qbane"}},"type":"notebook","body":{"title":"My Markdown-it Configuration","cells":[{"id":0,"value":"md`# My Markdown-it Configuration`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`\nA **very** bare example on how you can have a drop-in replacement, extendible, [CommonMark](https://commonmark.org)-compliant of Markdown engine in Observable ${'with proper interpolation support'}.\n\n**Usage**:\n\n\\`\\`\\`javascript\nimport { md } from '@andy0130tw/my-markdown-it'\n\\`\\`\\`\n\nFor example, as a proof of concept, you can embed TeX expressions by utilizing \\`String.raw\\`:\n\n$$x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}.$$\n\nBut remember that the entered text is processed with \\`String.raw\\`, with the only pre-processing, replacing\n\n 1. \"${'`` \\\\\\\\` ``'}\" to \"${'`` ` ``'}\" to allow direct backtick typing in Markdown, and\n 2. \"${'`\\\\\\\\$`'}\" to \"${'`$`'}\" to allow some LaTeX sequences \\${\\mu_0}^2$.\n\nAs a catch, some strings cannot be expressed or looks *really* confusing without ${'`${...}`'} interpolations. It is the best I can do for now.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"md`## Changelog\n### Apr 24, 2020 (v144)\nAdd highlight.js highlighting on code blocks for only selected languages.\n\n### Feb 10, 2020 (v104)\nAdd a pre-processing rule regarding of some sequences like ${'\\\\\\\\${'} that cause syntax errors.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"md`## Acknowledgements\n\nSyntax inspired by [@kelleyvanevert/katex-within-markdown](https://observablehq.com/@kelleyvanevert/katex-within-markdown).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"$$r = String.raw","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"MarkdownIt = require('markdown-it/dist/markdown-it.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"MarkdownItMathJax = require('markdown-it-mathjax').catch(() => window.markdownitMathjax)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"mdit = MarkdownIt('commonmark', {\n highlight: (str, lang) => {\n if (lang && hljs.getLanguage(lang)) {\n return hljs.highlight(lang, str, true).value\n }\n }\n})\n .use(MarkdownItMathJax())\n .use(KatexRenderer())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"KatexRenderer = function() {\n function inlineRenderer(tokens, idx) {\n return '

' + tex`${tokens[idx].content}`.innerHTML + '

'\n }\n \n function blockRenderer(tokens, idx) {\n return '

' + tex.block`${tokens[idx].content}`.innerHTML + '

'\n }\n \n return function(md) {\n md.renderer.rules.inline_math = inlineRenderer\n md.renderer.rules.display_math = blockRenderer\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"mditRendererFactory = mditInstance => template(\n text => {\n const root = DOM.element('div')\n root.innerHTML = mditInstance.render(text.replace(/\\\\([`$])/g, '$1'))\n return root\n },\n () => DOM.element('div'), true)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"hljs = require('@observablehq/highlight.js@2.0.0/highlight.min.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"hljs.listLanguages()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"md = mditRendererFactory(mdit)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"