dineway 0.1.48 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dineway",
-  "version": "0.1.48",
+  "version": "0.2.0",
   "description": "Agentic Website builder for restaurants — structured content meets AI via the Model Context Protocol",
   "type": "module",
   "publishConfig": {
@@ -93,6 +93,10 @@
       "types": "./dist/storage/s3.d.mts",
       "default": "./dist/storage/s3.mjs"
     },
+    "./object-cache/memory": {
+      "types": "./dist/object-cache/memory.d.mts",
+      "default": "./dist/object-cache/memory.mjs"
+    },
     "./media": {
       "types": "./dist/media/index.d.mts",
       "default": "./dist/media/index.mjs"
@@ -101,6 +105,14 @@
       "types": "./dist/media/local-runtime.d.mts",
       "default": "./dist/media/local-runtime.mjs"
     },
+    "./media/image-endpoint": {
+      "types": "./dist/media/image-endpoint.d.mts",
+      "default": "./dist/media/image-endpoint.mjs"
+    },
+    "./image-endpoint": {
+      "types": "./dist/astro/image-endpoint.d.mts",
+      "default": "./dist/astro/image-endpoint.mjs"
+    },
     "./runtime": {
       "types": "./dist/runtime.d.mts",
       "default": "./dist/runtime.mjs"
@@ -265,6 +277,12 @@
       "media/local-runtime": [
         "dist/media/local-runtime.d.mts"
       ],
+      "media/image-endpoint": [
+        "dist/media/image-endpoint.d.mts"
+      ],
+      "image-endpoint": [
+        "dist/astro/image-endpoint.d.mts"
+      ],
       "middleware": [
         "dist/astro/middleware.d.mts"
       ],
@@ -280,6 +298,9 @@
       "middleware/setup": [
         "dist/astro/middleware/setup.d.mts"
       ],
+      "object-cache/memory": [
+        "dist/object-cache/memory.d.mts"
+      ],
       "page": [
         "dist/page/index.d.mts"
       ],
@@ -319,7 +340,8 @@
     }
   },
   "dependencies": {
-    "@cloudflare/kumo": "^2.3.0",
+    "@forgeway/sdk": "^1.1.0",
+    "@cloudflare/kumo": "2.6.0",
     "@floating-ui/react": "^0.27.16",
     "@modelcontextprotocol/sdk": "^1.26.0",
     "@portabletext/toolkit": "^5.0.1",
@@ -337,7 +359,7 @@
     "@tiptap/suggestion": "^3.20.0",
     "@unpic/placeholder": "^0.1.2",
     "arctic": "^3.7.0",
-    "astro-portabletext": "^0.11.0",
+    "astro-portabletext": "^0.13.0",
     "better-sqlite3": "^12.8.0",
     "blurhash": "^2.0.5",
     "citty": "^0.1.6",
@@ -355,9 +377,9 @@
     "ulidx": "^2.4.1",
     "upng-js": "^2.1.0",
     "zod": "^4.4.1",
-    "@dineway-ai/admin": "^0.1.17",
-    "@dineway-ai/auth": "^0.1.17",
-    "@dineway-ai/gutenberg-to-portable-text": "^0.1.15"
+    "@dineway-ai/admin": "^0.2.0",
+    "@dineway-ai/auth": "^0.2.0",
+    "@dineway-ai/gutenberg-to-portable-text": "^0.2.0"
   },
   "optionalDependencies": {
     "@aws-sdk/client-s3": "^3.1049.0",
@@ -379,14 +401,14 @@
     "@types/react": "19.2.14",
     "@types/sanitize-html": "^2.16.0",
     "@types/sax": "^1.2.7",
-    "@vitest/ui": "^4.0.17",
+    "@vitest/ui": "4.0.18",
     "publint": "0.3.17",
     "tsdown": "0.20.3",
     "typescript": "^5.9.3",
     "vite": "^6.0.0",
     "vitest": "^4.0.18",
     "zod-openapi": "^5.4.6",
-    "@dineway-ai/blocks": "^0.1.15"
+    "@dineway-ai/blocks": "^0.2.0"
   },
   "keywords": [
     "astro",
@@ -404,6 +426,7 @@
     "typecheck": "tsgo --noEmit",
     "check": "publint && attw --pack --ignore-rules=cjs-resolves-to-esm --ignore-rules=no-resolution --ignore-rules=internal-resolution-error",
     "test": "vitest",
+    "test:repro": "vitest run --config vitest.repro.config.ts",
     "test:smoke": "vitest run --config vitest.smoke.config.ts",
     "test:integration": "vitest run --config vitest.integration.config.ts"
   }

