_config.js — svelte Source File

Source Code

/** @import { PreprocessorGroup, Preprocessor } from '../../../../src/compiler/public' */
import * as path from 'node:path';
import MagicString from 'magic-string';
import { test } from '../../test';

let indent_size = 4;
let comment_multi = true;

/**
 *
 * @param {'script' | 'style'} tag_name
 * @param {string} search
 * @param {string} replace
 * @returns {PreprocessorGroup}
 */
function get_processor(tag_name, search, replace) {
	/** @type {Preprocessor} */
	const preprocessor = ({ content, filename = '' }) => {
		let code = content.slice();
		const ms = new MagicString(code);

		const idx = ms.original.indexOf(search);
		if (idx == -1) throw new Error('search not found in src');
		ms.overwrite(idx, idx + search.length, replace, { storeName: true });

		// change line + column
		const indent = Array.from({ length: indent_size }).join(' ');
		ms.prependLeft(idx, '\n' + indent);

		const map_opts = { source: path.basename(filename), hires: true, includeContent: false };
		const map = ms.generateMap(map_opts);
		const attach_line =
			tag_name == 'style' || comment_multi
				? `\n/*# sourceMappingURL=${map.toUrl()} */`
				: `\n//# sourceMappingURL=${map.toUrl()}`; // only in script
		code = ms.toString() + attach_line;

		indent_size += 2;
		if (tag_name == 'script') comment_multi = !comment_multi;
		return { code };
	};

	return {
		[tag_name]: preprocessor
	};
}

export default test({
	preprocess: [
		get_processor('script', 'replace_me_script', 'done_replace_script_1'),
		get_processor('script', 'done_replace_script_1', 'done_replace_script_2'),

		get_processor('style', '.replace_me_style', '.done_replace_style_1'),
		get_processor('style', '.done_replace_style_1', '.done_replace_style_2')
	],
	client: [
		{ str: 'replace_me_script', strGenerated: 'done_replace_script_2' },
		{ str: 'done_replace_script_2', idxGenerated: 1 }
	],
	css: [{ str: '.replace_me_style', strGenerated: '.done_replace_style_2.svelte-1vsrjd4' }],
	test({ assert, code_preprocessed, code_css }) {
		assert.equal(
			code_preprocessed.includes('\n/*# sourceMappingURL=data:application/json;base64,'),
			false,
			'magic-comment attachments were NOT removed'
		);
		assert.equal(
			code_css.includes('\n/*# sourceMappingURL=data:application/json;base64,'),
			false,
			'magic-comment attachments were NOT removed'
		);
	}
});