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

package/lib/node/helpers/flatten.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(r,l=null,n="."){return Object.keys(r).reduce((o,e)=>{const t=r[e],i=[l,e].filter(Boolean).join(n);return[typeof t=="object",t!==null,!(Array.isArray(t)&&t.length===0)].every(Boolean)?{...o,...s(t,i,n)}:{...o,[i]:t}},{})}function u(r,l,n={}){for(const o in r){const e=r[o],t=l?l+"."+o:o;e&&typeof e=="object"&&!Array.isArray(e)&&!Object.keys(e).find(i=>i.startsWith("$"))?u(e,t,n):n[t]=e}return n}exports.flatten=s;exports.flattenMongoQuery=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(l,s=null,o="."){return Object.keys(l).reduce((n,t)=>{const e=l[t],r=[s,t].filter(Boolean).join(o);return[typeof e=="object",e!==null,!(Array.isArray(e)&&e.length===0)].every(Boolean)?{...n,...i(e,r,o)}:{...n,[r]:e}},{})}function u(l,s,o={}){for(const n in l){const t=l[n],e=s?s+"."+n:n;t&&typeof t=="object"&&!Array.isArray(t)&&!Object.keys(t).find(r=>r.startsWith("$"))?u(t,e,o):o[e]=t}return o}function c(l){const s={};for(const o in l){const n=o.split(".");let t=s;for(let e=0;e<n.length;e++){const r=n[e];e===n.length-1?t[r]=l[o]:(t[r]=t[r]||{},t=t[r])}}return s}exports.flatten=i;exports.flattenMongoQuery=u;exports.unflatten=c;

package/lib/node/helpers/flatten.mjs

@@ -1,23 +1,36 @@
-function s(r, l = null, n = ".") {
-  return Object.keys(r).reduce((o, e) => {
-    const t = r[e], i = [l, e].filter(Boolean).join(n);
-    return [typeof t == "object", t !== null, !(Array.isArray(t) && t.length === 0)].every(Boolean) ? {
-      ...o,
-      ...s(t, i, n)
+function c(l, s = null, o = ".") {
+  return Object.keys(l).reduce((n, t) => {
+    const e = l[t], r = [s, t].filter(Boolean).join(o);
+    return [typeof e == "object", e !== null, !(Array.isArray(e) && e.length === 0)].every(Boolean) ? {
+      ...n,
+      ...c(e, r, o)
     } : {
-      ...o,
-      [i]: t
+      ...n,
+      [r]: e
     };
   }, {});
 }
-function c(r, l, n = {}) {
-  for (const o in r) {
-    const e = r[o], t = l ? l + "." + o : o;
-    e && typeof e == "object" && !Array.isArray(e) && !Object.keys(e).find((i) => i.startsWith("$")) ? c(e, t, n) : n[t] = e;
+function i(l, s, o = {}) {
+  for (const n in l) {
+    const t = l[n], e = s ? s + "." + n : n;
+    t && typeof t == "object" && !Array.isArray(t) && !Object.keys(t).find((r) => r.startsWith("$")) ? i(t, e, o) : o[e] = t;
   }
-  return n;
+  return o;
+}
+function u(l) {
+  const s = {};
+  for (const o in l) {
+    const n = o.split(".");
+    let t = s;
+    for (let e = 0; e < n.length; e++) {
+      const r = n[e];
+      e === n.length - 1 ? t[r] = l[o] : (t[r] = t[r] || {}, t = t[r]);
+    }
+  }
+  return s;
 }
 export {
-  s as flatten,
-  c as flattenMongoQuery
+  c as flatten,
+  i as flattenMongoQuery,
+  u as unflatten
 };

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.2",
   "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.2";

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/get-block-component-options.d.ts

@@ -1,2 +1,3 @@
+import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
-export declare function getBlockComponentOptions(block: BuilderBlock): any;
+export declare function getBlockComponentOptions(block: BuilderBlock, context: Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): any;

package/types/cjs/functions/get-processed-block.d.ts

@@ -1,11 +1,6 @@
 import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
 export declare function deepCloneWithConditions<T = any>(obj: T): T;
-export declare function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState }: {
+export declare function getProcessedBlock({ block, context, localState, rootState, rootSetState }: {
     block: BuilderBlock;
-    /**
-     * In some cases, we want to avoid evaluating bindings and only want framework-specific block transformation. It is
-     * also sometimes too early to consider bindings, e.g. when we might be looking at a repeated block.
-     */
-    shouldEvaluateBindings: boolean;
 } & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): 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/helpers/flatten.d.ts

@@ -14,3 +14,9 @@ export declare function flatten<T extends Record<string, any>>(object: T, path?:
 export declare function flattenMongoQuery(obj: any, _current?: any, _res?: any): {
     [key: string]: string;
 };
+/**
+ * Unflatten a flat object with dot-separated keys back into a nested object.
+ *
+ * { 'foo.bar': 'baz' } -> { foo: { bar: 'baz' }}
+ */
+export declare function unflatten(obj: any): any;

package/types/cjs/server-index.d.ts

@@ -15,7 +15,7 @@ export type { ContentVariantsPrps as ContentProps } from './components/content-v
 /**
  * General Builder types
  */
-export type { RegisteredComponent } from './context/types.js';
+export type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } 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';

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.2";

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/get-block-component-options.d.ts

@@ -1,2 +1,3 @@
+import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
-export declare function getBlockComponentOptions(block: BuilderBlock): any;
+export declare function getBlockComponentOptions(block: BuilderBlock, context: Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): any;

package/types/esm/functions/get-processed-block.d.ts

@@ -1,11 +1,6 @@
 import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
 export declare function deepCloneWithConditions<T = any>(obj: T): T;
-export declare function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState }: {
+export declare function getProcessedBlock({ block, context, localState, rootState, rootSetState }: {
     block: BuilderBlock;
-    /**
-     * In some cases, we want to avoid evaluating bindings and only want framework-specific block transformation. It is
-     * also sometimes too early to consider bindings, e.g. when we might be looking at a repeated block.
-     */
-    shouldEvaluateBindings: boolean;
 } & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): 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/helpers/flatten.d.ts

@@ -14,3 +14,9 @@ export declare function flatten<T extends Record<string, any>>(object: T, path?:
 export declare function flattenMongoQuery(obj: any, _current?: any, _res?: any): {
     [key: string]: string;
 };
+/**
+ * Unflatten a flat object with dot-separated keys back into a nested object.
+ *
+ * { 'foo.bar': 'baz' } -> { foo: { bar: 'baz' }}
+ */
+export declare function unflatten(obj: any): any;

package/types/esm/server-index.d.ts

@@ -15,7 +15,7 @@ export type { ContentVariantsPrps as ContentProps } from './components/content-v
 /**
  * General Builder types
  */
-export type { RegisteredComponent } from './context/types.js';
+export type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } 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';

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 {};