@roottale/cms-renderer-next 0.47.0 → 0.48.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @roottale/cms-renderer-next
 
+## 0.48.0
+
+### Minor Changes
+
+- a4c7070: avcd 구조 — `RootTaleBlogPost`에 opt-in `breadcrumb` prop(시각 브레드크럼 +
+  `BreadcrumbList` JSON-LD) 추가, `author_slug` 있으면 작성자 이름을
+  `/blog/author/{slug}`로 자동 링크(`authorHref`로 override 가능). 헤더 발행일
+  마크업이 `<span>`에서 `dateTime` 속성을 가진 `<time>`으로 변경(class·
+  data-rt-cms-meta 속성은 유지). `buildPostMetadata`에 Twitter Card 자동 emit,
+  RSS alternate(`feedPath`, 기본 `/feed.xml`), og article 확장(`modified`·
+  `section`·`tags`·`authors`) 추가.
+
+  ⚠️ 카테고리 칩·`RootTaleBlogCategories`·브레드크럼 카테고리 링크가 모두
+  `/blog/categories/{slug}`를 기본 링크한다 — 단일 블로그 사이트도 이 라우트를
+  구현해야 404가 나지 않는다(참조 구현: `@roottale/cms-mcp` 예시
+  `app/blog/categories/[slug]/page.tsx`).
+
+- ab5241a: 읽기 표면 조판 개선 — 네이버 프리미엄 콘텐츠·avcd 기준: 문단 간격 확대(1.35em), h2 섹션 대여백, h3/h4 크기 위계 수정, 리스트 간격·액센트 마커, 인용구 라운드 카드화, 이미지 여백·캡션 스타일, 표 라운드 외곽+수평 구분선, hr 여백 확대
+
+### Patch Changes
+
+- Updated dependencies [a4c7070]
+  - @roottale/cms-client@0.48.0
+
 ## 0.47.0
 
 ### Minor Changes

package/dist/{chunk-ZHXYCABN.js → chunk-LIBSVC4M.js}

@@ -31,8 +31,9 @@ import {
   collectCategoriesWithCounts,
   collectCollectionCategories,
   defaultCategoryHref,
-  filterPostsByCategory
-} from "./chunk-FUA5H6JE.js";
+  filterPostsByCategory,
+  trimSlash
+} from "./chunk-U2IM6OCQ.js";
 import {
   SectionSchema
 } from "./chunk-UM37DOIK.js";
