embed maps via iframe on localhost

2026-02-21 14:17:02 +01:00
parent 65fe6d1601
commit 0355d586f5
3 changed files with 80 additions and 47 deletions
@@ -3,8 +3,34 @@ import tailwindcss from '@tailwindcss/vite';
 import { playwright } from '@vitest/browser-playwright';
 import { defineConfig } from 'vitest/config';

+import type { IncomingMessage, ServerResponse } from 'http';
+import type { Plugin, PreviewServer, ViteDevServer } from 'vite';
+
+const addHeaders = (res: ServerResponse) => {
+	res.setHeader('Access-Control-Allow-Origin', '*');
+	res.setHeader('Access-Control-Allow-Methods', 'GET');
+	res.setHeader('Cross-Origin-Opener-Policy', 'same-origin');
+	res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp');
+};
+
+const viteServerConfig = (): Plugin => ({
+	name: 'add-headers',
+	configureServer: (server: ViteDevServer) => {
+		server.middlewares.use((_req: IncomingMessage, res: ServerResponse, next: () => void) => {
+			addHeaders(res);
+			next();
+		});
+	},
+	configurePreviewServer: (server: PreviewServer) => {
+		server.middlewares.use((_req: IncomingMessage, res: ServerResponse, next: () => void) => {
+			addHeaders(res);
+			next();
+		});
+	}
+});
+
 export default defineConfig({
-	plugins: [tailwindcss(), sveltekit()],
+	plugins: [tailwindcss(), sveltekit(), viteServerConfig()],

 	test: {
 		expect: { requireAssertions: true },