initial commit

examples/blog/astro.config.mjs

@@ -7,4 +7,7 @@ import sitemap from '@astrojs/sitemap';
 export default defineConfig({
 	site: 'https://example.com',
 	integrations: [mdx(), sitemap()],
+	experimental: {
+		router: 'spa'
+	}
 });

packages/astro/package.json

@@ -146,6 +146,7 @@
     "js-yaml": "^4.1.0",
     "kleur": "^4.1.4",
     "magic-string": "^0.27.0",
+    "micromorph": "^0.4.4",
     "mime": "^3.0.0",
     "ora": "^6.1.0",
     "path-to-regexp": "^6.2.1",

packages/astro/src/core/config/schema.ts

@@ -43,6 +43,7 @@ const ASTRO_CONFIG_DEFAULTS: AstroUserConfig & any = {
 		customClientDirectives: false,
 		inlineStylesheets: 'never',
 		middleware: false,
+		router: 'mpa'
 	},
 };
 
@@ -209,6 +210,10 @@ export const AstroConfigSchema = z.object({
 				.default(ASTRO_CONFIG_DEFAULTS.experimental.inlineStylesheets),
 			middleware: z.oboolean().optional().default(ASTRO_CONFIG_DEFAULTS.experimental.middleware),
 			hybridOutput: z.boolean().optional().default(ASTRO_CONFIG_DEFAULTS.experimental.hybridOutput),
+			router: z
+				.enum(['mpa', 'spa'])
+				.optional()
+				.default(ASTRO_CONFIG_DEFAULTS.experimental.router),
 		})
 		.passthrough()
 		.refine(

packages/astro/src/integrations/index.ts

@@ -59,6 +59,10 @@ export async function runHookConfigSetup({
 	let updatedConfig: AstroConfig = { ...settings.config };
 	let updatedSettings: AstroSettings = { ...settings, config: updatedConfig };
 	let addedClientDirectives = new Map<string, Promise<string>>();
+	
+	if (settings.config.experimental.router === 'spa') {
+		updatedSettings.scripts.push({ stage: 'page', content: 'import "astro/client/router.js"' });
+	}
 
 	for (const integration of settings.config.integrations) {
 		/**

packages/astro/src/runtime/client/router.ts

@@ -0,0 +1,10 @@
+import listen from 'micromorph/spa';
+
+listen({
+    beforeDiff(doc) {
+        console.log('before diff')
+    },
+    afterDiff() {
+        console.log('after diff')
+    }
+})