svgstore creates an unusable output file

[KenBallou]

svgstore-cli version: 1.3.1
OS: Debian Linux 10.4
Browser: Firefox 68.8.0esr

After $npm install svgstore-cli --save-dev, I use the following command line:

$npx svgstore -o flags.svg images/an.svg

Please see the file bug.txt for my HTML. (It is an HTML file, but github would not accept it with a .html extension.) Nothing is rendered. On the other hand, if I replace the svg tag with <image src="images/an.svg">, then the image is rendered.

I tried this same test using images/us.svg instead of images/an.svg (and changing <use href="flags.svg#an"> to <use href="flags.svg#us">) and got the expected result.

(Because github will not allow me to attach a .svg file, I have changed the extensions on the image files to .txt.)

an.svg
us.svg
bug.html

[KenBallou]

Context: What I'm really trying to do is to take all the SVG files from the npm svg-country-flags package (in the svg directory) and combine them into one file.

For the an.svg file, I was able to make the svgstore output work by copying the xmlns:sodipodi and xmlns:inkscape namespace declarations from the svg element in an.svg to the svg element in flags.svg. However, this wasn't a complete solution for the entire set of combined flag images and in fact caused errors in the rendering of images.

(To be specific: the "entire set of combined flag images" is the output of the command:

$npx svgstore -o flags.svg node_modules/svg-country-flags/svg/*

In my original issue report, I have a symlink from images to node_modules/svg-country-flags/svg.)

[shannonmoeller]

I'd rather not download attachments. Could you please provide a repo or gist with the svg and html files please?

[KenBallou]

gist