@builder.io/sdk-solid 0.12.7 → 0.12.8

package/lib/edge/index.jsx

@@ -6185,13 +6185,6 @@ async function fetchEntries(options) {
 }
 var getAllContent = fetchEntries;
 
-// src/functions/is-from-trusted-host.ts
-var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function isFromTrustedHost(trustedHosts, e) {
-  const url = new URL(e.origin), hostname = url.hostname;
-  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
-}
-
 // src/functions/is-previewing.ts
 function isPreviewing() {
   if (!isBrowser()) {
@@ -6439,8 +6432,15 @@ var getInteractionPropertiesForEvent = (event) => {
   };
 };
 
+// src/functions/is-from-trusted-host.ts
+var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function isFromTrustedHost(trustedHosts, e) {
+  const url = new URL(e.origin), hostname = url.hostname;
+  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
+}
+
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.12.7";
+var SDK_VERSION = "0.12.8";
 
 // src/functions/register.ts
 var registry = {};
@@ -6576,6 +6576,66 @@ var setupBrowserForEditing = (options = {}) => {
   }
 };
 
+// src/helpers/subscribe-to-editor.ts
+var createEditorListener = ({
+  model,
+  trustedHosts,
+  callbacks
+}) => {
+  return (event) => {
+    if (!isFromTrustedHost(trustedHosts, event)) {
+      return;
+    }
+    const {
+      data
+    } = event;
+    if (data) {
+      switch (data.type) {
+        case "builder.configureSdk": {
+          callbacks.configureSdk(data.data);
+          break;
+        }
+        case "builder.triggerAnimation": {
+          callbacks.animation(data.data);
+          break;
+        }
+        case "builder.contentUpdate": {
+          const messageContent = data.data;
+          const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
+          const contentData = messageContent.data;
+          if (key === model) {
+            callbacks.contentUpdate(contentData);
+          }
+          break;
+        }
+      }
+    }
+  };
+};
+var subscribeToEditor = (model, callback, options) => {
+  if (!isBrowser) {
+    logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server.");
+    return () => {
+    };
+  }
+  setupBrowserForEditing();
+  const listener = createEditorListener({
+    callbacks: {
+      contentUpdate: callback,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model,
+    trustedHosts: options?.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
+
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
@@ -6621,14 +6681,11 @@ function EnableEditor(props) {
     }));
   }
   function processMessage(event) {
-    if (!isFromTrustedHost(props.trustedHosts, event)) {
-      return;
-    }
-    const { data } = event;
-    if (data) {
-      switch (data.type) {
-        case "builder.configureSdk": {
-          const messageContent = data.data;
+    return createEditorListener({
+      model: props.model,
+      trustedHosts: props.trustedHosts,
+      callbacks: {
+        configureSdk: (messageContent) => {
           const { breakpoints, contentId } = messageContent;
           if (!contentId || contentId !== props.builderContextSignal.content?.id) {
             return;
@@ -6639,26 +6696,18 @@ function EnableEditor(props) {
                 breakpoints
               }
             });
-          }
-          setForceReRenderCount(forceReRenderCount() + 1);
-          break;
-        }
-        case "builder.triggerAnimation": {
-          triggerAnimation(data.data);
-          break;
-        }
-        case "builder.contentUpdate": {
-          const messageContent = data.data;
-          const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
-          const contentData = messageContent.data;
-          if (key === props.model) {
-            mergeNewContent(contentData);
             setForceReRenderCount(forceReRenderCount() + 1);
           }
-          break;
+        },
+        animation: (animation) => {
+          triggerAnimation(animation);
+        },
+        contentUpdate: (newContent) => {
+          mergeNewContent(newContent);
+          setForceReRenderCount(forceReRenderCount() + 1);
         }
       }
-    }
+    })(event);
   }
   function evaluateJsCode() {
     const jsCode = props.builderContextSignal.content?.data?.jsCode;
@@ -7351,5 +7400,6 @@ export {
   isPreviewing,
   register,
   setEditorSettings,
+  subscribeToEditor,
   track
 };

package/lib/node/dev.js

@@ -3492,13 +3492,6 @@ async function fetchEntries(options) {
 }
 var getAllContent = fetchEntries;
 
-// src/functions/is-from-trusted-host.ts
-var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function isFromTrustedHost(trustedHosts, e) {
-  const url = new URL(e.origin), hostname = url.hostname;
-  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
-}
-
 // src/functions/is-previewing.ts
 function isPreviewing() {
   if (!isBrowser()) {
@@ -3749,8 +3742,15 @@ var getInteractionPropertiesForEvent = (event) => {
   };
 };
 
+// src/functions/is-from-trusted-host.ts
+var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function isFromTrustedHost(trustedHosts, e) {
+  const url = new URL(e.origin), hostname = url.hostname;
+  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
+}
+
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.12.7";
+var SDK_VERSION = "0.12.8";
 
 // src/functions/register.ts
 var registry = {};
@@ -3887,6 +3887,66 @@ var setupBrowserForEditing = (options = {}) => {
   }
 };
 
+// src/helpers/subscribe-to-editor.ts
+var createEditorListener = ({
+  model,
+  trustedHosts,
+  callbacks
+}) => {
+  return (event) => {
+    if (!isFromTrustedHost(trustedHosts, event)) {
+      return;
+    }
+    const {
+      data
+    } = event;
+    if (data) {
+      switch (data.type) {
+        case "builder.configureSdk": {
+          callbacks.configureSdk(data.data);
+          break;
+        }
+        case "builder.triggerAnimation": {
+          callbacks.animation(data.data);
+          break;
+        }
+        case "builder.contentUpdate": {
+          const messageContent = data.data;
+          const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
+          const contentData = messageContent.data;
+          if (key === model) {
+            callbacks.contentUpdate(contentData);
+          }
+          break;
+        }
+      }
+    }
+  };
+};
+var subscribeToEditor = (model, callback, options) => {
+  if (!isBrowser) {
+    logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server.");
+    return () => {
+    };
+  }
+  setupBrowserForEditing();
+  const listener = createEditorListener({
+    callbacks: {
+      contentUpdate: callback,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model,
+    trustedHosts: options?.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
+
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
@@ -3930,16 +3990,11 @@ function EnableEditor(props) {
     }));
   }
   function processMessage(event) {
-    if (!isFromTrustedHost(props.trustedHosts, event)) {
-      return;
-    }
-    const {
-      data
-    } = event;
-    if (data) {
-      switch (data.type) {
-        case "builder.configureSdk": {
-          const messageContent = data.data;
+    return createEditorListener({
+      model: props.model,
+      trustedHosts: props.trustedHosts,
+      callbacks: {
+        configureSdk: (messageContent) => {
           const {
             breakpoints,
             contentId
@@ -3953,26 +4008,18 @@ function EnableEditor(props) {
                 breakpoints
               }
             });
-          }
-          setForceReRenderCount(forceReRenderCount() + 1);
-          break;
-        }
-        case "builder.triggerAnimation": {
-          triggerAnimation(data.data);
-          break;
-        }
-        case "builder.contentUpdate": {
-          const messageContent = data.data;
-          const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
-          const contentData = messageContent.data;
-          if (key === props.model) {
-            mergeNewContent(contentData);
             setForceReRenderCount(forceReRenderCount() + 1);
           }
-          break;
+        },
+        animation: (animation) => {
+          triggerAnimation(animation);
+        },
+        contentUpdate: (newContent) => {
+          mergeNewContent(newContent);
+          setForceReRenderCount(forceReRenderCount() + 1);
         }
       }
-    }
+    })(event);
   }
   function evaluateJsCode() {
     const jsCode = props.builderContextSignal.content?.data?.jsCode;
@@ -4816,4 +4863,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, RenderBlocks, RenderContent, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, track };
+export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, RenderBlocks, RenderContent, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };

package/lib/node/dev.jsx

@@ -3168,13 +3168,6 @@ async function fetchEntries(options) {
 }
 var getAllContent = fetchEntries;
 
-// src/functions/is-from-trusted-host.ts
-var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function isFromTrustedHost(trustedHosts, e) {
-  const url = new URL(e.origin), hostname = url.hostname;
-  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
-}
-
 // src/functions/is-previewing.ts
 function isPreviewing() {
   if (!isBrowser()) {
@@ -3425,8 +3418,15 @@ var getInteractionPropertiesForEvent = (event) => {
   };
 };
 
+// src/functions/is-from-trusted-host.ts
+var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function isFromTrustedHost(trustedHosts, e) {
+  const url = new URL(e.origin), hostname = url.hostname;
+  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
+}
+
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.12.7";
+var SDK_VERSION = "0.12.8";
 
 // src/functions/register.ts
 var registry = {};
@@ -3563,6 +3563,66 @@ var setupBrowserForEditing = (options = {}) => {
   }
 };
 
+// src/helpers/subscribe-to-editor.ts
+var createEditorListener = ({
+  model,
+  trustedHosts,
+  callbacks
+}) => {
+  return (event) => {
+    if (!isFromTrustedHost(trustedHosts, event)) {
+      return;
+    }
+    const {
+      data
+    } = event;
+    if (data) {
+      switch (data.type) {
+        case "builder.configureSdk": {
+          callbacks.configureSdk(data.data);
+          break;
+        }
+        case "builder.triggerAnimation": {
+          callbacks.animation(data.data);
+          break;
+        }
+        case "builder.contentUpdate": {
+          const messageContent = data.data;
+          const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
+          const contentData = messageContent.data;
+          if (key === model) {
+            callbacks.contentUpdate(contentData);
+          }
+          break;
+        }
+      }
+    }
+  };
+};
+var subscribeToEditor = (model, callback, options) => {
+  if (!isBrowser) {
+    logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server.");
+    return () => {
+    };
+  }
+  setupBrowserForEditing();
+  const listener = createEditorListener({
+    callbacks: {
+      contentUpdate: callback,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model,
+    trustedHosts: options?.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
+
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
@@ -3608,14 +3668,11 @@ function EnableEditor(props) {
     }));
   }
   function processMessage(event) {
-    if (!isFromTrustedHost(props.trustedHosts, event)) {
-      return;
-    }
-    const { data } = event;
-    if (data) {
-      switch (data.type) {
-        case "builder.configureSdk": {
-          const messageContent = data.data;
+    return createEditorListener({
+      model: props.model,
+      trustedHosts: props.trustedHosts,
+      callbacks: {
+        configureSdk: (messageContent) => {
           const { breakpoints, contentId } = messageContent;
           if (!contentId || contentId !== props.builderContextSignal.content?.id) {
             return;
@@ -3626,26 +3683,18 @@ function EnableEditor(props) {
                 breakpoints
               }
             });
-          }
-          setForceReRenderCount(forceReRenderCount() + 1);
-          break;
-        }
-        case "builder.triggerAnimation": {
-          triggerAnimation(data.data);
-          break;
-        }
-        case "builder.contentUpdate": {
-          const messageContent = data.data;
-          const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
-          const contentData = messageContent.data;
-          if (key === props.model) {
-            mergeNewContent(contentData);
             setForceReRenderCount(forceReRenderCount() + 1);
           }
-          break;
+        },
+        animation: (animation) => {
+          triggerAnimation(animation);
+        },
+        contentUpdate: (newContent) => {
+          mergeNewContent(newContent);
+          setForceReRenderCount(forceReRenderCount() + 1);
         }
       }
-    }
+    })(event);
   }
   function evaluateJsCode() {
     const jsCode = props.builderContextSignal.content?.data?.jsCode;
@@ -4339,5 +4388,6 @@ export {
   isPreviewing,
   register,
   setEditorSettings,
+  subscribeToEditor,
   track
 };

package/lib/node/index.js

@@ -3479,13 +3479,6 @@ async function fetchEntries(options) {
 }
 var getAllContent = fetchEntries;
 
-// src/functions/is-from-trusted-host.ts
-var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function isFromTrustedHost(trustedHosts, e) {
-  const url = new URL(e.origin), hostname = url.hostname;
-  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
-}
-
 // src/functions/is-previewing.ts
 function isPreviewing() {
   if (!isBrowser()) {
@@ -3733,8 +3726,15 @@ var getInteractionPropertiesForEvent = (event) => {
   };
 };
 
+// src/functions/is-from-trusted-host.ts
+var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function isFromTrustedHost(trustedHosts, e) {
+  const url = new URL(e.origin), hostname = url.hostname;
+  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
+}
+
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.12.7";
+var SDK_VERSION = "0.12.8";
 
 // src/functions/register.ts
 var registry = {};
@@ -3870,6 +3870,66 @@ var setupBrowserForEditing = (options = {}) => {
   }
 };
 
+// src/helpers/subscribe-to-editor.ts
+var createEditorListener = ({
+  model,
+  trustedHosts,
+  callbacks
+}) => {
+  return (event) => {
+    if (!isFromTrustedHost(trustedHosts, event)) {
+      return;
+    }
+    const {
+      data
+    } = event;
+    if (data) {
+      switch (data.type) {
+        case "builder.configureSdk": {
+          callbacks.configureSdk(data.data);
+          break;
+        }
+        case "builder.triggerAnimation": {
+          callbacks.animation(data.data);
+          break;
+        }
+        case "builder.contentUpdate": {
+          const messageContent = data.data;
+          const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
+          const contentData = messageContent.data;
+          if (key === model) {
+            callbacks.contentUpdate(contentData);
+          }
+          break;
+        }
+      }
+    }
+  };
+};
+var subscribeToEditor = (model, callback, options) => {
+  if (!isBrowser) {
+    logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server.");
+    return () => {
+    };
+  }
+  setupBrowserForEditing();
+  const listener = createEditorListener({
+    callbacks: {
+      contentUpdate: callback,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model,
+    trustedHosts: options?.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
+
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
@@ -3913,16 +3973,11 @@ function EnableEditor(props) {
     }));
   }
   function processMessage(event) {
-    if (!isFromTrustedHost(props.trustedHosts, event)) {
-      return;
-    }
-    const {
-      data
-    } = event;
-    if (data) {
-      switch (data.type) {
-        case "builder.configureSdk": {
-          const messageContent = data.data;
+    return createEditorListener({
+      model: props.model,
+      trustedHosts: props.trustedHosts,
+      callbacks: {
+        configureSdk: (messageContent) => {
           const {
             breakpoints,
             contentId
@@ -3936,26 +3991,18 @@ function EnableEditor(props) {
                 breakpoints
               }
             });
-          }
-          setForceReRenderCount(forceReRenderCount() + 1);
-          break;
-        }
-        case "builder.triggerAnimation": {
-          triggerAnimation(data.data);
-          break;
-        }
-        case "builder.contentUpdate": {
-          const messageContent = data.data;
-          const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
-          const contentData = messageContent.data;
-          if (key === props.model) {
-            mergeNewContent(contentData);
             setForceReRenderCount(forceReRenderCount() + 1);
           }
-          break;
+        },
+        animation: (animation) => {
+          triggerAnimation(animation);
+        },
+        contentUpdate: (newContent) => {
+          mergeNewContent(newContent);
+          setForceReRenderCount(forceReRenderCount() + 1);
         }
       }
-    }
+    })(event);
   }
   function evaluateJsCode() {
     const jsCode = props.builderContextSignal.content?.data?.jsCode;
@@ -4798,4 +4845,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, RenderBlocks, RenderContent, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, track };
+export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, RenderBlocks, RenderContent, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };