utils.js

import { rules } from '../../../src/utils/rules.ts';
import { readable, writable } from 'svelte/store';
import { page } from '$app/stores';
import { base as baseUrl } from '$app/paths';

export function stripBaseUrl(path) {
	if (path.startsWith(baseUrl)) {
		return path.slice(baseUrl.length);
	}
	return path;
}

const svelteRules = rules.filter((rule) => !rule.meta.deprecated);

const categories = [
	'Possible Errors',
	'Security Vulnerability',
	'Best Practices',
	'Stylistic Issues',
	'Extension Rules',
	'SvelteKit',
	'Experimental',
	'System'
];
svelteRules.forEach((rule) => {
	if (!categories.includes(rule.meta.docs.category)) {
		throw new Error(`missing categories:${rule.meta.docs.category}`);
	}
});

const categoryRules = categories.map((cat) => {
	return {
		title: cat,
		children: svelteRules
			.filter((rule) => rule.meta.docs.category === cat)
			.map((rule) => {
				return {
					title: rule.meta.docs.ruleId,
					path: `/rules/${rule.meta.docs.ruleName}/`
				};
			})
	};
});
const SIDE_MENU = {
	'/rules': [
		{ path: '/', title: 'Introduction' },
		{ path: '/user-guide/', title: 'User Guide' },
		{
			path: '/rules/',
			title: 'Available Rules',
			children: categoryRules
		},
		{ path: '/playground/', title: 'Playground' },
		{ path: '/migration/', title: 'Migration' }
	],
	'/': [
		{ path: '/', title: 'Introduction' },
		{ path: '/user-guide/', title: 'User Guide' },
		{ path: '/rules/', title: 'Available Rules' },
		{ path: '/playground/', title: 'Playground' },
		{ path: '/migration/', title: 'Migration' }
	]
};

export function isActive(path, $page) {
	return markdownPath($page.url.pathname) === markdownPath(path);
}

export function markdownPath(path) {
	// eslint-disable-next-line no-param-reassign -- ignore
	path = stripBaseUrl(path);

	let normalized = !path.trim() || path === '/' ? 'README' : path.replace(/^\/|\/$/g, '');
	return `${normalized}.md`;
}

export const tocStore = writable({ children: [] });

export const menuItems = readable([], function start(set) {
	let pageData = {};
	let tocData = { children: [] };
	const pageUnsubscriber = page.subscribe(($page) => {
		pageData = $page;
		set(generateMenu(pageData, tocData));
	});
	const tocUnsubscriber = tocStore.subscribe((toc) => {
		tocData = toc;
		set(generateMenu(pageData, tocData));
	});

	return function stop() {
		pageUnsubscriber();
		tocUnsubscriber();
	};
});

function generateMenu($page, toc) {
	const result = [];
	const [, menus] = Object.entries(SIDE_MENU).find(([k]) =>
		stripBaseUrl($page.url.pathname).startsWith(k)
	) || ['/', SIDE_MENU['/']];
	for (const { path, title, children } of menus) {
		const active = isActive(path, $page);
		if (active) {
			for (const item of toc.children) {
				result.push({
					...item,
					path,
					title,
					children: children || item.children
				});
			}
		} else {
			result.push({ path, title, children });
		}
	}

	return result;
}