@builder.io/sdk-react 0.12.6 → 0.12.8

package/lib/node/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-bcb725be.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-c063befa.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/node/server-entry.mjs

@@ -1,16 +1,17 @@
-import { _ as t, c as a, h as r, f as i, b as n, g, e as o, d as c, i as d, a as f, r as h, s as l, t as p } from "./server-entry-0457c4c8.js";
+import { _ as t, c as a, f as r, d as i, e as n, h as o, g, j as c, i as d, a as f, r as h, s as l, b as E, t as p } from "./server-entry-d816840a.js";
 export {
   t as _processContentResult,
   a as createRegisterComponentMessage,
   r as fetchBuilderProps,
   i as fetchEntries,
   n as fetchOneEntry,
-  g as getAllContent,
-  o as getBuilderSearchParams,
+  o as getAllContent,
+  g as getBuilderSearchParams,
   c as getContent,
   d as isEditing,
   f as isPreviewing,
   h as register,
   l as setEditorSettings,
+  E as subscribeToEditor,
   p as track
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.12.6",
+  "version": "0.12.8",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
   "type": "module",
   "repository": {

package/types/components/block/animator.d.ts

@@ -0,0 +1,5 @@
+import type { BuilderAnimation } from '../../types/builder-block.js';
+export declare function bindAnimations(animations: BuilderAnimation[]): void;
+export declare function triggerAnimation(animation: BuilderAnimation): void;
+export declare function bindHoverAnimation(animation: BuilderAnimation): void;
+export declare function bindScrollInViewAnimation(animation: BuilderAnimation): void;

package/types/components/content-variants/helpers.d.ts

@@ -6,7 +6,7 @@ export declare const getVariants: (content: Nullable<BuilderContent>) => {
     data?: {
         [key: string]: any;
         title?: string;
-        blocks?: import("../../types/builder-block.js").BuilderBlock[];
+        blocks?: import("../../server-index.js").BuilderBlock[];
         inputs?: import("../../types/input.js").Input[];
         state?: {
             [key: string]: any;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.6";
+export declare const SDK_VERSION = "0.12.8";

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

@@ -0,0 +1,35 @@
+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';
+type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
+    callbacks: {
+        contentUpdate: (updatedContent: BuilderContent) => void;
+        animation: (updatedContent: BuilderAnimation) => void;
+        configureSdk: (updatedContent: any) => void;
+    };
+};
+export declare const createEditorListener: ({ model, trustedHosts, callbacks }: ContentListener) => (event: MessageEvent<any>) => void;
+type SubscribeToEditor = (
+/**
+ * The Builder `model` to subscribe to
+ */
+model: string, 
+/**
+ * The callback function to call when the content is updated.
+ */
+callback: (updatedContent: BuilderContent) => void, 
+/**
+ * Extra options for the listener.
+ */
+options?: {
+    /**
+     * List of hosts to allow editing content from.
+     */
+    trustedHosts?: string[] | undefined;
+}) => () => void;
+/**
+ * Subscribes to the Builder editor and listens to `content` updates of a certain `model`.
+ * Sends the updated `content` to the `callback` function.
+ */
+export declare const subscribeToEditor: SubscribeToEditor;
+export {};

package/types/server-index.d.ts

@@ -1,4 +1,7 @@
 export * from './index-helpers/top-of-file.js';
+/**
+ * Component Prop types
+ */
 export type { ButtonProps } from './blocks/button/button.types.js';
 export type { ColumnProps } from './blocks/columns/columns.types.js';
 export type { FragmentProps } from './blocks/fragment/fragment.types.js';
@@ -9,6 +12,16 @@ export type { TextProps } from './blocks/text/text.types.js';
 export type { VideoProps } from './blocks/video/video.types.js';
 export type { BlocksProps } from './components/blocks/blocks.types.js';
 export type { ContentVariantsPrps as ContentProps } from './components/content-variants/content-variants.types.js';
+/**
+ * General Builder types
+ */
+export type { RegisteredComponent } 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';
+/**
+ * Helper functions
+ */
 export { isEditing } from './functions/is-editing.js';
 export { isPreviewing } from './functions/is-previewing.js';
 export { createRegisterComponentMessage } from './functions/register-component.js';
@@ -16,9 +29,11 @@ export { register } from './functions/register.js';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
 export { setEditorSettings } from './functions/set-editor-settings.js';
 export type { Settings } from './functions/set-editor-settings.js';
-export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } from './functions/get-content/index.js';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
-export type { RegisteredComponent } from './context/types.js';
-export type { ComponentInfo } from './types/components.js';
+export { subscribeToEditor } from './helpers/subscribe-to-editor.js';
+/**
+ * Content fetching
+ */
 export { fetchBuilderProps } from './functions/fetch-builder-props.js';
+export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } from './functions/get-content/index.js';

package/types/types/builder-block.d.ts

@@ -4,6 +4,23 @@ interface JSONObject {
 }
 interface JSONArray extends Array<JSONValue> {
 }
+export interface AnimationStep {
+    styles: {
+        [key: string]: string;
+    };
+    delay?: number;
+}
+export interface BuilderAnimation {
+    elementId: string;
+    trigger: string;
+    steps: AnimationStep[];
+    duration: number;
+    delay?: number;
+    easing?: string;
+    id?: string;
+    repeat?: boolean;
+    thresholdPercent?: number;
+}
 /** @todo typedoc this */
 export interface BuilderBlock {
     '@type': '@builder.io/sdk:Element';
@@ -52,7 +69,7 @@ export interface BuilderBlock {
         collection: string;
         itemName?: string;
     } | null;
-    animations?: any[];
+    animations?: BuilderAnimation[];
     style?: Partial<CSSStyleDeclaration>;
     href?: string;
     /**