@@ -43,6 +44,7 @@ import {
 // src/server.tsx
 import {
   DEFAULT_BLOG_SETTINGS,
+  breadcrumbSchema,
   fetchBlogSettings,
   fetchPost,
   fetchPosts,
@@ -2966,7 +2968,9 @@ async function RootTaleBlogPost(props) {
     relatedPostsTitle = t(locale, "relatedPostsTitle"),
     collections,
     showFieldFacts = false,
-    theme: themeProp
+    theme: themeProp,
+    authorHref = defaultAuthorHref,
+    breadcrumb
   } = props;
   const [post, themeStyle, blogSettings] = await Promise.all([
     fetchPost({ apiKey, slugOrId, baseUrl, ...locale ? { locale } : {} }),
@@ -3003,6 +3007,7 @@ async function RootTaleBlogPost(props) {
   const authorName = post.authorName;
   const authorImageUrl = post.authorImageUrl;
   const postAuthorBio = post.authorBio;
+  const authorSlug = post.authorSlug;
   const views = typeof post.viewCount === "number" ? post.viewCount : null;
   const publishedDate = display.showDate ? formatPublishedDate2(post.publishedAt) : "";
   const showTopAuthor = display.showAuthor && Boolean(authorName);
@@ -3022,14 +3027,24 @@ async function RootTaleBlogPost(props) {
       className: "rt-cms-article",
       style: themeStyle ?? void 0,
       children: [
+        renderBreadcrumb(post, collections, relatedHref, breadcrumb),
         /* @__PURE__ */ jsxs9("header", { className: "rt-cms-post-header", children: [
           showTitle ? /* @__PURE__ */ jsx9("h1", { className: "rt-cms-title", children: post.title }) : null,
           post.excerpt ? /* @__PURE__ */ jsx9("p", { className: "rt-cms-excerpt", children: post.excerpt }) : null,
           publishedDate || showTopAuthor || views !== null ? /* @__PURE__ */ jsxs9("p", { className: "rt-cms-meta", children: [
-            publishedDate ? /* @__PURE__ */ jsx9("span", { className: "rt-cms-meta-item", "data-rt-cms-meta": "date", children: publishedDate }) : null,
+            publishedDate ? /* @__PURE__ */ jsx9(
+              "time",
+              {
+                dateTime: post.publishedAt ?? void 0,
+                className: "rt-cms-meta-item",
+                "data-rt-cms-meta": "date",
+                children: publishedDate
+              }
+            ) : null,
             showTopAuthor ? /* @__PURE__ */ jsxs9("span", { className: "rt-cms-meta-item", "data-rt-cms-meta": "author", children: [
-              "\uC791\uC131\uC790 ",
-              authorName
+              "\uC791\uC131\uC790",
+              " ",
+              authorSlug ? /* @__PURE__ */ jsx9("a", { className: "rt-cms-author-link", href: authorHref(authorSlug), children: authorName }) : authorName
             ] }) : null,
             views !== null ? /* @__PURE__ */ jsxs9("span", { className: "rt-cms-meta-item", "data-rt-cms-meta": "views", children: [
               "\uC870\uD68C ",
@@ -3074,7 +3089,7 @@ async function RootTaleBlogPost(props) {
           ) : /* @__PURE__ */ jsx9("div", { className: "rt-cms-author-card__avatar", "aria-hidden": "true", children: authorInitials(displayAuthorName) }),
           /* @__PURE__ */ jsxs9("div", { className: "rt-cms-author-card__body", children: [
             /* @__PURE__ */ jsx9("p", { className: "rt-cms-author-card__eyebrow", children: display.authorCardEyebrow }),
-            /* @__PURE__ */ jsx9("p", { className: "rt-cms-author-card__name", children: displayAuthorName }),
+            /* @__PURE__ */ jsx9("p", { className: "rt-cms-author-card__name", children: authorSlug ? /* @__PURE__ */ jsx9("a", { className: "rt-cms-author-link", href: authorHref(authorSlug), children: displayAuthorName }) : displayAuthorName }),
             authorBio ? /* @__PURE__ */ jsx9("p", { className: "rt-cms-author-card__description", children: authorBio }) : null
           ] })
         ] }) : null,
@@ -3085,6 +3100,46 @@ async function RootTaleBlogPost(props) {
     }
   );
 }
+function renderBreadcrumb(post, collections, postHref, options) {
+  if (!options) return null;
+  const {
+    siteUrl,
+    homeLabel = "\uD648",
+    homeHref = "/",
+    listLabel = "\uBE14\uB85C\uADF8",
+    showCategory = true,
+    categoryHref = defaultCategoryHref
+  } = options;
+  const listHref = options.listHref ?? (collections ? resolvePostCollection(post, collections)?.basePath || "/blog" : "/blog");
+  const categoryTerm = showCategory ? post.terms.find((t2) => t2.taxonomy === "category") : void 0;
+  const crumbs = [
+    { label: homeLabel, href: homeHref },
+    { label: listLabel, href: listHref }
+  ];
+  if (categoryTerm) {
+    crumbs.push({ label: categoryTerm.name, href: categoryHref(categoryTerm.slug) });
+  }
+  crumbs.push({ label: post.title, href: postHref(post) });
+  const jsonLd = siteUrl ? breadcrumbSchema(
+    crumbs.map((c) => ({ name: c.label, url: absoluteUrl(siteUrl, c.href) }))
+  ) : null;
+  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+    /* @__PURE__ */ jsx9("nav", { "aria-label": "\uBE0C\uB808\uB4DC\uD06C\uB7FC", className: "rt-cms-breadcrumb", children: /* @__PURE__ */ jsx9("ol", { children: crumbs.map(
+      (c, i) => i === crumbs.length - 1 ? /* @__PURE__ */ jsx9("li", { "aria-current": "page", children: c.label }, i) : /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsx9("a", { href: c.href, children: c.label }) }, i)
+    ) }) }),
+    jsonLd ? /* @__PURE__ */ jsx9(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: jsonLdJson(jsonLd) }
+      }
+    ) : null
+  ] });
+}
+function absoluteUrl(siteUrl, path) {
+  const normalized = path.startsWith("/") ? path : `/${path}`;
+  return `${trimSlash(siteUrl)}${normalized}`;
+}
 function renderArchiveRelated(groups, collections) {
   const visible = groups.filter((group) => group.items.length > 0);
   if (visible.length === 0) return null;
@@ -3284,6 +3339,9 @@ async function resolveThemeStyle(input) {
 function defaultPostHref(post) {
   return `/blog/${post.slug}`;
 }
+function defaultAuthorHref(slug) {
+  return `/blog/author/${slug}`;
+}
 function makeCollectionPostHref(collections) {
   return (post) => {
     const path = resolvePostPath(post, collections);
@@ -3581,4 +3639,4 @@ export {
   RootTalePage,
   RenderTiptap
 };
-//# sourceMappingURL=chunk-ZHXYCABN.js.map
+//# sourceMappingURL=chunk-LIBSVC4M.js.map