chore: add changeset

final pass at Outlet approach
spike: client-side routing
2023-05-16 09:50:07 -05:00 · 2023-05-16 09:48:34 -05:00 · 2023-05-16 09:47:53 -05:00
24 changed files with 427 additions and 39 deletions
--- a/.changeset/mighty-bags-hope.md
+++ b/.changeset/mighty-bags-hope.md
@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Client-side routing via Outlet component
--- a/examples/minimal/astro.config.mjs
+++ b/examples/minimal/astro.config.mjs
@ -1,4 +1,10 @@
 import { defineConfig } from 'astro/config';
+import node from "@astrojs/node";

 // https://astro.build/config
-export default defineConfig({});
+export default defineConfig({
+  output: "server",
+  adapter: node({
+    mode: "standalone"
+  })
+});
--- a/examples/minimal/package.json
+++ b/examples/minimal/package.json
@ -11,6 +11,7 @@
    "astro": "astro"
  },
  "dependencies": {
+    "@astrojs/node": "^5.1.1",
    "astro": "^2.4.1"
  }
 }
--- a/examples/minimal/src/component/Deep.astro
+++ b/examples/minimal/src/component/Deep.astro
@ -0,0 +1,3 @@
+<div id="deep">
+	<slot />
+</div>
--- a/examples/minimal/src/component/Tabs.astro
+++ b/examples/minimal/src/component/Tabs.astro
@ -0,0 +1,10 @@
+---
+const { tab } = Astro.props;
+---
+
+<ul>
+	<li><a class:list={{ active: tab === '1' }} href="/a">Tab 1</a></li>
+	<li><a class:list={{ active: tab === '2' }} href="/a/2">Tab 2</a></li>
+	<li><a class:list={{ active: tab === '3' }} href="/a/3">Tab 3</a></li>
+</ul>
+<div>Tab {tab}</div>
--- a/examples/minimal/src/content/posts/intro.md
+++ b/examples/minimal/src/content/posts/intro.md
@ -0,0 +1 @@
+Hello world!
--- a/examples/minimal/src/env.d.ts
+++ b/examples/minimal/src/env.d.ts
@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
--- a/examples/minimal/src/layouts/Default.astro
+++ b/examples/minimal/src/layouts/Default.astro
@ -0,0 +1,135 @@
+---
+import { Outlet } from 'astro/components';
+---
+
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="generator" content={Astro.generator} />
+		<title>Astro</title>
+	</head>
+	<body>
+		<header>
+			<h1>My Website</h1>
+		</header>
+
+		<Outlet id="nav">
+			<slot name="nav" />
+		</Outlet>
+
+		<main>
+			{() => new Promise((resolve) => setTimeout(resolve, 1000))}
+			<Outlet id="main">
+				<slot />
+			</Outlet>
+			{() => new Promise((resolve) => setTimeout(resolve, 1000))}
+		</main>
+
+		<style is:global>
+			nav ul {
+				list-style: none;
+				margin: 0;
+				padding: 0;
+				display: flex;
+				gap: 1rem;
+			}
+			a.active {
+				color: red;
+			}
+		</style>
+
+		<script>
+			function getOutlets() {
+				const query = "//comment()[contains(., 'astro:outlet')]";
+				const comments = document.evaluate(
+					query,
+					document,
+					null,
+					XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
+					null
+				);
+				const outlets: Record<string, Range> = {};
+				let fragment = [];
+				let stack = 0;
+				for (let i = 0; i < comments.snapshotLength; i++) {
+					const comment = comments.snapshotItem(i);
+					const end = comment.textContent?.trim()?.[0] === '/';
+					if (!end) {
+						if (stack === 0) fragment.push(comment);
+						stack++;
+					} else {
+						stack--;
+						if (stack === 0) {
+							const start = fragment[0];
+							const end = comment;
+							const range = new Range();
+							range.setStartAfter(start);
+							range.setEndBefore(end);
+							outlets[start.textContent.replace('astro:outlet', '').trim()] = range;
+							fragment.length = 0;
+						}
+					}
+				}
+
+				return outlets;
+			}
+
+			async function streamToRange(response: Response, range: Range) {
+				if (response.status !== 200) {
+					range.deleteContents();
+					return;
+				}
+				const doc = document.implementation.createHTMLDocument();
+				doc.write('<streaming-root>');
+				const root = doc.querySelector('streaming-root');
+
+				const reader = response.body.pipeThrough(new TextDecoderStream()).getReader();
+				let init = false;
+				const mo = new MutationObserver((entries) => {
+					if (!init) {
+						range.deleteContents();
+						init = true;
+					}
+					for (const entry of entries) {
+						for (const child of entry.addedNodes) {
+							range.insertNode(child);
+						}
+					}
+				});
+				mo.observe(root, { childList: true });
+
+				let result = await reader.read();
+				while (!result.done) {
+					doc.write(result.value);
+					result = await reader.read();
+				}
+			}
+
+			navigation.addEventListener('navigate', (event) => {
+				event.intercept({
+					async handler() {
+						async function update() {
+							const promises: any[] = [];
+							for (const [outlet, range] of Object.entries(getOutlets())) {
+								console.log({ outlet });
+								promises.push(
+									fetch(event.destination.url, {
+										headers: { 'x-astro-outlet': outlet },
+									}).then((res) => streamToRange(res, range))
+								);
+							}
+							return Promise.all(promises);
+						}
+						// if ('startViewTransition' in document) {
+						// 	await document.startViewTransition(() => update());
+						// } else {
+						await update();
+						// }
+					},
+				});
+			});
+		</script>
+	</body>
+</html>
--- a/examples/minimal/src/pages/a/[tab].astro
+++ b/examples/minimal/src/pages/a/[tab].astro
@ -0,0 +1,22 @@
+---
+import Layout from '../../layouts/Default.astro';
+import Tab from '../../component/Tabs.astro';
+const { tab = '' } = Astro.params;
+---
+
+<Layout>
+	<div>
+		<h2>Page A</h2>
+	</div>
+
+	<Tab slot="tabs" tab={tab} />
+
+	<nav slot="nav">
+		<ul>
+			<li><a href="/">Home</a></li>
+			<li><a href="/a" class="active">Page A</a></li>
+			<li><a href="/b">Page B</a></li>
+			<li><a href="/c">Page C</a></li>
+		</ul>
+	</nav>
+</Layout>
--- a/examples/minimal/src/pages/a/index.astro
+++ b/examples/minimal/src/pages/a/index.astro
@ -0,0 +1,21 @@
+---
+import Layout from '../../layouts/Default.astro';
+import Tab from '../../component/Tabs.astro';
+---
+
+<Layout>
+	<div>
+		<h2>Page A</h2>
+	</div>
+
+	<Tab slot="tabs" tab="1" />
+
+	<nav slot="nav">
+		<ul>
+			<li><a href="/">Home</a></li>
+			<li><a href="/a" class="active">Page A</a></li>
+			<li><a href="/b">Page B</a></li>
+			<li><a href="/c">Page C</a></li>
+		</ul>
+	</nav>
+</Layout>
--- a/examples/minimal/src/pages/b.astro
+++ b/examples/minimal/src/pages/b.astro
@ -0,0 +1,20 @@
+---
+import Layout from '../layouts/Default.astro';
+import Deep from '../component/Deep.astro';
+---
+
+<Layout>
+	<Deep>
+		<h2>Page B</h2>
+		<p>No delay</p>
+	</Deep>
+
+	<nav slot="nav">
+		<ul>
+			<li><a href="/">Home</a></li>
+			<li><a href="/a">Page A</a></li>
+			<li><a href="/b" class="active">Page B</a></li>
+			<li><a href="/c">Page C</a></li>
+		</ul>
+	</nav>
+</Layout>
--- a/examples/minimal/src/pages/c.astro
+++ b/examples/minimal/src/pages/c.astro
@ -0,0 +1,22 @@
+---
+import Layout from '../layouts/Default.astro';
+import { setTimeout as sleep } from 'node:timers/promises';
+---
+
+<Layout>
+	<div>
+		<h2>Page C</h2>
+		<p>This is fast</p>
+		{sleep(1000)}
+		<p>This is slow</p>
+	</div>
+
+	<nav slot="nav">
+		<ul>
+			<li><a href="/">Home</a></li>
+			<li><a href="/a">Page A</a></li>
+			<li><a href="/b">Page B</a></li>
+			<li><a href="/c" class="active">Page C</a></li>
+		</ul>
+	</nav>
+</Layout>
--- a/examples/minimal/src/pages/index.astro
+++ b/examples/minimal/src/pages/index.astro
@ -1,15 +1,26 @@
 ---