package/src/components/Block.astro

@@ -0,0 +1,50 @@
+---
+import type { BlockProps } from "astro-portabletext/types";
+
+import { textAlignClassName } from "./portable-text-text-align.js";
+
+type TextAlignedNode = BlockProps["node"] & { textAlign?: string };
+type Props = Omit<BlockProps, "node"> & { node: TextAlignedNode };
+
+const props = Astro.props as Props;
+const { node, index: _index, isInline: _isInline, ...attrs } = props;
+
+const styleIs = (style: string) => style === node.style;
+const alignClass = textAlignClassName(node.textAlign);
+---
+
+{
+	styleIs("h1") ? (
+		<h1 class={alignClass} {...attrs}>
+			<slot />
+		</h1>
+	) : styleIs("h2") ? (
+		<h2 class={alignClass} {...attrs}>
+			<slot />
+		</h2>
+	) : styleIs("h3") ? (
+		<h3 class={alignClass} {...attrs}>
+			<slot />
+		</h3>
+	) : styleIs("h4") ? (
+		<h4 class={alignClass} {...attrs}>
+			<slot />
+		</h4>
+	) : styleIs("h5") ? (
+		<h5 class={alignClass} {...attrs}>
+			<slot />
+		</h5>
+	) : styleIs("h6") ? (
+		<h6 class={alignClass} {...attrs}>
+			<slot />
+		</h6>
+	) : styleIs("blockquote") ? (
+		<blockquote class={alignClass} {...attrs}>
+			<slot />
+		</blockquote>
+	) : (
+		<p class={alignClass} {...attrs}>
+			<slot />
+		</p>
+	)
+}

package/src/components/Comments.astro

@@ -19,6 +19,8 @@ interface Props {
 	collection: string;
 	contentId: string;
 	threaded?: boolean;
+	reactions?: boolean;
+	sort?: "oldest" | "best";
 	class?: string;
 }
 
@@ -26,13 +28,15 @@ const {
 	collection,
 	contentId,
 	threaded = false,
+	reactions = false,
+	sort = "oldest",
 	class: className,
 } = Astro.props;
 
 const collectionInfo = await getCollectionInfo(collection);
 const enabled = collectionInfo?.commentsEnabled ?? false;
 const { items, total } = enabled
