@builder.io/sdk-qwik 0.12.1 → 0.12.2

package/lib/node/index.qwik.mjs

@@ -337,26 +337,6 @@ function getProcessedBlock({ block, context, shouldEvaluateBindings, localState,
   else
     return transformedBlock;
 }
-const EMPTY_HTML_ELEMENTS = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "keygen",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-];
-const isEmptyHtmlElement = (tagName) => {
-  return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.includes(tagName.toLowerCase());
-};
 const getComponent = ({ block, context, registeredComponents }) => {
   var _a;
   const componentName = (_a = getProcessedBlock({
@@ -641,38 +621,67 @@ function getStyleAttribute(style) {
       return style;
   }
 }
-const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+const isEmptyElement = (tagName) => {
+  return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.has(tagName.toLowerCase());
+};
+const DynamicRenderer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.hasChildren ? /* @__PURE__ */ _jsxC(props.Wrapper, {
-      ...getBlockProperties({
-        block: props.block,
-        context: props.context
-      }),
-      ...getBlockActions({
-        block: props.block,
-        rootState: props.context.rootState,
-        rootSetState: props.context.rootSetState,
-        localState: props.context.localState,
-        context: props.context.context,
-        stripPrefix: true
-      }),
-      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "87_0")
-    }, 0, "87_1") : /* @__PURE__ */ _jsxC(props.Wrapper, {
-      ...getBlockProperties({
-        block: props.block,
-        context: props.context
-      }),
-      ...getBlockActions({
-        block: props.block,
-        rootState: props.context.rootState,
-        rootSetState: props.context.rootSetState,
-        localState: props.context.localState,
-        context: props.context.context,
-        stripPrefix: true
-      })
-    }, 0, "87_2")
-  }, 1, "87_3");
+    children: !isEmptyElement(props.TagName) ? typeof props.TagName === "string" ? /* @__PURE__ */ _jsxC(props.TagName, {
+      ...props.attributes,
+      ...props.actionAttributes,
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "yW_0")
+    }, 0, "yW_1") : /* @__PURE__ */ _jsxC(props.TagName, {
+      ...props.attributes,
+      ...props.actionAttributes,
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "yW_2")
+    }, 0, "yW_3") : /* @__PURE__ */ _jsxC(props.TagName, {
+      ...props.attributes,
+      ...props.actionAttributes
+    }, 0, "yW_4")
+  }, 1, "yW_5");
+}, "DynamicRenderer_component_1Co0xkmyAfQ"));
+const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxC(DynamicRenderer, {
+    get TagName() {
+      return props.Wrapper;
+    },
+    actionAttributes: getBlockActions({
+      block: props.block,
+      rootState: props.context.rootState,
+      rootSetState: props.context.rootSetState,
+      localState: props.context.localState,
+      context: props.context.context,
+      stripPrefix: true
+    }),
+    attributes: getBlockProperties({
+      block: props.block,
+      context: props.context
+    }),
+    children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "87_0"),
+    [_IMMUTABLE]: {
+      TagName: _fnSignal((p0) => p0.Wrapper, [
+        props
+      ], "p0.Wrapper")
+    }
+  }, 1, "87_1");
 }, "BlockWrapper_component_kOI0j0aW8Nw"));
 const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxC(props.Wrapper, {
@@ -896,151 +905,120 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
             ], "p0.context")
           }
         }, 3, "jN_0"),
