cosmolo 0.3.0

package/templates/full/routes/tags/[tag]/+page.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+	import { getCategoryLabel } from 'cosmolo';
+	import Pagination from '$lib/components/Pagination.svelte';
+	import config from '../../../../cosmolo.config';
+	import type { PageData } from './$types';
+
+	const { data }: { data: PageData } = $props();
+
+	const perPage = 10;
+	let currentPage = $state(1);
+
+	$effect(() => {
+		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+		data.tag;
+		currentPage = 1;
+	});
+
+	const paginated = $derived(
+		data.articles.slice((currentPage - 1) * perPage, currentPage * perPage)
+	);
+</script>
+
+<section>
+	<div class="container">
+		<header>
+			<p>Tag</p>
+			<h1>#{data.tag}</h1>
+			<p>{data.articles.length} article{data.articles.length !== 1 ? 's' : ''}</p>
+		</header>
+
+		<ul>
+			{#each paginated as article}
+				<li>
+					<a href="/articles/{article.slug}">
+						<span>{getCategoryLabel(config, article.category)}</span>
+						{#if article.date}
+							<time datetime={article.date}>{article.date}</time>
+						{/if}
+						<h2>{article.title}</h2>
+						<p>{article.excerpt}</p>
+					</a>
+				</li>
+			{/each}
+		</ul>
+
+		<Pagination
+			total={data.articles.length}
+			{perPage}
+			{currentPage}
+			onPageChange={(p) => {
+				currentPage = p;
+				window.scrollTo({ top: 0, behavior: 'smooth' });
+			}}
+		/>
+	</div>
+</section>

package/templates/shared/cosmolo.config.ts

@@ -0,0 +1,10 @@
+import { resolveConfig } from 'cosmolo';
+
+const config = resolveConfig({
+	// articlesDir: 'src/content/articles',
+	// pagesDir: 'src/content/pages',
+	// siteConfigPath: 'config/site.json',
+	// categoriesConfigPath: 'config/categories.json',
+});
+
+export default config;

package/templates/shared/routes/(pages)/[slug]/+page.server.ts

@@ -0,0 +1,5 @@
+import { createPageLoader, createPageEntries } from 'cosmolo';
+import config from '../../../../cosmolo.config';
+
+export const entries = createPageEntries(config);
+export const load = createPageLoader(config);

package/templates/shared/routes/+page.server.ts

@@ -0,0 +1,4 @@
+import { createArticlesLoader } from 'cosmolo';
+import config from '../../cosmolo.config';
+
+export const load = createArticlesLoader(config);

package/templates/shared/routes/articles/[slug]/+page.server.ts

@@ -0,0 +1,21 @@
+import { createArticleLoader, createArticleEntries } from 'cosmolo';
+import { execSync } from 'child_process';
+import config from '../../../../cosmolo.config';
+
+function getUpdatedAt(slug: string): string {
+	for (const ext of ['md', 'svx']) {
+		try {
+			const result = execSync(
+				`git log -1 --format=%cI -- "src/content/articles/${slug}.${ext}"`,
+				{ encoding: 'utf-8' }
+			).trim();
+			if (result) return result.split('T')[0];
+		} catch {
+			// git not available or file not tracked
+		}
+	}
+	return '';
+}
+
+export const entries = createArticleEntries(config);
+export const load = createArticleLoader(config, { getUpdatedAt });

package/templates/shared/routes/categories/[slug]/+page.server.ts

@@ -0,0 +1,5 @@
+import { createCategoryLoader, createCategoryEntries } from 'cosmolo';
+import config from '../../../../cosmolo.config';
+
+export const entries = createCategoryEntries(config);
+export const load = createCategoryLoader(config);

package/templates/shared/routes/rss.xml/+server.ts

@@ -0,0 +1,55 @@
+import { getArticles, loadSiteConfig } from 'cosmolo';
+import config from '../../../cosmolo.config';
+
+export const prerender = true;
+
+function toRfc822(dateStr: string): string {
+	if (!dateStr) return new Date().toUTCString();
+	return new Date(dateStr).toUTCString();
+}
+
+function escapeXml(str: string): string {
+	return str
+		.replace(/&/g, '&')
+		.replace(/</g, '&lt;')
+		.replace(/>/g, '&gt;')
+		.replace(/"/g, '&quot;');
+}
+
+export function GET(): Response {
+	const siteConfig = loadSiteConfig(config);
+	const base = siteConfig.url.replace(/\/$/, '');
+	const articles = getArticles(config);
+
+	const items = articles
+		.map((a) => {
+			const url = `${base}/articles/${a.slug}`;
+			return `    <item>
+      <title>${escapeXml(a.title)}</title>
+      <link>${url}</link>
+      <description>${escapeXml(a.excerpt)}</description>
+      <pubDate>${toRfc822(a.date)}</pubDate>
+      <guid isPermaLink="true">${url}</guid>
+    </item>`;
+		})
+		.join('\n');
+
+	const rss = `<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>${escapeXml(siteConfig.name)}</title>
+    <link>${base}</link>
+    <description>${escapeXml(siteConfig.description)}</description>
+    <language>en</language>
+    <atom:link href="${base}/rss.xml" rel="self" type="application/rss+xml" />
+${items}
+  </channel>
+</rss>`;
+
+	return new Response(rss, {
+		headers: {
+			'Content-Type': 'application/rss+xml; charset=utf-8',
+			'Cache-Control': 'max-age=0, s-maxage=3600',
+		},
+	});
+}

package/templates/shared/routes/sitemap.xml/+server.ts

@@ -0,0 +1,30 @@
+import { getSlugs, getTags } from 'cosmolo';
+import { getCategorySlugs, loadSiteConfig } from 'cosmolo';
+import { getPageSlugs } from 'cosmolo';
+import config from '../../../cosmolo.config';
+
+export const prerender = true;
+
+export function GET(): Response {
+	const siteConfig = loadSiteConfig(config);
+	const base = siteConfig.url.replace(/\/$/, '');
+
+	const articleUrls = getSlugs(config).map((slug) => `${base}/articles/${slug}`);
+	const categoryUrls = getCategorySlugs(config).map((slug) => `${base}/categories/${slug}`);
+	const pageUrls = getPageSlugs(config).map((slug) => `${base}/${slug}`);
+	const tagUrls = getTags(config).map((tag) => `${base}/tags/${tag}`);
+
+	const allUrls = [base, ...articleUrls, ...categoryUrls, ...pageUrls, ...tagUrls];
+
+	const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${allUrls.map((url) => `  <url><loc>${url}</loc></url>`).join('\n')}
+</urlset>`;
+
+	return new Response(sitemap, {
+		headers: {
+			'Content-Type': 'application/xml; charset=utf-8',
+			'Cache-Control': 'max-age=0, s-maxage=3600',
+		},
+	});
+}

package/templates/shared/routes/tags/[tag]/+page.server.ts

@@ -0,0 +1,5 @@
+import { createTagLoader, createTagEntries } from 'cosmolo';
+import config from '../../../../cosmolo.config';
+
+export const entries = createTagEntries(config);
+export const load = createTagLoader(config);

package/templates/shared/vite.config.ts

@@ -0,0 +1,8 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { cosmoloPlugin } from 'cosmolo/plugin';
+import { defineConfig } from 'vite';
+import config from './cosmolo.config';
+
+export default defineConfig({
+	plugins: [sveltekit(), cosmoloPlugin(config)],
+});