bsmnt 0.12.0 → 0.13.1

package/src/templates/next-pagebuilder/components/page-builder/renderer.tsx

@@ -1,13 +1,13 @@
-import { ArticleContent } from "./components/article-content"
-import { ContentCollection } from "./components/content-collection"
+import {
+  reserveAnchorIds,
+  resolveAnchorId,
+} from "@/lib/integrations/sanity/schemas/shared/anchor"
 import type {
   ContentCollectionSearchParams,
   PinnedCollectionCategory,
 } from "./components/content-collection/types"
-import { Description } from "./components/description"
-import { GatedContent } from "./components/gated-content"
-import { Hero } from "./components/hero"
-import { RichTextBlock } from "./components/rich-text-block"
+import { type BlockContext, getBlockEntry } from "./registry"
+import { Section } from "./section"
 import type { PageBuilderBlock, PageBuilderBlocks } from "./types"
 
 type RendererProps = {
@@ -23,49 +23,33 @@ export function Renderer({
 }: RendererProps) {
   if (!blocks?.length) return null
 
+  const context: BlockContext = { searchParams, pinnedCategory }
+
+  const reservedAnchorIds = reserveAnchorIds(blocks)
+  const takenAnchorIds = new Set<string>()
+
   return (
-    <div className="space-y-16">
-      {blocks.map((block: PageBuilderBlock) => (
-        <PageBuilderNode
-          key={block._key}
-          block={block}
-          searchParams={searchParams}
-          pinnedCategory={pinnedCategory}
-        />
-      ))}
-    </div>
-  )
-}
+    <>
+      {blocks.map((block: PageBuilderBlock) => {
+        const entry = getBlockEntry(block._type)
 
-function PageBuilderNode({
-  block,
-  searchParams,
-  pinnedCategory,
-}: {
-  block: PageBuilderBlock
-  searchParams: ContentCollectionSearchParams
-  pinnedCategory: PinnedCollectionCategory
-}) {
-  switch (block._type) {
-    case "blogCollection":
-      return (
-        <ContentCollection
-          block={block}
-          searchParams={searchParams}
-          pinnedCategory={pinnedCategory}
-        />
-      )
-    case "blogContent":
-      return <ArticleContent block={block} />
-    case "hero":
-      return <Hero block={block} />
-    case "description":
-      return <Description block={block} />
-    case "richTextBlock":
-      return <RichTextBlock block={block} />
-    case "gatedContent":
-      return <GatedContent block={block} />
-    default:
-      return null
-  }
+        // No entry means the content is ahead of the generated types.
+        if (!entry || entry.isEmpty?.(block)) return null
+
+        return (
+          <Section
+            anchorId={resolveAnchorId(
+              block,
+              takenAnchorIds,
+              reservedAnchorIds
+            )}
+            key={block._key}
+            presentation={block.presentation}
+          >
+            {entry.render(block, context)}
+          </Section>
+        )
+      })}
+    </>
+  )
 }

package/src/templates/next-pagebuilder/components/page-builder/section.tsx

@@ -0,0 +1,35 @@
+import type { ReactNode } from "react"
+import { spacingPaddingValue } from "@/lib/integrations/sanity/schemas/shared/spacing"
+import { cn } from "@/lib/styles/cn"
+
+export type SectionPresentation = {
+  paddingTop?: string | null
+  paddingBottom?: string | null
+} | null
+
+type SectionProps = {
+  anchorId?: string | null | undefined
+  presentation?: SectionPresentation | undefined
+  className?: string | undefined
+  children: ReactNode
+}
+
+export function Section({
+  anchorId,
+  presentation,
+  className,
+  children,
+}: SectionProps) {
+  return (
+    <section
+      id={anchorId || undefined}
+      style={{
+        paddingTop: spacingPaddingValue(presentation?.paddingTop),
+        paddingBottom: spacingPaddingValue(presentation?.paddingBottom),
+      }}
+      className={cn(anchorId && "scroll-mt-24", className)}
+    >
+      {children}
+    </section>
+  )
+}

package/src/templates/next-pagebuilder/components/page-document/index.tsx

@@ -90,7 +90,7 @@ export const PageDocument = ({
   // Editor-selected page-level structured data (FAQ, Event, custom, etc.).
   const pageJsonLd = buildPageJsonLd(page.metadata?.jsonLd)
 
-  // Blog posts (pages with a Blog Content block) emit Article JSON-LD with
+  // Blog posts (pages with a Blog Posts block) emit Article JSON-LD with
   // fields derived from the post — no Custom block needed. Skipped when the
   // editor already supplied an Article (via a Custom block) to avoid duplicates.
   const blogBlock = page.pageBuilder?.find(
@@ -132,7 +132,7 @@ export const PageDocument = ({
       {pageJsonLd.map(({ key, data }) => (
         <JsonLd key={key} data={data} />
       ))}
-      <article className="mx-auto flex w-full max-w-6xl flex-1 flex-col gap-14 px-4 py-14 md:px-6 md:py-20">
+      <article className="mx-auto flex w-full max-w-6xl flex-1 flex-col px-4 py-14 md:px-6 md:py-20">
         <h1>{title}</h1>
         {sections.length ? (
           sections