fix: return config from queryPostOrPosts (#850)

.changeset/forty-planets-fix.md

@@ -0,0 +1,6 @@
+---
+"@headstartwp/core": patch
+"@headstartwp/next": patch
+---
+
+Fix: return config from queryPostOrPosts

packages/next/src/rsc/data/queries/queryPostOrPosts.ts

@@ -30,6 +30,7 @@ export async function queryPostOrPosts<
 		if (result.isSingle && result.data.post) {
 			return {
 				...result,
+				config,
 				seo: prepareSEOMetadata(result.data.post, config),
 			};
 		}

projects/wp-nextjs-app/src/app/(single)/[...path]/page.tsx

@@ -9,8 +9,9 @@ import {
 import { Metadata } from 'next';
 import { removeSourceUrl } from '@headstartwp/core';
 import dynamic from 'next/dynamic';
-import { FC, Suspense } from 'react';
+import { Suspense } from 'react';
 import Blocks from '../../../components/Blocks';
+import { ServerRelatedPosts } from '../../../components/ServerRelatedPosts';
 
 const ClientRelatedPosts = dynamic(() =>
 	import('../../../components/RelatedPosts').then((mod) => mod.RelatedPosts),
@@ -53,26 +54,6 @@ export async function generateMetadata({ params }: HeadstartWPRoute): Promise<Me
 	return metatada;
 }
 
-const ServerRelatedPosts: FC<{ post_id: number; category: string }> = async ({
-	post_id,
-	category,
-}) => {
-	const { data } = await queryPosts({
-		params: { postType: 'post', per_page: 3, category, exclude: [post_id] },
-	});
-
-	return (
-		<div>
-			<h2>Related Posts (Streamed from Server)</h2>
-			<ul>
-				{data.posts.map((post) => (
-					<li key={post.id}>{post.title.rendered}</li>
-				))}
-			</ul>
-		</div>
-	);
-};
-
 const Single = async ({ params }: HeadstartWPRoute) => {
 	const { data, seo, config } = await query({ params });
 

projects/wp-nextjs-app/src/app/blog/[[...path]]/page.tsx

@@ -1,7 +1,11 @@
 import { PostEntity, QueriedObject } from '@headstartwp/core';
+import { HtmlDecoder } from '@headstartwp/core/react';
 import { HeadstartWPRoute, JSONLD, queryPostOrPosts } from '@headstartwp/next/app';
 import Link from 'next/link';
 import { notFound } from 'next/navigation';
+import { Suspense } from 'react';
+import Blocks from '../../../components/Blocks';
+import { ServerRelatedPosts } from '../../../components/ServerRelatedPosts';
 
 async function query({ params }: HeadstartWPRoute) {
 	return queryPostOrPosts({
@@ -62,7 +66,7 @@ const Archive = ({ posts, queriedObject, schema = '' }: ArchiveProps) => {
 };
 
 const BlogPage = async ({ params }: HeadstartWPRoute) => {
-	const { isArchive, isSingle, data, seo } = await query({ params });
+	const { isArchive, isSingle, data, seo, config } = await query({ params });
 
 	if (isArchive && typeof data.posts !== 'undefined') {
 		return (
@@ -73,7 +77,21 @@ const BlogPage = async ({ params }: HeadstartWPRoute) => {
 	if (isSingle && typeof data.post !== 'undefined') {
 		return (
 			<article>
-				<h1>{data.post.title.rendered}</h1>
+				<h1>
+					<HtmlDecoder html={data.post.title.rendered ?? ''} />
+				</h1>
+
+				<Blocks html={data.post.content.rendered ?? ''} settings={config} />
+
+				{data.post.terms?.category && (
+					<Suspense fallback="Loading (streaming)">
+						<ServerRelatedPosts
+							post_id={data.post.id}
+							category={data.post.terms.category[0].slug}
+						/>
+					</Suspense>
+				)}
+
 				{seo.schema && <JSONLD schema={seo.schema} />}
 			</article>
 		);

projects/wp-nextjs-app/src/components/ServerRelatedPosts.tsx

@@ -0,0 +1,22 @@
+import { queryPosts } from '@headstartwp/next/app';
+import { FC } from 'react';
+
+export const ServerRelatedPosts: FC<{ post_id: number; category: string }> = async ({
+	post_id,
+	category,
+}) => {
+	const { data } = await queryPosts({
+		params: { postType: 'post', per_page: 3, category, exclude: [post_id] },
+	});
+
+	return (
+		<div>
+			<h2>Related Posts (Streamed from Server)</h2>
+			<ul>
+				{data.posts.map((post) => (
+					<li key={post.id}>{post.title.rendered}</li>
+				))}
+			</ul>
+		</div>
+	);
+};