New UI for documentation + update lapikit 0.6.9

.gitignore

@@ -32,4 +32,4 @@ docker-compose.yml
 Dockerfile
 
 # Markdown
-src/pages.docs.json
+src/manifest.json

mdsvex.config.js

@@ -33,8 +33,7 @@ export const mdsvexOptions = {
 	highlight: { highlighter },
 	layout: {
 		_: dirname(fileURLToPath(import.meta.url)) + '/src/templates/page.svelte',
-		docs: dirname(fileURLToPath(import.meta.url)) + '/src/templates/doc.svelte',
-		section: dirname(fileURLToPath(import.meta.url)) + '/src/templates/section.svelte',
-		legacy: dirname(fileURLToPath(import.meta.url)) + '/src/templates/legacy.svelte'
+		doc_page: dirname(fileURLToPath(import.meta.url)) + '/src/templates/doc-page.svelte',
+		doc_section: dirname(fileURLToPath(import.meta.url)) + '/src/templates/doc-section.svelte'
 	}
 };

package.json

@@ -4,15 +4,15 @@
 	"version": "0.1.0",
 	"type": "module",
 	"scripts": {
-		"dev": "bun run sync-docs && vite dev",
-		"build": "bun run sync-docs && vite build",
-		"build-srv": "bun run sync-docs && bun run sync-changelog && bun run sync-robots && vite build",
+		"dev": "bun run sync-content && vite dev",
+		"build": "bun run sync-content && vite build",
+		"build-srv": "bun run sync-content && bun run sync-changelog && bun run sync-robots && vite build",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",
-		"sync-docs": "node --experimental-strip-types scripts/sync-docs/index.ts",
+		"sync-content": "node --experimental-strip-types scripts/mdsvx/index.ts",
 		"sync-changelog": "node --experimental-strip-types scripts/sync-changelog/index.ts",
 		"sync-robots": "node --experimental-strip-types scripts/sync-robots/index.ts",
-		"check": "bun run sync-docs && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check": "bun run sync-content && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --check . && eslint .",
 		"format": "prettier --write .",
@@ -22,7 +22,7 @@
 	"devDependencies": {
 		"@eslint/compat": "^2.1.0",
 		"@eslint/js": "^9.39.4",
-		"@lapikit/repl": "^0.0.0-insiders.fbbe434",
+		"@lapikit/repl": "^0.0.0-insiders.417ad1f",
 		"@playwright/test": "^1.61.1",
 		"@sveltejs/adapter-node": "^5.5.7",
 		"@sveltejs/enhanced-img": "^0.10.4",
@@ -37,11 +37,12 @@
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-svelte": "^3.20.0",
 		"globals": "^17.7.0",
-		"lapikit": "^0.0.0-insiders.bd3f1f3",
+		"lapikit": "^0.0.0-insiders.b663ce9",
 		"mdsvex": "^0.12.7",
 		"prettier": "^3.9.3",
 		"prettier-plugin-svelte": "^3.5.2",
 		"prettier-plugin-tailwindcss": "^0.7.4",
+		"sass": "^1.102.0",
 		"svelte": "^5.56.4",
 		"svelte-check": "^4.7.1",
 		"tailwindcss": "^4.3.2",
@@ -53,6 +54,7 @@
 	"dependencies": {
 		"@fontsource-variable/jetbrains-mono": "^5.2.8",
 		"@fontsource-variable/outfit": "^5.2.8",
+		"chart.js": "^4.5.1",
 		"lucide-svelte": "^1.0.1"
 	}
 }

scripts/mdsvx/frontmatter.ts

@@ -0,0 +1,127 @@
+import type { FrontmatterData, FrontmatterValue } from './types.ts';
+
+const FRONTMATTER_BLOCK = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/;
+
+export function readFrontmatter(content: string): FrontmatterData {
+	const match = content.match(FRONTMATTER_BLOCK);
+
+	if (!match || !match[1].trim()) {
+		return {};
+	}
+
+	const lines = match[1].replace(/\r\n/g, '\n').split('\n');
+
+	return parseObject(lines, { line: 0 }, 0);
+}
+
+function parseObject(
+	lines: string[],
+	cursor: { line: number },
+	indent: number
+): FrontmatterData {
+	const result: FrontmatterData = {};
+
+	while (cursor.line < lines.length) {
+		skipBlank(lines, cursor);
+
+		if (cursor.line >= lines.length || indentOf(lines[cursor.line]) < indent) {
+			break;
+		}
+
+		const trimmed = lines[cursor.line].trim();
+		const separator = trimmed.indexOf(':');
+
+		if (separator === -1) {
+			throw new Error(`Invalid frontmatter line: "${trimmed}"`);
+		}
+
+		const key = trimmed.slice(0, separator).trim();
+		const remainder = trimmed.slice(separator + 1).trim();
+		cursor.line += 1;
+
+		if (remainder) {
+			result[key] = parseScalar(remainder);
+			continue;
+		}
+
+		result[key] = parseNested(lines, cursor, indent);
+	}
+
+	return result;
+}
+
+function parseArray(
+	lines: string[],
+	cursor: { line: number },
+	indent: number
+): FrontmatterValue[] {
+	const result: FrontmatterValue[] = [];
+
+	while (cursor.line < lines.length) {
+		skipBlank(lines, cursor);
+
+		if (cursor.line >= lines.length || indentOf(lines[cursor.line]) < indent) {
+			break;
+		}
+
+		const trimmed = lines[cursor.line].trim();
+
+		if (!trimmed.startsWith('-')) {
+			throw new Error(`Invalid array entry: "${trimmed}"`);
+		}
+
+		const remainder = trimmed.slice(1).trim();
+		cursor.line += 1;
+
+		result.push(remainder ? parseScalar(remainder) : parseNested(lines, cursor, indent));
+	}
+
+	return result;
+}
+
+function parseNested(
+	lines: string[],
+	cursor: { line: number },
+	parentIndent: number
+): FrontmatterValue {
+	skipBlank(lines, cursor);
+
+	if (cursor.line >= lines.length || indentOf(lines[cursor.line]) <= parentIndent) {
+		return null;
+	}
+
+	const nestedIndent = indentOf(lines[cursor.line]);
+
+	return lines[cursor.line].trim().startsWith('-')
+		? parseArray(lines, cursor, nestedIndent)
+		: parseObject(lines, cursor, nestedIndent);
+}
+
+function parseScalar(value: string): FrontmatterValue {
+	if (value === 'null') return null;
+	if (value === 'true') return true;
+	if (value === 'false') return false;
+	if (value === '[]') return [];
+	if (value === '{}') return {};
+	if (/^-?\d+(?:\.\d+)?$/.test(value)) return Number(value);
+
+	if (value.startsWith('"') && value.endsWith('"')) {
+		return JSON.parse(value) as string;
+	}
+
+	if (value.startsWith("'") && value.endsWith("'")) {
+		return value.slice(1, -1).replace(/\\'/g, "'");
+	}
+
+	return value;
+}
+
+function skipBlank(lines: string[], cursor: { line: number }) {
+	while (cursor.line < lines.length && !lines[cursor.line].trim()) {
+		cursor.line += 1;
+	}
+}
+
+function indentOf(line: string): number {
+	return line.length - line.trimStart().length;
+}