@builder.io/sdk-react 0.12.7 → 0.12.8

package/lib/node/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-bcb725be.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-c063befa.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/node/server-entry.mjs

@@ -1,16 +1,17 @@
-import { _ as t, c as a, h as r, f as i, b as n, g, e as o, d as c, i as d, a as f, r as h, s as l, t as p } from "./server-entry-0457c4c8.js";
+import { _ as t, c as a, f as r, d as i, e as n, h as o, g, j as c, i as d, a as f, r as h, s as l, b as E, t as p } from "./server-entry-d816840a.js";
 export {
   t as _processContentResult,
   a as createRegisterComponentMessage,
   r as fetchBuilderProps,
   i as fetchEntries,
   n as fetchOneEntry,
-  g as getAllContent,
-  o as getBuilderSearchParams,
+  o as getAllContent,
+  g as getBuilderSearchParams,
   c as getContent,
   d as isEditing,
   f as isPreviewing,
   h as register,
   l as setEditorSettings,
+  E as subscribeToEditor,
   p as track
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.12.7",
+  "version": "0.12.8",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
   "type": "module",
   "repository": {

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

@@ -6,7 +6,7 @@ export declare const getVariants: (content: Nullable<BuilderContent>) => {
     data?: {
         [key: string]: any;
         title?: string;
-        blocks?: import("../../types/builder-block.js").BuilderBlock[];
+        blocks?: import("../../server-index.js").BuilderBlock[];
         inputs?: import("../../types/input.js").Input[];
         state?: {
             [key: string]: any;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.7";
+export declare const SDK_VERSION = "0.12.8";

package/types/helpers/subscribe-to-editor.d.ts

@@ -0,0 +1,35 @@
+import type { ContentProps } from '../components/content/content.types.js';
+import type { BuilderAnimation } from '../types/builder-block.js';
+import type { BuilderContent } from '../types/builder-content.js';
+type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
+    callbacks: {
+        contentUpdate: (updatedContent: BuilderContent) => void;
+        animation: (updatedContent: BuilderAnimation) => void;
+        configureSdk: (updatedContent: any) => void;
+    };
+};
+export declare const createEditorListener: ({ model, trustedHosts, callbacks }: ContentListener) => (event: MessageEvent<any>) => void;
+type SubscribeToEditor = (
+/**
+ * The Builder `model` to subscribe to
+ */
+model: string, 
+/**
+ * The callback function to call when the content is updated.
+ */
+callback: (updatedContent: BuilderContent) => void, 
+/**
+ * Extra options for the listener.
+ */
+options?: {
+    /**
+     * List of hosts to allow editing content from.
+     */
+    trustedHosts?: string[] | undefined;
+}) => () => void;
+/**
+ * Subscribes to the Builder editor and listens to `content` updates of a certain `model`.
+ * Sends the updated `content` to the `callback` function.
+ */
+export declare const subscribeToEditor: SubscribeToEditor;
+export {};

package/types/server-index.d.ts

@@ -1,4 +1,7 @@
 export * from './index-helpers/top-of-file.js';
+/**
+ * Component Prop types
+ */
 export type { ButtonProps } from './blocks/button/button.types.js';
 export type { ColumnProps } from './blocks/columns/columns.types.js';
 export type { FragmentProps } from './blocks/fragment/fragment.types.js';
@@ -9,6 +12,16 @@ export type { TextProps } from './blocks/text/text.types.js';
 export type { VideoProps } from './blocks/video/video.types.js';
 export type { BlocksProps } from './components/blocks/blocks.types.js';
 export type { ContentVariantsPrps as ContentProps } from './components/content-variants/content-variants.types.js';
+/**
+ * General Builder types
+ */
+export type { RegisteredComponent } from './context/types.js';
+export type { BuilderBlock } from './types/builder-block.js';
+export type { BuilderContent } from './types/builder-content.js';
+export type { ComponentInfo } from './types/components.js';
+/**
+ * Helper functions
+ */
 export { isEditing } from './functions/is-editing.js';
 export { isPreviewing } from './functions/is-previewing.js';
 export { createRegisterComponentMessage } from './functions/register-component.js';
@@ -16,9 +29,11 @@ export { register } from './functions/register.js';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
 export { setEditorSettings } from './functions/set-editor-settings.js';
 export type { Settings } from './functions/set-editor-settings.js';
-export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } from './functions/get-content/index.js';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
-export type { RegisteredComponent } from './context/types.js';
-export type { ComponentInfo } from './types/components.js';
+export { subscribeToEditor } from './helpers/subscribe-to-editor.js';
+/**
+ * Content fetching
+ */
 export { fetchBuilderProps } from './functions/fetch-builder-props.js';
+export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } from './functions/get-content/index.js';

package/lib/browser/server-entry-b9bdd327.js

@@ -1,551 +0,0 @@
-const b = "react", h = "[Builder.io]: ", l = {
-  log: (...t) => console.log(h, ...t),
-  error: (...t) => console.error(h, ...t),
-  warn: (...t) => console.warn(h, ...t),
-  debug: (...t) => console.debug(h, ...t)
-};
-function a() {
-  return typeof window != "undefined" && typeof document != "undefined";
-}
-function Y() {
-  return a() && window.self !== window.top;
-}
-function B() {
-  return Y() && window.location.search.indexOf("builder.frameEditing=") !== -1;
-}
-const Q = () => {
-  if (a()) {
-    const t = new URL(location.href);
-    return t.pathname === "" && (t.pathname = "/"), t;
-  } else
-    return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Z = () => typeof navigator == "object" && navigator.userAgent || "", tt = () => {
-  const t = Z(), e = {
-    Android() {
-      return t.match(/Android/i);
-    },
-    BlackBerry() {
-      return t.match(/BlackBerry/i);
-    },
-    iOS() {
-      return t.match(/iPhone|iPod/i);
-    },
-    Opera() {
-      return t.match(/Opera Mini/i);
-    },
-    Windows() {
-      return t.match(/IEMobile/i) || t.match(/WPDesktop/i);
-    },
-    any() {
-      return e.Android() || e.BlackBerry() || e.iOS() || e.Opera() || e.Windows() || b === "reactNative";
-    }
-  }, n = t.match(/Tablet|iPad/i), r = Q();
-  return {
-    urlPath: r == null ? void 0 : r.pathname,
-    host: (r == null ? void 0 : r.host) || (r == null ? void 0 : r.hostname),
-    device: n ? "tablet" : e.any() ? "mobile" : "desktop"
-  };
-}, d = (t) => t != null, L = (t) => JSON.parse(JSON.stringify(t)), et = (t) => {
-  if (t === "localhost" || t === "127.0.0.1")
-    return t;
-  const e = t.split(".");
-  return e.length > 2 ? e.slice(1).join(".") : t;
-}, N = ({
-  name: t,
-  canTrack: e
-}) => {
-  var n;
-  try {
-    return e ? (n = document.cookie.split("; ").find((r) => r.startsWith(`${t}=`))) == null ? void 0 : n.split("=")[1] : void 0;
-  } catch (r) {
-    l.warn("[COOKIE] GET error: ", (r == null ? void 0 : r.message) || r);
-    return;
-  }
-}, $ = async (t) => N(t), nt = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(d).join("; "), rt = [["secure", ""], ["SameSite", "None"]], ot = ({
-  name: t,
-  value: e,
-  expires: n
-}) => {
-  const o = (a() ? location.protocol === "https:" : !0) ? rt : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], c = [[t, e], ...s, ["path", "/"], ["domain", et(window.location.hostname)], ...o];
-  return nt(c);
-}, j = async ({
-  name: t,
-  value: e,
-  expires: n,
-  canTrack: r
-}) => {
-  try {
-    if (!r)
-      return;
-    const o = ot({
-      name: t,
-      value: e,
-      expires: n
-    });
-    document.cookie = o;
-  } catch (o) {
-    l.warn("[COOKIE] SET error: ", (o == null ? void 0 : o.message) || o);
-  }
-}, st = "builder.tests", v = (t) => `${st}.${t}`, it = ({
-  contentId: t
-}) => $({
-  name: v(t),
-  canTrack: !0
-}), at = ({
-  contentId: t
-}) => N({
-  name: v(t),
-  canTrack: !0
-}), ct = ({
-  contentId: t,
-  value: e
-}) => j({
-  name: v(t),
-  value: e,
-  canTrack: !0
-}), F = (t) => d(t.id) && d(t.variations) && Object.keys(t.variations).length > 0, ut = ({
-  id: t,
-  variations: e
-}) => {
-  var o;
-  let n = 0;
-  const r = Math.random();
-  for (const s in e) {
-    const c = (o = e[s]) == null ? void 0 : o.testRatio;
-    if (n += c, r < n)
-      return s;
-  }
-  return t;
-}, U = (t) => {
-  const e = ut(t);
-  return ct({
-    contentId: t.id,
-    value: e
-  }).catch((n) => {
-    l.error("could not store A/B test variation: ", n);
-  }), e;
-}, K = ({
-  item: t,
-  testGroupId: e
-}) => {
-  const n = t.variations[e];
-  return e === t.id || // handle edge-case where `testGroupId` points to non-existing variation
-  !n ? {
-    testVariationId: t.id,
-    testVariationName: "Default"
-  } : {
-    data: n.data,
-    testVariationId: n.id,
-    testVariationName: n.name || (n.id === t.id ? "Default" : "")
-  };
-}, jt = ({
-  item: t,
-  canTrack: e
-}) => {
-  if (!e)
-    return t;
-  if (!t)
-    return;
-  if (!F(t))
-    return t;
-  const n = at({
-    contentId: t.id
-  }) || U({
-    variations: t.variations,
-    id: t.id
-  }), r = K({
-    item: t,
-    testGroupId: n
-  });
-  return {
-    ...t,
-    ...r
-  };
-}, lt = async ({
-  item: t,
-  canTrack: e
-}) => {
-  if (!e || !F(t))
-    return t;
-  const r = await it({
-    contentId: t.id
-  }) || U({
-    variations: t.variations,
-    id: t.id
-  }), o = K({
-    item: t,
-    testGroupId: r
-  });
-  return {
-    ...t,
-    ...o
-  };
-}, dt = (t) => d(t) ? t : !0, Ft = [], Ut = (t) => ({
-  type: "builder.registerComponent",
-  data: gt(t)
-}), ft = (t) => {
-  const e = t.toString().trim();
-  return `return (${!e.startsWith("function") && !e.startsWith("(") ? "function " : ""}${e}).apply(this, arguments)`;
-}, ht = (t) => typeof t == "function" ? ft(t) : L(t), gt = ({
-  inputs: t,
-  ...e
-}) => ({
-  ...L(e),
-  inputs: t == null ? void 0 : t.map((n) => Object.entries(n).reduce((r, [o, s]) => ({
-    ...r,
-    [o]: ht(s)
-  }), {}))
-});
-function pt() {
-  return typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : globalThis;
-}
-function yt() {
-  const t = pt().fetch;
-  if (typeof t == "undefined")
-    throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
-      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
-  return t;
-}
-const mt = yt();
-function g(t, e = null, n = ".") {
-  return Object.keys(t).reduce((r, o) => {
-    const s = t[o], c = [e, o].filter(Boolean).join(n);
-    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
-      ...r,
-      ...g(s, c, n)
-    } : {
-      ...r,
-      [c]: s
-    };
-  }, {});
-}
-const St = "v3", A = "builder.", wt = "options.", bt = (t) => {
-  const e = {};
-  return t.forEach((n, r) => {
-    e[r] = n;
-  }), e;
-}, M = (t) => {
-  if (!t)
-    return {};
-  const e = D(t), n = {};
-  return Object.keys(e).forEach((r) => {
-    if (r.startsWith(A)) {
-      const o = r.replace(A, "").replace(wt, "");
-      n[o] = e[r];
-    }
-  }), n;
-}, vt = () => {
-  if (!a())
-    return {};
-  const t = new URLSearchParams(window.location.search);
-  return M(t);
-}, D = (t) => t instanceof URLSearchParams ? bt(t) : t, T = (t) => typeof t == "number" && !isNaN(t) && t >= 0, I = (t) => {
-  let {
-    noTraverse: e = !1
-  } = t;
-  const {
-    limit: n = 30,
-    userAttributes: r,
-    query: o,
-    model: s,
-    apiKey: c,
-    includeRefs: p = !0,
-    enrich: O,
-    locale: k,
-    apiVersion: y = St,
-    fields: C,
-    omit: q,
-    offset: m,
-    cacheSeconds: S,
-    staleCacheSeconds: w,
-    sort: E,
-    includeUnpublished: P
-  } = t;
-  if (!c)
-    throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(y))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${y}'`);
-  (t.limit === void 0 || t.limit > 1) && !("noTraverse" in t) && (e = !0);
-  const i = new URL(`https://cdn.builder.io/api/${y}/content/${s}?apiKey=${c}&limit=${n}&noTraverse=${e}&includeRefs=${p}${k ? `&locale=${k}` : ""}${O ? `&enrich=${O}` : ""}`);
-  if (i.searchParams.set("omit", q || "meta.componentsUsed"), C && i.searchParams.set("fields", C), Number.isFinite(m) && m > -1 && i.searchParams.set("offset", String(Math.floor(m))), typeof P == "boolean" && i.searchParams.set("includeUnpublished", String(P)), S && T(S) && i.searchParams.set("cacheSeconds", String(S)), w && T(w) && i.searchParams.set("staleCacheSeconds", String(w)), E) {
-    const u = g({
-      sort: E
-    });
-    for (const f in u)
-      i.searchParams.set(f, JSON.stringify(u[f]));
-  }
-  const H = {
-    ...vt(),
-    ...D(t.options || {})
-  }, x = g(H);
-  for (const u in x)
-    i.searchParams.set(u, String(x[u]));
-  if (r && i.searchParams.set("userAttributes", JSON.stringify(r)), o) {
-    const u = g({
-      query: o
-    });
-    for (const f in u)
-      i.searchParams.set(f, JSON.stringify(u[f]));
-  }
-  return i;
-}, It = (t) => "results" in t;
-async function _(t) {
-  const e = await G({
-    ...t,
-    limit: 1
-  });
-  return e && e[0] || null;
-}
-const Kt = _, Ot = async (t) => {
-  const e = I(t);
-  return await (await mt(e.href)).json();
-}, kt = async (t, e, n = I(t)) => {
-  const r = dt(t.canTrack);
-  if (n.search.includes("preview="), !r || !(a() || b === "reactNative"))
-    return e.results;
-  try {
-    const o = [];
-    for (const s of e.results)
-      o.push(await lt({
-        item: s,
-        canTrack: r
-      }));
-    e.results = o;
-  } catch (o) {
-    l.error("Could not process A/B tests. ", o);
-  }
-  return e.results;
-};
-async function G(t) {
-  try {
-    const e = I(t), n = await Ot(t);
-    return It(n) ? kt(t, n) : (l.error("Error fetching data. ", {
-      url: e,
-      content: n,
-      options: t
-    }), null);
-  } catch (e) {
-    return l.error("Error fetching data. ", e), null;
-  }
-}
-const Mt = G;
-function Dt() {
-  return !a() || B() ? !1 : location.search.indexOf("builder.preview=") !== -1;
-}
-function Ct() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
-    const e = Math.random() * 16 | 0;
-    return (t == "x" ? e : e & 3 | 8).toString(16);
-  });
-}
-function W() {
-  return Ct().replace(/-/g, "");
-}
-const J = "builderSessionId", Et = async ({
-  canTrack: t
-}) => {
-  if (!t)
-    return;
-  const e = await $({
-    name: J,
-    canTrack: t
-  });
-  if (d(e))
-    return e;
-  {
-    const n = Pt();
-    return xt({
-      id: n,
-      canTrack: t
-    }), n;
-  }
-}, Pt = () => W(), xt = ({
-  id: t,
-  canTrack: e
-}) => j({
-  name: J,
-  value: t,
-  canTrack: e
-}), z = () => a() && typeof localStorage != "undefined" ? localStorage : void 0, At = ({
-  key: t,
-  canTrack: e
-}) => {
-  var n;
-  try {
-    return e ? (n = z()) == null ? void 0 : n.getItem(t) : void 0;
-  } catch (r) {
-    console.debug("[LocalStorage] GET error: ", r);
-    return;
-  }
-}, Tt = ({
-  key: t,
-  canTrack: e,
-  value: n
-}) => {
-  var r;
-  try {
-    e && ((r = z()) == null || r.setItem(t, n));
-  } catch (o) {
-    console.debug("[LocalStorage] SET error: ", o);
-  }
-}, X = "builderVisitorId", Rt = ({
-  canTrack: t
-}) => {
-  if (!t)
-    return;
-  const e = At({
-    key: X,
-    canTrack: t
-  });
-  if (d(e))
-    return e;
-  {
-    const n = Vt();
-    return Bt({
-      id: n,
-      canTrack: t
-    }), n;
-  }
-}, Vt = () => W(), Bt = ({
-  id: t,
-  canTrack: e
-}) => Tt({
-  key: X,
-  value: t,
-  canTrack: e
-}), Lt = async ({
-  canTrack: t
-}) => {
-  if (!t)
-    return {
-      visitorId: void 0,
-      sessionId: void 0
-    };
-  const e = await Et({
-    canTrack: t
-  }), n = Rt({
-    canTrack: t
-  });
-  return {
-    sessionId: e,
-    visitorId: n
-  };
-}, Nt = async ({
-  type: t,
-  canTrack: e,
-  apiKey: n,
-  metadata: r,
-  ...o
-}) => ({
-  type: t,
-  data: {
-    ...o,
-    metadata: {
-      url: location.href,
-      ...r
-    },
-    ...await Lt({
-      canTrack: e
-    }),
-    userAttributes: tt(),
-    ownerId: n
-  }
-});
-async function $t(t) {
-  if (!t.apiKey) {
-    l.error("Missing API key for track call. Please provide your API key.");
-    return;
-  }
-  if (t.canTrack && !B() && (a() || b === "reactNative"))
-    return fetch("https://cdn.builder.io/api/v1/track", {
-      method: "POST",
-      body: JSON.stringify({
-        events: [await Nt(t)]
-      }),
-      headers: {
-        "content-type": "application/json"
-      },
-      mode: "cors"
-    }).catch((e) => {
-      console.error("Failed to track: ", e);
-    });
-}
-const _t = (t) => $t({
-  ...t,
-  canTrack: !0
-}), R = {};
-function Gt(t, e) {
-  let n = R[t];
-  if (n || (n = R[t] = []), n.push(e), a()) {
-    const r = {
-      type: "builder.register",
-      data: {
-        type: t,
-        info: e
-      }
-    };
-    try {
-      parent.postMessage(r, "*"), parent !== window && window.postMessage(r, "*");
-    } catch (o) {
-      console.debug("Could not postmessage", o);
-    }
-  }
-}
-const V = {};
-function Wt(t) {
-  if (a()) {
-    Object.assign(V, t);
-    const e = {
-      type: "builder.settingsChange",
-      data: V
-    };
-    parent.postMessage(e, "*");
-  }
-}
-const Jt = async (t) => {
-  var r, o, s;
-  const e = t.path || ((r = t.url) == null ? void 0 : r.pathname) || ((o = t.userAttributes) == null ? void 0 : o.urlPath), n = {
-    ...t,
-    apiKey: t.apiKey,
-    model: t.model || "page",
-    userAttributes: {
-      ...t.userAttributes,
-      ...e ? {
-        urlPath: e
-      } : {}
-    },
-    options: M(t.searchParams || ((s = t.url) == null ? void 0 : s.searchParams) || t.options)
-  };
-  return {
-    apiKey: n.apiKey,
-    model: n.model,
-    content: await _(n)
-  };
-};
-export {
-  b as T,
-  kt as _,
-  Dt as a,
-  _ as b,
-  Ut as c,
-  Kt as d,
-  M as e,
-  G as f,
-  Mt as g,
-  Jt as h,
-  B as i,
-  a as j,
-  tt as k,
-  d as l,
-  l as m,
-  L as n,
-  dt as o,
-  $t as p,
-  mt as q,
-  Gt as r,
-  Wt as s,
-  _t as t,
-  Ft as u,
-  gt as v,
-  jt as w
-};