-        !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? /* @__PURE__ */ _jsxC(Fragment, {
+        !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? !repeatItem.value ? /* @__PURE__ */ _jsxC(BlockWrapper, {
+          get Wrapper() {
+            return Tag.value;
+          },
+          get block() {
+            return processedBlock.value;
+          },
+          get context() {
+            return props.context;
+          },
           children: [
-            isEmptyHtmlElement(Tag.value) ? /* @__PURE__ */ _jsxC(BlockWrapper, {
-              get Wrapper() {
-                return Tag.value;
+            /* @__PURE__ */ _jsxC(ComponentRef, {
+              get componentRef() {
+                return componentRefProps.value.componentRef;
+              },
+              get componentOptions() {
+                return componentRefProps.value.componentOptions;
               },
-              get block() {
-                return processedBlock.value;
+              get blockChildren() {
+                return componentRefProps.value.blockChildren;
               },
               get context() {
-                return props.context;
+                return componentRefProps.value.context;
+              },
+              get registeredComponents() {
+                return componentRefProps.value.registeredComponents;
+              },
+              get builderBlock() {
+                return componentRefProps.value.builderBlock;
+              },
+              get includeBlockProps() {
+                return componentRefProps.value.includeBlockProps;
+              },
+              get isInteractive() {
+                return componentRefProps.value.isInteractive;
               },
-              hasChildren: false,
               [_IMMUTABLE]: {
-                Wrapper: _fnSignal((p0) => p0.value, [
-                  Tag
-                ], "p0.value"),
-                block: _fnSignal((p0) => p0.value, [
-                  processedBlock
-                ], "p0.value"),
-                context: _fnSignal((p0) => p0.context, [
-                  props
-                ], "p0.context"),
-                hasChildren: _IMMUTABLE
+                blockChildren: _fnSignal((p0) => p0.value.blockChildren, [
+                  componentRefProps
+                ], "p0.value.blockChildren"),
+                builderBlock: _fnSignal((p0) => p0.value.builderBlock, [
+                  componentRefProps
+                ], "p0.value.builderBlock"),
+                componentOptions: _fnSignal((p0) => p0.value.componentOptions, [
+                  componentRefProps
+                ], "p0.value.componentOptions"),
+                componentRef: _fnSignal((p0) => p0.value.componentRef, [
+                  componentRefProps
+                ], "p0.value.componentRef"),
+                context: _fnSignal((p0) => p0.value.context, [
+                  componentRefProps
+                ], "p0.value.context"),
+                includeBlockProps: _fnSignal((p0) => p0.value.includeBlockProps, [
+                  componentRefProps
+                ], "p0.value.includeBlockProps"),
+                isInteractive: _fnSignal((p0) => p0.value.isInteractive, [
+                  componentRefProps
+                ], "p0.value.isInteractive"),
+                registeredComponents: _fnSignal((p0) => p0.value.registeredComponents, [
+                  componentRefProps
+                ], "p0.value.registeredComponents")
               }
-            }, 3, "jN_1") : null,
-            !isEmptyHtmlElement(Tag.value) && repeatItem.value ? (repeatItem.value || []).map((data, index) => {
-              return /* @__PURE__ */ _jsxC(RepeatedBlock, {
-                get repeatContext() {
-                  return data.context;
-                },
-                get block() {
-                  return data.block;
+            }, 3, "jN_1"),
+            (childrenWithoutParentComponent.value || []).map((child) => {
+              return /* @__PURE__ */ _jsxC(Block, {
+                block: child,
+                get context() {
+                  return state.childrenContext;
                 },
                 get registeredComponents() {
                   return props.registeredComponents;
                 },
                 [_IMMUTABLE]: {
-                  block: _wrapProp(data, "block"),
+                  context: _fnSignal((p0) => p0.childrenContext, [
+                    state
+                  ], "p0.childrenContext"),
                   registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
                     props
-                  ], "p0.registeredComponents"),
-                  repeatContext: _wrapProp(data, "context")
+                  ], "p0.registeredComponents")
                 }
-              }, 3, index);
-            }) : null,
-            !isEmptyHtmlElement(Tag.value) && !repeatItem.value ? /* @__PURE__ */ _jsxC(BlockWrapper, {
-              get Wrapper() {
-                return Tag.value;
-              },
-              get block() {
-                return processedBlock.value;
-              },
-              get context() {
-                return props.context;
-              },
-              children: [
-                /* @__PURE__ */ _jsxC(ComponentRef, {
-                  get componentRef() {
-                    return componentRefProps.value.componentRef;
-                  },
-                  get componentOptions() {
-                    return componentRefProps.value.componentOptions;
-                  },
-                  get blockChildren() {
-                    return componentRefProps.value.blockChildren;
-                  },
-                  get context() {
-                    return componentRefProps.value.context;
-                  },
-                  get registeredComponents() {
-                    return componentRefProps.value.registeredComponents;
-                  },
-                  get builderBlock() {
-                    return componentRefProps.value.builderBlock;
-                  },
-                  get includeBlockProps() {
-                    return componentRefProps.value.includeBlockProps;
-                  },
-                  get isInteractive() {
-                    return componentRefProps.value.isInteractive;
-                  },
-                  [_IMMUTABLE]: {
-                    blockChildren: _fnSignal((p0) => p0.value.blockChildren, [
-                      componentRefProps
-                    ], "p0.value.blockChildren"),
-                    builderBlock: _fnSignal((p0) => p0.value.builderBlock, [
-                      componentRefProps
-                    ], "p0.value.builderBlock"),
-                    componentOptions: _fnSignal((p0) => p0.value.componentOptions, [
-                      componentRefProps
-                    ], "p0.value.componentOptions"),
-                    componentRef: _fnSignal((p0) => p0.value.componentRef, [
-                      componentRefProps
-                    ], "p0.value.componentRef"),
-                    context: _fnSignal((p0) => p0.value.context, [
-                      componentRefProps
-                    ], "p0.value.context"),
-                    includeBlockProps: _fnSignal((p0) => p0.value.includeBlockProps, [
-                      componentRefProps
-                    ], "p0.value.includeBlockProps"),
-                    isInteractive: _fnSignal((p0) => p0.value.isInteractive, [
-                      componentRefProps
-                    ], "p0.value.isInteractive"),
-                    registeredComponents: _fnSignal((p0) => p0.value.registeredComponents, [
-                      componentRefProps
-                    ], "p0.value.registeredComponents")
-                  }
-                }, 3, "jN_2"),
-                (childrenWithoutParentComponent.value || []).map((child) => {
-                  return /* @__PURE__ */ _jsxC(Block, {
-                    block: child,
-                    get context() {
-                      return state.childrenContext;
-                    },
-                    get registeredComponents() {
-                      return props.registeredComponents;
-                    },
-                    [_IMMUTABLE]: {
-                      context: _fnSignal((p0) => p0.childrenContext, [
-                        state
-                      ], "p0.childrenContext"),
-                      registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
-                        props
-                      ], "p0.registeredComponents")
-                    }
-                  }, 3, child.id);
-                })
-              ],
-              hasChildren: true,
-              [_IMMUTABLE]: {
-                Wrapper: _fnSignal((p0) => p0.value, [
-                  Tag
-                ], "p0.value"),
-                block: _fnSignal((p0) => p0.value, [
-                  processedBlock
-                ], "p0.value"),
-                context: _fnSignal((p0) => p0.context, [
-                  props
-                ], "p0.context"),
-                hasChildren: _IMMUTABLE
-              }
-            }, 1, "jN_3") : null
-          ]
-        }, 1, "jN_4") : /* @__PURE__ */ _jsxC(ComponentRef, {
+              }, 3, child.id);
+            })
+          ],
+          [_IMMUTABLE]: {
+            Wrapper: _fnSignal((p0) => p0.value, [
+              Tag
+            ], "p0.value"),
+            block: _fnSignal((p0) => p0.value, [
+              processedBlock
+            ], "p0.value"),
+            context: _fnSignal((p0) => p0.context, [
+              props
+            ], "p0.context")
+          }
+        }, 1, "jN_2") : (repeatItem.value || []).map((data, index) => {
+          return /* @__PURE__ */ _jsxC(RepeatedBlock, {
+            get repeatContext() {
+              return data.context;
+            },
+            get block() {
+              return data.block;
+            },
+            get registeredComponents() {
+              return props.registeredComponents;
+            },
+            [_IMMUTABLE]: {
+              block: _wrapProp(data, "block"),
+              registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
+                props
+              ], "p0.registeredComponents"),
+              repeatContext: _wrapProp(data, "context")
+            }
+          }, 3, index);
+        }) : /* @__PURE__ */ _jsxC(ComponentRef, {
           get componentRef() {
             return componentRefProps.value.componentRef;
           },
@@ -1091,10 +1069,10 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
               componentRefProps
             ], "p0.value.registeredComponents")
           }
