Complex inline expressions aren’t parsed correctly

[mbostock]

For example, this works fine:

${html`<div style="display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 1rem;">${await Promise.all(muybridge.filenames.map((f) => muybridge.file(f).image({style: "width: 100%;"})))}</div>`}

but this fails:

${html`<div style="display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 1rem;">
  ${await Promise.all(muybridge.filenames.map((f) => muybridge.file(f).image({style: "width: 100%;"})))}
</div>`}

Really, I want to do this:

<div style="display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 1rem;">
  ${Promise.all(muybridge.filenames.map((f) => muybridge.file(f).image({style: "width: 100%;"})))}
</div>

But I can’t do that because the wrapper spans interfere with the grid. #11

Overall, I think our current parser strategy is not very robust, and we probably want to pull inline expression parsing out of markdown-it and do it before (or after?) borrowing techniques from Hypertext Literal. Related #32.