Handling empty characters in SVG path command

[cdaein]

Hi,

I've noticed that any white space after closing the path command is not allowed.

This works:

  const path = pathFromSvg(
    `M2731.7,3179.7c0-1.7,0-3.3,0-5h-32c0,1.7,0,3.3,0,5s0,3.3,0,5h32C      2731.7,3183,2731.7,3181.3,2731.7,3179.7z`,
  );

But this doesn't:

  const pathComparison = pathFromSvg(
    // empty characters after z
    `M2731.7,3179.7c0-1.7,0-3.3,0-5h-32c0,1.7,0,3.3,0,5s0,3.3,0,5h32C2731.7,3183,2731.7,3181.3,2731.7,3179.7z       `,
  );

And the error message I get:

Error: illegal state: path already closed

If it's a single path like the example above, I can just trim the string but I was using @thi.ng/defmulti to parse a big SVG file and encountered the error. My SVG is exported from Adobe Illustrator and the generated SVG code sometimes has a weird line breaks like below where the closing double quote has a preceding line break. I think when a \n is removed internally, it still has empty characters after z:

  const svgError1 = `
  <svg><g>
  <path class="st0" d="M2731.7,3179.7c0-1.7,0-3.3,0-5h-32c0,1.7,0,3.3,0,5s0,3.3,0,5h32C2731.7,3183,2731.7,3181.3,2731.7,3179.7z
    "/>
  </g></svg>
  `;

  const svgError2 = `
  <svg><g>
    <path
      class="st0"
      d="M2731.7,3179.7c0-1.7,0-3.3,0-5h-32c0,1.7,0,3.3,0,5s0,3.3,0,5h32C2731.7,3183,2731.7,3181.3,2731.7,3179.7z
    "
    />
  </g></svg>
  `;

So my question is what would be a good way to handle such a case? or can a Path object handle such exceptions?

Thank you!

[cdaein]

Answering my own question..
This seems to do what I need:

  parseElement.add("path", (e: ParseEvent) => {
    // ... 
    const path = pathFromSvg(e.attribs!.d.trim());
    // ...
  });