cosmolo 0.3.8 → 0.3.9

package/dist/loaders.d.ts

@@ -10,6 +10,7 @@ import type { Article, ResolvedCosmoloConfig } from './types.js';
  */
 export declare function createArticlesLoader(config: ResolvedCosmoloConfig): () => {
     articles: Article[];
+    articlesPerPage: number;
 };
 /**
  * Factory for a single article page load function.
@@ -55,6 +56,7 @@ export declare function createCategoryLoader(config: ResolvedCosmoloConfig): ({
     label: string;
     description: string;
     articles: Article[];
+    articlesPerPage: number;
 };
 /**
  * Factory for the tag listing page load function.
@@ -73,6 +75,7 @@ export declare function createTagLoader(config: ResolvedCosmoloConfig): ({ param
 }) => {
     tag: string;
     articles: Article[];
+    articlesPerPage: number;
 };
 /**
  * Factory for the static page load function.

package/dist/loaders.js

@@ -1,5 +1,5 @@
 import { getArticle, getArticles, getArticlesByCategory, getArticlesBySeries, getArticlesByTag, getSlugs, getTags } from './articles.js';
-import { getCategorySlugs, getCategoryLabel, getCategoryDescription } from './categories.js';
+import { getCategorySlugs, getCategoryLabel, getCategoryDescription, loadSiteConfig } from './categories.js';
 import { getPage, getPageSlugs } from './pages.js';
 /**
  * Factory for the article listing page load function.
@@ -11,7 +11,10 @@ import { getPage, getPageSlugs } from './pages.js';
  * export const load = createArticlesLoader(config);
  */
 export function createArticlesLoader(config) {
-    return () => ({ articles: getArticles(config) });
+    return () => ({
+        articles: getArticles(config),
+        articlesPerPage: loadSiteConfig(config).articlesPerPage,
+    });
 }
 /**
  * Factory for a single article page load function.
@@ -70,6 +73,7 @@ export function createCategoryLoader(config) {
             label: getCategoryLabel(config, slug),
             description: getCategoryDescription(config, slug),
             articles: getArticlesByCategory(config, slug),
+            articlesPerPage: loadSiteConfig(config).articlesPerPage,
         };
     };
 }
@@ -87,6 +91,7 @@ export function createTagLoader(config) {
     return ({ params }) => ({
         tag: params.tag,
         articles: getArticlesByTag(config, params.tag),
+        articlesPerPage: loadSiteConfig(config).articlesPerPage,
     });
 }
 /**

package/dist/types.d.ts

@@ -52,7 +52,4 @@ export interface SiteConfig {
     ogImage: {
         mode: 'static' | 'generated';
     };
-    api: {
-        articleBody: 'html' | 'markdown' | 'plaintext';
-    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cosmolo",
-	"version": "0.3.8",
+	"version": "0.3.9",
 	"type": "module",
 	"bin": {
 		"cosmolo": "./dist/cli/index.js"
@@ -23,6 +23,7 @@
 	],
 	"scripts": {
 		"build": "tsc && cp src/virtual.d.ts dist/virtual.d.ts && chmod +x dist/cli/index.js",
+		"test": "bun test src/**/*.test.ts",
 		"prepublishOnly": "npm run build"
 	},
 	"dependencies": {

package/templates/full/lib/components/Callout.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		type?: 'info' | 'tip' | 'warning' | 'danger';
+		title?: string;
+		children: Snippet;
+	}
+
+	const { type = 'info', title, children }: Props = $props();
+</script>
+
+<aside class="callout callout-{type}">
+	{#if title}
+		<p class="callout-title">{title}</p>
+	{/if}
+	<div class="callout-body">
+		{@render children()}
+	</div>
+</aside>
+
+<style>
+	.callout {
+		border-left: 4px solid;
+		padding: 0.75rem 1rem;
+		margin: 1.25rem 0;
+		border-radius: 0 4px 4px 0;
+		background-color: var(--callout-bg, #f8f9fa);
+	}
+
+	.callout-info    { border-color: #3b82f6; }
+	.callout-tip     { border-color: #10b981; }
+	.callout-warning { border-color: #f59e0b; }
+	.callout-danger  { border-color: #ef4444; }
+
+	.callout-title {
+		font-weight: 600;
+		margin: 0 0 0.25rem;
+	}
+
+	.callout-body :global(p:last-child) {
+		margin-bottom: 0;
+	}
+</style>

package/templates/full/routes/+page.svelte

@@ -6,7 +6,7 @@
 
 	const { data }: { data: PageData } = $props();
 
-	const perPage = 10;
+	const perPage = data.articlesPerPage;
 
 	let query = $state('');
 	let currentPage = $state(1);

package/templates/full/routes/categories/[slug]/+page.svelte

@@ -4,7 +4,7 @@
 
 	const { data }: { data: PageData } = $props();
 
-	const perPage = 10;
+	const perPage = data.articlesPerPage;
 	let currentPage = $state(1);
 
 	$effect(() => {

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

@@ -6,7 +6,7 @@
 
 	const { data }: { data: PageData } = $props();
 
-	const perPage = 10;
+	const perPage = data.articlesPerPage;
 	let currentPage = $state(1);
 
 	$effect(() => {

package/templates/shared/config/site.json

@@ -5,6 +5,5 @@
 	"twitterHandle": "@yourhandle",
 	"fallbackCategoryLabel": "Other",
 	"articlesPerPage": 10,
-	"ogImage": { "mode": "static" },
-	"api": { "articleBody": "html" }
+	"ogImage": { "mode": "static" }
 }