skeleton/sites/skeleton.dev/vite-plugin-sveld/index.ts

// Credits: https://github.com/mattjennings/vite-plugin-sveld

import { ComponentParser } from 'sveld';
import sveltePreprocess from 'svelte-preprocess';
import { preprocess } from 'svelte/compiler';
import qs from 'query-string';
import type { Plugin } from 'vite';

export default function sveld(): Plugin {
	return {
		name: 'vite-plugin-sveld',
		async transform(src, id) {
			const query = qs.parse(id.split('?')[1]);
			if ('raw' in query && 'sveld' in query) {
				const raw = JSON.parse(src.split('export default ')[1]);
				const { code } = await preprocess(raw, sveltePreprocess(), {
					filename: id
				});
				const data = new ComponentParser({
					verbose: false
				}).parseSvelteComponent(code, {
					filePath: id,
					moduleName: id
				});

				return {
					code: `export default ${JSON.stringify(data)}`,
					map: null
				};
			}
		}
	};
}