+import Layout from '../layouts/Default.astro';
+
+import { getEntryBySlug } from 'astro:content';
+
+const entry = await getEntryBySlug('posts', 'intro');
+const { Content } = await entry.render();
 ---

-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<meta name="viewport" content="width=device-width" />
-		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
-	</head>
-	<body>
-		<h1>Astro</h1>
-	</body>
-</html>
+<Layout>
+	<div>
+		<h2>Home</h2>
+		<p>Streaming partials!</p>
+
+		<Content />
+	</div>
+
+	<nav slot="nav">
+		<ul>
+			<li><a href="/" class="active">Home</a></li>
+			<li><a href="/a">Page A</a></li>
+			<li><a href="/b">Page B</a></li>
+			<li><a href="/c">Page C</a></li>
+		</ul>
+	</nav>
+</Layout>
--- a/examples/portfolio/src/layouts/BaseLayout.astro
+++ b/examples/portfolio/src/layouts/BaseLayout.astro
@ -31,6 +31,11 @@ const { title, description } = Astro.props;
 			addEventListener('load', () => document.documentElement.classList.add('loaded'));
 		</script>

+		<script>
+			import listen from 'micromorph/spa';
+			listen();
+		</script>
+
 		<style>
 			:root {
 				--_placeholder-bg: linear-gradient(transparent, transparent);
--- a/packages/astro/components/Outlet.astro
+++ b/packages/astro/components/Outlet.astro
@ -0,0 +1,14 @@
+---
+interface Props {
+	id: string;
+}
+
+const { id } = Astro.props;
+
+// @ts-ignore untyped internals
+$$result.outlets.set(id, () => Astro.slots.render('default'));
+---
+
+<Fragment set:html={`<!--astro:outlet ${id}-->`} /><slot /><Fragment
+	set:html={`<!--/astro:outlet ${id}-->`}
+/>
--- a/packages/astro/components/index.ts
+++ b/packages/astro/components/index.ts
@ -1,2 +1,3 @@
 export { default as Code } from './Code.astro';
 export { default as Debug } from './Debug.astro';
+export { default as Outlet } from './Outlet.astro';
--- a/packages/astro/package.json
+++ b/packages/astro/package.json
@ -113,11 +113,11 @@
    "test:e2e:match": "playwright test -g"
  },
  "dependencies": {
-    "@astrojs/compiler": "^1.4.0",
-    "@astrojs/language-server": "^1.0.0",
-    "@astrojs/markdown-remark": "^2.2.0",
-    "@astrojs/telemetry": "^2.1.1",
-    "@astrojs/webapi": "^2.1.1",
+    "@astrojs/compiler": "^1.4.1",
+    "@astrojs/language-server": "^0.28.3",
+    "@astrojs/markdown-remark": "^2.1.4",
+    "@astrojs/telemetry": "^2.1.0",
+    "@astrojs/webapi": "^2.1.0",
    "@babel/core": "^7.18.2",
    "@babel/generator": "^7.18.2",
    "@babel/parser": "^7.18.4",
--- a/packages/astro/src/@types/astro.ts
+++ b/packages/astro/src/@types/astro.ts
@ -1750,6 +1750,7 @@ export interface SSRMetadata {
 	hasDirectives: Set<string>;
 	hasRenderedHead: boolean;
 	headInTree: boolean;
+	request: Request;
 }

 /**
@ -1775,7 +1776,9 @@ export interface SSRResult {
 	links: Set<SSRElement>;
 	componentMetadata: Map<string, SSRComponentMetadata>;
 	propagators: Map<AstroComponentFactory, AstroComponentInstance>;
+	outletPropagators: Map<string, any>;
 	extraHead: Array<string>;
+	outlets: Map<string, any>;
 	cookies: AstroCookies | undefined;
 	createAstro(
 		Astro: AstroGlobalPartial,
--- a/packages/astro/src/core/render/result.ts
+++ b/packages/astro/src/core/render/result.ts
@ -163,7 +163,9 @@ export function createResult(args: CreateResultArgs): SSRResult {
 		links: args.links ?? new Set<SSRElement>(),
 		componentMetadata,
 		propagators: new Map(),
+		outletPropagators: new Map(),
 		extraHead: [],
+		outlets: new Map<string, any>(),
 		scope: 0,
 		cookies,
 		/** This function returns the `Astro` faux-global */
@ -260,6 +262,7 @@ export function createResult(args: CreateResultArgs): SSRResult {
 			hasRenderedHead: false,
 			hasDirectives: new Set(),
 			headInTree: false,
+			request
 		},
 		response,
 	};
