@websline/cms-view-utils 1.2.8 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/cms-view-utils",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "type": "module",
   "files": [
     "src",
@@ -21,11 +21,11 @@
   "devDependencies": {
     "@eslint/compat": "^2.1.0",
     "@eslint/js": "^10.0.1",
-    "eslint": "^10.4.1",
+    "eslint": "^10.5.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-svelte": "^3.19.0",
     "globals": "^17.6.0",
-    "prettier": "^3.8.3",
+    "prettier": "^3.8.4",
     "prettier-plugin-svelte": "^3.5.2",
     "prettier-plugin-tailwindcss": "^0.8.0",
     "tsup": "^8.5.1"

package/src/cms/fetchLlmsTxt.js

@@ -0,0 +1,20 @@
+import { buildCmsLlmsTxtUrl } from "./urlResolver.js";
+import { buildCmsHeaders } from "./headers.js";
+import { HttpError } from "../shared/errors.js";
+
+const fetchLlmsTxt = async (request) => {
+	const cmsUrl = buildCmsLlmsTxtUrl();
+
+	const response = await fetch(cmsUrl, {
+		method: "GET",
+		headers: buildCmsHeaders(request),
+	});
+
+	if (!response.ok) {
+		throw new HttpError(response.status, "CMS Error");
+	}
+
+	return response.text();
+};
+
+export { fetchLlmsTxt };

package/src/cms/urlResolver.js

@@ -18,4 +18,13 @@ const buildCmsSitemapUrl = () => {
 	return `${CMS_BASE_URL}/api/public/sitemap`;
 };
 
-export { buildCmsPageUrl, buildCmsSiteConfigUrl, buildCmsSitemapUrl };
+const buildCmsLlmsTxtUrl = () => {
+	return `${CMS_BASE_URL}/api/public/llms-txt`;
+};
+
+export {
+	buildCmsPageUrl,
+	buildCmsSiteConfigUrl,
+	buildCmsSitemapUrl,
+	buildCmsLlmsTxtUrl,
+};

package/src/components/Picture.svelte

@@ -6,10 +6,16 @@
 		decoding = "async",
 		fetchpriority = "auto",
 		image,
+		img = $bindable(),
 		loading = "lazy",
+		pictureProps = {},
 		sources = {},
+		...rest
 	} = $props();
 
+	const buildSrcset = (source) =>
+		source.url2x ? `${source.url} 1x, ${source.url2x} 2x` : source.url;
+
 	const data = (() => {
 		if (!image || !image.formats) {
 			return {
@@ -58,7 +64,12 @@
 			const last = resolved[resolved.length - 1];
 
 			fallbackFormat = last.format;
-			fallbackSrc = fallbackFormat.sources[0]?.url ?? "";
+
+			// Use the last source (original format, e.g. jpg/png) for the <img>
+			// fallback instead of sources[0] (avif), for maximum compatibility.
+			const fmtSources = fallbackFormat.sources;
+			fallbackSrc =
+				fmtSources[fmtSources.length - 1]?.url ?? fmtSources[0]?.url ?? "";
 		}
 
 		const alt = image.alt ?? image.title ?? "";
@@ -68,17 +79,19 @@
 </script>
 
 {#if data.resolved.length}
-	<picture>
+	<picture {...pictureProps}>
 		{#each data.resolved as r (r.format.identifier + "-" + r.min)}
 			{#each r.format.sources as source (source.type + source.url)}
 				<source
-					srcset={source.url}
+					srcset={buildSrcset(source)}
 					type={source.type}
 					media={r.min > 0 ? `(min-width: ${r.min}px)` : undefined} />
 			{/each}
 		{/each}
 
 		<img
+			bind:this={img}
+			{...rest}
 			alt={data.alt}
 			class={tw("h-full w-full object-cover", className)}
 			{decoding}

package/src/handlers/llmsTxtHandler.js

@@ -0,0 +1,27 @@
+import { fetchLlmsTxt } from "../cms/fetchLlmsTxt.js";
+import { HttpError } from "../shared/errors.js";
+
+const createLlmsTxtHandler =
+	() =>
+	async ({ request }) => {
+		try {
+			const body = await fetchLlmsTxt(request);
+
+			return new Response(body, {
+				status: 200,
+				headers: {
+					"Content-Type": "text/plain; charset=utf-8",
+					"Cache-Control": "no-store",
+				},
+			});
+		} catch (error) {
+			if (error instanceof HttpError) {
+				return new Response(`llms.txt error: ${error.message}`, {
+					status: error.status,
+				});
+			}
+			throw error;
+		}
+	};
+
+export { createLlmsTxtHandler };

package/src/server.js

@@ -6,4 +6,5 @@ export { withCmsFetch } from "./middleware/withCmsFetch.js";
 export { withParaglide } from "./middleware/withParaglide.js";
 export { createSitemapHandler } from "./handlers/sitemapHandler.js";
 export { createRobotsHandler } from "./handlers/robotsHandler.js";
+export { createLlmsTxtHandler } from "./handlers/llmsTxtHandler.js";
 export { createCmsProxyHandler } from "./cms/proxyToCms.js";