@builder.io/sdk-react-nextjs 0.22.0 → 0.22.2

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

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

package/lib/node/functions/is-previewing.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../helpers/search/search.cjs"),n=require("./is-browser.cjs");function o(r){const e=r||(n.isBrowser()?window.location.search:void 0);return e?i.getSearchString(e).indexOf("builder.preview=")!==-1:!1}exports.isPreviewing=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../helpers/search/search.cjs"),o=require("./is-browser.cjs");function n(r){const e=r||(o.isBrowser()?window.location.search:void 0);return e?i.getSearchString(e).indexOf("builder.preview=")!==-1:!1}exports.isPreviewing=n;

package/lib/node/functions/is-previewing.mjs

@@ -1,8 +1,8 @@
-import { getSearchString as i } from "../helpers/search/search.mjs";
-import { isBrowser as o } from "./is-browser.mjs";
+import { getSearchString as o } from "../helpers/search/search.mjs";
+import { isBrowser as i } from "./is-browser.mjs";
 function c(e) {
-  const r = e || (o() ? window.location.search : void 0);
-  return r ? i(r).indexOf("builder.preview=") !== -1 : !1;
+  const r = e || (i() ? window.location.search : void 0);
+  return r ? o(r).indexOf("builder.preview=") !== -1 : !1;
 }
 export {
   c as isPreviewing

package/package.json

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

package/types/cjs/blocks/img/img.d.ts

@@ -9,6 +9,8 @@ export interface ImgProps {
     altText?: string;
     backgroundSize?: "cover" | "contain";
     backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    aspectRatio?: number;
+    title?: string;
 }
 declare function ImgComponent(props: ImgProps): React.JSX.Element;
 export default ImgComponent;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.22.0";
+export declare const SDK_VERSION = "0.22.2";

package/types/cjs/functions/get-builder-search-params/index.d.ts

@@ -1,7 +1,13 @@
 import type { QueryObject } from '../../helpers/search/search.js';
 /**
- * Receives a `URLSearchParams` object or a regular query object, and returns the subset of query params that are
- * relevant to the Builder SDK.
+ * Receives a `URLSearchParams` object or a regular query object, and returns
+ * the subset of query params that are relevant to the Builder SDK.
+ *
+ * Outputs a key-value object to be passed to `fetchOneEntry` or `fetchEntries`
+ * functions as the `options` argument.
+ *
+ * NOTE: This function is generally not needed. Instead, it is recommended to use `isPreviewing()`
+ * to check if the current page requires previewed content.
  *
  * @returns
  */

package/types/cjs/functions/is-previewing.d.ts

@@ -1,2 +1,12 @@
 import type { Search } from '../helpers/search/search.js';
-export declare function isPreviewing(_search?: Search): boolean;
+/**
+ * Checks the current URL's search parameters to see if it is attempting to
+ * preview Builder Content.
+ *
+ * When called on the client, it uses `window.location.search`.
+ * When called on the server (SSR), it requires a `search` argument.
+ *
+ * @param search - The search parameters to check. Can be a URL string (containing the search parameters), `URLSearchParams`, or a key-value object containing the search parameters.
+ * @returns `true` if the current page is being previewed, `false` otherwise.
+ */
+export declare function isPreviewing(search?: Search): boolean;

package/types/esm/blocks/img/img.d.ts

@@ -9,6 +9,8 @@ export interface ImgProps {
     altText?: string;
     backgroundSize?: "cover" | "contain";
     backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    aspectRatio?: number;
+    title?: string;
 }
 declare function ImgComponent(props: ImgProps): React.JSX.Element;
 export default ImgComponent;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.22.0";
+export declare const SDK_VERSION = "0.22.2";

package/types/esm/functions/get-builder-search-params/index.d.ts

@@ -1,7 +1,13 @@
 import type { QueryObject } from '../../helpers/search/search.js';
 /**
- * Receives a `URLSearchParams` object or a regular query object, and returns the subset of query params that are
- * relevant to the Builder SDK.
+ * Receives a `URLSearchParams` object or a regular query object, and returns
+ * the subset of query params that are relevant to the Builder SDK.
+ *
+ * Outputs a key-value object to be passed to `fetchOneEntry` or `fetchEntries`
+ * functions as the `options` argument.
+ *
+ * NOTE: This function is generally not needed. Instead, it is recommended to use `isPreviewing()`
+ * to check if the current page requires previewed content.
  *
  * @returns
  */

package/types/esm/functions/is-previewing.d.ts

@@ -1,2 +1,12 @@
 import type { Search } from '../helpers/search/search.js';
-export declare function isPreviewing(_search?: Search): boolean;
+/**
+ * Checks the current URL's search parameters to see if it is attempting to
+ * preview Builder Content.
+ *
+ * When called on the client, it uses `window.location.search`.
+ * When called on the server (SSR), it requires a `search` argument.
+ *
+ * @param search - The search parameters to check. Can be a URL string (containing the search parameters), `URLSearchParams`, or a key-value object containing the search parameters.
+ * @returns `true` if the current page is being previewed, `false` otherwise.
+ */
+export declare function isPreviewing(search?: Search): boolean;