2 files changed, 61 insertions, 0 deletions
diff --git a/packages/integrations/svelte/src/editor.cts b/packages/integrations/svelte/src/editor.cts
new file mode 100644
index 000000000..42a72913d
--- /dev/null
+++ b/packages/integrations/svelte/src/editor.cts
@@ -0,0 +1,21 @@
+import { svelte2tsx } from 'svelte2tsx';
+
+export function toTSX(code: string, className: string): string {
+	let result = `
+		let ${className}__AstroComponent_: Error
+		export default ${className}__AstroComponent_
+	`;
+
+	try {
+		let tsx = svelte2tsx(code, { mode: 'ts' }).code;
+		tsx = '/// <reference types="svelte2tsx/svelte-shims" />\n' + tsx;
+		result = tsx.replace(
+			'export default class extends __sveltets_2_createSvelte2TsxComponent(',
+			`export default function ${className}__AstroComponent_(_props: typeof Component.props): any {}\nlet Component = `,
+		);
+	} catch {
+		return result;
+	}
+
+	return result;
+}
diff --git a/packages/integrations/svelte/src/index.ts b/packages/integrations/svelte/src/index.ts
new file mode 100644
index 000000000..0db02aff3
--- /dev/null
+++ b/packages/integrations/svelte/src/index.ts
@@ -0,0 +1,40 @@
+import type { Options } from '@sveltejs/vite-plugin-svelte';
+import { svelte, vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import type { AstroIntegration, AstroRenderer, ContainerRenderer } from 'astro';
+
+function getRenderer(): AstroRenderer {
+	return {
+		name: '@astrojs/svelte',
+		clientEntrypoint: '@astrojs/svelte/client.js',
+		serverEntrypoint: '@astrojs/svelte/server.js',
+	};
+}
+
+export function getContainerRenderer(): ContainerRenderer {
+	return {
+		name: '@astrojs/svelte',
+		serverEntrypoint: '@astrojs/svelte/server.js',
+	};
+}
+
+export default function svelteIntegration(options?: Options): AstroIntegration {
+	return {
+		name: '@astrojs/svelte',
+		hooks: {
+			'astro:config:setup': async ({ updateConfig, addRenderer }) => {
+				addRenderer(getRenderer());
+				updateConfig({
+					vite: {
+						optimizeDeps: {
+							include: ['@astrojs/svelte/client.js'],
+							exclude: ['@astrojs/svelte/server.js'],
+						},
+						plugins: [svelte(options)],
+					},
+				});
+			},
+		},
+	};
+}
+
+export { vitePreprocess };