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

package/lib/node/constants/extra-components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blocks/custom-code/component-info.cjs"),o=require("../blocks/custom-code/custom-code.cjs"),n=require("../blocks/embed/component-info.cjs"),t=require("../blocks/embed/embed.cjs");require("react/jsx-runtime");require("react");require("../functions/evaluate/node-runtime/safeDynamicRequire.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");const r=require("../blocks/img/component-info.cjs"),c=require("../blocks/img/img.cjs"),i=require("../blocks/video/component-info.cjs"),m=require("../blocks/video/video.cjs"),u=()=>[{component:o,...e.componentInfo},{component:t,...n.componentInfo},{component:c,...r.componentInfo},{component:m,...i.componentInfo}];exports.getExtraComponents=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blocks/custom-code/component-info.cjs"),o=require("../blocks/custom-code/custom-code.cjs"),n=require("../blocks/embed/component-info.cjs"),r=require("../blocks/embed/embed.cjs");require("react/jsx-runtime");require("react");require("../functions/evaluate/node-runtime/safeDynamicRequire.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");require("../context/builder.context.cjs");const t=require("../blocks/img/component-info.cjs"),c=require("../blocks/img/img.cjs"),i=require("../blocks/video/component-info.cjs"),m=require("../blocks/video/video.cjs"),u=()=>[{component:o,...e.componentInfo},{component:r,...n.componentInfo},{component:c,...t.componentInfo},{component:m,...i.componentInfo}];exports.getExtraComponents=u;

package/lib/node/constants/extra-components.mjs

@@ -7,11 +7,12 @@ import "react";
 import "../functions/evaluate/node-runtime/safeDynamicRequire.mjs";
 import "../helpers/user-attributes.mjs";
 import "../functions/get-fetch.mjs";
+import "../context/builder.context.mjs";
 import { componentInfo as p } from "../blocks/img/component-info.mjs";
 import r from "../blocks/img/img.mjs";
 import { componentInfo as e } from "../blocks/video/component-info.mjs";
 import f from "../blocks/video/video.mjs";
