dev

.gitignore

@@ -11,3 +11,5 @@ vite.config.ts.timestamp-*
 
 /output
 .vscode
+
+docs/

package.json

@@ -15,7 +15,7 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^1.0.0",
-		"@sveltejs/adapter-static": "^3.0.0",
+		"@sveltejs/adapter-static": "^1.0.0",
 		"@sveltejs/kit": "^1.0.0",
 		"@sveltejs/package": "^1.0.0",
 		"@typescript-eslint/eslint-plugin": "^5.45.0",

src/lib/Navigation.svelte

@@ -3,59 +3,75 @@
 	import { page } from '$app/stores'
 	import { pageNavigateDirection } from '$lib/Page.svelte'
 
-	const links: { url: string, text?: string, imageUrl?: string }[] = [
-		{ url: "/", text: "/" },
-		{ url: "https://github.com/fruup/svelte-ticker-board", imageUrl: "/github-mark-white.svg" },
+	interface Link {
+		url: string
+		text?: string
+		imageUrl?: string
+	}
+
+	const links: { url: string; text?: string; imageUrl?: string }[] = [
+		{ url: '/', text: '/' },
+		{ url: 'https://github.com/fruup/svelte-ticker-board', imageUrl: '/github-mark-white.svg' },
 	]
 
-	let xDown: number | null = null
-	let yDown: number | null = null
+	// let xDown: number | null = null
+	// let yDown: number | null = null
 
-	const handleTouchStart = (e: TouchEvent) => {
-		const firstTouch = e.touches[0]
-		xDown = firstTouch.clientX
-		yDown = firstTouch.clientY
-	}
+	// const handleTouchStart = (e: TouchEvent) => {
+	// 	const firstTouch = e.touches[0]
+	// 	xDown = firstTouch.clientX
+	// 	yDown = firstTouch.clientY
+	// }
 
-	const handleTouchMove = (e: TouchEvent) => {
-		if (!xDown || !yDown) return
+	// const handleTouchMove = (e: TouchEvent) => {
+	// 	if (!xDown || !yDown) return
 
-		const xUp = e.touches[0].clientX
-		const yUp = e.touches[0].clientY
+	// 	const xUp = e.touches[0].clientX
+	// 	const yUp = e.touches[0].clientY
 
-		const xDiff = xDown - xUp
-		const yDiff = yDown - yUp
+	// 	const xDiff = xDown - xUp
+	// 	const yDiff = yDown - yUp
 
-		if (Math.abs(xDiff) > Math.abs(yDiff) && Math.abs(xDiff) > 10) {
-			const offset = xDiff > 0 ? 1 : -1
-			const index = links.indexOf($page.url.pathname.substring(1))
-			const dst = links[((index >= 0 ? index : 0) + links.length + offset) % links.length]
+	// 	if (Math.abs(xDiff) > Math.abs(yDiff) && Math.abs(xDiff) > 10) {
+	// 		const offset = xDiff > 0 ? 1 : -1
+	// 		const index = links.indexOf($page.url.pathname.substring(1))
+	// 		const dst = links[((index >= 0 ? index : 0) + links.length + offset) % links.length]
 
-			$pageNavigateDirection = xDiff > 0 ? 'l' : 'r'
+	// 		$pageNavigateDirection = xDiff > 0 ? 'l' : 'r'
 
-			goto('/' + dst)
+	// 		goto('/' + dst)
 
-			xDown = null
-			yDown = null
-		}
-	}
+	// 		xDown = null
+	// 		yDown = null
+	// 	}
+	// }
 
-	const handleClickLink = (link: string) => {
-		const fromIndex = links.indexOf($page.url.pathname.substring(1))
+	const handleClickLink = (link: Link) => {
+		const fromIndex = links.findIndex(({ url }) => url === $page.url.pathname)
 		const toIndex = links.indexOf(link)
 		$pageNavigateDirection = fromIndex < toIndex ? 'l' : 'r'
 	}
 </script>
 
-<svelte:window on:touchstart={handleTouchStart} on:touchmove={handleTouchMove} />
+<!-- <svelte:window on:touchstart={handleTouchStart} on:touchmove={handleTouchMove} /> -->
 
 <nav>
-	{#each links as { url, text, imageUrl }}
-		<a class:active={$page.url.pathname === href} href={url} on:click={() => handleClickLink(link)}>
+	{#each links as link}
+		{@const url = link.url}
+		{@const text = link.text}
+		{@const imageUrl = link.imageUrl}
+		{@const isInternal = url.startsWith('/')}
+
+		<a
+			class:active={$page.url.pathname === url}
+			href={url}
+			on:click={() => handleClickLink(link)}
+			target={isInternal ? '_blank' : undefined}
+		>
 			{#if text}
 				{text}
 			{:else if imageUrl}
-				<img src={imageUrl}>
+				<img src={imageUrl} />
 			{/if}
 		</a>
 	{/each}

src/routes/+layout.svelte

@@ -1,10 +1,6 @@
 <script lang="ts">
 	import '../styles/index.css'
-	import { page } from '$app/stores'
-	import { setContext } from 'svelte'
 	import Navigation from '$lib/Navigation.svelte'
-
-	$: setContext('isDynamic', $page.url.searchParams.has('dynamic'))
 </script>
 
 <header>

src/routes/+layout.ts

@@ -0,0 +1 @@
+export const prerender = true

svelte.config.js

@@ -8,9 +8,10 @@ const config = {
 	preprocess: vitePreprocess(),
 
 	kit: {
-		adapter: adapter(),
-
-		outDir: 'docs',
+		adapter: adapter({
+			pages: 'docs',
+			assets: 'docs',
+		}),
 	},
 };