@builder.io/sdk-react-nextjs 0.17.0 → 0.17.1

package/lib/node/functions/extract-localized-values.mjs

@@ -0,0 +1,28 @@
+import { traverse as r } from "./traverse.mjs";
+function s(e) {
+  return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
+}
+function l(e) {
+  if (!e || !Object.getOwnPropertyNames(e).length)
+    return !1;
+  let o = !1;
+  return r(e, (t) => {
+    if (s(t)) {
+      o = !0;
+      return;
+    }
+  }), o;
+}
+function u(e, o) {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (r(e, (t, n) => {
+    var i;
+    s(t) && n((i = t[o]) != null ? i : void 0);
+  }), e);
+}
+function p(e, o) {
+  var t, n;
+  return (t = e.component) != null && t.options && l((n = e.component) == null ? void 0 : n.options) && (o || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = u(e.component.options, o != null ? o : "Default")), e;
+}
+export {
+  p as resolveLocalizedValues
+};

package/lib/node/functions/get-processed-block.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../constants/target.cjs"),l=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./fast-clone.cjs"),g=require("./set.cjs"),m=require("./transform-block.cjs");function o(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>o(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}const y=["svelte","vue","angular","qwik","solid"].includes(d.TARGET),C=e=>{if(y){const t=f.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(l.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},q=({block:e,context:t,localState:n,rootState:s,rootSetState:c})=>{if(!e.bindings)return e;const i=C(e);for(const r in e.bindings){const a=e.bindings[r],u=p.evaluate({code:a,localState:n,rootState:s,rootSetState:c,context:t});g.set(i,r,u)}return i};function v({block:e,context:t,shouldEvaluateBindings:n,localState:s,rootState:c,rootSetState:i}){const r=m.transformBlock(e);return n?q({block:r,localState:s,rootState:c,rootSetState:i,context:t}):r}exports.deepCloneWithConditions=o;exports.getProcessedBlock=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../constants/target.cjs"),d=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./extract-localized-values.cjs"),g=require("./fast-clone.cjs"),m=require("./set.cjs"),y=require("./transform-block.cjs");function o(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>o(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}const C=["svelte","vue","angular","qwik","solid"].includes(u.TARGET),q=e=>{if(C){const t=g.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(d.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},v=({block:e,context:t,localState:n,rootState:c,rootSetState:i})=>{if(!e.bindings)return e;const s=q(e);for(const r in e.bindings){const a=e.bindings[r],l=p.evaluate({code:a,localState:n,rootState:c,rootSetState:i,context:t});m.set(s,r,l)}return s};function B({block:e,context:t,shouldEvaluateBindings:n,localState:c,rootState:i,rootSetState:s}){let r=f.resolveLocalizedValues(e,i.locale);return r=y.transformBlock(r),n?v({block:r,localState:c,rootState:i,rootSetState:s,context:t}):r}exports.deepCloneWithConditions=o;exports.getProcessedBlock=B;

package/lib/node/functions/get-processed-block.mjs

@@ -1,42 +1,43 @@
-import { TARGET as d } from "../constants/target.mjs";
-import { omit as f } from "../helpers/omit.mjs";
-import { evaluate as m } from "./evaluate/evaluate.mjs";
+import { TARGET as l } from "../constants/target.mjs";
+import { omit as m } from "../helpers/omit.mjs";
+import { evaluate as d } from "./evaluate/evaluate.mjs";
+import { resolveLocalizedValues as f } from "./extract-localized-values.mjs";
 import { fastClone as u } from "./fast-clone.mjs";
-import { set as l } from "./set.mjs";
-import { transformBlock as y } from "./transform-block.mjs";
+import { set as y } from "./set.mjs";
+import { transformBlock as g } from "./transform-block.mjs";
 function c(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((r) => c(r));
+    return e.map((t) => c(t));
   if (e["@type"] === "@builder.io/sdk:Element")
     return e;
-  const t = {};
-  for (const r in e)
-    r !== "meta" && Object.prototype.hasOwnProperty.call(e, r) && (t[r] = c(e[r]));
-  return t;
+  const r = {};
+  for (const t in e)
+    t !== "meta" && Object.prototype.hasOwnProperty.call(e, t) && (r[t] = c(e[t]));
+  return r;
 }
-const g = ["svelte", "vue", "angular", "qwik", "solid"].includes(d), C = (e) => {
-  if (g) {
-    const t = u(e);
+const C = ["svelte", "vue", "angular", "qwik", "solid"].includes(l), v = (e) => {
+  if (C) {
+    const r = u(e);
     return {
-      ...t,
+      ...r,
       properties: {
-        ...t.properties
+        ...r.properties
       },
       actions: {
-        ...t.actions
+        ...r.actions
       }
     };
   } else {
-    const t = c(f(e, "children", "meta"));
+    const r = c(m(e, "children", "meta"));
     return {
-      ...t,
+      ...r,
       properties: {
-        ...t.properties
+        ...r.properties
       },
       actions: {
-        ...t.actions
+        ...r.actions
       },
       children: e.children,
       meta: e.meta
@@ -44,44 +45,44 @@ const g = ["svelte", "vue", "angular", "qwik", "solid"].includes(d), C = (e) =>
   }
 }, O = ({
   block: e,
-  context: t,
-  localState: r,
-  rootState: o,
-  rootSetState: s
+  context: r,
+  localState: t,
+  rootState: s,
+  rootSetState: i
 }) => {
   if (!e.bindings)
     return e;
-  const i = C(e);
+  const o = v(e);
   for (const n in e.bindings) {
-    const p = e.bindings[n], a = m({
+    const p = e.bindings[n], a = d({
       code: p,
-      localState: r,
-      rootState: o,
-      rootSetState: s,
-      context: t
+      localState: t,
+      rootState: s,
+      rootSetState: i,
+      context: r
     });
-    l(i, n, a);
+    y(o, n, a);
   }
-  return i;
+  return o;
 };
-function S({
+function P({
   block: e,
-  context: t,
-  shouldEvaluateBindings: r,
-  localState: o,
-  rootState: s,
-  rootSetState: i
+  context: r,
+  shouldEvaluateBindings: t,
+  localState: s,
+  rootState: i,
+  rootSetState: o
 }) {
-  const n = y(e);
-  return r ? O({
+  let n = f(e, i.locale);
+  return n = g(n), t ? O({
     block: n,
-    localState: o,
-    rootState: s,
-    rootSetState: i,
-    context: t
+    localState: s,
+    rootState: i,
+    rootSetState: o,
+    context: r
   }) : n;
 }
 export {
   c as deepCloneWithConditions,
-  S as getProcessedBlock
+  P as getProcessedBlock
 };

package/lib/node/functions/register-component.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=t=>({type:"builder.registerComponent",data:r(t)}),s=t=>{const n=t.toString().trim(),e=/^[a-zA-Z0-9_]+\s*=>/i.test(n);return`return (${!n.startsWith("function")&&!n.startsWith("(")&&!e?"function ":""}${n}).apply(this, arguments)`};function r(t){return JSON.parse(JSON.stringify(t,(n,e)=>typeof e=="function"?s(e):e))}exports.createRegisterComponentMessage=i;exports.serializeIncludingFunctions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=n=>({type:"builder.registerComponent",data:r(n)}),s=n=>{const t=n.toString().trim(),e=/^[a-zA-Z0-9_]+\s*=>/i.test(t);return`return (${!t.startsWith("function")&&!t.startsWith("async")&&!t.startsWith("(")&&!e?"function ":""}${t}).apply(this, arguments)`};function r(n){return JSON.parse(JSON.stringify(n,(t,e)=>typeof e=="function"?s(e):e))}exports.createRegisterComponentMessage=i;exports.serializeIncludingFunctions=r;

package/lib/node/functions/register-component.mjs

@@ -1,12 +1,12 @@
-const o = (t) => ({
+const o = (n) => ({
   type: "builder.registerComponent",
-  data: i(t)
-}), e = (t) => {
-  const n = t.toString().trim(), r = /^[a-zA-Z0-9_]+\s*=>/i.test(n);
-  return `return (${!n.startsWith("function") && !n.startsWith("(") && !r ? "function " : ""}${n}).apply(this, arguments)`;
+  data: i(n)
+}), e = (n) => {
+  const t = n.toString().trim(), r = /^[a-zA-Z0-9_]+\s*=>/i.test(t);
+  return `return (${!t.startsWith("function") && !t.startsWith("async") && !t.startsWith("(") && !r ? "function " : ""}${t}).apply(this, arguments)`;
 };
-function i(t) {
-  return JSON.parse(JSON.stringify(t, (n, r) => typeof r == "function" ? e(r) : r));
+function i(n) {
+  return JSON.parse(JSON.stringify(n, (t, r) => typeof r == "function" ? e(r) : r));
 }
 export {
   o as createRegisterComponentMessage,

package/lib/node/functions/traverse.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e,t,a=null,l=null,n=new WeakSet){if(e==null||typeof e!="object"){t(e,r=>{a!==null&&l!==null&&(a[l]=r)});return}n.has(e)||(n.add(e),Array.isArray(e)?e.forEach((r,u)=>{t(r,f=>{e[u]=f}),s(r,t,e,u,n)}):Object.entries(e).forEach(([r,u])=>{t(u,f=>{e[r]=f}),s(u,t,e,r,n)}))}exports.traverse=s;

package/lib/node/functions/traverse.mjs

@@ -0,0 +1,20 @@
+function h(r, t, p = null, s = null, e = /* @__PURE__ */ new WeakSet()) {
+  if (r == null || typeof r != "object") {
+    t(r, (n) => {
+      p !== null && s !== null && (p[s] = n);
+    });
+    return;
+  }
+  e.has(r) || (e.add(r), Array.isArray(r) ? r.forEach((n, u) => {
+    t(n, (f) => {
+      r[u] = f;
+    }), h(n, t, r, u, e);
+  }) : Object.entries(r).forEach(([n, u]) => {
+    t(u, (f) => {
+      r[n] = f;
+    }), h(u, t, r, n, e);
+  }));
+}
+export {
+  h as traverse
+};

package/package.json

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

package/types/cjs/components/block/block.helpers.d.ts

@@ -1,9 +1,10 @@
 import type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } from '../../context/types.js';
 import type { BuilderBlock } from '../../types/builder-block.js';
 import type { RepeatData } from './types.js';
-export declare const getComponent: ({ block, registeredComponents }: {
+export declare const getComponent: ({ block, registeredComponents, model }: {
     block: BuilderBlock;
     registeredComponents: RegisteredComponents;
+    model: string;
 }) => RegisteredComponent;
 export declare const getRepeatItemData: ({ block, context }: {
     block: BuilderBlock;
@@ -18,8 +19,10 @@ export declare const provideLinkComponent: (block: RegisteredComponent | null |
 } | {
     builderLinkComponent?: undefined;
 };
-export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents: RegisteredComponents;
+export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents, model: string) => {
+    builderComponents: {
+        [k: string]: RegisteredComponent;
+    };
 } | {
     builderComponents?: undefined;
 };

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

@@ -0,0 +1,11 @@
+import type { Target } from '../../../types/targets.js';
+/**
+ * SDKS that use the elementRef approach to enable visual editing.
+ * We don't need to render the div for other SDKs as they attach event listeners to the window.
+ */
+export declare const SDKS_USING_ELEMENT_REF_APPROACH: Target[];
+/**
+ * We need to attach this div only when content exists or isPreviewing/isEditing even when content is null,
+ * as we need to set the elementRef and allow previewing and visual editing
+ */
+export declare const needsElementRefDivForEditing: () => boolean;

package/types/cjs/constants/file-types.d.ts

@@ -0,0 +1,2 @@
+export declare const IMAGE_FILE_TYPES: string[];
+export declare const VIDEO_FILE_TYPES: string[];

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.0";
+export declare const SDK_VERSION = "0.17.1";

package/types/cjs/context/types.d.ts

@@ -36,5 +36,6 @@ export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'Block
     componentInfos: Dictionary<ComponentInfo>;
     inheritedStyles: Record<string, unknown>;
     nonce: string;
+    model: string;
     canTrack?: boolean;
 }

package/types/cjs/functions/extract-localized-values.d.ts

@@ -0,0 +1,2 @@
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function resolveLocalizedValues(block: BuilderBlock, locale: string | undefined): BuilderBlock;

package/types/cjs/functions/traverse.d.ts

@@ -0,0 +1,34 @@
+type TraverseCallback = (value: any, update: (newValue: any) => void) => void;
+/**
+ * Recursively traverses an object or array, invoking a callback on each value.
+ *
+ * @param {any} obj - The object or array to traverse. Can also handle primitives, null, or undefined.
+ * @param {TraverseCallback} callback - The function to invoke on each value. Receives the current value
+ * and an `update` function to modify the value in its parent container.
+ * @param {any} [parent=null] - The parent object or array of the current value. Used internally.
+ * @param {any} [key=null] - The key or index of the current value in its parent. Used internally.
+ * @param {WeakSet} [visited=new WeakSet()] - Tracks visited objects to handle circular references. Used internally.
+ *
+ * @example
+ * // Example: Doubling all numbers in an object
+ * const obj = { a: 1, b: [2, 3, { c: 4 }] };
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj); // { a: 2, b: [4, 6, { c: 8 }] }
+ *
+ * @example
+ * // Example: Handling circular references
+ * const obj = { a: 1 };
+ * obj.self = obj;
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj.a); // 2
+ */
+export declare function traverse(obj: any, callback: TraverseCallback, parent?: any, key?: any, visited?: WeakSet<WeakKey>): void;
+export {};

package/types/cjs/types/components.d.ts

@@ -146,6 +146,9 @@ export interface ComponentInfo {
          */
         builderLinkComponent?: boolean;
     };
+    meta?: {
+        [key: string]: any;
+    };
 }
 type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};

package/types/esm/components/block/block.helpers.d.ts

@@ -1,9 +1,10 @@
 import type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } from '../../context/types.js';
 import type { BuilderBlock } from '../../types/builder-block.js';
 import type { RepeatData } from './types.js';
-export declare const getComponent: ({ block, registeredComponents }: {
+export declare const getComponent: ({ block, registeredComponents, model }: {
     block: BuilderBlock;
     registeredComponents: RegisteredComponents;
+    model: string;
 }) => RegisteredComponent;
 export declare const getRepeatItemData: ({ block, context }: {
     block: BuilderBlock;
@@ -18,8 +19,10 @@ export declare const provideLinkComponent: (block: RegisteredComponent | null |
 } | {
     builderLinkComponent?: undefined;
 };
-export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents: RegisteredComponents;
+export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents, model: string) => {
+    builderComponents: {
+        [k: string]: RegisteredComponent;
+    };
 } | {
     builderComponents?: undefined;
 };

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

@@ -0,0 +1,11 @@
+import type { Target } from '../../../types/targets.js';
+/**
+ * SDKS that use the elementRef approach to enable visual editing.
+ * We don't need to render the div for other SDKs as they attach event listeners to the window.
+ */
+export declare const SDKS_USING_ELEMENT_REF_APPROACH: Target[];
+/**
+ * We need to attach this div only when content exists or isPreviewing/isEditing even when content is null,
+ * as we need to set the elementRef and allow previewing and visual editing
+ */
+export declare const needsElementRefDivForEditing: () => boolean;

package/types/esm/constants/file-types.d.ts

@@ -0,0 +1,2 @@
+export declare const IMAGE_FILE_TYPES: string[];
+export declare const VIDEO_FILE_TYPES: string[];

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.0";
+export declare const SDK_VERSION = "0.17.1";

package/types/esm/context/types.d.ts

@@ -36,5 +36,6 @@ export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'Block
     componentInfos: Dictionary<ComponentInfo>;
     inheritedStyles: Record<string, unknown>;
     nonce: string;
+    model: string;
     canTrack?: boolean;
 }

package/types/esm/functions/extract-localized-values.d.ts

@@ -0,0 +1,2 @@
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function resolveLocalizedValues(block: BuilderBlock, locale: string | undefined): BuilderBlock;

package/types/esm/functions/traverse.d.ts

@@ -0,0 +1,34 @@
+type TraverseCallback = (value: any, update: (newValue: any) => void) => void;
+/**
+ * Recursively traverses an object or array, invoking a callback on each value.
+ *
+ * @param {any} obj - The object or array to traverse. Can also handle primitives, null, or undefined.
+ * @param {TraverseCallback} callback - The function to invoke on each value. Receives the current value
+ * and an `update` function to modify the value in its parent container.
+ * @param {any} [parent=null] - The parent object or array of the current value. Used internally.
+ * @param {any} [key=null] - The key or index of the current value in its parent. Used internally.
+ * @param {WeakSet} [visited=new WeakSet()] - Tracks visited objects to handle circular references. Used internally.
+ *
+ * @example
+ * // Example: Doubling all numbers in an object
+ * const obj = { a: 1, b: [2, 3, { c: 4 }] };
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj); // { a: 2, b: [4, 6, { c: 8 }] }
+ *
+ * @example
+ * // Example: Handling circular references
+ * const obj = { a: 1 };
+ * obj.self = obj;
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj.a); // 2
+ */
+export declare function traverse(obj: any, callback: TraverseCallback, parent?: any, key?: any, visited?: WeakSet<WeakKey>): void;
+export {};

package/types/esm/types/components.d.ts

@@ -146,6 +146,9 @@ export interface ComponentInfo {
          */
         builderLinkComponent?: boolean;
     };
+    meta?: {
+        [key: string]: any;
+    };
 }
 type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};