-        }, 3, "jN_5")
+        }, 3, "jN_3")
       ]
-    }, 1, "jN_6") : null
-  }, 1, "jN_7");
+    }, 1, "jN_4") : null
+  }, 1, "jN_5");
 }, "Block_component_nnPv0RY0U0k"));
 const onClick$1 = function onClick2(props, state) {
   var _a, _b;
@@ -3141,6 +3119,17 @@ 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;
@@ -3340,7 +3329,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.1";
+const SDK_VERSION = "0.12.2";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3423,8 +3412,11 @@ const setupBrowserForEditing = (options = {}) => {
         options
       }
     }, "*");
-    window.addEventListener("message", ({ data }) => {
+    window.addEventListener("message", (event) => {
       var _a2, _b2;
+      if (!isFromTrustedHost(options.trustedHosts, event))
+        return;
+      const { data } = event;
       if (!(data == null ? void 0 : data.type))
         return;
       switch (data.type) {
@@ -3503,6 +3495,8 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
   var _a;
+  if (!isFromTrustedHost(props.trustedHosts, event))
+    return;
   const { data } = event;
   if (data)
     switch (data.type) {
@@ -3637,6 +3631,9 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       } : {},
       ...props2.enrich ? {
         enrich: props2.enrich
+      } : {},
+      ...props2.trustedHosts ? {
+        trustedHosts: props2.trustedHosts
       } : {}
     });
     Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
@@ -4015,6 +4012,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     get contentWrapperProps() {
       return props.contentWrapperProps;
     },
+    get trustedHosts() {
+      return props.trustedHosts;
+    },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
         get scriptStr() {
@@ -4126,7 +4126,10 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       ], "p0.model"),
       showContent: _fnSignal((p0) => p0.showContent, [
         props
-      ], "p0.showContent")
+      ], "p0.showContent"),
+      trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
+        props
+      ], "p0.trustedHosts")
     }
   }, 1, "LQ_3");
 }, "ContentComponent_component_HIsczUcxjCE"));
