Astro Integration System (#2820)

* update examples

* add initial integrations

* update tests

* update astro

* update ci

* get final tests working

* update injectelement todo

* update ben code review

* respond to final code review feedback

1 files changed, 48 insertions, 0 deletions

diff --git a/packages/integrations/svelte/src/index.ts b/packages/integrations/svelte/src/index.ts
new file mode 100644
index 000000000..f5a3dd945
--- /dev/null
+++ b/packages/integrations/svelte/src/index.ts
@@ -0,0 +1,48 @@
+import type { AstroIntegration, AstroRenderer } from 'astro';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import preprocess from 'svelte-preprocess';
+
+function getRenderer(): AstroRenderer {
+	return {
+		name: '@astrojs/svelte',
+		clientEntrypoint: '@astrojs/svelte/client.js',
+		serverEntrypoint: '@astrojs/svelte/server.js',
+	};
+}
+
+function getViteConfiguration(isDev: boolean) {
+	return {
+		optimizeDeps: {
+			include: ['@astrojs/svelte/client.js', 'svelte', 'svelte/internal'],
+			exclude: ['@astrojs/svelte/server.js'],
+		},
+		plugins: [
+			svelte({
+				emitCss: true,
+				compilerOptions: { dev: isDev, hydratable: true },
+				preprocess: [
+					preprocess({
+						less: true,
+						sass: { renderSync: true },
+						scss: { renderSync: true },
+						stylus: true,
+						typescript: true,
+					}),
+				],
+			}),
+		],
+	};
+}
+
+export default function (): AstroIntegration {
+	return {
+		name: '@astrojs/svelte',
+		hooks: {
+			// Anything that gets returned here is merged into Astro Config
+			'astro:config:setup': ({ command, updateConfig, addRenderer }) => {
+				addRenderer(getRenderer());
+				updateConfig({ vite: getViteConfiguration(command === 'dev') });
+			},
+		},
+	};
+}