rollup-plugin-svg-import/index.js

Import SVG images in javascript file

import { extname } from 'node:path';
import { createFilter } from '@rollup/pluginutils';

const injectNode = (svg) => `
export default function() {
	return (new DOMParser().parseFromString(${svg}, 'image/svg+xml')).firstChild;
};
`;

const injectString = (svg) => `export default ${svg};`;

/**
 * @param options
 * @param options.include
 * @param options.exclude
 * @param options.stringify - if true returns String, otherwise returns DOM Node
 * @returns {import('rollup').Plugin}
 */
export default function svgImportPlugin(options = {}) {
	const filter = createFilter(options.include, options.exclude);

	return {
		name: 'svg-import',
		transform: (code, id) => {
			if (!filter(id) || extname(id) !== '.svg') return null;
			const content = JSON.stringify(code);

			return {
				code: options.stringify ? injectString(content) : injectNode(content),
				map: { mappings: '' },
			};
		},
	};
}