2f:T416,viewof text = Inputs.textarea({ value: `# Document ## First Section Some examples: - Good tags order: Section! - Wrong tags embedding: Section! - Standalone closing tags are interpreted as special symbols ("<" and ">") - Tags with attributes: text - Tags attributes with non-closed code block: text - Tags containing its own markdown sub-sections: Before...

# Test Section Test Content

... and after ## Second Section \${this is a code}

# Inner section in a div

# Markdown Header in div > div Paragraph in a div. \${ code block... \`\${inner code}\` ...previous code }

# Second Inner Section Text

## Second Section # Another Top-Level Section \${ code block } Final paragraph... `, // label: "Markdown", rows: 15 })30:[] 2d:{"title":"TKNZ with Observable Framework","cells":[{"id":0,"value":"# TKNZ with Observable Framework\n\nExamples for the TKNZ: https://observablehq.com/@kotelnikov/statewalker-tknz.\n\nRelated issues:\n- https://github.com/observablehq/framework/pull/597 - More robust interpolation parsing #597\n- https://github.com/observablehq/framework/issues/829 - \"{{}}\" syntax\n- https://github.com/observablehq/framework/issues/900#issuecomment-1960597678 - interpolation in tag attributes\n- https://github.com/observablehq/framework/discussions/1038\n\nInteresting points:\n- https://github.com/ckRobinson/multi-column-markdown\n","pinned":false,"hidden":false,"mode":"md"},{"id":23,"value":"## Issue 981 - Add an option to allow LaTeX embeddings using $ and $$ notation\n\n[https://github.com/observablehq/framework/issues/981](Issue 981 - Add an option to allow LaTeX embeddings using $ and $$ notation)","pinned":false,"hidden":false,"mode":"md"},{"id":49,"value":"Block Latex: ${formatAst(readWithLatex(\" text ${and code} before $$f(x)=x^2$$ text and ${code} after \"))}\n\nLatex Block containing code: ${formatAst(readWithLatex(\" text before $$f(x)=x^3 + ${code} + x^2 $$ text after \"))}\n\nInline Latex: ${formatInlineAst(readWithLatex(\" text ${and code} before $f(x)=x^2$ text and ${code} after \"))}\n\nExample from issue-981: ${formatInlineAst(readWithLatex(\"before ${1 + 2} $ + 3$ after\"))}","pinned":false,"hidden":false,"mode":"md"},{"id":80,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":33,"value":"readWithLatex = {\n const readCode = tknz.newCodeReader();\n const readLatexBlock = tknz.newTextFencedBlockReader(\n \"LatexBlock\",\n \"$$\",\n \"$$\",\n readCode\n );\n // For inline expressions we need to write a specific tokenizers to avoid collisions\n // with code blocks starting with \"$\"\n const readLatexFence = (ctx) => {\n return ctx.guard(() => {\n const start = ctx.i;\n if (ctx.getChar(+0) !== \"$\") return;\n if (ctx.getChar(+1) === \"{\") return; // Skip code blocks\n ctx.i++;\n const end = ctx.i;\n return {\n type: \"LatexInlineFence\",\n start,\n end,\n value: ctx.substring(start, end)\n };\n });\n };\n const readLatexInline = tknz.newFencedBlockReader(\n \"LatexInline\",\n readLatexFence,\n readCode,\n readLatexFence\n );\n return newMdReader(readLatexBlock, readLatexInline);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"readWithLatex(\" text ${and code} before $f(x)=x^2$ text and ${code} after \")","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"## Comment for Issue 829 - Using the \"{{\" \"}}\" syntax\n\n[Issue 829 - Use

 blocks instead of interpolated strings in Markdown backing files](https://github.com/observablehq/framework/issues/829#issuecomment-1949788891)\n\nUsing the \"{{\" \"}}\" syntax: https://github.com/observablehq/framework/issues/829#issuecomment-1949788891 ","pinned":false,"hidden":false,"mode":"md"},{"id":104,"value":"Inline \"{{\" and \"}}\" syntax: ${formatInlineAst(readNewCode(\" text {{and code}} text\"))}\n\nInline \"{{\" and \"}}\" syntax: ${formatInlineAst(readNewCode(\" text {{code ${more { `and ${more} ` } code} code}} text\"))}\n","pinned":false,"hidden":false,"mode":"md"},{"id":131,"value":"readNewCode(\" text {{code ${more { `and ${more} ` } code} code}} text\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":150,"value":"format.block(`\n\n# Hello {{there}}!\nParagraph\none\n- item {{one}}\n  - sub-{{item}}-1\n  - sub-{{item}}-2\n- sub-{{two}}\n\n## Sub-{{header}}\n::: more=\\${stuff}\n`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":95,"value":"readNewCode = {\n  const readCode = tknz.newCodeReader();\n  const readNewCodeBlock = tknz.newTextFencedBlockReader(\n    \"Code\",\n    \"{{\",\n    \"}}\",\n    readCode\n  );\n  return newMdReader(readNewCodeBlock);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"## Issue 396 - Complex inline expressions aren’t parsed correctly #396\n\nhttps://github.com/observablehq/framework/issues/396","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"format.block(``)","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"t(`before  after`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":144,"value":"format.block(\n  `before  after`\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":142,"value":"t(`before  after`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":170,"value":"## Sandbox\n","pinned":false,"hidden":false,"mode":"md"},{"id":186,"value":"formatAst(ast)","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"ast = t(text)","pinned":true,"hidden":false,"mode":"ojs"},{"id":180,"value":"viewof retryCount = Inputs.range([1, 100], {\n  label: \"Number of retries:\",\n  step: 1,\n  value: 1\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":172,"value":"// mdit(text)","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"format","pinned":true,"hidden":false,"mode":"ojs"},{"id":138,"value":"t = {\n  const readToken = newMdReader();\n  return (...args) => {\n    const startTime = Date.now();\n    let token;\n    const count = retryCount;\n    for (let i = 0; i < count; i++) {\n      token = readToken(...args);\n    }\n    const endTime = Date.now();\n    token.time = endTime - startTime;\n    return token;\n  };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":51,"value":"tknz","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"stylesMd","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"import {\n  tknz,\n  newMdReader,\n  format,\n  formatInlineAst,\n  formatAst,\n  stylesMd\n} from \"@kotelnikov/statewalker-tknz\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":163,"value":"mdit = {\n  const markdownit = (await import(\"markdown-it\")).default;\n  const md = markdownit();\n\n  return (str) => {\n    const startTime = Date.now();\n    let token;\n    const count = retryCount;\n    for (let i = 0; i < count; i++) {\n      token = md.render(str);\n    }\n    const endTime = Date.now();\n    const time = endTime - startTime;\n    return {\n      time,\n      content: token\n    };\n  };\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}