--- a/packages/astro/src/runtime/server/astro-component.ts
+++ b/packages/astro/src/runtime/server/astro-component.ts
@ -7,7 +7,7 @@ function validateArgs(args: unknown[]): args is Parameters<AstroComponentFactory
 	if (!args[0] || typeof args[0] !== 'object') return false;
 	return true;
 }
-function baseCreateComponent(cb: AstroComponentFactory, moduleId?: string): AstroComponentFactory {
+function baseCreateComponent(cb: AstroComponentFactory, moduleId?: string, hash?: string): AstroComponentFactory {
 	const name = moduleId?.split('/').pop()?.replace('.astro', '') ?? '';
 	const fn = (...args: Parameters<AstroComponentFactory>) => {
 		if (!validateArgs(args)) {
@ -22,6 +22,7 @@ function baseCreateComponent(cb: AstroComponentFactory, moduleId?: string): Astr
 	// Add a flag to this callback to mark it as an Astro component
 	fn.isAstroComponentFactory = true;
 	fn.moduleId = moduleId;
+	fn.hash = hash;
 	return fn;
 }

@ -29,20 +30,23 @@ interface CreateComponentOptions {
 	factory: AstroComponentFactory;
 	moduleId?: string;
 	propagation?: PropagationHint;
+	hash?: string;
 }

 function createComponentWithOptions(opts: CreateComponentOptions) {
 	const cb = baseCreateComponent(opts.factory, opts.moduleId);
 	cb.propagation = opts.propagation;
+	cb.hash = opts.hash;
 	return cb;
 }
 // Used in creating the component. aka the main export.
 export function createComponent(
 	arg1: AstroComponentFactory | CreateComponentOptions,
-	moduleId?: string
+	moduleId?: string,
+	hash?: string
 ) {
 	if (typeof arg1 === 'function') {
-		return baseCreateComponent(arg1, moduleId);
+		return baseCreateComponent(arg1, moduleId, hash);
 	} else {
 		return createComponentWithOptions(arg1);
 	}
--- a/packages/astro/src/runtime/server/render/astro/factory.ts
+++ b/packages/astro/src/runtime/server/render/astro/factory.ts
@ -14,6 +14,7 @@ export interface AstroComponentFactory {
 	isAstroComponentFactory?: boolean;
 	moduleId?: string | undefined;
 	propagation?: PropagationHint;
+	hash?: string;
 }

 export function isAstroComponentFactory(obj: any): obj is AstroComponentFactory {
--- a/packages/astro/src/runtime/server/render/astro/instance.ts
+++ b/packages/astro/src/runtime/server/render/astro/instance.ts
@ -81,6 +81,12 @@ export function createAstroComponentInstance(
 ) {
 	validateComponentProps(props, displayName);
 	const instance = new AstroComponentInstance(result, props, slots, factory);
+	if (result._metadata.request.headers.has('x-astro-outlet')) {
+		for (const [name, slot] of Object.entries(slots)) {
+			result.outletPropagators.set(name, slot);
+		}
+		return instance;
+	}
 	if (isAPropagatingComponent(result, factory) && !result.propagators.has(factory)) {
 		result.propagators.set(factory, instance);
 	}
--- a/packages/astro/src/runtime/server/render/page.ts
+++ b/packages/astro/src/runtime/server/render/page.ts
@ -67,6 +67,22 @@ async function bufferHeadContent(result: SSRResult) {
 	}
 }

+// Recursively calls component instances that might have slots to be propagated up.
+async function bufferSlottedContent(result: SSRResult, outlet: string) {
+	const iterator = result.outletPropagators.entries();
+	while (true) {
+		const { value: [name, slot] = [], done } = iterator.next();
+		if (done) {
+			break;
+		}
+		const returnValue = await slot(result);
+		// TODO: exhaust all expressions
+		if (name === outlet) {
+			break;
+		}
+	}
+}
+
 export async function renderPage(
 	result: SSRResult,
 	componentFactory: AstroComponentFactory | NonAstroPageComponent,
@ -131,7 +147,68 @@ export async function renderPage(
 		result.componentMetadata.get(componentFactory.moduleId!)?.containsHead ?? false;
 	const factoryReturnValue = await componentFactory(result, props, children);
 	const factoryIsHeadAndContent = isHeadAndContent(factoryReturnValue);
-	if (isRenderTemplateResult(factoryReturnValue) || factoryIsHeadAndContent) {
+	if (result._metadata.request.headers.get('x-astro-outlet') && (isRenderTemplateResult(factoryReturnValue)  || factoryIsHeadAndContent)) {
+		const outlet = result._metadata.request.headers.get('x-astro-outlet')!;
+		result.scripts.clear();
+		await bufferSlottedContent(result, outlet);
+
+		console.log(result.outlets);
+
+		if (!result.outlets.get(outlet)) {
+			let init = result.response;
+			let headers = new Headers(init.headers);
+			let response = createResponse(null, { ...init, headers, status: 404 });
+			return response;
+		}
+
+		let init = result.response;
+		let headers = new Headers(init.headers);
+		let body: BodyInit;
+
+		if (streaming) {
+			body = new ReadableStream({
+				start(controller) {
+					async function read() {
+						try {
+							const template = result.outlets.get(outlet);
+							for await (const chunk of renderAstroTemplateResult(template)) {
+								const bytes = chunkToByteArray(result, chunk);
+								controller.enqueue(bytes);
+							}
+							controller.close();
+						} catch (e) {
+							// We don't have a lot of information downstream, and upstream we can't catch the error properly
+							// So let's add the location here
+							if (AstroError.is(e) && !e.loc) {
+								e.setLocation({
+									file: route?.component,
+								});
+							}
+
+							controller.error(e);
+						}
+					}
+					read();
+				},
+			});
+		} else {
+			let iterable = (async function* () {
+				for (const [key, slot] of result.outlets) {
+					yield `<astro-outlet id="${key}">\n`;
+					for await (const chunk of renderAstroTemplateResult(slot)) {
+						const bytes = chunkToByteArray(result, chunk);
+						yield bytes;
+					}
+					yield '\n</astro-outlet>\n\n';
+				}
+			})()
+			body = await iterableToHTMLBytes(result, iterable);
+			headers.set('Content-Length', body.byteLength.toString());
+		}
+
+		let response = createResponse(body, { ...init, headers });
+		return response;
+	} else if (isRenderTemplateResult(factoryReturnValue) || factoryIsHeadAndContent) {
 		// Wait for head content to be buffered up
 		await bufferHeadContent(result);
 		const templateResult = factoryIsHeadAndContent
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -375,6 +375,9 @@ importers:

  examples/minimal:
    dependencies:
+      '@astrojs/node':
+        specifier: ^5.1.1
+        version: link:../../packages/integrations/node
      astro:
        specifier: ^2.4.1
        version: link:../../packages/astro
@ -532,19 +535,19 @@ importers:
  packages/astro:
    dependencies:
      '@astrojs/compiler':
-        specifier: ^1.4.0
-        version: 1.4.0
+        specifier: ^1.4.1
+        version: 1.4.1
      '@astrojs/language-server':
-        specifier: ^1.0.0
-        version: 1.0.0
+        specifier: ^0.28.3
+        version: 0.28.3
      '@astrojs/markdown-remark':
-        specifier: ^2.2.0
+        specifier: ^2.1.4
        version: link:../markdown/remark
      '@astrojs/telemetry':
-        specifier: ^2.1.1
+        specifier: ^2.1.0
        version: link:../telemetry
      '@astrojs/webapi':
-        specifier: ^2.1.1
+        specifier: ^2.1.0
        version: link:../webapi
      '@babel/core':
        specifier: ^7.18.2
@ -5390,20 +5393,22 @@ packages:
      sisteransi: 1.0.5
    dev: false

-  /@astrojs/compiler@1.4.0:
-    resolution: {integrity: sha512-Vav3a32Ct+omowV9X9kDM2ghWAvFdjZkv5BdvBjZCKYbFVT6//IZApDIVbHI1UPuLuD2sKyLWx2T+E7clqUJdg==}
+  /@astrojs/compiler@0.31.4:
+    resolution: {integrity: sha512-6bBFeDTtPOn4jZaiD3p0f05MEGQL9pw2Zbfj546oFETNmjJFWO3nzHz6/m+P53calknCvyVzZ5YhoBLIvzn5iw==}
+    dev: false

-  /@astrojs/language-server@1.0.0:
-    resolution: {integrity: sha512-oEw7AwJmzjgy6HC9f5IdrphZ1GVgfV/+7xQuyf52cpTiRWd/tJISK3MsKP0cDkVlfodmNABNFnAaAWuLZEiiiA==}
+  /@astrojs/compiler@1.4.1:
+    resolution: {integrity: sha512-aXAxapNWZwGN41P+Am/ma/2kAzKOhMNaY6YuvLkUHFv+UZkmDHD6F0fE1sQA2Up0bLjgPQa1VQzoAaii5tZWaA==}
+
+  /@astrojs/language-server@0.28.3:
+    resolution: {integrity: sha512-fPovAX/X46eE2w03jNRMpQ7W9m2mAvNt4Ay65lD9wl1Z5vIQYxlg7Enp9qP225muTr4jSVB5QiLumFJmZMAaVA==}
    hasBin: true
    dependencies:
-      '@astrojs/compiler': 1.4.0
-      '@jridgewell/trace-mapping': 0.3.18
      '@vscode/emmet-helper': 2.8.8
      events: 3.3.0
      prettier: 2.8.8
-      prettier-plugin-astro: 0.8.0
-      synckit: 0.8.5
+      prettier-plugin-astro: 0.7.2
+      source-map: 0.7.4
      vscode-css-languageservice: 6.2.5
      vscode-html-languageservice: 5.0.5
      vscode-languageserver: 8.1.0
@ -8433,7 +8438,7 @@ packages:
  /@ts-morph/common@0.16.0:
    resolution: {integrity: sha512-SgJpzkTgZKLKqQniCjLaE3c2L2sdL7UShvmTmPBejAKd2OKV/yfMpQ2IWpAuA+VY5wy7PkSUaEObIqEK6afFuw==}
    dependencies:
-      fast-glob: 3.2.11
+      fast-glob: 3.2.12
      minimatch: 5.1.6
      mkdirp: 1.0.4
      path-browserify: 1.0.1
@ -15244,14 +15249,25 @@ packages:
      fast-diff: 1.2.0
    dev: true

+  /prettier-plugin-astro@0.7.2:
+    resolution: {integrity: sha512-mmifnkG160BtC727gqoimoxnZT/dwr8ASxpoGGl6EHevhfblSOeu+pwH1LAm5Qu1MynizktztFujHHaijLCkww==}
+    engines: {node: ^14.15.0 || >=16.0.0, pnpm: '>=7.14.0'}
+    dependencies:
+      '@astrojs/compiler': 0.31.4
+      prettier: 2.8.8
+      sass-formatter: 0.7.6
+      synckit: 0.8.5
+    dev: false
+
  /prettier-plugin-astro@0.8.0:
    resolution: {integrity: sha512-kt9wk33J7HvFGwFaHb8piwy4zbUmabC8Nu+qCw493jhe96YkpjscqGBPy4nJ9TPy9pd7+kEx1zM81rp+MIdrXg==}
    engines: {node: ^14.15.0 || >=16.0.0, pnpm: '>=7.14.0'}
    dependencies:
-      '@astrojs/compiler': 1.4.0
+      '@astrojs/compiler': 1.4.1
      prettier: 2.8.8
      sass-formatter: 0.7.6
      synckit: 0.8.5
+    dev: true

  /prettier@2.8.8:
    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
Author	SHA1	Message	Date
Nate Moore	75661c6a04	chore: add changeset	2023-05-16 09:50:07 -05:00
Nate Moore	976b6ccf6e	final pass at Outlet approach	2023-05-16 09:48:34 -05:00
Nate Moore	d8608bb947	spike: client-side routing	2023-05-16 09:47:53 -05:00