templates/markdown-to-html.yaml

id: markdown-to-html
brief: Publish a static page that converts input.md from attachments to HTML with marked, renders it inside #markdown-output, and loads highlight.js for code blocks.
attachments:
  - name: input.md
    url: data:text/markdown;base64,placeholder
checks:
  - "Script tag loading marked library exists"
  - "Script tag loading highlight.js exists"
  - "Element #markdown-output contains rendered HTML with headings"
  - "Code blocks are properly highlighted"
round2:
  - brief: Add tabs #markdown-tabs that switch between rendered HTML in #markdown-output and the original Markdown in #markdown-source while keeping content in sync.
    checks:
      - "Element #markdown-tabs has at least 2 buttons"
      - "Element #markdown-source displays original markdown"
      - "Tab switching works correctly"
  
  - brief: Support loading Markdown from a ?url= parameter when present and fall back to the attachment otherwise, showing the active source in #markdown-source-label.
    checks:
      - "Element #markdown-source-label exists and shows source"
      - "Code includes fetch() for loading external URLs"
      - "Fallback to attachment works when no URL parameter"
  
  - brief: Display a live word count badge #markdown-word-count that updates after every render and formats numbers with Intl.NumberFormat.
    checks:
      - "Element #markdown-word-count displays formatted number with comma"
      - "Code uses Intl.NumberFormat for formatting"
      - "Word count updates on content change"