@builder.io/sdk-qwik 0.12.7 → 0.12.8

package/lib/browser/index.qwik.cjs

@@ -3352,17 +3352,6 @@ async function fetchEntries(options) {
   }
 }
 const getAllContent = fetchEntries;
-const 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;
-}
 function isPreviewing() {
   if (!isBrowser())
     return false;
@@ -3562,7 +3551,18 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.7";
+const 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;
+}
+const SDK_VERSION = "0.12.8";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3698,6 +3698,53 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
+const 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;
+        }
+      }
+  };
+};
+const 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 == null ? void 0 : options.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
 const mergeNewRootState = function mergeNewRootState2(props, state, elementRef, newData) {
   var _a, _b;
   const combinedState = {
@@ -3727,40 +3774,33 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
   props.builderContextSignal.content = newContentValue;
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
-  var _a;
-  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) => {
+        var _a;
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints)
+        if (breakpoints) {
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-        state.forceReRenderCount = state.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(props, state, elementRef, contentData);
           state.forceReRenderCount = state.forceReRenderCount + 1;
         }
-        break;
+      },
+      animation: (animation) => {
+        triggerAnimation(animation);
+      },
+      contentUpdate: (newContent) => {
+        mergeNewContent(props, state, elementRef, newContent);
+        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
+  })(event);
 };
 const evaluateJsCode = function evaluateJsCode2(props, state, elementRef) {
   var _a, _b;
@@ -4893,4 +4933,5 @@ exports.isEditing = isEditing;
 exports.isPreviewing = isPreviewing;
 exports.register = register;
 exports.setEditorSettings = setEditorSettings;
+exports.subscribeToEditor = subscribeToEditor;
 exports.track = track;

package/lib/browser/index.qwik.mjs

@@ -3350,17 +3350,6 @@ async function fetchEntries(options) {
   }
 }
 const getAllContent = fetchEntries;
-const 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;
-}
 function isPreviewing() {
   if (!isBrowser())
     return false;
@@ -3560,7 +3549,18 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.7";
+const 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;
+}
+const SDK_VERSION = "0.12.8";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3696,6 +3696,53 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
+const 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;
+        }
+      }
+  };
+};
+const 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 == null ? void 0 : options.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
 const mergeNewRootState = function mergeNewRootState2(props, state, elementRef, newData) {
   var _a, _b;
   const combinedState = {
@@ -3725,40 +3772,33 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
   props.builderContextSignal.content = newContentValue;
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
-  var _a;
-  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) => {
+        var _a;
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints)
+        if (breakpoints) {
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-        state.forceReRenderCount = state.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(props, state, elementRef, contentData);
           state.forceReRenderCount = state.forceReRenderCount + 1;
         }
-        break;
+      },
+      animation: (animation) => {
+        triggerAnimation(animation);
+      },
+      contentUpdate: (newContent) => {
+        mergeNewContent(props, state, elementRef, newContent);
+        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
+  })(event);
 };
 const evaluateJsCode = function evaluateJsCode2(props, state, elementRef) {
   var _a, _b;
@@ -4892,5 +4932,6 @@ export {
   isPreviewing,
   register,
   setEditorSettings,
+  subscribeToEditor,
   track
 };

package/lib/edge/index.qwik.cjs

@@ -6583,17 +6583,6 @@ async function fetchEntries(options) {
   }
 }
 const getAllContent = fetchEntries;
-const 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;
-}
 function isPreviewing() {
   if (!isBrowser())
     return false;
@@ -6793,7 +6782,18 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.7";
+const 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;
+}
+const SDK_VERSION = "0.12.8";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6929,6 +6929,53 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
+const 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;
+        }
+      }
+  };
+};
+const 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 == null ? void 0 : options.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
 const mergeNewRootState = function mergeNewRootState2(props, state, elementRef, newData) {
   var _a, _b;
   const combinedState = {
@@ -6958,40 +7005,33 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
   props.builderContextSignal.content = newContentValue;
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
-  var _a;
-  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) => {
+        var _a;
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints)
+        if (breakpoints) {
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-        state.forceReRenderCount = state.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(props, state, elementRef, contentData);
           state.forceReRenderCount = state.forceReRenderCount + 1;
         }
-        break;
+      },
+      animation: (animation) => {
+        triggerAnimation(animation);
+      },
+      contentUpdate: (newContent) => {
+        mergeNewContent(props, state, elementRef, newContent);
+        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
+  })(event);
 };
 const evaluateJsCode = function evaluateJsCode2(props, state, elementRef) {
   var _a, _b;
@@ -8124,4 +8164,5 @@ exports.isEditing = isEditing;
 exports.isPreviewing = isPreviewing;
 exports.register = register;
 exports.setEditorSettings = setEditorSettings;
+exports.subscribeToEditor = subscribeToEditor;
 exports.track = track;

package/lib/edge/index.qwik.mjs

@@ -6581,17 +6581,6 @@ async function fetchEntries(options) {
   }
 }
 const getAllContent = fetchEntries;
