@riverbankcms/sdk 0.4.3 → 0.5.1

package/dist/server/chunk-VSFQRHYZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/will/Projects/Business/cms/builder/packages/sdk/dist/server/chunk-VSFQRHYZ.js","../../src/rendering/components/Page.tsx","../../src/rendering/components/Layout.tsx"],"names":[],"mappings":"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","file":"/Users/will/Projects/Business/cms/builder/packages/sdk/dist/server/chunk-VSFQRHYZ.js","sourcesContent":[null,"/**\n * Pure Page renderer component for Riverbank CMS.\n *\n * This component expects all data to be provided via props.\n * For data fetching, use:\n * - Server-side: `await loadPage({ client, siteId, path })`\n * - Client-side: `usePage({ client, siteId, path })`\n */\n\nimport { PageRenderer, buildThemeRuntime } from '@riverbankcms/blocks';\nimport type { PageOutline, RouteMap, Theme, ThemeTokens, BlockOverrides, OccurrenceContextData } from '@riverbankcms/blocks';\nimport type { ResolvedBlockData } from '../../data';\nimport type { RuntimeSdkConfig } from '../helpers/loadPage';\n\n// Re-export OccurrenceContextData for SDK consumers\nexport type { OccurrenceContextData };\n\nexport type PageProps = {\n  // Required data (must be provided by caller)\n  page: PageOutline;\n  theme: Theme;\n  siteId: string;\n\n  // Optional data\n  themeTokens?: ThemeTokens; // If not provided, will be built from theme\n  resolvedData?: ResolvedBlockData; // Pre-fetched block data\n  routeMap?: RouteMap;\n  /**\n   * SDK site configuration containing theme palette overrides.\n   * When provided, the SDK palette tokens are merged into the theme tokens,\n   * allowing blocks to use SDK-defined color tokens for section backgrounds.\n   */\n  sdkConfig?: RuntimeSdkConfig | null;\n  /**\n   * Supabase storage URL for direct image access.\n   * SDK sites receive this from the API instead of requiring NEXT_PUBLIC_SUPABASE_URL env var.\n   */\n  supabaseUrl?: string;\n\n  /**\n   * Additional context data for content entry pages.\n   * Used to pass occurrence context and content entry data to blocks.\n   */\n  dataContext?: {\n    /** Occurrence context for event pages (from URL like /events/yoga/2025-01-15) */\n    occurrenceContext?: OccurrenceContextData | null;\n    /** Content entry data for template pages */\n    contentEntry?: Record<string, unknown> | null;\n  };\n\n  // Customization\n  wrapBlock?: (blockId: string, rendered: React.ReactNode) => React.ReactNode;\n  registry?: Parameters<typeof PageRenderer>[0]['registry'];\n  usePlaceholders?: boolean;\n  /**\n   * Custom components to override default block rendering.\n   * Keys can be full block kind (\"block.hero\") or short form (\"hero\").\n   *\n   * This is SSR-safe - no context or hooks required.\n   *\n   * @example\n   * ```tsx\n   * <Page\n   *   {...pageData}\n   *   blockOverrides={{\n   *     'hero': MyCustomHero,\n   *     'block.testimonials': MyCustomTestimonials,\n   *   }}\n   * />\n   * ```\n   */\n  blockOverrides?: BlockOverrides;\n};\n\n/**\n * Pure renderer for Riverbank CMS pages.\n *\n * This component expects all data to be provided via props.\n * For data fetching, use:\n * - Server-side: `await loadPage({ client, siteId, path })`\n * - Client-side: `usePage({ client, siteId, path })`\n *\n * @example Server-side (Next.js App Router)\n * ```tsx\n * import { createRiverbankClient } from '@riverbankcms/sdk';\n * import { loadPage, Page } from '@riverbankcms/sdk/rendering';\n *\n * const client = createRiverbankClient({ apiKey, baseUrl });\n *\n * export default async function PageRoute({ params }) {\n *   const pageData = await loadPage({\n *     client,\n *     siteId: 'site-id',\n *     path: `/${params.slug}`,\n *   });\n *\n *   return <Page {...pageData} />;\n * }\n * ```\n *\n * @example Client-side\n * ```tsx\n * import { createRiverbankClient } from '@riverbankcms/sdk';\n * import { usePage, Page } from '@riverbankcms/sdk/rendering';\n *\n * const client = createRiverbankClient({ apiKey, baseUrl });\n *\n * function MyPage({ path }) {\n *   const pageData = usePage({ client, siteId: 'site-id', path });\n *\n *   if (pageData.loading) return <LoadingState />;\n *   if (pageData.error) return <ErrorState error={pageData.error} />;\n *   if (!pageData.page) return <NotFound />;\n *\n *   return <Page {...pageData} />;\n * }\n * ```\n */\nexport function Page({\n  page,\n  theme,\n  themeTokens: providedTokens,\n  siteId,\n  resolvedData,\n  routeMap,\n  wrapBlock,\n  registry,\n  usePlaceholders = false,\n  blockOverrides,\n  sdkConfig,\n  supabaseUrl,\n  dataContext,\n}: PageProps) {\n  // Build theme tokens if not provided\n  const baseTokens = providedTokens ?? buildThemeRuntime(theme).tokens;\n\n  // Merge SDK palette tokens into theme tokens\n  // This allows blocks to resolve SDK-defined color tokens (e.g., 'primary' -> '#6d28d9')\n  const themeTokens = sdkConfig?.theme?.palette\n    ? { ...baseTokens, palette: { ...baseTokens.palette, ...sdkConfig.theme.palette } }\n    : baseTokens;\n\n  return (\n    <PageRenderer\n      theme={theme}\n      page={page}\n      themeTokens={themeTokens}\n      usePlaceholders={usePlaceholders}\n      dataContext={{\n        siteId,\n        resolvedData,\n        routes: routeMap,\n        occurrenceContext: dataContext?.occurrenceContext ?? null,\n        contentEntry: dataContext?.contentEntry ?? null,\n        supabaseUrl,\n      }}\n      routeMap={routeMap}\n      wrapBlock={wrapBlock}\n      registry={registry}\n      blockOverrides={blockOverrides}\n      sdkConfig={sdkConfig}\n    />\n  );\n}\n","/**\n * Layout component with header and footer\n *\n * Renders site header and footer around content. Fetches site data if not provided.\n */\n\nimport { renderBlock, siteFooterManifest, siteHeaderManifest, buildThemeRuntime } from '@riverbankcms/blocks';\nimport { buildSimpleMenu, buildSimpleLogo } from '../../navigation';\nimport type { RiverbankClient, SiteResponse } from '../../client/types';\n\nexport type HeaderData = {\n  menu: ReturnType<typeof buildSimpleMenu>;\n  logo: ReturnType<typeof buildSimpleLogo>;\n  site: SiteResponse['site'];\n  theme: SiteResponse['theme'];\n  routes: SiteResponse['routes'];\n};\n\nexport type LayoutProps = {\n  // Option 1: Pass pre-fetched site data\n  siteData?: SiteResponse;\n\n  // Option 2: Fetch site data (provide client + identifier)\n  client?: RiverbankClient;\n  siteId?: string;\n  slug?: string;\n  domain?: string;\n\n  // Content\n  children: React.ReactNode;\n\n  // Control rendering\n  header?: boolean | ((data: HeaderData) => React.ReactNode);\n  footer?: boolean;\n\n  // Header variant override (if using default header)\n  headerVariant?: 'classic' | 'centered' | 'transparent' | 'floating' | 'editorial';\n};\n\n/**\n * Layout component that wraps content with site header and footer.\n *\n * @example With pre-fetched site data (recommended)\n * ```tsx\n * const site = await client.getSite({ slug: 'my-site' });\n *\n * <Layout siteData={site}>\n *   <Page {...pageData} />\n * </Layout>\n * ```\n *\n * @example With automatic fetching\n * ```tsx\n * <Layout client={client} slug=\"my-site\">\n *   <Page {...pageData} />\n * </Layout>\n * ```\n */\nexport async function Layout({\n  siteData: providedSiteData,\n  client,\n  siteId,\n  slug,\n  domain,\n  children,\n  header = true,\n  footer = true,\n  headerVariant,\n}: LayoutProps) {\n  // Fetch site data if not provided\n  let siteData = providedSiteData;\n  if (!siteData) {\n    if (!client) {\n      throw new Error('Layout: must provide either siteData or client');\n    }\n    if (!siteId && !slug && !domain) {\n      throw new Error('Layout: must provide siteId, slug, or domain when using client');\n    }\n\n    siteData = await client.getSite({ id: siteId, slug, domain });\n  }\n\n  const { site, theme, navigation, layout, routes } = siteData;\n  const themeRuntime = buildThemeRuntime(theme);\n\n  // Build view models for header/footer\n  const menuViewModel = buildSimpleMenu(navigation, routes);\n  const logoViewModel = buildSimpleLogo(layout.logo ?? null, site.title);\n\n  // Prepare header data for custom headers\n  const headerData: HeaderData = {\n    menu: menuViewModel,\n    logo: logoViewModel,\n    site,\n    theme,\n    routes,\n  };\n\n  // Override header variant if specified\n  const headerContent = headerVariant\n    ? { ...layout.header, variant: headerVariant }\n    : layout.header;\n\n  // Override theme header variant if specified\n  const themeWithVariant = headerVariant\n    ? {\n        ...theme,\n        header: { ...theme.header, variant: headerVariant },\n      }\n    : theme;\n\n  const viewModelOverrides = {\n    $root: {\n      siteId: site.id,\n      routes,\n      theme: themeWithVariant,\n    },\n    site,\n    menu: menuViewModel,\n    content: {\n      logo: logoViewModel,\n    },\n  };\n\n  // Render header based on type\n  let headerElement: React.ReactNode = null;\n  if (header === true) {\n    // Default header rendering\n    headerElement = renderBlock(siteHeaderManifest, headerContent, {\n      theme: themeRuntime.tokens,\n      themeConfig: themeWithVariant,\n      viewModelOverrides,\n    });\n  } else if (typeof header === 'function') {\n    // Custom header rendering\n    headerElement = header(headerData);\n  }\n\n  return (\n    <>\n      {headerElement}\n\n      {children}\n\n      {footer && renderBlock(siteFooterManifest, layout.footer, {\n        theme: themeRuntime.tokens,\n        themeConfig: theme,\n        viewModelOverrides,\n      })}\n    </>\n  );\n}\n"]}