-	? await getComments({ collection, contentId, threaded })
+	? await getComments({ collection, contentId, threaded, reactions, sort })
 	: { items: [], total: 0 };
 
 const URL_RE = /https?:\/\/[^\s<>"')\]]+/g;
@@ -60,15 +64,74 @@ function escapeHtml(text: string): string {
 function formatBody(text: string): string {
 	return autoLinkUrls(escapeHtml(text));
 }
+
+const REACTION_SCRIPT = `
+(() => {
+  const sections = document.querySelectorAll('[data-ec-comments][data-ec-reactions]');
+  sections.forEach((section) => {
+    const collection = section.getAttribute('data-collection');
+    const contentId = section.getAttribute('data-content-id');
+    if (!collection || !contentId) return;
+
+    const base = '/_dineway/api/comments/' + encodeURIComponent(collection) + '/' + encodeURIComponent(contentId) + '/reactions';
+    const headers = { 'X-Dineway-Request': '1' };
+
+    fetch(base, { headers: headers })
+      .then((response) => (response.ok ? response.json() : null))
+      .then((payload) => {
+        const viewer = payload && payload.data && payload.data.viewer;
+        if (!viewer) return;
+        Object.keys(viewer).forEach((commentId) => {
+          (viewer[commentId] || []).forEach((reaction) => {
+            const selector = '.ec-reaction[data-comment-id="' + commentId + '"][data-ec-reaction="' + reaction + '"]';
+            const button = section.querySelector(selector);
+            if (button) button.setAttribute('aria-pressed', 'true');
+          });
+        });
+      })
+      .catch(() => {});
+
+    section.addEventListener('click', (event) => {
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+      const button = target.closest('.ec-reaction');
+      if (!button || !section.contains(button)) return;
+
+      const commentId = button.getAttribute('data-comment-id');
+      const reaction = button.getAttribute('data-ec-reaction');
+      if (!commentId || !reaction) return;
+
+      button.disabled = true;
+      fetch(base, {
+        method: 'POST',
+        headers: Object.assign({ 'Content-Type': 'application/json' }, headers),
+        body: JSON.stringify({ commentId: commentId, reaction: reaction }),
+      })
+        .then((response) => (response.ok ? response.json() : null))
+        .then((payload) => {
+          const data = payload && payload.data;
+          if (!data) return;
+          button.setAttribute('aria-pressed', data.reacted ? 'true' : 'false');
+          const countEl = button.querySelector('[data-ec-reaction-count]');
+          if (countEl) countEl.textContent = String((data.counts && data.counts[reaction]) || 0);
+        })
+        .catch(() => {})
+        .finally(() => { button.disabled = false; });
+    });
+  });
+})();
+`;
 ---
 
 {
 	enabled && (
+		<Fragment>
 		<section
 			class:list={["ec-comments", className]}
 			data-ec-comments
 			data-collection={collection}
 			data-content-id={contentId}
+			{...(reactions ? { "data-ec-reactions": "" } : {})}
 		>
 			<h3 class="ec-comments-heading">
 				{total === 0
@@ -110,6 +173,25 @@ function formatBody(text: string): string {
 									class="ec-comment-body"
 									set:html={formatBody(comment.body)}
 								/>
+								{reactions && (
+									<div class="ec-comment-actions">
+										<button
+											type="button"
+											class="ec-reaction"
+											data-ec-reaction="like"
+											data-comment-id={comment.id}
+											aria-pressed="false"
+										>
+											<span class="ec-reaction-icon" aria-hidden="true">
+												&#x2661;
+											</span>
+											<span class="ec-reaction-label">Like</span>
+											<span class="ec-reaction-count" data-ec-reaction-count>
+												{comment.reactions?.like ?? 0}
+											</span>
+										</button>
+									</div>
+								)}
 								{threaded && comment.replies && comment.replies.length > 0 && (
 									<ol class="ec-comment-replies">
 										{comment.replies.map((reply: PublicComment) => (
@@ -151,6 +233,28 @@ function formatBody(text: string): string {
 														class="ec-comment-body"
 														set:html={formatBody(reply.body)}
 													/>
+													{reactions && (
+														<div class="ec-comment-actions">
+															<button
+																type="button"
+																class="ec-reaction"
+																data-ec-reaction="like"
+																data-comment-id={reply.id}
+																aria-pressed="false"
+															>
+																<span class="ec-reaction-icon" aria-hidden="true">
+																	&#x2661;
+																</span>
+																<span class="ec-reaction-label">Like</span>
+																<span
+																	class="ec-reaction-count"
+																	data-ec-reaction-count
+																>
+																	{reply.reactions?.like ?? 0}
+																</span>
+															</button>
+														</div>
+													)}
 												</article>
 											</li>
 										))}
@@ -162,6 +266,8 @@ function formatBody(text: string): string {
 				</ol>
 			)}
 		</section>
+		{reactions && <script is:inline set:html={REACTION_SCRIPT} />}
+		</Fragment>
 	)
 }
 
@@ -227,4 +333,40 @@ function formatBody(text: string): string {
 		white-space: pre-wrap;
 		word-break: break-word;
 	}
+
+	.ec-comment-actions {
+		margin-top: 0.5rem;
+	}
+
+	.ec-reaction {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.35rem;
+		font: inherit;
+		font-size: 0.875em;
+		color: inherit;
+		background: none;
+		border: var(--ec-comment-border);
+		border-radius: 999px;
+		padding: 0.15rem 0.6rem;
+		cursor: pointer;
+	}
+
+	.ec-reaction[aria-pressed="true"] {
+		border-color: currentColor;
+		font-weight: 600;
+	}
+
+	.ec-reaction[aria-pressed="true"] .ec-reaction-icon {
+		color: #e0245e;
+	}
+
+	.ec-reaction:disabled {
+		opacity: 0.5;
+		cursor: default;
+	}
+
+	.ec-reaction-count {
+		font-variant-numeric: tabular-nums;
+	}
 </style>

package/src/components/DinewayHead.astro

@@ -14,6 +14,7 @@
  * ```
  */
 import {
+	createSha256CspHash,
 	generateBaseSeoContributions,
 	generateSiteSeoContributions,
 	getPageRuntime,
@@ -25,7 +26,9 @@ import {
 	absolutizeMediaUrl,
 	type PageMetadataContribution,
 	type PublicPageContext,
+	type ResolvedPageMetadata,
 } from "dineway/ui/server-runtime";
+import JsonLdScript from "./JsonLdScript.astro";
 
 interface Props {
 	page: PublicPageContext;
@@ -37,6 +40,7 @@ const runtime = getPageRuntime(Astro.locals as Record<string, unknown>);
 let metadataHtml = "";
 let siteIdentityHtml = "";
 let fragmentsHtml = "";
+let jsonLdScripts: ResolvedPageMetadata["jsonld"] = [];
 
 if (runtime) {
 	// Plugin contributions come BEFORE site/base, so resolvePageMetadata's
@@ -59,17 +63,30 @@ if (runtime) {
 	const siteContributions = generateSiteSeoContributions(siteSettings.seo);
 	const allContributions = [...pluginContributions, ...siteContributions, ...baseContributions];
 	const resolved = resolvePageMetadata(allContributions);
-	metadataHtml = renderPageMetadata(resolved);
+	jsonLdScripts = resolved.jsonld;
+	metadataHtml = renderPageMetadata(resolved, { includeJsonLd: false });
 	siteIdentityHtml = renderSiteIdentity({ favicon: siteSettings.favicon });
 	fragmentsHtml = renderFragments(fragments, "head");
 } else {
 	// No runtime (Dineway not initialized) — still render base SEO
 	const baseContributions: PageMetadataContribution[] = generateBaseSeoContributions(page);
 	const resolved = resolvePageMetadata(baseContributions);
-	metadataHtml = renderPageMetadata(resolved);
+	jsonLdScripts = resolved.jsonld;
+	metadataHtml = renderPageMetadata(resolved, { includeJsonLd: false });
+}
+
+if (Astro.csp && jsonLdScripts.length > 0) {
+	await Promise.all(
+		jsonLdScripts.map(async ({ json }) => {
+			Astro.csp?.insertScriptHash(await createSha256CspHash(json));
+		}),
+	);
 }
 ---
 
 <Fragment set:html={metadataHtml} />
+{
+	jsonLdScripts.map(({ json }) => <JsonLdScript json={json} />)
+}
 <Fragment set:html={siteIdentityHtml} />
 <Fragment set:html={fragmentsHtml} />

package/src/components/DinewayImage.astro

@@ -17,6 +17,7 @@
  * ```
  */
 import { getImage } from "astro:assets";
+import { Image as AstroImage } from "astro:assets";
 import type { HTMLAttributes } from "astro/types";
 import {
 	RESPONSIVE_BREAKPOINTS,
@@ -43,9 +44,20 @@ interface Props extends Omit<
 	height?: number;
 	/** Priority loading (disables lazy loading) */
 	priority?: boolean;
+	/** Render the LQIP placeholder as an inline background. Disable for strict CSP. */
+	placeholder?: boolean;
 }
 
-const { image, alt, width, height, priority, ...attrs } = Astro.props;
+const {
+	image,
+	alt,
+	width,
+	height,
+	priority,
+	placeholder = true,
+	class: className,
+	...attrs
+} = Astro.props;
 
 // Normalize string URLs to object form
 function normalizeImage(
@@ -59,13 +71,12 @@ function normalizeImage(
 }
 
 /**
- * Build the URL for a local image
+ * Build the URL for a local image. Prefers `meta.storageKey`; falls back to
+ * the internal proxy with `img.id` when no storage key is available.
  */
 function buildLocalImageUrl(img: MediaValue): string {
-	const storageKey = (img.meta?.storageKey as string) || img.id;
 	return buildRenderMediaUrl(Astro.locals.dineway?.getPublicMediaUrl, {
-		storageKey,
-		url: img.src,
+		storageKey: img.meta?.storageKey as string | undefined,
 		id: img.id,
 	});
 }
@@ -99,6 +110,7 @@ const aspectRatio =
 let src = "";
 let srcset: string | undefined;
 let sizes: string | undefined;
+let astroImageSrc = "";
 
 if (img) {
 	const providerId = img.provider ?? "local";
@@ -107,18 +119,21 @@ if (img) {
 		// Local provider or direct src URL. Route through Astro's image service
 		// when possible; fall back to the plain URL when optimization is unavailable.
 		src = img.src || buildLocalImageUrl(img);
-		const optimized = await buildResponsiveImage(getImage, {
-			src: toAbsoluteMediaUrl(
-				src,
-				getPublicOrigin(Astro.url, Astro.locals.dineway?.config)
-			),
-			width: finalWidth,
-			height: finalHeight,
-		});
-		if (optimized) {
-			src = optimized.src;
-			srcset = optimized.srcset;
-			sizes = optimized.sizes;
+		const publicOrigin = getPublicOrigin(Astro.url, Astro.locals.dineway?.config);
+		const absoluteSrc = toAbsoluteMediaUrl(src, publicOrigin);
+		if (finalWidth && finalHeight && absoluteSrc.startsWith(`${publicOrigin}/`)) {
+			astroImageSrc = absoluteSrc;
+		} else {
+			const optimized = await buildResponsiveImage(getImage, {
+				src: absoluteSrc,
+				width: finalWidth,
+				height: finalHeight,
+			});
+			if (optimized) {
+				src = optimized.src;
+				srcset = optimized.srcset;
+				sizes = optimized.sizes;
+			}
 		}
 	} else {
 		// External provider
@@ -160,28 +175,20 @@ if (img) {
 	}
 }
 
-// Build placeholder background style
-const blurhash =
-	typeof image === "object"
-		? (image?.meta?.blurhash as string | undefined)
-		: undefined;
+// Build placeholder background style. Prefer the first-class MediaValue fields;
+// fall back to `meta` for snapshots stored before LQIP was promoted off `meta`.
+const blurhash = img?.blurhash ?? (img?.meta?.blurhash as string | undefined);
 const dominantColor =
-	typeof image === "object"
-		? (image?.meta?.dominantColor as string | undefined)
-		: undefined;
+	img?.dominantColor ?? (img?.meta?.dominantColor as string | undefined);
 
 let placeholderStyle = "";
-if (blurhash) {
+if (placeholder && blurhash) {
 	const { blurhashToImageCssString } = await import("@unpic/placeholder");
 	placeholderStyle = blurhashToImageCssString(blurhash);
-} else if (dominantColor) {
+} else if (placeholder && dominantColor) {
 	placeholderStyle = `background-color: ${dominantColor};`;
 }
 
-const baseStyle = aspectRatio
-	? `aspect-ratio: ${aspectRatio}; max-width: 100%; height: auto;`
-	: "max-width: 100%; height: auto;";
-
 const imgProps: Record<string, unknown> = {
 	src,
 	srcset,
@@ -192,9 +199,35 @@ const imgProps: Record<string, unknown> = {
 	loading: priority ? "eager" : "lazy",
 	fetchpriority: priority ? "high" : undefined,
 	decoding: "async",
-	style: placeholderStyle ? `${baseStyle} ${placeholderStyle}` : baseStyle,
+	style: placeholderStyle || undefined,
+	class: ["dineway-image-media", className].filter(Boolean).join(" "),
 	...attrs,
 };
 ---
 
-{img && src ? <img {...imgProps} /> : null}
+{
+	img && astroImageSrc ? (
+		<AstroImage
+			src={astroImageSrc}
+			alt={finalAlt}
+			width={finalWidth}
+			height={finalHeight}
+			priority={priority}
+			layout="constrained"
+			loading={priority ? "eager" : "lazy"}
+			decoding="async"
+			class={className}
+			style={placeholderStyle || undefined}
+			{...attrs}
+		/>
+	) : img && src ? (
+		<img {...imgProps} />
+	) : null
+}
+
+<style>
+	.dineway-image-media {
+		max-width: 100%;
+		height: auto;
+	}
+</style>

package/src/components/DinewayMedia.astro

@@ -167,9 +167,8 @@ const finalAlt = alt ?? (embed?.type === "image" ? embed.alt : undefined) ?? med
 	</audio>
 )}
 
+{/* Custom component embeds (Mux player, etc.) require dynamic import. Placeholder until that lands. */}
 {embed?.type === "component" && (
-	<!-- Custom component embeds (Mux player, etc.) require dynamic import -->
-	<!-- For now, show a placeholder - full implementation TBD -->
 	<div class="dineway-media-component" data-package={embed.package} data-export={embed.export}>
 		<p>Custom media component: {embed.package}</p>
 	</div>