feat(spa): split persistent/static entrypoints

packages/integrations/spa/client-persist.js

@@ -0,0 +1,21 @@
+import listen from 'micromorph/spa';
+
+export default () =>
+	listen({
+		beforeDiff(doc) {
+			for (const island of doc.querySelectorAll('astro-root')) {
+				const uid = island.getAttribute('uid');
+				const current = document.querySelector(`astro-root[uid="${uid}"]`);
+				if (current) {
+					current.dataset.persist = true;
+					island.replaceWith(current);
+				}
+			}
+		},
+		afterDiff() {
+			for (const island of document.querySelectorAll('astro-root')) {
+				delete island.dataset.persist;
+			}
+			window.dispatchEvent(new CustomEvent('astro:locationchange'));
+		},
+	});

packages/integrations/spa/client-static.js

@@ -0,0 +1,8 @@
+import listen from 'micromorph/spa';
+
+export default () =>
+	listen({
+		afterDiff() {
+			window.dispatchEvent(new CustomEvent('astro:locationchange'));
+		},
+	});

packages/integrations/spa/client.js

@@ -1,25 +1 @@
-import listen from 'micromorph/spa';
+export default ({ persistent }) => (persistent ? import('./client-persist.js') : import('./client-static.js')).then(res => res.default())
-
-export default ({ persistent }) => {
-	listen({
-		beforeDiff(doc) {
-			if (!persistent) return;
-			for (const island of doc.querySelectorAll('astro-root')) {
-				const uid = island.getAttribute('uid');
-				const current = document.querySelector(`astro-root[uid="${uid}"]`);
-				if (current) {
-					current.dataset.persist = true;
-					island.replaceWith(current);
-				}
-			}
-		},
-		afterDiff() {
-			if (persistent) {
-				for (const island of doc.querySelectorAll('astro-root')) {
-					delete island.dataset.persist
-				}
-			}
-			window.dispatchEvent(new CustomEvent('astro:locationchange'));
-		},
-	});
-};

packages/integrations/spa/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@astrojs/spa",
   "description": "SPA Astro Integrations",
-  "version": "0.0.2",
+  "version": "0.0.1",
   "type": "module",
   "types": "./dist/index.d.ts",
   "author": "withastro",

packages/integrations/spa/src/index.ts

@@ -4,7 +4,7 @@ export interface SpaOptions {
 	persistent?: boolean;
 }
 
-export default function createPlugin({ persistent = true }: SpaOptions): AstroIntegration {
+export default function createPlugin({ persistent = true }: SpaOptions = {}): AstroIntegration {
 	return {
 		name: '@astrojs/spa',
 		hooks: {