@builder.io/sdk-react-nextjs 0.16.17 → 0.16.19

package/lib/node/functions/get-content/generate-content-url.mjs

@@ -1,8 +1,8 @@
-import { flatten as g, flattenMongoQuery as U } from "../../helpers/flatten.mjs";
-import { normalizeSearchParams as A } from "../../helpers/search/search.mjs";
-import { DEFAULT_API_VERSION as O } from "../../types/api-version.mjs";
-import { getBuilderSearchParamsFromWindow as k } from "../get-builder-search-params/index.mjs";
-const y = (s) => typeof s == "number" && !isNaN(s) && s >= 0, J = (s) => {
+import { flatten as g, flattenMongoQuery as O } from "../../helpers/flatten.mjs";
+import { normalizeSearchParams as k } from "../../helpers/search/search.mjs";
+import { DEFAULT_API_VERSION as E } from "../../types/api-version.mjs";
+import { getBuilderSearchParamsFromWindow as I } from "../get-builder-search-params/index.mjs";
+const y = (r) => typeof r == "number" && !isNaN(r) && r >= 0, M = (r) => {
   const {
     limit: c = 30,
     userAttributes: m,
@@ -11,42 +11,43 @@ const y = (s) => typeof s == "number" && !isNaN(s) && s >= 0, J = (s) => {
     apiKey: l,
     enrich: h,
     locale: d,
-    apiVersion: a = O,
+    apiVersion: a = E,
     fields: u,
     omit: N,
     offset: i,
     cacheSeconds: n,
     staleCacheSeconds: o,
     sort: P,
-    includeUnpublished: S
-  } = s;
+    includeUnpublished: p,
+    apiHost: v
+  } = r;
   if (!l)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const v = c !== 1, e = new URL(`https://cdn.builder.io/api/${a}/content/${b}`);
-  if (e.searchParams.set("apiKey", l), e.searchParams.set("limit", String(c)), e.searchParams.set("noTraverse", String(v)), e.searchParams.set("includeRefs", String(!0)), d && e.searchParams.set("locale", d), h && e.searchParams.set("enrich", String(h)), e.searchParams.set("omit", N || "meta.componentsUsed"), u && e.searchParams.set("fields", u), Number.isFinite(i) && i > -1 && e.searchParams.set("offset", String(Math.floor(i))), typeof S == "boolean" && e.searchParams.set("includeUnpublished", String(S)), n && y(n) && e.searchParams.set("cacheSeconds", String(n)), o && y(o) && e.searchParams.set("staleCacheSeconds", String(o)), P) {
-    const r = g({
+  const U = c !== 1, w = v || "https://cdn.builder.io", e = new URL(`${w}/api/${a}/content/${b}`);
+  if (e.searchParams.set("apiKey", l), e.searchParams.set("limit", String(c)), e.searchParams.set("noTraverse", String(U)), e.searchParams.set("includeRefs", String(!0)), d && e.searchParams.set("locale", d), h && e.searchParams.set("enrich", String(h)), e.searchParams.set("omit", N || "meta.componentsUsed"), u && e.searchParams.set("fields", u), Number.isFinite(i) && i > -1 && e.searchParams.set("offset", String(Math.floor(i))), typeof p == "boolean" && e.searchParams.set("includeUnpublished", String(p)), n && y(n) && e.searchParams.set("cacheSeconds", String(n)), o && y(o) && e.searchParams.set("staleCacheSeconds", String(o)), P) {
+    const s = g({
       sort: P
     });
-    for (const t in r)
-      e.searchParams.set(t, JSON.stringify(r[t]));
+    for (const t in s)
+      e.searchParams.set(t, JSON.stringify(s[t]));
   }
-  const w = {
-    ...k(),
-    ...A(s.options || {})
-  }, p = g(w);
-  for (const r in p)
-    e.searchParams.set(r, String(p[r]));
+  const A = {
+    ...I(),
+    ...k(r.options || {})
+  }, S = g(A);
+  for (const s in S)
+    e.searchParams.set(s, String(S[s]));
   if (m && e.searchParams.set("userAttributes", JSON.stringify(m)), f) {
-    const r = U({
+    const s = O({
       query: f
     });
-    for (const t in r)
-      e.searchParams.set(t, JSON.stringify(r[t]));
+    for (const t in s)
+      e.searchParams.set(t, JSON.stringify(s[t]));
   }
   return e;
 };
 export {
-  J as generateContentUrl
+  M as generateContentUrl
 };

package/lib/node/functions/get-content/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),a=require("./generate-content-url.cjs"),q=t=>"results"in t;async function d(t){const e=await i({...t,limit:1});return e&&e[0]||null}const v=async t=>{var r;const e=a.generateContentUrl(t);return await(await((r=t.fetch)!=null?r:y.fetch)(e.href,t.fetchOptions)).json()},u=async(t,e,n=a.generateContentUrl(t))=>{const s=w.getDefaultCanTrack(t.canTrack);if(n.search.includes("preview=")){const r=[];for(const c of e.results){const f=C.getPreviewContent(n.searchParams);r.push(f||c)}e.results=r}if(!s||!(T.isBrowser()||g.TARGET==="reactNative"))return e.results;try{const r=[];for(const c of e.results)r.push(await h.handleABTesting({item:c,canTrack:s}));e.results=r}catch(r){o.logger.error("Could not process A/B tests. ",r)}return e.results};async function i(t){try{const e=a.generateContentUrl(t),n=await v(t);return q(n)?u(t,n):(o.logger.error("Error fetching data. ",{url:e,content:n,options:t}),null)}catch(e){return o.logger.error("Error fetching data. ",e),null}}exports._processContentResult=u;exports.fetchEntries=i;exports.fetchOneEntry=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),d=require("../../helpers/preview-lru-cache/get.cjs"),C=require("../../helpers/sdk-headers.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),u=require("./generate-content-url.cjs"),q=e=>"results"in e;async function k(e){const t=await l({...e,limit:1});return t&&t[0]||null}const v=async e=>{var s,a;const t=u.generateContentUrl(e),r=(s=e.fetch)!=null?s:y.fetch,c={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...C.getSdkHeaders()}};return await(await r(t.href,c)).json()},i=async(e,t,r=u.generateContentUrl(e))=>{const c=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const n=[];for(const s of t.results){const a=d.getPreviewContent(r.searchParams);n.push(a||s)}t.results=n}if(!c||!(T.isBrowser()||g.TARGET==="reactNative"))return t.results;try{const n=[];for(const s of t.results)n.push(await h.handleABTesting({item:s,canTrack:c}));t.results=n}catch(n){o.logger.error("Could not process A/B tests. ",n)}return t.results};async function l(e){try{const t=u.generateContentUrl(e),r=await v(e);return q(r)?i(e,r):(o.logger.error("Error fetching data. ",{url:t,content:r,options:e}),null)}catch(t){return o.logger.error("Error fetching data. ",t),null}}exports._processContentResult=i;exports.fetchEntries=l;exports.fetchOneEntry=k;

package/lib/node/functions/get-content/index.mjs

@@ -1,62 +1,69 @@
-import { TARGET as f } from "../../constants/target.mjs";
+import { TARGET as u } from "../../constants/target.mjs";
 import { handleABTesting as l } from "../../helpers/ab-tests.mjs";
-import { getDefaultCanTrack as m } from "../../helpers/canTrack.mjs";
-import { logger as o } from "../../helpers/logger.mjs";
-import { getPreviewContent as h } from "../../helpers/preview-lru-cache/get.mjs";
-import { fetch as w } from "../get-fetch.mjs";
+import { getDefaultCanTrack as h } from "../../helpers/canTrack.mjs";
+import { logger as a } from "../../helpers/logger.mjs";
+import { getPreviewContent as m } from "../../helpers/preview-lru-cache/get.mjs";
+import { getSdkHeaders as w } from "../../helpers/sdk-headers.mjs";
+import { fetch as p } from "../get-fetch.mjs";
 import { isBrowser as g } from "../is-browser.mjs";
-import { generateContentUrl as a } from "./generate-content-url.mjs";
-const p = (t) => "results" in t;
-async function B(t) {
-  const r = await v({
-    ...t,
+import { generateContentUrl as i } from "./generate-content-url.mjs";
+const d = (r) => "results" in r;
+async function H(r) {
+  const t = await v({
+    ...r,
     limit: 1
   });
-  return r && r[0] || null;
+  return t && t[0] || null;
 }
-const C = async (t) => {
-  var e;
-  const r = a(t);
-  return await (await ((e = t.fetch) != null ? e : w)(r.href, t.fetchOptions)).json();
-}, y = async (t, r, s = a(t)) => {
-  const n = m(t.canTrack);
-  if (s.search.includes("preview=")) {
-    const e = [];
-    for (const c of r.results) {
-      const u = h(s.searchParams);
-      e.push(u || c);
+const C = async (r) => {
+  var n, o;
+  const t = i(r), e = (n = r.fetch) != null ? n : p, c = {
+    ...r.fetchOptions,
+    headers: {
+      ...(o = r.fetchOptions) == null ? void 0 : o.headers,
+      ...w()
     }
-    r.results = e;
+  };
+  return await (await e(t.href, c)).json();
+}, y = async (r, t, e = i(r)) => {
+  const c = h(r.canTrack);
+  if (e.search.includes("preview=")) {
+    const s = [];
+    for (const n of t.results) {
+      const o = m(e.searchParams);
+      s.push(o || n);
+    }
+    t.results = s;
   }
-  if (!n || !(g() || f === "reactNative"))
-    return r.results;
+  if (!c || !(g() || u === "reactNative"))
+    return t.results;
   try {
-    const e = [];
-    for (const c of r.results)
-      e.push(await l({
-        item: c,
-        canTrack: n
+    const s = [];
+    for (const n of t.results)
+      s.push(await l({
+        item: n,
+        canTrack: c
       }));
-    r.results = e;
-  } catch (e) {
-    o.error("Could not process A/B tests. ", e);
+    t.results = s;
+  } catch (s) {
+    a.error("Could not process A/B tests. ", s);
   }
-  return r.results;
+  return t.results;
 };
-async function v(t) {
+async function v(r) {
   try {
-    const r = a(t), s = await C(t);
-    return p(s) ? y(t, s) : (o.error("Error fetching data. ", {
-      url: r,
-      content: s,
-      options: t
+    const t = i(r), e = await C(r);
+    return d(e) ? y(r, e) : (a.error("Error fetching data. ", {
+      url: t,
+      content: e,
+      options: r
     }), null);
-  } catch (r) {
-    return o.error("Error fetching data. ", r), null;
+  } catch (t) {
+    return a.error("Error fetching data. ", t), null;
   }
 }
 export {
   y as _processContentResult,
   v as fetchEntries,
-  B as fetchOneEntry
+  H as fetchOneEntry
 };

package/lib/node/functions/track/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sessionId.cjs"),d=require("../../helpers/visitorId.cjs"),u=require("../is-browser.cjs"),g=require("../is-editing.cjs"),l=require("./helpers.cjs"),y=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await c.getSessionId({canTrack:t}),r=d.getVisitorId({canTrack:t});return{sessionId:e,visitorId:r}},I=async({type:t,canTrack:e,apiKey:r,metadata:s,...o})=>({type:t,data:{...o,metadata:{url:location.href,...s},...await y({canTrack:e}),userAttributes:l.getUserAttributes(),ownerId:r}});async function i(t){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(t.canTrack&&!g.isEditing()&&(u.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await I(t)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(e=>{console.error("Failed to track: ",e)})}const f=t=>i({...t,canTrack:!0});exports._track=i;exports.track=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),g=require("../is-browser.cjs"),l=require("../is-editing.cjs"),y=require("./helpers.cjs"),I=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},k=async({type:e,canTrack:t,apiKey:r,metadata:i,...o})=>({type:e,data:{...o,metadata:{url:location.href,...i},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function s({apiHost:e,...t}){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}return!t.canTrack||l.isEditing()||!(g.isBrowser()||n.TARGET==="reactNative")?void 0:fetch(`${e||"https://cdn.builder.io"}/api/v1/track`,{method:"POST",body:JSON.stringify({events:[await k(t)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(i=>{console.error("Failed to track: ",i)})}const f=e=>s({...e,canTrack:!0});exports._track=s;exports.track=f;

package/lib/node/functions/track/index.mjs

@@ -1,11 +1,12 @@
 import { TARGET as a } from "../../constants/target.mjs";
 import { logger as s } from "../../helpers/logger.mjs";
-import { getSessionId as n } from "../../helpers/sessionId.mjs";
-import { getVisitorId as c } from "../../helpers/visitorId.mjs";
-import { isBrowser as d } from "../is-browser.mjs";
+import { getSdkHeaders as n } from "../../helpers/sdk-headers.mjs";
+import { getSessionId as c } from "../../helpers/sessionId.mjs";
+import { getVisitorId as d } from "../../helpers/visitorId.mjs";
+import { isBrowser as m } from "../is-browser.mjs";
 import { isEditing as f } from "../is-editing.mjs";
-import { getUserAttributes as m } from "./helpers.mjs";
-const p = async ({
+import { getUserAttributes as p } from "./helpers.mjs";
+const u = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -13,60 +14,63 @@ const p = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const r = await n({
+  const r = await c({
     canTrack: t
-  }), e = c({
+  }), e = d({
     canTrack: t
   });
   return {
     sessionId: r,
     visitorId: e
   };
-}, u = async ({
+}, l = async ({
   type: t,
   canTrack: r,
   apiKey: e,
-  metadata: i,
-  ...o
+  metadata: o,
+  ...i
 }) => ({
   type: t,
   data: {
-    ...o,
+    ...i,
     metadata: {
       url: location.href,
-      ...i
+      ...o
     },
-    ...await p({
+    ...await u({
       canTrack: r
     }),
-    userAttributes: m(),
+    userAttributes: p(),
     ownerId: e
   }
 });
-async function y(t) {
-  if (!t.apiKey) {
+async function y({
+  apiHost: t,
+  ...r
+}) {
+  if (!r.apiKey) {
     s.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (t.canTrack && !f() && (d() || a === "reactNative"))
-    return fetch("https://cdn.builder.io/api/v1/track", {
-      method: "POST",
-      body: JSON.stringify({
-        events: [await u(t)]
-      }),
-      headers: {
-        "content-type": "application/json"
-      },
-      mode: "cors"
-    }).catch((r) => {
-      console.error("Failed to track: ", r);
-    });
+  return !r.canTrack || f() || !(m() || a === "reactNative") ? void 0 : fetch(`${t || "https://cdn.builder.io"}/api/v1/track`, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [await l(r)]
+    }),
+    headers: {
+      "content-type": "application/json",
+      ...n()
+    },
+    mode: "cors"
+  }).catch((o) => {
+    console.error("Failed to track: ", o);
+  });
 }
-const A = (t) => y({
+const E = (t) => y({
   ...t,
   canTrack: !0
 });
 export {
   y as _track,
-  A as track
+  E as track
 };

package/lib/node/helpers/sdk-headers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../constants/sdk-version.cjs"),r=require("../constants/target.cjs"),t=()=>({"X-Builder-SDK":r.TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":e.SDK_VERSION});exports.getSdkHeaders=t;

package/lib/node/helpers/sdk-headers.mjs

@@ -0,0 +1,10 @@
+import { SDK_VERSION as r } from "../constants/sdk-version.mjs";
+import { TARGET as e } from "../constants/target.mjs";
+const S = () => ({
+  "X-Builder-SDK": e,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": r
+});
+export {
+  S as getSdkHeaders
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.16.17",
+  "version": "0.16.19",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

package/types/cjs/components/content/components/enable-editor.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps" | "isNestedRender" | "linkComponent"> & {
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps" | "linkComponent"> & {
     builderContextSignal: BuilderContextInterface;
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;

package/types/cjs/components/content-variants/content-variants.types.d.ts

@@ -26,6 +26,10 @@ export interface ContentVariantsPrps extends ExtraFrameworkProps {
      * Your API Key: needed to enable visual editing, and to dynamically fetch symbols (required).
      */
     apiKey: string;
+    /**
+     * Sets the host of Builder API calls. (Defaults to global `https://cdn.builder.io`)
+     */
+    apiHost?: string;
     apiVersion?: ApiVersion;
     /**
      * An array of custom components to register (optional).

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.17";
+export declare const SDK_VERSION = "0.16.19";

package/types/cjs/functions/get-content/types.d.ts

@@ -136,4 +136,8 @@ export interface GetContentOptions {
      * Optional fetch options to be passed as the second argument to the `fetch` function.
      */
     fetchOptions?: object;
+    /**
+     * Sets the host of Builder API calls. (Defaults to global `https://cdn.builder.io`)
+     */
+    apiHost?: string;
 }

package/types/cjs/functions/track/index.d.ts

@@ -46,6 +46,8 @@ type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | '
     [index: string]: any;
 };
 export type EventProps = EventProperties & CanTrack;
-export declare function _track(eventProps: EventProps): Promise<void | Response>;
+export declare function _track({ apiHost, ...eventProps }: EventProps & {
+    apiHost?: string;
+}): Promise<void | Response>;
 export declare const track: (args: EventProperties) => Promise<void | Response>;
 export {};

package/types/cjs/helpers/sdk-headers.d.ts

@@ -0,0 +1,5 @@
+export declare const getSdkHeaders: () => {
+    'X-Builder-SDK': any;
+    'X-Builder-SDK-GEN': string;
+    'X-Builder-SDK-Version': string;
+};

package/types/esm/components/content/components/enable-editor.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps" | "isNestedRender" | "linkComponent"> & {
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps" | "linkComponent"> & {
     builderContextSignal: BuilderContextInterface;
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;

package/types/esm/components/content-variants/content-variants.types.d.ts

@@ -26,6 +26,10 @@ export interface ContentVariantsPrps extends ExtraFrameworkProps {
      * Your API Key: needed to enable visual editing, and to dynamically fetch symbols (required).
      */
     apiKey: string;
+    /**
+     * Sets the host of Builder API calls. (Defaults to global `https://cdn.builder.io`)
+     */
+    apiHost?: string;
     apiVersion?: ApiVersion;
     /**
      * An array of custom components to register (optional).

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.17";
+export declare const SDK_VERSION = "0.16.19";

package/types/esm/functions/get-content/types.d.ts

@@ -136,4 +136,8 @@ export interface GetContentOptions {
      * Optional fetch options to be passed as the second argument to the `fetch` function.
      */
     fetchOptions?: object;
+    /**
+     * Sets the host of Builder API calls. (Defaults to global `https://cdn.builder.io`)
+     */
+    apiHost?: string;
 }

package/types/esm/functions/track/index.d.ts

@@ -46,6 +46,8 @@ type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | '
     [index: string]: any;
 };
 export type EventProps = EventProperties & CanTrack;
-export declare function _track(eventProps: EventProps): Promise<void | Response>;
+export declare function _track({ apiHost, ...eventProps }: EventProps & {
+    apiHost?: string;
+}): Promise<void | Response>;
 export declare const track: (args: EventProperties) => Promise<void | Response>;
 export {};

package/types/esm/helpers/sdk-headers.d.ts

@@ -0,0 +1,5 @@
+export declare const getSdkHeaders: () => {
+    'X-Builder-SDK': any;
+    'X-Builder-SDK-GEN': string;
+    'X-Builder-SDK-Version': string;
+};