Full text search

sites/kit.svelte.dev/package.json

@@ -10,12 +10,14 @@
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "workspace:*",
 		"@sveltejs/kit": "workspace:*",
-		"@sveltejs/site-kit": "^2.0.0",
+		"@sveltejs/site-kit": "^2.0.2",
 		"@types/node": "^16.6.1",
+		"flexsearch": "^0.7.21",
 		"marked": "^4.0.5",
 		"prism-svelte": "^0.4.7",
 		"prismjs": "^1.26.0",
 		"svelte": "^3.43.0",
+		"typescript": "^4.5.5",
 		"vite-imagetools": "^4.0.3"
 	},
 	"type": "module"

sites/kit.svelte.dev/src/lib/actions/focus.js

@@ -0,0 +1,68 @@
+/** @param {HTMLElement} node */
+export function focusable_children(node) {
+	const nodes = Array.from(
+		node.querySelectorAll(
+			'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
+		)
+	);
+
+	const index = nodes.indexOf(document.activeElement);
+
+	const update = (d) => {
+		let i = index + d;
+		i += nodes.length;
+		i %= nodes.length;
+
+		// @ts-expect-error
+		nodes[i].focus();
+	};
+
+	return {
+		/** @param {string} [selector] */
+		next: (selector) => {
+			const reordered = [...nodes.slice(index + 1), ...nodes.slice(0, index + 1)];
+
+			for (let i = 0; i < reordered.length; i += 1) {
+				if (!selector || reordered[i].matches(selector)) {
+					reordered[i].focus();
+					return;
+				}
+			}
+		},
+		/** @param {string} [selector] */
+		prev: (selector) => {
+			const reordered = [...nodes.slice(index + 1), ...nodes.slice(0, index + 1)];
+
+			for (let i = reordered.length - 2; i >= 0; i -= 1) {
+				if (!selector || reordered[i].matches(selector)) {
+					reordered[i].focus();
+					return;
+				}
+			}
+		},
+		update
+	};
+}
+
+export function trap(node) {
+	const handle_keydown = (e) => {
+		if (e.key === 'Tab') {
+			e.preventDefault();
+
+			const group = focusable_children(node);
+			if (e.shiftKey) {
+				group.prev();
+			} else {
+				group.next();
+			}
+		}
+	};
+
+	node.addEventListener('keydown', handle_keydown);
+
+	return {
+		destroy: () => {
+			node.removeEventListener('keydown', handle_keydown);
+		}
+	};
+}

sites/kit.svelte.dev/src/lib/docs/index.js

@@ -1,11 +1,11 @@
 import fs from 'fs';
-import { marked } from 'marked';
 import PrismJS from 'prismjs';
 
 import 'prismjs/components/prism-bash.js';
 import 'prismjs/components/prism-diff.js';
 import 'prismjs/components/prism-typescript.js';
 import 'prism-svelte';
+import { extract_frontmatter, transform } from './markdown';
 
 const languages = {
 	bash: 'bash',
@@ -42,67 +42,63 @@ function parse(markdown, file) {
 
 	const slug = slugify(metadata.title);
 
-	const headings = [, slug];
+	const headings = [];
 	const sections = [];
 
 	let section;
 
-	marked.use({
-		renderer: {
-			heading(html, level) {
-				const title = html
-					.replace(/"/g, '"')
-					.replace(/&lt;/g, '<')
-					.replace(/&gt;/g, '>');
-
-				const normalized = slugify(title);
-
-				headings[level - 1] = normalized;
-				headings.length = level;
-
-				const slug = headings.filter(Boolean).join('-');
-
-				if (level === 3) {
-					section = {
-						title,
-						slug,
-						sections: []
-					};
-
-					sections.push(section);
-				} else if (level === 4) {
-					section.sections.push({
-						title,
-						slug
-					});
-				} else {
-					throw new Error(`Unexpected <h${level}> in ${file}`);
-				}
+	const content = transform(body, {
+		heading(html, level) {
+			const title = html
+				.replace(/&quot;/g, '"')
+				.replace(/&lt;/g, '<')
+				.replace(/&gt;/g, '>');
 
-				return `<h${level} id="${slug}">${html}</h${level}>`;
-			},
-			code(source, lang) {
-				// for no good reason at all, marked replaces tabs with spaces
-				source = source.replace(/^(    )+/gm, (match) => {
-					let tabs = '';
-					for (let i = 0; i < match.length; i += 4) {
-						tabs += '\t';
-					}
-					return tabs;
-				});
+			const normalized = slugify(title);
+
+			headings[level - 1] = normalized;
+			headings.length = level;
+
+			const slug = headings.filter(Boolean).join('-');
 
-				const plang = languages[lang];
-				const highlighted = plang
-					? PrismJS.highlight(source, PrismJS.languages[plang], lang)
-					: source.replace(/[&<>]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;' }[c]));
+			if (level === 3) {
+				section = {
+					title,
+					slug,
+					sections: []
+				};
 
-				return `<div class="code-block"><pre class='language-${plang}'><code>${highlighted}</code></pre></div>`;
+				sections.push(section);
+			} else if (level === 4) {
+				section.sections.push({
+					title,
+					slug
+				});
+			} else {
+				throw new Error(`Unexpected <h${level}> in ${file}`);
 			}
+
+			return `<h${level} id="${slug}">${html}</h${level}>`;
+		},
+		code(source, lang) {
+			// for no good reason at all, marked replaces tabs with spaces
+			source = source.replace(/^(    )+/gm, (match) => {
+				let tabs = '';
+				for (let i = 0; i < match.length; i += 4) {
+					tabs += '\t';
+				}
+				return tabs;
+			});
+
+			const plang = languages[lang];
+			const highlighted = plang
+				? PrismJS.highlight(source, PrismJS.languages[plang], lang)
+				: source.replace(/[&<>]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;' }[c]));
+
+			return `<div class="code-block"><pre class='language-${plang}'><code>${highlighted}</code></pre></div>`;
 		}
 	});
 
-	const content = marked(body);
-
 	return {
 		slug,
 		title: metadata.title,
@@ -111,21 +107,7 @@ function parse(markdown, file) {
 	};
 }
 
-function extract_frontmatter(markdown) {
-	const match = /---\r?\n([\s\S]+?)\r?\n---/.exec(markdown);
-	const frontmatter = match[1];
-	const body = markdown.slice(match[0].length);
-
-	const metadata = {};
-	frontmatter.split('\n').forEach((pair) => {
-		const i = pair.indexOf(':');
-		metadata[pair.slice(0, i).trim()] = pair.slice(i + 1).trim();
-	});
-
-	return { metadata, body };
-}
-
-function slugify(title) {
+export function slugify(title) {
 	return title
 		.toLowerCase()
 		.replace(/[^a-z0-9-$]/g, '-')