@roottale/cms-renderer-next 0.65.0 → 0.66.0

package/dist/server.js

@@ -1,3 +1,6 @@
+import {
+  RootTaleImageLightbox
+} from "./chunk-22MB5YER.js";
 import {
   collectCategories,
   collectCategoriesWithCounts,
@@ -983,7 +986,7 @@ function isSafeHref(value) {
   }
   return /^(https?:|mailto:|tel:)/i.test(href);
 }
-function applyMark(mark, child) {
+function applyMark(mark, child, headingText = false) {
   switch (mark.type) {
     case "bold":
       return /* @__PURE__ */ jsx10("strong", { children: child });
@@ -1005,7 +1008,7 @@ function applyMark(mark, child) {
       const fontSize = cmsFontSize(mark.attrs?.fontSize);
       const style = {
         ...typeof color === "string" && color ? { color } : {},
-        ...fontSize ? { fontSize } : {}
+        ...fontSize ? { fontSize: headingText ? `var(--rt-cms-heading-size, ${fontSize})` : fontSize } : {}
       };
       return Object.keys(style).length ? /* @__PURE__ */ jsx10("span", { style, children: child }) : /* @__PURE__ */ jsx10(Fragment3, { children: child });
     }
@@ -1045,7 +1048,7 @@ function renderInternalLinkText(text, resolve) {
   if (cursor < text.length) parts.push(text.slice(cursor));
   return /* @__PURE__ */ jsx10(Fragment3, { children: parts });
 }
-function renderTextNode(node, key, internalLinks = null) {
+function renderTextNode(node, key, internalLinks = null, headingText = false) {
   const text = node.text ?? "";
   const marks = (node.marks ?? []).flatMap((value) => {
     const mark = parseTiptapMark(value);
@@ -1058,7 +1061,7 @@ function renderTextNode(node, key, internalLinks = null) {
   }
   let element = typeof content === "string" ? content : /* @__PURE__ */ jsx10(Fragment3, { children: content });
   for (const mark of marks) {
-    element = applyMark(mark, element);
+    element = applyMark(mark, element, headingText);
   }
   return /* @__PURE__ */ jsx10("span", { children: element }, key);
 }
@@ -1096,7 +1099,7 @@ function renderTiptapNode(value, key, context) {
   const node = parseTiptapNode(value);
   if (!node) return null;
   const children = node.content?.map(
-    (child, index) => renderTiptapNode(child, index, context)
+    (child, index) => renderTiptapNode(child, index, { ...context, headingText: node.type === "heading" })
   );
   switch (node.type) {
     case "paragraph": {
@@ -1121,8 +1124,11 @@ function renderTiptapNode(value, key, context) {
     }
     case "bulletList":
       return /* @__PURE__ */ jsx11("ul", { children }, key);
-    case "orderedList":
-      return /* @__PURE__ */ jsx11("ol", { children }, key);
+    case "orderedList": {
+      const start = Number(node.attrs?.start);
+      const validStart = Number.isSafeInteger(start) && start > 0 ? start : void 0;
+      return /* @__PURE__ */ jsx11("ol", { start: validStart, children }, key);
+    }
     case "listItem":
       return /* @__PURE__ */ jsx11("li", { children }, key);
     case "blockquote":
@@ -1254,7 +1260,7 @@ function renderTiptapNode(value, key, context) {
       return renderSection(node, key, context.section);
     }
     case "text":
-      return renderTextNode(node, key, context.internalLinks ?? null);
+      return renderTextNode(node, key, context.internalLinks ?? null, context.headingText);
     default:
       return children ? /* @__PURE__ */ jsx11("span", { children }, key) : null;
   }
@@ -1483,7 +1489,7 @@ function BlogPostBody(props) {
     source.html,
     internalContentLinkResolverFrom2(internalLinks)
   ).html : source.kind === "html" ? source.html : "";
-  const body = /* @__PURE__ */ jsx15("div", { "data-roottale-cms": "body", className: "rt-cms-body", children: source.kind === "html" ? (
+  const body = /* @__PURE__ */ jsx15("div", { "data-roottale-cms": "body", className: "rt-cms-body", children: /* @__PURE__ */ jsx15(RootTaleImageLightbox, { children: source.kind === "html" ? (
     // source.html 은 resolvePostBodySource 가 공용 sanitizeHtml 로 정제한 값이다
     // (이 컴포넌트에서 한 번 더 정제하지 않는 이유 — sink 가 한 곳이어야 눈으로
     // 추적 가능하고, 이중 정제는 안전을 더 만들지 않으면서 비용만 든다).
@@ -1497,7 +1503,7 @@ function BlogPostBody(props) {
       baseUrl,
       internalLinks
     }
-  ) });
+  ) }) });
   if (tocPosition === "sidebar" && tableOfContents) {
     return /* @__PURE__ */ jsxs10("div", { className: "rt-cms-layout rt-cms-layout--toc-side", children: [
       body,