svelte.config.js

import {vitePreprocess} from '@sveltejs/vite-plugin-svelte';
import adapter from '@sveltejs/adapter-static';

/** @type {import('@sveltejs/kit').Config} */
export default {
	preprocess: [vitePreprocess()],
	compilerOptions: {runes: true},
	vitePlugin: {inspector: true},
	kit: {
		adapter: adapter(),
		paths: {relative: false}, // use root-absolute paths: https://kit.svelte.dev/docs/configuration#paths
		alias: {$routes: 'src/routes'},
		csp: {
			directives: {
				// TODO improve the CSP, is unsafe - https://github.com/ryanatkn/ryanatkn.com/pull/12
				// 'default-src': ['self'],
				// 'script-src': ['self'],
				'connect-src': ['self', 'https://hci.social/'],
				'style-src': ['self', 'unsafe-inline'], // support Svelte transitions - https://kit.svelte.dev/docs/configuration#csp
				'img-src': [
					'self',
					'unsafe-inline', // TODO ideally this wouldn't be needed, added for Svelte
					'https://*.ryanatkn.com/',
					'https://*.spiderspace.org/',
					'https://*.webdevladder.net/',
					'https://*.dealt.dev/',
					'https://*.fuz.dev/',
					'https://*.ztack.net/',
					'https://*.grogarden.org/',
					'https://*.zzzbot.dev/',
					'https://*.cosmicplayground.org/',
					'https://ryanatkn.github.io/',
					'https://hci.social/',
					'https://storage.googleapis.com/hci-social-storage/',
				],
			},
		},
	},
};