30:T902,ATXRenderer = function () { const mapping = { h1: "h2", h2: "h3" }; function getTagName(token) { return token.markup == "-" || token.markup == "=" ? "h2" : mapping[token.tag] ?? token.tag; } function open(tokens, idx) { const token = tokens[idx]; const tag = getTagName(token); return `<${tag}>`; } function close(tokens, idx) { const token = tokens[idx]; const tag = getTagName(token); return ``; } return function (md) { // Custom rule to wrap the first word of H1 headings in a md.core.ruler.push("wrap_first_word_in_h1", function (state) { // Iterate over all tokens in the markdown content state.tokens.forEach((token, i) => { // Check if it's an opening tag for a heading and it's a first-level heading (h1) if (token.type === "heading_open" && token.tag === "h1") { const inlineToken = state.tokens[i + 1]; // The next token is the inline token that holds the content if (inlineToken.type === "inline") { // Find the first text token in the inline token's children const textToken = inlineToken.children.find( (child) => child.type === "text" ); if (textToken) { // Split the text content into words const words = textToken.content.split(" "); if (words.length > 0) { // Modify the content: replace the first word with an HTML span and keep the rest as text const firstWord = words.shift(); // Extract the first word // Create a new token for the span-wrapped first word const firstWordToken = new state.Token("html_inline", "", 0); firstWordToken.content = `${firstWord}`; // Update the original text token to contain the remaining words textToken.content = textToken.content.substr(firstWord.length); // Insert the new firstWordToken before the textToken in the children array inlineToken.children.unshift(firstWordToken); } } } } }); }); md.renderer.rules.heading_open = open; md.renderer.rules.heading_close = close; }; }31:T5f7,mdPlus = template( (text) => { var root = document.createElement("div"); //var css = 'p { max-width: revert;}'; var head = document.head || document.getElementsByTagName("head")[0]; const href = "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css"; const existingLink = document.querySelector(`head link[href="${href}"]`); if (!existingLink) { var link = document.createElement("link"); head.appendChild(link); link.rel = "stylesheet"; link.href = href; } // var style = document.createElement('style'); // head.appendChild(style); // style.type = 'text/css'; // if (style.styleSheet){ // // This is required for IE8 and below. // style.styleSheet.cssText = css; // } else { // style.appendChild(document.createTextNode(css)); // } //root.style.setProperty("column-width","300px"); root.innerHTML = markdownIt() .use(taskLists, { enabled: true }) .use(katex.default, { svg: { scale: 2 } }) .use(sup.default) .use(textBgColor.default, { inline: false, isMultiLine: true }) .use(html5Media.default, { html5embed: { useImageSyntax: false, // Enables video/audio embed with ![]() syntax (default) useLinkSyntax: true // Enables video/audio embed with []() syntax } }) .use(ATXRenderer()) .render(text); return root; }, () => { return document.createElement("div"); } )32:T7c9,function template(render, wrapper) { const {Node, NodeFilter} = window; return function(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; }; }33:[] 2e:{"title":"Bonus Markdown flavor 🍔","cells":[{"id":0,"value":"md`# Bonus Markdown flavor 🍔`","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"mdPlus`This is a checkbox, {red}(supported by) combining [markdown-it](https://github.com/markdown-it/markdown-it) and [markdown-it-task-lists](https://github.com/revin/markdown-it-task-lists).\n\n# first heading 1 10°\n\n$$\n\\\\frac{\\\\frac{2}{3}-1}{\\\\frac{8}{9}}\n$$\n\n# 11 Jaká je velikost rozdílu úhlů $\\\\gamma -\\\\alpha C$? \nVelikost úhlů neměřte, ale vypočítejte (obrázek je ilustrační).$10\\\\deg$\n- [A] $10 \\\\circle$\n- [B] $11 \\\\degree$\n- [C] $12 \\\\degree$\n- [D] $13 \\\\degree$\n- [E] jiná velikost\n\n\n$$ \n\\\\left(2\\\\div\\\\frac{3}{2}\\\\right)\\\\div\\\\frac{1}{2}+\\\\left(\\\\frac{5}{6}\\\\div\\\\frac{3}{4}\\\\right)\\\\div\\\\frac{2}{3}\n$$\n\nTereza a její kamarádka Nikola píší novoroční přání. Všechna přání mají stejný text a každá z dívek píše stálou rychlostí. Tereza za každých 5 minut napíše 14 novoročenek, zatímco Nikola 10.\n\n$\\\\frac{1}{2}$\n$\\\\beta=$\n\n$$ \n\\\\frac{1}{2} \n$$\n\n\n- [ ] Checklist\n- [ ] Chore 1\n- [x] Chore 2\n- [x] Chore 3\n- [ ] Chore 4\n- [ ] Chore 5`","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"md`## Install / Use it in your notebook:\n\nPut into a cell this:\n\\`\\`\\`js\nimport {mdPlus} from \"@rsamec/quiz-markdown\"\n\\`\\`\\`\n\nand then use \\`mdPlus\\` instead of \\`md\\`\n\n`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"md`### Helper Functions and Imports`","pinned":true,"hidden":false,"mode":"ojs"},{"id":3,"value":"//markdownIt = require('markdown-it/dist/markdown-it.js')\nmarkdownIt = require('markdown-it@14.1.0/dist/markdown-it.min.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"taskLists = require('markdown-it-task-lists/dist/markdown-it-task-lists.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"katex = import('https://cdn.skypack.dev/markdown-it-katex@2.0.3?min')","pinned":true,"hidden":false,"mode":"ojs"},{"id":66,"value":"sup = import('markdown-it-sup');\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"textBgColor = import('https://cdn.skypack.dev/markdown-it-color-plus@0.0.1?min');","pinned":true,"hidden":false,"mode":"ojs"},{"id":113,"value":"inlineTextColor = import('https://cdn.skypack.dev/@gerhobbelt/markdown-it-inline-text-color@1.0.1-1?min')","pinned":true,"hidden":false,"mode":"ojs"},{"id":70,"value":"html5Media = import('https://cdn.skypack.dev/markdown-it-html5-embed@1.0.0?min')","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W33","stdlib":"1","titling":"auto"}