Nested Lists: Custom Renderer throws Token with "list" type was not found.

[maltesa]

Dear markedjs community,

my custom renderer to strip markdown, throws a Error: Token with "list" type was not found. when the markdown contains a nested list.

I'm trying to find the proper solution for this but can't figure it out. My goal is to strip all markdown formatting from the input. I'd greatly appreciate some tips on how to solve this. Not sure if this is the right approach for stripping markdown anyways.

import { Marked, type RendererObject } from 'marked'

const plainTextRenderer: RendererObject = {
  hr: () => '',
  checkbox: () => '',
  code: ({ text }) => text,
  blockquote: ({ text }) => text,
  heading(this, { tokens }) {
    return this.parser.parseInline(tokens) + '\n'
  },
  list(this, { items, ordered }) {
    const texts = items.map((input) => this.parser.parseInline(input.tokens))

    if (ordered) {
      return texts.map((text, i) => `${i + 1}. ${text}`).join('\n')
    }

    return texts.map((text) => `- ${text}`).join('\n')
  },
  listitem(this, { tokens }) {
    return this.parser.parseInline(tokens)
  },
  paragraph(this, { tokens }) {
    return this.parser.parseInline(tokens)
  },
  table(this, { header, rows }) {
    const headerStr = header.map(({ tokens }) => this.parser.parseInline(tokens)).join(', ')
    const rowsStr = rows
      .map((row) => row.map(({ tokens }) => this.parser.parseInline(tokens)).join(', '))
      .join('\n')

    return `\n${headerStr}\n${rowsStr}\n\n`
  },
  tablecell(this, { tokens }) {
    return this.parser.parseInline(tokens)
  },

  // Inline Tokens
  strong(this, { tokens }) {
    return this.parser.parseInline(tokens)
  },
  em(this, { tokens }) {
    return this.parser.parseInline(tokens)
  },
  del(this, { tokens }) {
    return this.parser.parseInline(tokens)
  },
  codespan: ({ text }) => text,
  html: ({ text }) => text,
  link(this, { title, href, tokens }) {
    const text = this.parser.parseInline(tokens)
    return `Link: ${text ?? title ?? ''} (${href})`
  },
  image: ({ title, text }) => `Bild: ${title ? `${title}, ` : ''} ${text ?? 'Keine Beschreibung'}`,
  tablerow: ({ text }) => text + '\n',
  text: ({ text }) => text,
  space: ({ raw }) => raw,
  br: () => '\n',
}

const marked = new Marked({ renderer: plainTextRenderer })

/**
 * Strips markdown from a string.
 */
export function stripMarkdown(text: string) {
  return marked.parse(text, { async: false })
}

const test = `
 * bla
   * bla
`

console.log(stripMarkdown(test))

[UziTech]

List is a block level token that can contain other block level tokens but you use parseInline to render it's children. Change it toparse and it should work.

  list(this, { items, ordered }) {
    const texts = items.map((input) => this.parser.parse(input.tokens))

[maltesa]

Thank you 🙌 I could swear that i tested parse. But it seems i did not 😄