Fix import of nested lists

romaricpascal commented 8 months ago

The lists are nested in the document, but not on the page.

romaricpascal commented 7 months ago

Is it a bug from the markdown conversion or the Google Docs export?

If it's from the markdown export, can we process the list differently (conversion is done by mdast-util-to-hast).

If it's from the Google Docs export is there a structure we can detect in the AST and fix? Feels like out of scope for MVP, where we could just log this as a known issue.

domoscargin commented 7 months ago

Looks like it's buggy at the Google Docs level. This is the outputted HTML with everything getting popped in its own list.

So I guess we could do some fixing of closing tags during the import step?

<h1 class="c63 c33 c36" id="h.hcj9js1mmqlt"><span class="c43 c45 c13">Categorising our examples</span></h1>
  <p class="c1"><span class="c5">When reviewing the examples we collected, we&rsquo;d want to categorise them first by
      &lsquo;purpose&rsquo;, then by position/style:</span></p>
  <p class="c1 c18"><span class="c5"></span></p>
  <ul class="c15 lst-kix_cezxxoegmqcn-0 start">
    <li class="c1 c29 li-bullet-0"><span class="c5">Level 1 nav</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-1 start">
    <li class="c1 c47 li-bullet-0"><span class="c5">Headers with logo</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-2 start">
    <li class="c1 c65 li-bullet-0"><span class="c5">img </span></li>
    <li class="c1 c65 li-bullet-0"><span class="c5">img </span></li>
    <li class="c1 c65 li-bullet-0"><span class="c5">img</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-1">
    <li class="c1 c47 li-bullet-0"><span class="c5">Headers with logo and search bars</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-2 start">
    <li class="c1 c65 li-bullet-0"><span class="c5">img </span></li>
    <li class="c1 c65 li-bullet-0"><span class="c5">img </span></li>
    <li class="c1 c65 li-bullet-0"><span class="c5">img</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-0">
    <li class="c1 c29 li-bullet-0"><span class="c5">Level 2 nav</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-1 start">
    <li class="c1 c47 li-bullet-0"><span class="c5">Sidebars</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-2 start">
    <li class="c1 c65 li-bullet-0"><span class="c5">img </span></li>
    <li class="c1 c65 li-bullet-0"><span class="c5">img </span></li>
    <li class="c1 c65 li-bullet-0"><span class="c5">img</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-1">
    <li class="c1 c47 li-bullet-0"><span class="c5">Horizontal bars</span></li>
  </ul>
  <ul class="c15 lst-kix_cezxxoegmqcn-2 start">
    <li class="c1 c65 li-bullet-0"><span class="c5">img </span></li>
    <li class="c1 c65 li-bullet-0"><span class="c5">img </span></li>
    <li class="c1 c65 li-bullet-0"><span class="c5">img</span></li>
  </ul>

alphagov / google-docs-to-11ty

Fix import of nested lists #2