package/dist/server/{chunk-EGTDJ4PL.js → chunk-YYO3RIFO.js}

@@ -599,7 +599,7 @@ function parseToken(source) {
   if (source.includes("/")) {
     const [token, opacity] = source.split("/");
     const alpha = Number(opacity) / 100;
-    if (!Number.isNaN(alpha)) {
+    if (!Number.isNaN(alpha) && token) {
       return { token, alpha };
     }
     return { token: source };
@@ -639,7 +639,8 @@ function headingGroup(opts) {
     containerClass = "text-center",
     className,
     eyebrowClass = "heading-eyebrow text-sm font-semibold tracking-wide",
-    titleClass = "heading-title text-3xl font-semibold sm:text-4xl",
+    // h2 now gets size/weight from theme typography CSS
+    titleClass = "heading-title",
     eyebrowStyle = textColorStyle("neutral-500"),
     titleStyle = textColorStyle("neutral-900")
   } = opts;
@@ -1220,6 +1221,8 @@ var bodyCopyFragment = defineFragment({
       text(
         {
           as: "h2",
+          // h2 now gets size/weight from theme typography CSS
+          // Only dynamic class here is for text alignment
           className: {
             $bind: {
               from: "content.alignment",
@@ -1227,11 +1230,11 @@ var bodyCopyFragment = defineFragment({
                 {
                   id: "ui.headingClassFromAlignment",
                   options: {
-                    base: "text-3xl font-semibold sm:text-4xl"
+                    base: ""
                   }
                 }
               ],
-              fallback: "text-3xl font-semibold sm:text-4xl"
+              fallback: ""
             }
           },
           style: textColorStyle("neutral-900")
@@ -1304,7 +1307,9 @@ var heroCopyFragment = defineFragment({
     text(
       {
         as: "h1",
-        className: "hero-headline text-4xl font-semibold sm:text-5xl md:text-6xl",
+        // heading-display: uses fluid typography from theme (--fs-h1-display-fluid)
+        // Removes hardcoded text-4xl/5xl/6xl - size now controlled by theme
+        className: "hero-headline heading-display",
         style: textColorStyle("neutral-900")
       },
       bind("content.headline")
@@ -1483,7 +1488,8 @@ var testimonialsHeadingFragment = defineFragment({
       { gap: "md", className: "mx-auto max-w-2xl text-center" },
       [
         text(
-          { as: "h2", className: "text-3xl font-semibold sm:text-4xl", style: textColorStyle("neutral-900") },
+          // h2 now gets size/weight from theme typography CSS
+          { as: "h2", style: textColorStyle("neutral-900") },
           when("content.heading"),
           bind("content.heading")
         ),
@@ -1855,7 +1861,7 @@ var blogFeaturedPostFragment = defineFragment({
           text(
             {
               as: "h2",
-              className: "text-2xl font-semibold md:text-3xl",
+              // h2 now gets size/weight from theme typography CSS
               style: textColorStyle("neutral-900")
             },
             bind("title", { fallback: "Latest post" })
@@ -2252,7 +2258,8 @@ var faqHeadingFragment = defineFragment({
       text(
         {
           as: "h2",
-          className: "faq-title text-3xl font-semibold sm:text-4xl",
+          // h2 now gets size/weight from theme typography CSS
+          className: "faq-title",
           style: textColorStyle("neutral-900")
         },
         when("content.title"),
@@ -4151,7 +4158,11 @@ var simpleFooterLayout = stack(
     }
   },
   [
-    navRow({ align: "center", className: "flex flex-wrap justify-center gap-x-6 gap-y-3" }),
+    navRow({
+      align: "center",
+      className: "flex flex-wrap justify-center gap-x-6 gap-y-3",
+      linkClassName: "footer-nav-link inline-flex items-center px-4 py-2 text-sm font-medium transition-theme-standard"
+    }),
     ...bottomTextLayout()
   ],
   when("$root.theme.footer.variant", { equals: "simple" })
@@ -4179,7 +4190,11 @@ var columnsFooterLayout = stack(
       { className: "flex w-full flex-wrap items-center justify-between gap-4" },
       [
         text({ as: "span", className: "text-sm font-semibold", style: textColorStyle("text") }, bind("site.title", { fallback: "Your Site" })),
-        navRow({ className: "flex flex-wrap justify-end gap-x-6 gap-y-3", align: "end" })
+        navRow({
+          className: "flex flex-wrap justify-end gap-x-6 gap-y-3",
+          align: "end",
+          linkClassName: "footer-nav-link inline-flex items-center px-4 py-2 text-sm font-medium transition-theme-standard"
+        })
       ]
     ),
     ...bottomTextLayout()
@@ -5458,4 +5473,4 @@ function getBlockDefinition(name) {
 
 
 exports.bindingSchema = bindingSchema; exports.fieldSchema = fieldSchema; exports.blockCategoryEnum = blockCategoryEnum; exports.backgroundColorStyle = backgroundColorStyle; exports.textColorStyle = textColorStyle; exports.borderColorStyle = borderColorStyle; exports.mergeStyles = mergeStyles; exports.headingGroup = headingGroup; exports.isSemanticSpacing = isSemanticSpacing; exports.resolveSpacing = resolveSpacing; exports.ctaButton = ctaButton; exports.defineFragment = defineFragment; exports.bodyCopyFragment = bodyCopyFragment; exports.heroCopyFragment = heroCopyFragment; exports.createButtonGroup = createButtonGroup; exports.ctaRowFragment = ctaRowFragment; exports.ctaCopyFragment = ctaCopyFragment; exports.testimonialsHeadingFragment = testimonialsHeadingFragment; exports.testimonialsCarouselFragment = testimonialsCarouselFragment; exports.formCopyFragment = formCopyFragment; exports.formEmbedFragment = formEmbedFragment; exports.footerBottomTextFragment = footerBottomTextFragment; exports.footerLinkGroupsFragment = footerLinkGroupsFragment; exports.blogFeaturedPostFragment = blogFeaturedPostFragment; exports.blogListGridFragment = blogListGridFragment; exports.blogListStackFragment = blogListStackFragment; exports.faqHeadingFragment = faqHeadingFragment; exports.faqAccordionFragment = faqAccordionFragment; exports.cardFragment = cardFragment; exports.headingFragment = headingFragment; exports.richTextFragment = richTextFragment; exports.BACKGROUND_POSITION_PRESET_VALUES = BACKGROUND_POSITION_PRESET_VALUES; exports.getAnchorClasses = getAnchorClasses; exports.formattingTransforms = formattingTransforms; exports.uiTransforms = uiTransforms; exports.hexToRgb = hexToRgb; exports.oklchToHexGamut = oklchToHexGamut; exports.featuresFromHex = featuresFromHex; exports.layoutTransforms = layoutTransforms; exports.mediaTransforms = mediaTransforms; exports.siteHeaderManifest = siteHeaderManifest; exports.siteFooterManifest = siteFooterManifest; exports.getBlockDefinition = getBlockDefinition;
-//# sourceMappingURL=chunk-EGTDJ4PL.js.map
+//# sourceMappingURL=chunk-YYO3RIFO.js.map