-const 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;
-}
 function isPreviewing() {
   if (!isBrowser())
     return false;
@@ -6791,7 +6780,18 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.7";
+const 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;
+}
+const SDK_VERSION = "0.12.8";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6927,6 +6927,53 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
+const 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;
+        }
+      }
+  };
+};
+const 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 == null ? void 0 : options.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
 const mergeNewRootState = function mergeNewRootState2(props, state, elementRef, newData) {
   var _a, _b;
   const combinedState = {
@@ -6956,40 +7003,33 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
   props.builderContextSignal.content = newContentValue;
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
-  var _a;
-  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) => {
+        var _a;
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints)
+        if (breakpoints) {
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-        state.forceReRenderCount = state.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(props, state, elementRef, contentData);
           state.forceReRenderCount = state.forceReRenderCount + 1;
         }
-        break;
+      },
+      animation: (animation) => {
+        triggerAnimation(animation);
+      },
+      contentUpdate: (newContent) => {
+        mergeNewContent(props, state, elementRef, newContent);
+        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
+  })(event);
 };
 const evaluateJsCode = function evaluateJsCode2(props, state, elementRef) {
   var _a, _b;
@@ -8123,5 +8163,6 @@ export {
   isPreviewing,
   register,
   setEditorSettings,
+  subscribeToEditor,
   track
 };

package/lib/node/index.qwik.cjs

@@ -3453,17 +3453,6 @@ async function fetchEntries(options) {
   }
 }
 const getAllContent = fetchEntries;
-const 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;
-}
 function isPreviewing() {
   if (!isBrowser())
     return false;
@@ -3663,7 +3652,18 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.7";
+const 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;
+}
+const SDK_VERSION = "0.12.8";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3799,6 +3799,53 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
+const 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;
+        }
+      }
+  };
+};
+const 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 == null ? void 0 : options.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
 const mergeNewRootState = function mergeNewRootState2(props, state, elementRef, newData) {
   var _a, _b;
   const combinedState = {
@@ -3828,40 +3875,33 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
   props.builderContextSignal.content = newContentValue;
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
-  var _a;
-  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) => {
+        var _a;
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints)
+        if (breakpoints) {
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-        state.forceReRenderCount = state.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(props, state, elementRef, contentData);
           state.forceReRenderCount = state.forceReRenderCount + 1;
         }
-        break;
+      },
+      animation: (animation) => {
+        triggerAnimation(animation);
+      },
+      contentUpdate: (newContent) => {
+        mergeNewContent(props, state, elementRef, newContent);
+        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
+  })(event);
 };
 const evaluateJsCode = function evaluateJsCode2(props, state, elementRef) {
   var _a, _b;
@@ -4994,4 +5034,5 @@ exports.isEditing = isEditing;
 exports.isPreviewing = isPreviewing;
 exports.register = register;
 exports.setEditorSettings = setEditorSettings;
+exports.subscribeToEditor = subscribeToEditor;
 exports.track = track;

package/lib/node/index.qwik.mjs

@@ -3451,17 +3451,6 @@ async function fetchEntries(options) {
   }
 }
 const getAllContent = fetchEntries;
-const 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;
-}
 function isPreviewing() {
   if (!isBrowser())
     return false;
@@ -3661,7 +3650,18 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.7";
+const 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;
+}
+const SDK_VERSION = "0.12.8";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3797,6 +3797,53 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
+const 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;
+        }
+      }
+  };
+};
+const 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 == null ? void 0 : options.trustedHosts
+  });
+  window.addEventListener("message", listener);
+  return () => {
+    window.removeEventListener("message", listener);
+  };
+};
 const mergeNewRootState = function mergeNewRootState2(props, state, elementRef, newData) {
   var _a, _b;
   const combinedState = {
@@ -3826,40 +3873,33 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
   props.builderContextSignal.content = newContentValue;
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
-  var _a;
-  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) => {
+        var _a;
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints)
+        if (breakpoints) {
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-        state.forceReRenderCount = state.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(props, state, elementRef, contentData);
           state.forceReRenderCount = state.forceReRenderCount + 1;
         }
-        break;
+      },
+      animation: (animation) => {
+        triggerAnimation(animation);
+      },
+      contentUpdate: (newContent) => {
+        mergeNewContent(props, state, elementRef, newContent);
+        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
+  })(event);
 };
 const evaluateJsCode = function evaluateJsCode2(props, state, elementRef) {
   var _a, _b;
@@ -4993,5 +5033,6 @@ export {
   isPreviewing,
   register,
   setEditorSettings,
+  subscribeToEditor,
   track
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.12.7",
+  "version": "0.12.8",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

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

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

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

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

package/types/src/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/src/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';