@cedros/data-react 0.1.3 → 0.1.4

package/dist/react/entries.js

@@ -1,4 +1,4 @@
-import { fetchJson, resolveServerUrl } from "./fetch.js";
+import { fetchJson, resolveApiKey, resolveServerUrl } from "./fetch.js";
 /**
  * Fetches a single blog post by slug, optionally passing visitor_id for metered reads.
  *
@@ -8,6 +8,7 @@ import { fetchJson, resolveServerUrl } from "./fetch.js";
  */
 export async function fetchBlogPost(slug, options) {
     const serverUrl = resolveServerUrl(options);
+    const apiKey = resolveApiKey(options);
     const body = {
         collection_name: "blog",
         entry_keys: [slug],
@@ -20,6 +21,7 @@ export async function fetchBlogPost(slug, options) {
     const entries = await fetchJson(serverUrl, "/entries/query", {
         method: "POST",
         body,
+        apiKey,
     });
     return entries.length > 0 ? entries[0] : null;
 }

package/dist/react/fetch.d.ts

@@ -1,4 +1,8 @@
 import type { ServerFetchOptions } from "./types.js";
+/**
+ * Resolves an optional API key from options or the CEDROS_X_API_KEY env var.
+ */
+export declare function resolveApiKey(options?: ServerFetchOptions): string | undefined;
 /**
  * Resolves the cedros-data server URL from options or environment.
  * Throws if no URL is available.
@@ -8,4 +12,5 @@ export declare function resolveServerUrl(options?: ServerFetchOptions): string;
 export declare function fetchJson<T>(serverUrl: string, path: string, init?: {
     method?: string;
     body?: unknown;
+    apiKey?: string;
 }): Promise<T>;

package/dist/react/fetch.js

@@ -1,3 +1,12 @@
+/**
+ * Resolves an optional API key from options or the CEDROS_X_API_KEY env var.
+ */
+export function resolveApiKey(options) {
+    return (options?.apiKey ??
+        (typeof process !== "undefined"
+            ? process.env.CEDROS_X_API_KEY
+            : undefined));
+}
 /**
  * Resolves the cedros-data server URL from options or environment.
  * Throws if no URL is available.
@@ -18,6 +27,9 @@ export async function fetchJson(serverUrl, path, init) {
     const headers = {
         "Content-Type": "application/json",
     };
+    if (init?.apiKey) {
+        headers["x-api-key"] = init.apiKey;
+    }
     const response = await fetch(`${serverUrl}${path}`, {
         method: init?.method ?? "GET",
         headers,

package/dist/react/metadata.js

@@ -1,4 +1,4 @@
-import { fetchJson, resolveServerUrl } from "./fetch.js";
+import { fetchJson, resolveApiKey, resolveServerUrl } from "./fetch.js";
 /** Resolves a field from the wrapped payload or flat top-level. */
 function field(page, key) {
     const rec = page;
@@ -65,6 +65,7 @@ export function buildPageMetadata(page, options) {
  */
 export async function generatePageMetadata(slug, options) {
     const serverUrl = resolveServerUrl(options);
+    const apiKey = resolveApiKey(options);
     const collection = options?.collection ?? "pages";
     const entries = await fetchJson(serverUrl, "/entries/query", {
         method: "POST",
@@ -74,13 +75,14 @@ export async function generatePageMetadata(slug, options) {
             limit: 1,
             offset: 0,
         },
+        apiKey,
     });
     if (entries.length === 0) {
         return { title: slug };
     }
     let siteData = options?.siteData;
     if (!siteData) {
-        siteData = await fetchSiteData(serverUrl);
+        siteData = await fetchSiteData(serverUrl, apiKey);
     }
     return buildPageMetadata(entries[0], {
         ...options,
@@ -88,7 +90,7 @@ export async function generatePageMetadata(slug, options) {
         path: options?.path ?? `/${slug}`,
     });
 }
-async function fetchSiteData(serverUrl) {
+async function fetchSiteData(serverUrl, apiKey) {
     try {
         const entries = await fetchJson(serverUrl, "/entries/query", {
             method: "POST",
@@ -98,6 +100,7 @@ async function fetchSiteData(serverUrl) {
                 limit: 1,
                 offset: 0,
             },
+            apiKey,
         });
         if (entries.length > 0) {
             return entries[0].payload;

package/dist/react/sitemap.js

@@ -1,4 +1,4 @@
-import { fetchJson, resolveServerUrl } from "./fetch.js";
+import { fetchJson, resolveApiKey, resolveServerUrl } from "./fetch.js";
 /** Map of content types to their collection names in cedros-data. */
 const CONTENT_TYPE_COLLECTIONS = {
     page: "pages",
@@ -51,8 +51,9 @@ const ALL_CONTENT_TYPES = [
  */
 export async function loadSitemapEntries(options) {
     const serverUrl = resolveServerUrl(options);
+    const apiKey = resolveApiKey(options);
     const contentTypes = options?.contentTypes ?? ALL_CONTENT_TYPES;
-    const results = await Promise.allSettled(contentTypes.map((ct) => fetchCollectionSlugs(serverUrl, ct)));
+    const results = await Promise.allSettled(contentTypes.map((ct) => fetchCollectionSlugs(serverUrl, ct, apiKey)));
     const entries = [];
     for (let i = 0; i < results.length; i++) {
         const result = results[i];
@@ -65,7 +66,7 @@ export async function loadSitemapEntries(options) {
     }
     return entries;
 }
-async function fetchCollectionSlugs(serverUrl, contentType) {
+async function fetchCollectionSlugs(serverUrl, contentType, apiKey) {
     const collectionName = CONTENT_TYPE_COLLECTIONS[contentType];
     const defaults = CONTENT_TYPE_DEFAULTS[contentType];
     const records = await fetchJson(serverUrl, "/entries/query", {
@@ -75,6 +76,7 @@ async function fetchCollectionSlugs(serverUrl, contentType) {
             limit: 1000,
             offset: 0,
         },
+        apiKey,
     });
     return records.map((record) => {
         const slug = record.payload.slug ??

package/dist/react/slugs.js

@@ -1,4 +1,4 @@
-import { fetchJson, resolveServerUrl } from "./fetch.js";
+import { fetchJson, resolveApiKey, resolveServerUrl } from "./fetch.js";
 /** Map of content types to their collection names in cedros-data. */
 const CONTENT_TYPE_COLLECTIONS = {
     page: "pages",
@@ -25,6 +25,7 @@ const CONTENT_TYPE_COLLECTIONS = {
  */
 export async function listContentSlugs(contentType, options) {
     const serverUrl = resolveServerUrl(options);
+    const apiKey = resolveApiKey(options);
     const collectionName = CONTENT_TYPE_COLLECTIONS[contentType];
     const records = await fetchJson(serverUrl, "/entries/query", {
         method: "POST",
@@ -33,6 +34,7 @@ export async function listContentSlugs(contentType, options) {
             limit: 1000,
             offset: 0,
         },
+        apiKey,
     });
     return records.map((record) => record.payload.slug ?? record.entry_key);
 }

package/dist/react/types.d.ts

@@ -92,6 +92,8 @@ export interface MeteredReadsInfo {
 export interface ServerFetchOptions {
     /** Base URL of the cedros-data server. Falls back to CEDROS_DATA_URL env var. */
     serverUrl?: string;
+    /** API key sent as x-api-key header. Falls back to CEDROS_X_API_KEY env var. */
+    apiKey?: string;
     /** Visitor ID for metered-reads tracking. Use `getOrCreateVisitorId()` on the client. */
     visitorId?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedros/data-react",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "React components, page templates, and Next.js integration for cedros-data",
   "type": "module",
   "main": "./dist/react/index.js",