@headroom-cms/api 0.1.2 → 0.1.3

package/README.md

@@ -21,7 +21,7 @@ npm install @headroom-cms/api
 import { HeadroomClient } from "@headroom-cms/api";
 
 const client = new HeadroomClient({
-  apiUrl: "https://api.example.com",
+  url: "https://headroom.example.com",
   site: "mysite.com",
   apiKey: "headroom_xxxxx",
 });
@@ -35,10 +35,9 @@ const { items } = await client.listContent("posts");
 
 ```ts
 interface HeadroomConfig {
-  apiUrl: string;            // Base API URL
+  url: string;               // Headroom CDN URL (used for both API calls and media)
   site: string;              // Site host identifier
   apiKey: string;            // Public API key
-  cdnUrl?: string;           // CDN base URL for media
   imageSigningSecret?: string; // HMAC secret for image transforms
 }
 ```
@@ -56,7 +55,7 @@ interface HeadroomConfig {
 | `getCollection(name)` | `Collection` | Get collection schema with fields and relationships |
 | `listBlockTypes()` | `BlockTypeListResult` | List block type definitions |
 | `getVersion()` | `number` | Content version (for cache busting) |
-| `mediaUrl(path)` | `string` | Prepend CDN base URL to a stored media path |
+| `mediaUrl(path)` | `string` | Prepend base URL to a stored media path |
 | `transformUrl(path, opts?)` | `string` | Build a signed image transform URL |
 
 ### Query Options for `listContent`
@@ -121,7 +120,7 @@ const refs = (post._refs || {}) as RefsMap;
 | Prop | Type | Description |
 |------|------|-------------|
 | `blocks` | `Block[]` | Block content array |
-| `cdnUrl` | `string?` | CDN base URL (defaults to `HEADROOM_CDN_URL` env var) |
+| `baseUrl` | `string?` | Base URL for media (defaults to `HEADROOM_URL` env var) |
 | `refs` | `RefsMap?` | Content reference map for resolving `headroom://` links |
 | `resolveContentLink` | `(ref: PublicContentRef) => string` | Custom URL builder for content links |
 | `transformImage` | `(path: string) => string` | Custom image URL transform (e.g. for responsive images) |
@@ -141,7 +140,7 @@ function PostBody({ blocks, refs }) {
   return (
     <BlockRenderer
       blocks={blocks}
-      cdnUrl="https://cdn.example.com"
+      baseUrl="https://headroom.example.com"
       refs={refs}
       resolveContentLink={(ref) => `/${ref.collection}/${ref.slug}`}
     />
@@ -154,7 +153,7 @@ function PostBody({ blocks, refs }) {
 | Prop | Type | Description |
 |------|------|-------------|
 | `blocks` | `Block[]` | Block content array |
-| `cdnUrl` | `string?` | CDN base URL for media |
+| `baseUrl` | `string?` | Base URL for media |
 | `refs` | `RefsMap?` | Content reference map |
 | `resolveContentLink` | `(ref: PublicContentRef) => string` | Custom URL builder |
 | `components` | `BlockComponentMap?` | Override or extend block components (see below) |
@@ -266,20 +265,19 @@ Media paths in content responses (block image URLs, cover images, field values)
 
 ```ts
 const client = new HeadroomClient({
-  apiUrl: "https://api.example.com",
+  url: "https://headroom.example.com",
   site: "mysite.com",
   apiKey: "headroom_xxxxx",
-  cdnUrl: "https://d123.cloudfront.net",
   imageSigningSecret: "your-secret",
 });
 
-// Full CDN URL for the original
+// Full URL for the original
 client.mediaUrl(post.coverUrl);
-// → "https://d123.cloudfront.net/media/mysite.com/01ABC/original.jpg"
+// → "https://headroom.example.com/media/mysite.com/01ABC/original.jpg"
 
 // Signed transform URL (resized, converted to webp)
 client.transformUrl(post.coverUrl, { width: 800, format: "webp" });
-// → "https://d123.cloudfront.net/img/mysite.com/01ABC/original.jpg?format=webp&w=800&sig=abc123..."
+// → "https://headroom.example.com/img/mysite.com/01ABC/original.jpg?format=webp&w=800&sig=abc123..."
 ```
 
 ### Transform Options
@@ -329,10 +327,9 @@ export const collections = {
 The loader reads config from environment variables by default:
 
 ```bash
-HEADROOM_API_URL=https://api.example.com
+HEADROOM_URL=https://headroom.example.com
 HEADROOM_SITE=mysite.com
 HEADROOM_API_KEY=headroom_xxxxx
-HEADROOM_CDN_URL=https://d123.cloudfront.net        # optional
 HEADROOM_IMAGE_SIGNING_SECRET=your-secret           # optional
 ```
 

package/blocks/BlockRenderer.astro

@@ -12,14 +12,14 @@ import Fallback from "./Fallback.astro";
 
 interface Props {
   blocks: Block[];
-  cdnUrl?: string;
+  baseUrl?: string;
   refs?: RefsMap;
   resolveContentLink?: (ref: PublicContentRef) => string;
   transformImage?: (path: string) => string;
   class?: string;
 }
 
-const { blocks, cdnUrl = import.meta.env.HEADROOM_CDN_URL, refs, resolveContentLink, transformImage, class: className } = Astro.props;
+const { blocks, baseUrl = import.meta.env.HEADROOM_URL, refs, resolveContentLink, transformImage, class: className } = Astro.props;
 
 type RenderItem = { listType?: string; block?: Block; items?: Block[] };
 const LIST_TYPE_MAP: Record<string, string> = {
@@ -53,7 +53,7 @@ for (const block of blocks) {
     const block = item.block!;
     if (block.type === "paragraph") return <Paragraph block={block} refs={refs} resolveContentLink={resolveContentLink} />;
     if (block.type === "heading") return <Heading block={block} refs={refs} resolveContentLink={resolveContentLink} />;
-    if (block.type === "image") return <Image block={block} cdnUrl={cdnUrl} transformImage={transformImage} />;
+    if (block.type === "image") return <Image block={block} baseUrl={baseUrl} transformImage={transformImage} />;
     if (block.type === "codeBlock") return <CodeBlock block={block} />;
     if (block.type === "table") return <Table block={block} refs={refs} resolveContentLink={resolveContentLink} />;
     return <Fallback block={block} refs={refs} resolveContentLink={resolveContentLink} />;

package/blocks/Image.astro

@@ -3,11 +3,11 @@ import type { Block } from "../src/types";
 
 interface Props {
   block: Block;
-  cdnUrl?: string;
+  baseUrl?: string;
   transformImage?: (path: string) => string;
 }
 
-const { block, cdnUrl = import.meta.env.HEADROOM_CDN_URL, transformImage } = Astro.props;
+const { block, baseUrl = import.meta.env.HEADROOM_URL, transformImage } = Astro.props;
 const storedPath = block.props?.url as string | undefined;
 
 let src = "";
@@ -15,7 +15,7 @@ if (storedPath) {
   if (transformImage) {
     src = transformImage(storedPath);
   } else {
-    src = cdnUrl ? `${cdnUrl}${storedPath}` : storedPath;
+    src = baseUrl ? `${baseUrl}${storedPath}` : storedPath;
   }
 }
 

package/dist/astro.d.ts

@@ -3,14 +3,12 @@ import { ZodTypeAny } from 'astro/zod';
 import { AstroIntegration } from 'astro';
 
 interface HeadroomConfig {
-    /** Base URL of the Headroom API (e.g. "https://api.example.com") */
-    apiUrl: string;
+    /** Base URL of the Headroom CDN (e.g. "https://headroom.example.com"). Used for both API calls and media URLs. */
+    url: string;
     /** Site host identifier (e.g. "mysite.com") */
     site: string;
     /** Public API key for X-Headroom-Key header */
     apiKey: string;
-    /** CDN base URL for media (e.g. "https://d123.cloudfront.net"). Required for mediaUrl(). */
-    cdnUrl?: string;
     /** HMAC secret for signing image transform URLs. Required for transformUrl(). */
     imageSigningSecret?: string;
 }

package/dist/astro.js

@@ -15,27 +15,24 @@ var HeadroomClient = class {
   constructor(config) {
     this.config = {
       ...config,
-      apiUrl: config.apiUrl.replace(/\/+$/, ""),
-      cdnUrl: config.cdnUrl?.replace(/\/+$/, "")
+      url: config.url.replace(/\/+$/, "")
     };
   }
   /** Build the full URL for a public API path */
-  url(path) {
-    return `${this.config.apiUrl}/v1/${this.config.site}${path}`;
+  apiUrl(path) {
+    return `${this.config.url}/v1/${this.config.site}${path}`;
   }
   /**
-   * Construct a full CDN URL from a stored media path.
+   * Construct a full URL from a stored media path.
    * Media paths are stored as `/media/{site}/{mediaId}/original{ext}` in
    * content responses (block props, coverUrl, field values).
    *
    *   client.mediaUrl("/media/myblog.com/01ABC/original.jpg")
-   *   → "https://d123.cloudfront.net/media/myblog.com/01ABC/original.jpg"
-   *
-   * Returns the path as-is if no cdnUrl is configured (useful for dev).
+   *   → "https://headroom.example.com/media/myblog.com/01ABC/original.jpg"
    */
   mediaUrl(path) {
     if (!path) return "";
-    return this.config.cdnUrl ? `${this.config.cdnUrl}${path}` : path;
+    return `${this.config.url}${path}`;
   }
   /**
    * Build a signed image transform URL from a stored media path.
@@ -65,11 +62,10 @@ var HeadroomClient = class {
     const canonical = encoded ? `${imgPath}?${encoded}` : imgPath;
     const mac = createHmac("sha256", this.config.imageSigningSecret).update(canonical).digest("hex").slice(0, 32);
     params.set("sig", mac);
-    const cdnBase = this.config.cdnUrl || "";
-    return `${cdnBase}${imgPath}?${params.toString()}`;
+    return `${this.config.url}${imgPath}?${params.toString()}`;
   }
   async fetch(path, params) {
-    const base = this.url(path);
+    const base = this.apiUrl(path);
     const url = params?.toString() ? `${base}?${params}` : base;
     const res = await fetch(url, {
       headers: { "X-Headroom-Key": this.config.apiKey }
@@ -88,7 +84,7 @@ var HeadroomClient = class {
     return res.json();
   }
   async fetchPost(path, body) {
-    const res = await fetch(this.url(path), {
+    const res = await fetch(this.apiUrl(path), {
       method: "POST",
       headers: {
         "X-Headroom-Key": this.config.apiKey,
@@ -208,10 +204,9 @@ function configFromEnv() {
   const dotenv = parseDotenv(resolve(process.cwd(), ".env"));
   const get = (key) => getEnv(key) || dotenv[key];
   return {
-    apiUrl: get("HEADROOM_API_URL") || "http://localhost:3000",
+    url: get("HEADROOM_URL") || "http://localhost:3000",
     site: get("HEADROOM_SITE") || "",
     apiKey: get("HEADROOM_API_KEY") || "",
-    cdnUrl: get("HEADROOM_CDN_URL") || void 0,
     imageSigningSecret: get("HEADROOM_IMAGE_SIGNING_SECRET") || void 0
   };
 }
@@ -295,7 +290,7 @@ function headroomDevRefresh(opts) {
         const config = opts?.config || configFromEnv();
         const client = new HeadroomClient(config);
         logger.info(
-          `Polling ${config.apiUrl}/v1/${config.site}/version every ${interval / 1e3}s`
+          `Polling ${config.url}/v1/${config.site}/version every ${interval / 1e3}s`
         );
         let lastVersion = null;
         setInterval(async () => {

package/dist/index.cjs

@@ -42,27 +42,24 @@ var HeadroomClient = class {
   constructor(config) {
     this.config = {
       ...config,
-      apiUrl: config.apiUrl.replace(/\/+$/, ""),
-      cdnUrl: config.cdnUrl?.replace(/\/+$/, "")
+      url: config.url.replace(/\/+$/, "")
     };
   }
   /** Build the full URL for a public API path */
-  url(path) {
-    return `${this.config.apiUrl}/v1/${this.config.site}${path}`;
+  apiUrl(path) {
+    return `${this.config.url}/v1/${this.config.site}${path}`;
   }
   /**
-   * Construct a full CDN URL from a stored media path.
+   * Construct a full URL from a stored media path.
    * Media paths are stored as `/media/{site}/{mediaId}/original{ext}` in
    * content responses (block props, coverUrl, field values).
    *
    *   client.mediaUrl("/media/myblog.com/01ABC/original.jpg")
-   *   → "https://d123.cloudfront.net/media/myblog.com/01ABC/original.jpg"
-   *
-   * Returns the path as-is if no cdnUrl is configured (useful for dev).
+   *   → "https://headroom.example.com/media/myblog.com/01ABC/original.jpg"
    */
   mediaUrl(path) {
     if (!path) return "";
-    return this.config.cdnUrl ? `${this.config.cdnUrl}${path}` : path;
+    return `${this.config.url}${path}`;
   }
   /**
    * Build a signed image transform URL from a stored media path.
@@ -92,11 +89,10 @@ var HeadroomClient = class {
     const canonical = encoded ? `${imgPath}?${encoded}` : imgPath;
     const mac = (0, import_node_crypto.createHmac)("sha256", this.config.imageSigningSecret).update(canonical).digest("hex").slice(0, 32);
     params.set("sig", mac);
-    const cdnBase = this.config.cdnUrl || "";
-    return `${cdnBase}${imgPath}?${params.toString()}`;
+    return `${this.config.url}${imgPath}?${params.toString()}`;
   }
   async fetch(path, params) {
-    const base = this.url(path);
+    const base = this.apiUrl(path);
     const url = params?.toString() ? `${base}?${params}` : base;
     const res = await fetch(url, {
       headers: { "X-Headroom-Key": this.config.apiKey }
@@ -115,7 +111,7 @@ var HeadroomClient = class {
     return res.json();
   }
   async fetchPost(path, body) {
-    const res = await fetch(this.url(path), {
+    const res = await fetch(this.apiUrl(path), {
       method: "POST",
       headers: {
         "X-Headroom-Key": this.config.apiKey,

package/dist/index.d.cts

@@ -129,14 +129,12 @@ interface BatchContentResult {
     missing: string[];
 }
 interface HeadroomConfig {
-    /** Base URL of the Headroom API (e.g. "https://api.example.com") */
-    apiUrl: string;
+    /** Base URL of the Headroom CDN (e.g. "https://headroom.example.com"). Used for both API calls and media URLs. */
+    url: string;
     /** Site host identifier (e.g. "mysite.com") */
     site: string;
     /** Public API key for X-Headroom-Key header */
     apiKey: string;
-    /** CDN base URL for media (e.g. "https://d123.cloudfront.net"). Required for mediaUrl(). */
-    cdnUrl?: string;
     /** HMAC secret for signing image transform URLs. Required for transformUrl(). */
     imageSigningSecret?: string;
 }
@@ -167,16 +165,14 @@ declare class HeadroomClient {
     private config;
     constructor(config: HeadroomConfig);
     /** Build the full URL for a public API path */
-    private url;
+    private apiUrl;
     /**
-     * Construct a full CDN URL from a stored media path.
+     * Construct a full URL from a stored media path.
      * Media paths are stored as `/media/{site}/{mediaId}/original{ext}` in
      * content responses (block props, coverUrl, field values).
      *
      *   client.mediaUrl("/media/myblog.com/01ABC/original.jpg")
-     *   → "https://d123.cloudfront.net/media/myblog.com/01ABC/original.jpg"
-     *
-     * Returns the path as-is if no cdnUrl is configured (useful for dev).
+     *   → "https://headroom.example.com/media/myblog.com/01ABC/original.jpg"
      */
     mediaUrl(path: string | undefined): string;
     /**

package/dist/index.d.ts

@@ -129,14 +129,12 @@ interface BatchContentResult {
     missing: string[];
 }
 interface HeadroomConfig {
-    /** Base URL of the Headroom API (e.g. "https://api.example.com") */
-    apiUrl: string;
+    /** Base URL of the Headroom CDN (e.g. "https://headroom.example.com"). Used for both API calls and media URLs. */
+    url: string;
     /** Site host identifier (e.g. "mysite.com") */
     site: string;
     /** Public API key for X-Headroom-Key header */
     apiKey: string;
-    /** CDN base URL for media (e.g. "https://d123.cloudfront.net"). Required for mediaUrl(). */
-    cdnUrl?: string;
     /** HMAC secret for signing image transform URLs. Required for transformUrl(). */
     imageSigningSecret?: string;
 }
@@ -167,16 +165,14 @@ declare class HeadroomClient {
     private config;
     constructor(config: HeadroomConfig);
     /** Build the full URL for a public API path */
-    private url;
+    private apiUrl;
     /**
-     * Construct a full CDN URL from a stored media path.
+     * Construct a full URL from a stored media path.
      * Media paths are stored as `/media/{site}/{mediaId}/original{ext}` in
      * content responses (block props, coverUrl, field values).
      *
      *   client.mediaUrl("/media/myblog.com/01ABC/original.jpg")
-     *   → "https://d123.cloudfront.net/media/myblog.com/01ABC/original.jpg"
-     *
-     * Returns the path as-is if no cdnUrl is configured (useful for dev).
+     *   → "https://headroom.example.com/media/myblog.com/01ABC/original.jpg"
      */
     mediaUrl(path: string | undefined): string;
     /**

package/dist/index.js

@@ -15,27 +15,24 @@ var HeadroomClient = class {
   constructor(config) {
     this.config = {
       ...config,
-      apiUrl: config.apiUrl.replace(/\/+$/, ""),
-      cdnUrl: config.cdnUrl?.replace(/\/+$/, "")
+      url: config.url.replace(/\/+$/, "")
     };
   }
   /** Build the full URL for a public API path */
-  url(path) {
-    return `${this.config.apiUrl}/v1/${this.config.site}${path}`;
+  apiUrl(path) {
+    return `${this.config.url}/v1/${this.config.site}${path}`;
   }
   /**
-   * Construct a full CDN URL from a stored media path.
+   * Construct a full URL from a stored media path.
    * Media paths are stored as `/media/{site}/{mediaId}/original{ext}` in
    * content responses (block props, coverUrl, field values).
    *
    *   client.mediaUrl("/media/myblog.com/01ABC/original.jpg")
-   *   → "https://d123.cloudfront.net/media/myblog.com/01ABC/original.jpg"
-   *
-   * Returns the path as-is if no cdnUrl is configured (useful for dev).
+   *   → "https://headroom.example.com/media/myblog.com/01ABC/original.jpg"
    */
   mediaUrl(path) {
     if (!path) return "";
-    return this.config.cdnUrl ? `${this.config.cdnUrl}${path}` : path;
+    return `${this.config.url}${path}`;
   }
   /**
    * Build a signed image transform URL from a stored media path.
@@ -65,11 +62,10 @@ var HeadroomClient = class {
     const canonical = encoded ? `${imgPath}?${encoded}` : imgPath;
     const mac = createHmac("sha256", this.config.imageSigningSecret).update(canonical).digest("hex").slice(0, 32);
     params.set("sig", mac);
-    const cdnBase = this.config.cdnUrl || "";
-    return `${cdnBase}${imgPath}?${params.toString()}`;
+    return `${this.config.url}${imgPath}?${params.toString()}`;
   }
   async fetch(path, params) {
-    const base = this.url(path);
+    const base = this.apiUrl(path);
     const url = params?.toString() ? `${base}?${params}` : base;
     const res = await fetch(url, {
       headers: { "X-Headroom-Key": this.config.apiKey }
@@ -88,7 +84,7 @@ var HeadroomClient = class {
     return res.json();
   }
   async fetchPost(path, body) {
-    const res = await fetch(this.url(path), {
+    const res = await fetch(this.apiUrl(path), {
       method: "POST",
       headers: {
         "X-Headroom-Key": this.config.apiKey,

package/dist/react.cjs

@@ -120,9 +120,9 @@ function Heading({ block, refs, resolveContentLink }) {
 
 // src/react/blocks/Image.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function ImageBlock({ block, cdnUrl }) {
+function ImageBlock({ block, baseUrl }) {
   const storedPath = block.props?.url;
-  const src = storedPath ? cdnUrl ? `${cdnUrl}${storedPath}` : storedPath : "";
+  const src = storedPath ? baseUrl ? `${baseUrl}${storedPath}` : storedPath : "";
   const alt = block.props?.alt || "";
   const caption = block.props?.caption || "";
   if (!src) return null;
@@ -224,7 +224,7 @@ function defaultResolveContentLink(ref) {
 function BlockRenderer({
   blocks,
   components,
-  cdnUrl,
+  baseUrl,
   refs,
   resolveContentLink,
   fallback,
@@ -243,7 +243,7 @@ function BlockRenderer({
           {
             block: item.items[0],
             items: item.items,
-            cdnUrl,
+            baseUrl,
             refs,
             resolveContentLink: resolve,
             components: merged
@@ -261,7 +261,7 @@ function BlockRenderer({
           FallbackComponent,
           {
             block,
-            cdnUrl,
+            baseUrl,
             refs,
             resolveContentLink: resolve,
             components: merged
@@ -275,7 +275,7 @@ function BlockRenderer({
       Component,
       {
         block,
-        cdnUrl,
+        baseUrl,
         refs,
         resolveContentLink: resolve,
         components: merged

package/dist/react.d.cts

@@ -58,7 +58,7 @@ declare function Paragraph({ block, refs, resolveContentLink }: BlockComponentPr
 
 declare function Heading({ block, refs, resolveContentLink }: BlockComponentProps): react_jsx_runtime.JSX.Element;
 
-declare function ImageBlock({ block, cdnUrl }: BlockComponentProps): react_jsx_runtime.JSX.Element | null;
+declare function ImageBlock({ block, baseUrl }: BlockComponentProps): react_jsx_runtime.JSX.Element | null;
 
 declare function CodeBlock({ block }: BlockComponentProps): react_jsx_runtime.JSX.Element;
 
@@ -75,7 +75,7 @@ declare function Fallback({ block, refs, resolveContentLink }: BlockComponentPro
 interface BlockComponentProps {
     block: Block;
     items?: Block[];
-    cdnUrl?: string;
+    baseUrl?: string;
     refs?: RefsMap;
     resolveContentLink?: (ref: PublicContentRef) => string;
     components?: BlockComponentMap;
@@ -87,13 +87,13 @@ declare const defaultBlockComponents: BlockComponentMap;
 interface BlockRendererProps {
     blocks: Block[];
     components?: BlockComponentMap;
-    cdnUrl?: string;
+    baseUrl?: string;
     refs?: RefsMap;
     resolveContentLink?: (ref: PublicContentRef) => string;
     fallback?: React.ComponentType<BlockComponentProps> | null;
     className?: string;
 }
-declare function BlockRenderer({ blocks, components, cdnUrl, refs, resolveContentLink, fallback, className, }: BlockRendererProps): react_jsx_runtime.JSX.Element;
+declare function BlockRenderer({ blocks, components, baseUrl, refs, resolveContentLink, fallback, className, }: BlockRendererProps): react_jsx_runtime.JSX.Element;
 
 interface Props {
     content: InlineContent$1[] | undefined | null;

package/dist/react.d.ts

@@ -58,7 +58,7 @@ declare function Paragraph({ block, refs, resolveContentLink }: BlockComponentPr
 
 declare function Heading({ block, refs, resolveContentLink }: BlockComponentProps): react_jsx_runtime.JSX.Element;
 
-declare function ImageBlock({ block, cdnUrl }: BlockComponentProps): react_jsx_runtime.JSX.Element | null;
+declare function ImageBlock({ block, baseUrl }: BlockComponentProps): react_jsx_runtime.JSX.Element | null;
 
 declare function CodeBlock({ block }: BlockComponentProps): react_jsx_runtime.JSX.Element;
 
@@ -75,7 +75,7 @@ declare function Fallback({ block, refs, resolveContentLink }: BlockComponentPro
 interface BlockComponentProps {
     block: Block;
     items?: Block[];
-    cdnUrl?: string;
+    baseUrl?: string;
     refs?: RefsMap;
     resolveContentLink?: (ref: PublicContentRef) => string;
     components?: BlockComponentMap;
@@ -87,13 +87,13 @@ declare const defaultBlockComponents: BlockComponentMap;
 interface BlockRendererProps {
     blocks: Block[];
     components?: BlockComponentMap;
-    cdnUrl?: string;
+    baseUrl?: string;
     refs?: RefsMap;
     resolveContentLink?: (ref: PublicContentRef) => string;
     fallback?: React.ComponentType<BlockComponentProps> | null;
     className?: string;
 }
-declare function BlockRenderer({ blocks, components, cdnUrl, refs, resolveContentLink, fallback, className, }: BlockRendererProps): react_jsx_runtime.JSX.Element;
+declare function BlockRenderer({ blocks, components, baseUrl, refs, resolveContentLink, fallback, className, }: BlockRendererProps): react_jsx_runtime.JSX.Element;
 
 interface Props {
     content: InlineContent$1[] | undefined | null;

package/dist/react.js

@@ -73,9 +73,9 @@ function Heading({ block, refs, resolveContentLink }) {
 
 // src/react/blocks/Image.tsx
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-function ImageBlock({ block, cdnUrl }) {
+function ImageBlock({ block, baseUrl }) {
   const storedPath = block.props?.url;
-  const src = storedPath ? cdnUrl ? `${cdnUrl}${storedPath}` : storedPath : "";
+  const src = storedPath ? baseUrl ? `${baseUrl}${storedPath}` : storedPath : "";
   const alt = block.props?.alt || "";
   const caption = block.props?.caption || "";
   if (!src) return null;
@@ -177,7 +177,7 @@ function defaultResolveContentLink(ref) {
 function BlockRenderer({
   blocks,
   components,
-  cdnUrl,
+  baseUrl,
   refs,
   resolveContentLink,
   fallback,
@@ -196,7 +196,7 @@ function BlockRenderer({
           {
             block: item.items[0],
             items: item.items,
-            cdnUrl,
+            baseUrl,
             refs,
             resolveContentLink: resolve,
             components: merged
@@ -214,7 +214,7 @@ function BlockRenderer({
           FallbackComponent,
           {
             block,
-            cdnUrl,
+            baseUrl,
             refs,
             resolveContentLink: resolve,
             components: merged
@@ -228,7 +228,7 @@ function BlockRenderer({
       Component,
       {
         block,
-        cdnUrl,
+        baseUrl,
         refs,
         resolveContentLink: resolve,
         components: merged

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headroom-cms/api",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "type": "module",
   "exports": {
     ".": {