@@ -4259,6 +4262,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
               get contentWrapperProps() {
                 return props.contentWrapperProps;
               },
+              get trustedHosts() {
+                return props.trustedHosts;
+              },
               [_IMMUTABLE]: {
                 apiKey: _fnSignal((p0) => p0.apiKey, [
                   props
@@ -4305,7 +4311,10 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 model: _fnSignal((p0) => p0.model, [
                   props
                 ], "p0.model"),
-                showContent: _IMMUTABLE
+                showContent: _IMMUTABLE,
+                trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
+                  props
+                ], "p0.trustedHosts")
               }
             }, 3, variant.testVariationId);
           })
@@ -4361,6 +4370,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         get contentWrapperProps() {
           return props.contentWrapperProps;
         },
+        get trustedHosts() {
+          return props.trustedHosts;
+        },
         [_IMMUTABLE]: {
           apiKey: _fnSignal((p0) => p0.apiKey, [
             props
@@ -4410,7 +4422,10 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           model: _fnSignal((p0) => p0.model, [
             props
           ], "p0.model"),
-          showContent: _IMMUTABLE
+          showContent: _IMMUTABLE,
+          trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
+            props
+          ], "p0.trustedHosts")
         }
       }, 3, "XM_4")
     ]

package/package.json

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

package/types/src/components/block/block.helpers.d.ts

@@ -1,7 +1,6 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
 import type { BuilderBlock } from '../../types/builder-block.js';
 import type { RepeatData } from './types.js';
-export declare const isEmptyHtmlElement: (tagName: unknown) => boolean;
 export declare const getComponent: ({ block, context, registeredComponents }: {
     block: BuilderBlock;
     context: BuilderContextInterface;

package/types/src/components/block/components/block-wrapper.d.ts

@@ -1,21 +1,13 @@
 import { BuilderContextInterface } from "../../../context/types.js";
 import { BuilderBlock } from "../../../types/builder-block.js";
 import { PropsWithChildren } from "../../../types/typescript.js";
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */
 type BlockWrapperProps = {
     Wrapper: string;
     block: BuilderBlock;
     context: BuilderContextInterface;
-    hasChildren: boolean;
 };
 /**
  * This component renders a block's wrapper HTML element (from the block's `tagName` property).
- * It reuses the exact same logic as the `InteractiveElement` component, but we need to have 2 separate components for
- * Svelte's sake, as it needs to know at compile-time whether to use:
- *  - `<svelte:element>` (for HTML element) or
- *  - `<svelte:component>` (for custom components)
  */
 export declare const BlockWrapper: import("@builder.io/qwik").Component<PropsWithChildren<BlockWrapperProps>>;
 export default BlockWrapper;

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

@@ -62,4 +62,8 @@ export interface ContentVariantsPrps {
      * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
      */
     blocksWrapperProps?: any;
+    /**
+     * List of hosts to allow editing content from.
+     */
+    trustedHosts?: string[];
 }

package/types/src/components/dynamic-renderer/dynamic-renderer.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "../../types/typescript.js";
+export declare const DynamicRenderer: import("@builder.io/qwik").Component<PropsWithChildren<{
+    TagName: any;
+    attributes: any;
+    actionAttributes: any;
+}>>;
+export default DynamicRenderer;

package/types/src/components/dynamic-renderer/dynamic-renderer.helpers.d.ts

@@ -0,0 +1 @@
+export declare const isEmptyElement: (tagName: any) => boolean;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.1";
+export declare const SDK_VERSION = "0.12.2";

package/types/src/functions/is-from-trusted-host.d.ts

@@ -0,0 +1,3 @@
+export declare function isFromTrustedHost(trustedHosts: string[] | undefined, e: {
+    origin: string;
+}): boolean;

package/types/src/scripts/init-editing.d.ts

@@ -3,4 +3,5 @@ export declare const setupBrowserForEditing: (options?: {
     enrich?: boolean;
     includeRefs?: boolean;
     locale?: string;
+    trustedHosts?: string[];
 }) => void;