@roottale/cms-renderer-next 0.2.0 → 0.3.0

package/dist/server.js

@@ -0,0 +1,672 @@
+// src/server.tsx
+import {
+  fetchPost,
+  fetchPosts,
+  fetchTheme
+} from "@roottale/cms-client/server";
+
+// src/PostCard.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function RootTalePostCard(props) {
+  const { post, href = defaultHref } = props;
+  return /* @__PURE__ */ jsx("article", { "data-roottale-cms": "card", className: "rt-cms-card", children: /* @__PURE__ */ jsxs("a", { className: "rt-cms-card-link", href: href(post), children: [
+    /* @__PURE__ */ jsx("p", { className: "rt-cms-meta", children: formatPublishedDate(post.publishedAt) }),
+    /* @__PURE__ */ jsx("h2", { className: "rt-cms-title", children: post.title }),
+    post.excerpt ? /* @__PURE__ */ jsx("p", { className: "rt-cms-excerpt", children: post.excerpt }) : null
+  ] }) });
+}
+function defaultHref(post) {
+  return `/blog/${post.slug}`;
+}
+function formatPublishedDate(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  return new Intl.DateTimeFormat("ko-KR", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  }).format(d);
+}
+
+// src/TableOfContents.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function RootTaleTableOfContents(props) {
+  const { entries, title = "\uBAA9\uCC28" } = props;
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */ jsxs2("nav", { "data-roottale-cms": "toc", className: "rt-cms-toc", "aria-label": title, children: [
+    title ? /* @__PURE__ */ jsx2("p", { className: "rt-cms-toc-title", children: title }) : null,
+    /* @__PURE__ */ jsx2("ol", { className: "rt-cms-toc-list", children: entries.map((entry) => /* @__PURE__ */ jsx2(
+      "li",
+      {
+        className: `rt-cms-toc-item rt-cms-toc-level-${entry.level}`,
+        children: /* @__PURE__ */ jsx2("a", { href: `#${entry.id}`, children: entry.text })
+      },
+      entry.id
+    )) })
+  ] });
+}
+
+// src/toc.ts
+function headingToId(text) {
+  return text.trim().toLowerCase().replace(/[^\p{L}\p{N}\s-]/gu, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function textOf(node) {
+  if (typeof node.text === "string") return node.text;
+  if (!Array.isArray(node.content)) return "";
+  return node.content.map(textOf).join("");
+}
+function extractToc(doc) {
+  const root = doc;
+  const content = Array.isArray(root.content) ? root.content : [];
+  const entries = [];
+  const idCounts = /* @__PURE__ */ new Map();
+  for (const node of content) {
+    if (node?.type !== "heading") continue;
+    const rawLevel = Number(node.attrs?.level ?? 2);
+    if (rawLevel !== 2 && rawLevel !== 3) continue;
+    const text = textOf(node).trim();
+    if (!text) continue;
+    const base = headingToId(text) || "heading";
+    const count = idCounts.get(base) ?? 0;
+    const id = count === 0 ? base : `${base}-${count}`;
+    idCounts.set(base, count + 1);
+    entries.push({ level: rawLevel, text, id });
+  }
+  return entries;
+}
+function attachHeadingIds(doc, entries) {
+  const root = doc;
+  const content = Array.isArray(root.content) ? root.content : [];
+  let cursor = 0;
+  const nextContent = content.map((node) => {
+    if (node?.type !== "heading") return node;
+    const rawLevel = Number(node.attrs?.level ?? 2);
+    if (rawLevel !== 2 && rawLevel !== 3) return node;
+    if (!textOf(node).trim()) return node;
+    const entry = entries[cursor++];
+    if (!entry) return node;
+    return {
+      ...node,
+      attrs: { ...node.attrs ?? {}, id: entry.id }
+    };
+  });
+  return { ...root, content: nextContent };
+}
+
+// src/FloatingCta.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function RootTaleFloatingCta(props) {
+  const { buttons, position = "bottom-right" } = props;
+  if (!buttons || buttons.length === 0) return null;
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-roottale-cms": "floating-cta",
+      className: `rt-cms-floating-cta rt-cms-floating-cta--${position}`,
+      children: buttons.map((btn, idx) => {
+        const isExternal = btn.type === "kakao" || btn.type === "custom";
+        return /* @__PURE__ */ jsxs3(
+          "a",
+          {
+            href: btn.href,
+            className: `rt-cms-floating-cta__btn rt-cms-floating-cta__btn--${btn.type}`,
+            target: isExternal ? "_blank" : void 0,
+            rel: isExternal ? "noopener noreferrer" : void 0,
+            children: [
+              /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", className: "rt-cms-floating-cta__icon", children: btn.icon ?? defaultIcon(btn.type) }),
+              /* @__PURE__ */ jsx3("span", { className: "rt-cms-floating-cta__label", children: btn.label })
+            ]
+          },
+          `${btn.type}-${idx}`
+        );
+      })
+    }
+  );
+}
+function defaultIcon(type) {
+  switch (type) {
+    case "phone":
+      return "\u260E";
+    case "contact":
+      return "\u2709";
+    case "kakao":
+      return "\u{1F4AC}";
+    case "custom":
+      return "\u2192";
+  }
+}
+
+// src/LeadForm.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var VERTICAL_LABEL = {
+  consulting: "\uCEE8\uC124\uD305",
+  medical: "\uC758\uB8CC",
+  tax: "\uC138\uBB34",
+  legal: "\uBC95\uB960"
+};
+var VERTICAL_OPTIONS = [
+  { value: "consulting", label: "\uCEE8\uC124\uD305 / \uC77C\uBC18" },
+  { value: "medical", label: "\uC758\uB8CC (\uBCD1\uC758\uC6D0\xB7\uCE58\uACFC\xB7\uD55C\uC758\uC6D0)" },
+  { value: "tax", label: "\uC138\uBB34 (\uC138\uBB34\uC0AC\xB7\uD68C\uACC4\uC0AC)" },
+  { value: "legal", label: "\uBC95\uB960 (\uBC95\uBB34\uBC95\uC778\xB7\uBCC0\uD638\uC0AC)" }
+];
+function RootTaleLeadForm(props) {
+  const {
+    action,
+    vertical,
+    redirectUrl,
+    heading,
+    description,
+    submitLabel = "\uC9C4\uB2E8 \uC2E0\uCCAD",
+    className
+  } = props;
+  const formClass = ["rt-cms-lead-form", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs4(
+    "form",
+    {
+      method: "post",
+      action,
+      "data-roottale-cms": "lead-form",
+      className: formClass,
+      children: [
+        heading ? /* @__PURE__ */ jsx4("h2", { className: "rt-cms-lead-heading", children: heading }) : null,
+        description ? /* @__PURE__ */ jsx4("p", { className: "rt-cms-lead-description", children: description }) : null,
+        redirectUrl ? /* @__PURE__ */ jsx4("input", { type: "hidden", name: "_redirect_url", value: redirectUrl }) : null,
+        vertical ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+          /* @__PURE__ */ jsx4("input", { type: "hidden", name: "vertical", value: vertical }),
+          /* @__PURE__ */ jsxs4("p", { className: "rt-cms-lead-vertical-label", children: [
+            "\uBD84\uC57C: ",
+            /* @__PURE__ */ jsx4("strong", { children: VERTICAL_LABEL[vertical] })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
+            "\uBD84\uC57C ",
+            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsxs4(
+            "select",
+            {
+              name: "vertical",
+              required: true,
+              className: "rt-cms-field-input rt-cms-field-select",
+              defaultValue: "",
+              children: [
+                /* @__PURE__ */ jsx4("option", { value: "", disabled: true, children: "\uC120\uD0DD\uD558\uC138\uC694" }),
+                VERTICAL_OPTIONS.map((opt) => /* @__PURE__ */ jsx4("option", { value: opt.value, children: opt.label }, opt.value))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
+            "\uC774\uB984 ",
+            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "text",
+              name: "contact_name",
+              required: true,
+              autoComplete: "name",
+              className: "rt-cms-field-input"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
+            "\uC0AC\uC5C5\uCCB4\uBA85 ",
+            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "text",
+              name: "business_name",
+              required: true,
+              autoComplete: "organization",
+              className: "rt-cms-field-input"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
+            "\uC774\uBA54\uC77C ",
+            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "email",
+              name: "email",
+              required: true,
+              autoComplete: "email",
+              className: "rt-cms-field-input"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
+            "\uC804\uD654\uBC88\uD638 ",
+            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "tel",
+              name: "phone",
+              required: true,
+              autoComplete: "tel",
+              placeholder: "010-0000-0000",
+              className: "rt-cms-field-input"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
+          /* @__PURE__ */ jsx4("span", { className: "rt-cms-field-label", children: "\uD604\uC7AC \uC0AC\uC774\uD2B8 URL (\uC120\uD0DD)" }),
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "url",
+              name: "current_site_url",
+              placeholder: "https://",
+              className: "rt-cms-field-input"
+            }
+          ),
+          /* @__PURE__ */ jsx4("span", { className: "rt-cms-field-hint", children: "\uC5C6\uC73C\uBA74 \uBE44\uC6CC\uB450\uC138\uC694." })
+        ] }),
+        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-lead-consent", children: [
+          /* @__PURE__ */ jsx4("input", { type: "checkbox", name: "privacy_consent", required: true }),
+          /* @__PURE__ */ jsxs4("span", { children: [
+            /* @__PURE__ */ jsx4("strong", { children: "(\uD544\uC218)" }),
+            " \uAC1C\uC778\uC815\uBCF4 \uC218\uC9D1\xB7\uC774\uC6A9\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4. (\uC218\uC9D1 \uD56D\uBAA9: \uC774\uB984\xB7\uC5F0\uB77D\uCC98\xB7\uC774\uBA54\uC77C\xB7\uC0AC\uC5C5\uCCB4\uBA85. \uBCF4\uAD00 \uAE30\uAC04: \uBB38\uC758 \uC885\uB8CC \uD6C4 3\uB144)"
+          ] })
+        ] }),
+        vertical === "medical" ? /* @__PURE__ */ jsxs4("label", { className: "rt-cms-lead-consent", children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              name: "overseas_transfer_consent",
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxs4("span", { children: [
+            /* @__PURE__ */ jsx4("strong", { children: "(\uD544\uC218, \uC758\uB8CC)" }),
+            " \uC758\uB8CC PII \uC758 \uAD6D\uC678\uC774\uC804(\uBCF4\uAD00\xB7\uCC98\uB9AC)\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4. (\uC758\uB8CC\uBC95 \xA721\xB7\uAC1C\uC778\uC815\uBCF4\uBCF4\uD638\uBC95 \xA728 \u2014 ADR-0018)"
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx4("div", { className: "rt-cms-lead-actions", children: /* @__PURE__ */ jsx4("button", { type: "submit", className: "rt-cms-lead-submit", children: submitLabel }) })
+      ]
+    }
+  );
+}
+
+// src/block-to-react.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function isString(value) {
+  return typeof value === "string";
+}
+function htmlContent(html) {
+  return { __html: html };
+}
+function renderInner(blocks) {
+  return blocks.map((b, i) => renderBlock(b, i));
+}
+function renderBlock(block, key = 0) {
+  const dataBlockId = block._id;
+  switch (block.name) {
+    case "core/paragraph": {
+      const text = isString(block.attributes.content) ? block.attributes.content : block.rawHtml ?? "";
+      return /* @__PURE__ */ jsx5(
+        "p",
+        {
+          "data-block-id": dataBlockId,
+          dangerouslySetInnerHTML: htmlContent(text)
+        },
+        key
+      );
+    }
+    case "core/heading": {
+      const levelRaw = block.attributes.level;
+      const level = typeof levelRaw === "number" && levelRaw >= 1 && levelRaw <= 6 ? levelRaw : 2;
+      const text = isString(block.attributes.content) ? block.attributes.content : block.rawHtml ?? "";
+      const props = {
+        "data-block-id": dataBlockId,
+        dangerouslySetInnerHTML: htmlContent(text)
+      };
+      if (level === 1) return /* @__PURE__ */ jsx5("h1", { ...props }, key);
+      if (level === 2) return /* @__PURE__ */ jsx5("h2", { ...props }, key);
+      if (level === 3) return /* @__PURE__ */ jsx5("h3", { ...props }, key);
+      if (level === 4) return /* @__PURE__ */ jsx5("h4", { ...props }, key);
+      if (level === 5) return /* @__PURE__ */ jsx5("h5", { ...props }, key);
+      return /* @__PURE__ */ jsx5("h6", { ...props }, key);
+    }
+    case "core/image": {
+      const src = isString(block.attributes.url) ? block.attributes.url : "";
+      const alt = isString(block.attributes.alt) ? block.attributes.alt : "";
+      const caption = isString(block.attributes.caption) ? block.attributes.caption : null;
+      return /* @__PURE__ */ jsxs5("figure", { "data-block-id": dataBlockId, children: [
+        /* @__PURE__ */ jsx5("img", { src, alt, loading: "lazy" }),
+        caption && /* @__PURE__ */ jsx5("figcaption", { children: caption })
+      ] }, key);
+    }
+    case "core/list": {
+      const ordered = block.attributes.ordered === true;
+      const items = (block.innerBlocks ?? []).map(
+        (item, i) => item.rawHtml ? /* @__PURE__ */ jsx5(
+          "li",
+          {
+            dangerouslySetInnerHTML: htmlContent(item.rawHtml)
+          },
+          i
+        ) : /* @__PURE__ */ jsx5("li", { children: renderInner(item.innerBlocks ?? []) }, i)
+      );
+      return ordered ? /* @__PURE__ */ jsx5("ol", { "data-block-id": dataBlockId, children: items }, key) : /* @__PURE__ */ jsx5("ul", { "data-block-id": dataBlockId, children: items }, key);
+    }
+    case "core/quote": {
+      const inner = renderInner(block.innerBlocks ?? []);
+      const citation = isString(block.attributes.citation) ? block.attributes.citation : null;
+      return /* @__PURE__ */ jsxs5("blockquote", { "data-block-id": dataBlockId, children: [
+        inner,
+        citation && /* @__PURE__ */ jsx5("cite", { children: citation })
+      ] }, key);
+    }
+    case "core/code": {
+      const code = isString(block.attributes.content) ? block.attributes.content : block.rawHtml ?? "";
+      const lang = isString(block.attributes.language) ? block.attributes.language : void 0;
+      return /* @__PURE__ */ jsx5(
+        "pre",
+        {
+          "data-block-id": dataBlockId,
+          "data-language": lang,
+          children: /* @__PURE__ */ jsx5("code", { children: code })
+        },
+        key
+      );
+    }
+    case "core/columns": {
+      return /* @__PURE__ */ jsx5(
+        "div",
+        {
+          className: "rt-columns",
+          "data-block-id": dataBlockId,
+          children: renderInner(block.innerBlocks ?? [])
+        },
+        key
+      );
+    }
+    case "core/separator":
+      return /* @__PURE__ */ jsx5("hr", { "data-block-id": dataBlockId }, key);
+    case "core/spacer": {
+      const heightRaw = block.attributes.height;
+      const height = isString(heightRaw) ? heightRaw : "32px";
+      return /* @__PURE__ */ jsx5(
+        "div",
+        {
+          className: "rt-spacer",
+          "data-block-id": dataBlockId,
+          style: { height }
+        },
+        key
+      );
+    }
+    case "core/group": {
+      return /* @__PURE__ */ jsx5(
+        "div",
+        {
+          className: "rt-group",
+          "data-block-id": dataBlockId,
+          children: renderInner(block.innerBlocks ?? [])
+        },
+        key
+      );
+    }
+    default: {
+      const rawHtml = block.rawHtml;
+      return /* @__PURE__ */ jsx5(
+        "div",
+        {
+          className: "rt-unknown-block",
+          "data-block-id": dataBlockId,
+          "data-block-name": block.name,
+          "data-rawhtml-suppressed": rawHtml ? "true" : void 0,
+          children: renderInner(block.innerBlocks ?? [])
+        },
+        key
+      );
+    }
+  }
+}
+function renderBlocks(blocks) {
+  return blocks.map((b, i) => renderBlock(b, i));
+}
+
+// src/server.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function RootTaleThemeProvider(props) {
+  const style = themeToCssVars(props.theme ?? null);
+  if (!style) return /* @__PURE__ */ jsx6(Fragment2, { children: props.children });
+  return /* @__PURE__ */ jsx6("div", { "data-roottale-cms": "theme-root", style, children: props.children });
+}
+async function RootTaleBlogList(props) {
+  const {
+    apiKey,
+    baseUrl,
+    limit,
+    type = "post",
+    postHref = defaultPostHref,
+    emptyMessage = "\uC544\uC9C1 \uBC1C\uD589\uB41C \uAE00\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
+    theme: themeProp
+  } = props;
+  const [page, themeStyle] = await Promise.all([
+    fetchPosts({ apiKey, baseUrl, limit, type }),
+    resolveThemeStyle({ themeProp, apiKey, baseUrl })
+  ]);
+  if (page.items.length === 0) {
+    return /* @__PURE__ */ jsx6("div", { "data-roottale-cms": "list", style: themeStyle ?? void 0, children: /* @__PURE__ */ jsx6("p", { className: "rt-cms-empty", children: emptyMessage }) });
+  }
+  return /* @__PURE__ */ jsx6("div", { "data-roottale-cms": "list", style: themeStyle ?? void 0, children: /* @__PURE__ */ jsx6("ul", { className: "rt-cms-list", children: page.items.map((post) => /* @__PURE__ */ jsx6("li", { className: "rt-cms-list-item", children: /* @__PURE__ */ jsx6(RootTalePostCard, { post, href: postHref }) }, post.id)) }) });
+}
+async function RootTaleBlogPost(props) {
+  const {
+    apiKey,
+    slugOrId,
+    baseUrl,
+    notFoundElement,
+    showTableOfContents = false,
+    tableOfContentsTitle,
+    theme: themeProp
+  } = props;
+  const [post, themeStyle] = await Promise.all([
+    fetchPost({ apiKey, slugOrId, baseUrl }),
+    resolveThemeStyle({ themeProp, apiKey, baseUrl })
+  ]);
+  if (!post) {
+    return notFoundElement ?? /* @__PURE__ */ jsx6("div", { "data-roottale-cms": "post-missing", style: themeStyle ?? void 0, children: /* @__PURE__ */ jsx6("p", { className: "rt-cms-empty", children: "\uAE00\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }) });
+  }
+  const toc = showTableOfContents ? extractToc(post.bodyJson) : [];
+  const renderDoc = toc.length > 0 ? attachHeadingIds(post.bodyJson, toc) : post.bodyJson;
+  return /* @__PURE__ */ jsxs6(
+    "article",
+    {
+      "data-roottale-cms": "post",
+      className: "rt-cms-article",
+      style: themeStyle ?? void 0,
+      children: [
+        /* @__PURE__ */ jsxs6("header", { children: [
+          /* @__PURE__ */ jsx6("p", { className: "rt-cms-meta", children: formatPublishedDate2(post.publishedAt) }),
+          /* @__PURE__ */ jsx6("h1", { className: "rt-cms-title", children: post.title }),
+          post.excerpt ? /* @__PURE__ */ jsx6("p", { className: "rt-cms-excerpt", children: post.excerpt }) : null
+        ] }),
+        toc.length > 0 ? /* @__PURE__ */ jsx6(RootTaleTableOfContents, { entries: toc, title: tableOfContentsTitle }) : null,
+        /* @__PURE__ */ jsx6(RenderTiptap, { doc: renderDoc })
+      ]
+    }
+  );
+}
+async function resolveThemeStyle(input) {
+  const { themeProp, apiKey, baseUrl } = input;
+  if (themeProp === null) return null;
+  if (themeProp !== void 0) return themeToCssVars(themeProp);
+  try {
+    const fetched = await fetchTheme({ apiKey, baseUrl });
+    return themeToCssVars(fetched);
+  } catch {
+    return null;
+  }
+}
+function themeToCssVars(theme) {
+  if (!theme) return null;
+  const vars = {};
+  const c = theme.colors ?? {};
+  if (c.primary) vars["--rt-color-primary"] = c.primary;
+  if (c.primaryForeground) vars["--rt-color-primary-foreground"] = c.primaryForeground;
+  if (c.foreground) vars["--rt-color-foreground"] = c.foreground;
+  if (c.background) vars["--rt-color-background"] = c.background;
+  if (c.muted) vars["--rt-color-muted"] = c.muted;
+  if (c.mutedForeground) vars["--rt-color-muted-foreground"] = c.mutedForeground;
+  if (c.border) vars["--rt-color-border"] = c.border;
+  const f = theme.fonts ?? {};
+  if (f.body) vars["--rt-font-body"] = f.body;
+  if (f.display) vars["--rt-font-display"] = f.display;
+  const r = theme.radius ?? {};
+  if (r.md) vars["--rt-radius-md"] = r.md;
+  if (Object.keys(vars).length === 0) return null;
+  return vars;
+}
+function defaultPostHref(post) {
+  return `/blog/${post.slug}`;
+}
+function formatPublishedDate2(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  return new Intl.DateTimeFormat("ko-KR", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  }).format(d);
+}
+function RenderTiptap({ doc }) {
+  const rawContent = doc.content;
+  const content = Array.isArray(rawContent) ? rawContent : [];
+  return /* @__PURE__ */ jsx6(Fragment2, { children: content.map((node, i) => renderNode(node, i)) });
+}
+function isSafeHref(value) {
+  if (typeof value !== "string") return false;
+  const v = value.trim();
+  if (v.length === 0) return false;
+  if (v.startsWith("/") || v.startsWith("#") || v.startsWith("?")) return true;
+  return /^(https?:|mailto:|tel:)/i.test(v);
+}
+function alignStyle(node) {
+  const align = node.attrs?.textAlign;
+  if (typeof align !== "string" || align === "" || align === "left") return void 0;
+  if (align === "center" || align === "right" || align === "justify") {
+    return { textAlign: align };
+  }
+  return void 0;
+}
+function renderNode(node, key) {
+  if (!node || typeof node !== "object") return null;
+  const children = Array.isArray(node.content) ? node.content.map((child, i) => renderNode(child, i)) : void 0;
+  switch (node.type) {
+    case "paragraph":
+      return /* @__PURE__ */ jsx6("p", { style: alignStyle(node), children }, key);
+    case "heading": {
+      const level = Math.min(Math.max(Number(node.attrs?.level ?? 2), 1), 3);
+      const idAttr = node.attrs?.id;
+      const id = typeof idAttr === "string" && idAttr.length > 0 ? idAttr : void 0;
+      const style = alignStyle(node);
+      if (level === 1) return /* @__PURE__ */ jsx6("h1", { id, style, children }, key);
+      if (level === 2) return /* @__PURE__ */ jsx6("h2", { id, style, children }, key);
+      return /* @__PURE__ */ jsx6("h3", { id, style, children }, key);
+    }
+    case "bulletList":
+      return /* @__PURE__ */ jsx6("ul", { children }, key);
+    case "orderedList":
+      return /* @__PURE__ */ jsx6("ol", { children }, key);
+    case "listItem":
+      return /* @__PURE__ */ jsx6("li", { children }, key);
+    case "blockquote":
+      return /* @__PURE__ */ jsx6("blockquote", { children }, key);
+    case "codeBlock":
+      return /* @__PURE__ */ jsx6("pre", { children: /* @__PURE__ */ jsx6("code", { children }) }, key);
+    case "horizontalRule":
+      return /* @__PURE__ */ jsx6("hr", {}, key);
+    case "hardBreak":
+      return /* @__PURE__ */ jsx6("br", {}, key);
+    case "image": {
+      const src = node.attrs?.src;
+      if (typeof src !== "string" || src.length === 0) return null;
+      const alt = typeof node.attrs?.alt === "string" ? node.attrs.alt : "";
+      const title = typeof node.attrs?.title === "string" ? node.attrs.title : void 0;
+      return /* @__PURE__ */ jsx6("img", { src, alt, title, loading: "lazy" }, key);
+    }
+    case "columns":
+      return /* @__PURE__ */ jsx6("div", { className: "rt-columns", children }, key);
+    case "column":
+      return /* @__PURE__ */ jsx6("div", { className: "rt-column", children }, key);
+    case "text":
+      return renderText(node, key);
+    default:
+      return children ? /* @__PURE__ */ jsx6("span", { children }, key) : null;
+  }
+}
+function renderText(node, key) {
+  const text = node.text ?? "";
+  const marks = node.marks ?? [];
+  if (marks.length === 0) return text;
+  let element = text;
+  for (const mark of marks) {
+    element = applyMark(mark, element);
+  }
+  return /* @__PURE__ */ jsx6("span", { children: element }, key);
+}
+function applyMark(mark, child) {
+  switch (mark.type) {
+    case "bold":
+      return /* @__PURE__ */ jsx6("strong", { children: child });
+    case "italic":
+      return /* @__PURE__ */ jsx6("em", { children: child });
+    case "underline":
+      return /* @__PURE__ */ jsx6("u", { children: child });
+    case "strike":
+      return /* @__PURE__ */ jsx6("s", { children: child });
+    case "code":
+      return /* @__PURE__ */ jsx6("code", { children: child });
+    case "highlight": {
+      const color = mark.attrs?.color;
+      const style = typeof color === "string" && color.length > 0 ? { background: color } : void 0;
+      return /* @__PURE__ */ jsx6("mark", { style, children: child });
+    }
+    case "textStyle": {
+      const color = mark.attrs?.color;
+      const style = typeof color === "string" && color.length > 0 ? { color } : void 0;
+      if (!style) return /* @__PURE__ */ jsx6(Fragment2, { children: child });
+      return /* @__PURE__ */ jsx6("span", { style, children: child });
+    }
+    case "link": {
+      const raw = mark.attrs?.href;
+      const href = isSafeHref(raw) ? raw : "#";
+      return /* @__PURE__ */ jsx6("a", { href, rel: "noopener noreferrer", target: "_blank", children: child });
+    }
+    default:
+      return /* @__PURE__ */ jsx6("span", { children: child });
+  }
+}
+export {
+  RootTaleBlogList,
+  RootTaleBlogPost,
+  RootTaleFloatingCta,
+  RootTaleLeadForm,
+  RootTalePostCard,
+  RootTaleTableOfContents,
+  RootTaleThemeProvider,
+  attachHeadingIds,
+  extractToc,
+  headingToId,
+  renderBlock,
+  renderBlocks
+};
+//# sourceMappingURL=server.js.map