Trying to make an injection plugin but it reloads

[tripdragon]

This might be a vite question but it has some ssr or rehydration issue I think.

In a .svelte component file I would like to inject at build in dev an external file with a chunk of code
where anyline begins with #external

#external ./styles.narf

It simply dumps the code into place. Not as an @import or such, just a direct anywhere, any place grep the code at build and replace with file.

No reason, just a temp debugging tool for me to sort large files or focus on one area without losing scroll space.
Anyhoo
After asking openai multiple ways I debugged it down to this

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import path from 'path';

import { readFileSync } from 'fs';
import fs from 'fs';

const magicglue = {
	name: 'vite-external-directive',
	transform(code, id) {

		const externalRegex = /^#external\s+(.+)/gm;

		let match;

		const vvv = externalRegex.exec(code);
		if(vvv){
			console.log("superneat");
			const filePath = path.resolve(path.dirname(id), vvv[1]);
			const fileContent = fs.readFileSync(filePath, 'utf-8');
			// console.log("filePath", filePath);
			// console.log("fileContent", fileContent);
			code = code.replace(vvv[0], fileContent);
		}
		
		return {
			code,
			map: null
		};
	}
}

export default defineConfig({
	plugins: [
		magicglue
		sveltekit()
	]
});

It works on first reload of page for a flash and then reverts to not working and leaving the string in the page rendered code on the page

Open ai at first computes together a whileloop, but it does not seem to trigger or one of them did not, but reguardless same not working fully issue

const __magicglue = {
	name: 'vite-external-directive',
	transform(code, id) {
		const externalRegex = /^#external\s+(.+)/gm;

		let match;
		let transformedCode = code;

		while ((match = externalRegex.exec(code)) !== null) {
			const filePath = path.resolve(path.dirname(id), match[1]);
			if (fs.existsSync(filePath)) {
				const fileContent = fs.readFileSync(filePath, 'utf-8');
				transformedCode = transformedCode.replace(match[0], fileContent);
			}
		}

		return {
			code: transformedCode,
			map: null // Handle source maps if needed
		};
	}
};