-const V = () => [{
+const h = () => [{
   component: m,
   ...o
 }, {
@@ -25,5 +26,5 @@ const V = () => [{
   ...e
 }];
 export {
-  V as getExtraComponents
+  h as getExtraComponents
 };

package/lib/node/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.20.1";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.22.0";exports.SDK_VERSION=e;

package/lib/node/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.20.1";
+const o = "0.22.0";
 export {
   o as SDK_VERSION
 };

package/lib/node/helpers/find-block.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(e,o)=>{var c;return l((c=e.data)==null?void 0:c.blocks,o)},l=(e,o)=>{var c,r,i;if(!e)return null;for(const n of e){if(n.id===o)return n;if(n.children){const t=l(n.children,o);if(t)return t}if(((c=n.component)==null?void 0:c.name)==="Columns"&&((i=(r=n.component)==null?void 0:r.options)!=null&&i.columns)){for(const t of n.component.options.columns)if(t.blocks){const f=l(t.blocks,o);if(f)return f}}}return null};exports.findBlockById=s;exports.findBlockInTree=l;

package/lib/node/helpers/find-block.mjs

@@ -0,0 +1,30 @@
+const s = (r, o) => {
+  var c;
+  return l((c = r.data) == null ? void 0 : c.blocks, o);
+}, l = (r, o) => {
+  var c, e, i;
+  if (!r)
+    return null;
+  for (const n of r) {
+    if (n.id === o)
+      return n;
+    if (n.children) {
+      const t = l(n.children, o);
+      if (t)
+        return t;
+    }
+    if (((c = n.component) == null ? void 0 : c.name) === "Columns" && ((i = (e = n.component) == null ? void 0 : e.options) != null && i.columns)) {
+      for (const t of n.component.options.columns)
+        if (t.blocks) {
+          const f = l(t.blocks, o);
+          if (f)
+            return f;
+        }
+    }
+  }
+  return null;
+};
+export {
+  s as findBlockById,
+  l as findBlockInTree
+};

package/lib/node/helpers/subscribe-to-editor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../functions/is-browser.cjs"),u=require("../functions/is-from-trusted-host.cjs"),b=require("../scripts/init-editing.cjs"),g=require("./logger.cjs"),d=({model:n,trustedHosts:i,callbacks:r})=>o=>{if(!u.isFromTrustedHost(i,o))return;const{data:t}=o;if(t)switch(t.type){case"builder.configureSdk":{r.configureSdk(t.data);break}case"builder.triggerAnimation":{r.animation(t.data);break}case"builder.resetState":{const e=t.data,a=e.model,s=e==null?void 0:e.state;a===n&&s&&r.stateUpdate(s);break}case"builder.contentUpdate":{const e=t.data,a=e.key||e.alias||e.entry||e.modelName,s=e.data;a===n&&r.contentUpdate(s);break}}},m=({model:n,apiKey:i,callback:r,trustedHosts:o})=>{if(!c.isBrowser)return g.logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};b.setupBrowserForEditing({modelName:n,apiKey:i});const t=d({callbacks:{contentUpdate:r,animation:()=>{},configureSdk:()=>{},stateUpdate:()=>{}},model:n,trustedHosts:o});return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}};exports.createEditorListener=d;exports.subscribeToEditor=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../functions/is-browser.cjs"),b=require("../functions/is-from-trusted-host.cjs"),g=require("../scripts/init-editing.cjs"),m=require("./logger.cjs"),c=({model:n,trustedHosts:s,callbacks:r})=>i=>{if(!b.isFromTrustedHost(s,i))return;const{data:t}=i;if(t)switch(t.type){case"builder.configureSdk":{r.configureSdk(t.data);break}case"builder.triggerAnimation":{r.animation(t.data);break}case"builder.resetState":{const e=t.data,a=e.model,o=e==null?void 0:e.state,d=e.editType;a===n&&o&&r.stateUpdate(o,d);break}case"builder.contentUpdate":{const e=t.data,a=e.key||e.alias||e.entry||e.modelName,o=e.data,d=e.editType;a===n&&r.contentUpdate(o,d);break}}},p=({model:n,apiKey:s,callback:r,trustedHosts:i})=>{if(!u.isBrowser)return m.logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};g.setupBrowserForEditing({modelName:n,apiKey:s});const t=c({callbacks:{contentUpdate:r,animation:()=>{},configureSdk:()=>{},stateUpdate:()=>{}},model:n,trustedHosts:i});return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}};exports.createEditorListener=c;exports.subscribeToEditor=p;

package/lib/node/helpers/subscribe-to-editor.mjs

@@ -1,13 +1,13 @@
-import { isBrowser as d } from "../functions/is-browser.mjs";
-import { isFromTrustedHost as c } from "../functions/is-from-trusted-host.mjs";
-import { setupBrowserForEditing as m } from "../scripts/init-editing.mjs";
-import { logger as u } from "./logger.mjs";
+import { isBrowser as c } from "../functions/is-browser.mjs";
+import { isFromTrustedHost as m } from "../functions/is-from-trusted-host.mjs";
+import { setupBrowserForEditing as u } from "../scripts/init-editing.mjs";
+import { logger as p } from "./logger.mjs";
 const b = ({
   model: o,
-  trustedHosts: i,
+  trustedHosts: s,
   callbacks: r
 }) => (n) => {
-  if (!c(i, n))
+  if (!m(s, n))
     return;
   const {
     data: t
@@ -23,28 +23,28 @@ const b = ({
         break;
       }
       case "builder.resetState": {
-        const e = t.data, s = e.model, a = e == null ? void 0 : e.state;
-        s === o && a && r.stateUpdate(a);
+        const e = t.data, a = e.model, i = e == null ? void 0 : e.state, d = e.editType;
+        a === o && i && r.stateUpdate(i, d);
         break;
       }
       case "builder.contentUpdate": {
-        const e = t.data, s = e.key || e.alias || e.entry || e.modelName, a = e.data;
-        s === o && r.contentUpdate(a);
+        const e = t.data, a = e.key || e.alias || e.entry || e.modelName, i = e.data, d = e.editType;
+        a === o && r.contentUpdate(i, d);
         break;
       }
     }
 }, k = ({
   model: o,
-  apiKey: i,
+  apiKey: s,
   callback: r,
   trustedHosts: n
 }) => {
-  if (!d)
-    return u.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+  if (!c)
+    return p.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  m({
+  u({
     modelName: o,
-    apiKey: i
+    apiKey: s
   });
   const t = b({
     callbacks: {

package/package.json

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

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

@@ -1,6 +1,6 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
-interface SymbolInfo {
+export interface SymbolInfo {
     model?: string;
     entry?: string;
     data?: any;
@@ -16,4 +16,3 @@ export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, Bu
     inheritState?: boolean;
     renderToLiquid?: boolean;
 }
-export {};

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

@@ -1,14 +1,4 @@
 import * as React from "react";
-/**
- * Placeholder component to be overridden by specific SDKs.
- * Allows to dynamically import components.
- */
-type AwaiterProps = {
-    load: () => Promise<any>;
-    props?: any;
-    attributes?: any;
-    fallback?: any;
-    children?: any;
-};
+import type { AwaiterProps } from "./awaiter.types.js";
 declare function Awaiter(props: AwaiterProps): React.JSX.Element;
 export default Awaiter;

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

@@ -0,0 +1,7 @@
+export type AwaiterProps = {
+    load: () => Promise<any>;
+    props?: any;
+    attributes?: any;
+    fallback?: any;
+    children?: any;
+};

package/types/cjs/components/block/components/live-edit-block-styles.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+type LiveEditBlockStylesProps = {
+    id?: any;
+    contextProvider: BuilderContextInterface;
+};
+import type { BuilderContextInterface } from "../../../server-index.js";
+declare function LiveEditBlockStyles(props: LiveEditBlockStylesProps): React.JSX.Element;
+export default LiveEditBlockStyles;

package/types/cjs/components/block/components/style-wrapper.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type StyleWrapperProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    id?: string;
+};
+import { BuilderBlock, BuilderContextInterface } from "../../../server-index.js";
+declare function StyleWrapper(props: StyleWrapperProps): React.JSX.Element;
+export default StyleWrapper;

package/types/cjs/components/live-edit.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type LiveEditProps = {
+    children?: any;
+    id?: any;
+    Wrapper?: any;
+    attributes?: any;
+};
+declare function LiveEdit(props: LiveEditProps): React.JSX.Element;
+export default LiveEdit;

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

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

package/types/cjs/helpers/find-block.d.ts

@@ -0,0 +1,18 @@
+import type { BuilderBlock, BuilderContent } from '../server-index.js';
+/**
+ * Recursively searches for a block by ID.
+ *
+ * @param content The Builder content to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ */
+export declare const findBlockById: (content: BuilderContent, id: string) => BuilderBlock | null;
+/**
+ * Helper function to recursively search through block tree.
+ *
+ * @param blocks The blocks to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ * @private This is an internal implementation detail.
+ */
+export declare const findBlockInTree: (blocks: BuilderBlock[] | undefined, id: string) => BuilderBlock | null;

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

@@ -2,10 +2,11 @@ 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';
 import type { Dictionary } from '../types/typescript.js';
+export type EditType = 'client' | 'server' | undefined;
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
-        contentUpdate: (updatedContent: BuilderContent) => void;
-        stateUpdate: (newState: Dictionary<string>) => void;
+        contentUpdate: (updatedContent: BuilderContent, editType?: EditType) => void;
+        stateUpdate: (newState: Dictionary<string>, editType?: EditType) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };

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

@@ -1,6 +1,6 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
-interface SymbolInfo {
+export interface SymbolInfo {
     model?: string;
     entry?: string;
     data?: any;
@@ -16,4 +16,3 @@ export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, Bu
     inheritState?: boolean;
     renderToLiquid?: boolean;
 }
-export {};

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

@@ -1,14 +1,4 @@
 import * as React from "react";
-/**
- * Placeholder component to be overridden by specific SDKs.
- * Allows to dynamically import components.
- */
-type AwaiterProps = {
-    load: () => Promise<any>;
-    props?: any;
-    attributes?: any;
-    fallback?: any;
-    children?: any;
-};
+import type { AwaiterProps } from "./awaiter.types.js";
 declare function Awaiter(props: AwaiterProps): React.JSX.Element;
 export default Awaiter;

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

@@ -0,0 +1,7 @@
+export type AwaiterProps = {
+    load: () => Promise<any>;
+    props?: any;
+    attributes?: any;
+    fallback?: any;
+    children?: any;
+};

package/types/esm/components/block/components/live-edit-block-styles.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+type LiveEditBlockStylesProps = {
+    id?: any;
+    contextProvider: BuilderContextInterface;
+};
+import type { BuilderContextInterface } from "../../../server-index.js";
+declare function LiveEditBlockStyles(props: LiveEditBlockStylesProps): React.JSX.Element;
+export default LiveEditBlockStyles;

package/types/esm/components/block/components/style-wrapper.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type StyleWrapperProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    id?: string;
+};
+import { BuilderBlock, BuilderContextInterface } from "../../../server-index.js";
+declare function StyleWrapper(props: StyleWrapperProps): React.JSX.Element;
+export default StyleWrapper;

package/types/esm/components/live-edit.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type LiveEditProps = {
+    children?: any;
+    id?: any;
+    Wrapper?: any;
+    attributes?: any;
+};
+declare function LiveEdit(props: LiveEditProps): React.JSX.Element;
+export default LiveEdit;

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

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

package/types/esm/helpers/find-block.d.ts

@@ -0,0 +1,18 @@
+import type { BuilderBlock, BuilderContent } from '../server-index.js';
+/**
+ * Recursively searches for a block by ID.
+ *
+ * @param content The Builder content to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ */
+export declare const findBlockById: (content: BuilderContent, id: string) => BuilderBlock | null;
+/**
+ * Helper function to recursively search through block tree.
+ *
+ * @param blocks The blocks to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ * @private This is an internal implementation detail.
+ */
+export declare const findBlockInTree: (blocks: BuilderBlock[] | undefined, id: string) => BuilderBlock | null;

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

@@ -2,10 +2,11 @@ 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';
 import type { Dictionary } from '../types/typescript.js';
+export type EditType = 'client' | 'server' | undefined;
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
-        contentUpdate: (updatedContent: BuilderContent) => void;
-        stateUpdate: (newState: Dictionary<string>) => void;
+        contentUpdate: (updatedContent: BuilderContent, editType?: EditType) => void;
+        stateUpdate: (newState: Dictionary<string>, editType?: EditType) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };