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

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.21.1",
+  "version": "0.22.0",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

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.21.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/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.21.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;
     };