@builder.io/sdk-solid 2.0.8 → 2.0.13

package/lib/browser/dev.js

@@ -126,6 +126,15 @@ function getBlockComponentOptions(block) {
   };
 }
 
+// src/helpers/omit.ts
+function omit(obj, ...values) {
+  const newObject = Object.assign({}, obj);
+  for (const key of values) {
+    delete newObject[key];
+  }
+  return newObject;
+}
+
 // src/helpers/logger.ts
 var MSG_PREFIX = "[Builder.io]: ";
 var logger = {
@@ -334,6 +343,7 @@ var shouldForceBrowserRuntimeInNode = () => {
 var chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(args) : runInBrowser(args);
 
 // src/functions/evaluate/evaluate.ts
+var DISABLE_CACHE = true;
 var EvalCache = class _EvalCache {
   static cacheLimit = 20;
   static cache = /* @__PURE__ */ new Map();
@@ -382,7 +392,7 @@ function evaluate({
     rootState,
     localState
   };
-  if (enableCache) {
+  if (enableCache && !DISABLE_CACHE) {
     const cacheKey = EvalCache.getCacheKey(args);
     const cachedValue = EvalCache.getCachedValue(cacheKey);
     if (cachedValue) {
@@ -423,6 +433,53 @@ function transformBlock(block) {
 }
 
 // src/functions/get-processed-block.ts
+function deepCloneWithConditions(obj) {
+  if (obj === null || typeof obj !== "object") {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item) => deepCloneWithConditions(item));
+  }
+  if (obj["@type"] === "@builder.io/sdk:Element") {
+    return obj;
+  }
+  const clonedObj = {};
+  for (const key in obj) {
+    if (key !== "meta" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      clonedObj[key] = deepCloneWithConditions(obj[key]);
+    }
+  }
+  return clonedObj;
+}
+var IS_SDK_WITHOUT_CACHED_PROCESSED_BLOCK = ["svelte", "vue", "angular", "qwik", "solid"].includes(TARGET);
+var getCopy = (block) => {
+  if (IS_SDK_WITHOUT_CACHED_PROCESSED_BLOCK) {
+    const copy = fastClone(block);
+    const copied = {
+      ...copy,
+      properties: {
+        ...copy.properties
+      },
+      actions: {
+        ...copy.actions
+      }
+    };
+    return copied;
+  } else {
+    const copy = deepCloneWithConditions(omit(block, "children", "meta"));
+    return {
+      ...copy,
+      properties: {
+        ...copy.properties
+      },
+      actions: {
+        ...copy.actions
+      },
+      children: block.children,
+      meta: block.meta
+    };
+  }
+};
 var evaluateBindings = ({
   block,
   context,
@@ -433,16 +490,7 @@ var evaluateBindings = ({
   if (!block.bindings) {
     return block;
   }
-  const copy = fastClone(block);
-  const copied = {
-    ...copy,
-    properties: {
-      ...copy.properties
-    },
-    actions: {
-      ...copy.actions
-    }
-  };
+  const copied = getCopy(block);
   for (const binding in block.bindings) {
     const expression = block.bindings[binding];
     const value = evaluate({
@@ -725,17 +773,9 @@ function mapStyleObjToStrIfNeeded(style) {
 // src/components/block/block.helpers.ts
 var getComponent = ({
   block,
-  context,
   registeredComponents
 }) => {
-  const componentName = getProcessedBlock({
-    block,
-    localState: context.localState,
-    rootState: context.rootState,
-    rootSetState: context.rootSetState,
-    context: context.context,
-    shouldEvaluateBindings: false
-  }).component?.name;
+  const componentName = block.component?.name;
   if (!componentName) {
     return null;
   }
@@ -888,14 +928,7 @@ var inlined_styles_default = InlinedStyles;
 // src/components/block/components/block-styles.tsx
 function BlockStyles(props) {
   const canShowBlock = createMemo(() => {
-    const processedBlock = getProcessedBlock({
-      block: props.block,
-      localState: props.context.localState,
-      rootState: props.context.rootState,
-      rootSetState: props.context.rootSetState,
-      context: props.context.context,
-      shouldEvaluateBindings: true
-    });
+    const processedBlock = props.block;
     if (checkIsDefined(processedBlock.hide)) {
       return !processedBlock.hide;
     }
@@ -905,14 +938,7 @@ function BlockStyles(props) {
     return true;
   });
   const css = createMemo(() => {
-    const processedBlock = getProcessedBlock({
-      block: props.block,
-      localState: props.context.localState,
-      rootState: props.context.rootState,
-      rootSetState: props.context.rootSetState,
-      context: props.context.context,
-      shouldEvaluateBindings: true
-    });
+    const processedBlock = props.block;
     const styles = processedBlock.responsiveStyles;
     const content = props.context.content;
     const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(content?.meta?.breakpoints || {});
@@ -1218,12 +1244,9 @@ var repeated_block_default = RepeatedBlock;
 
 // src/components/block/block.tsx
 function Block(props) {
-  const blockComponent = createMemo(() => {
-    return getComponent({
-      block: props.block,
-      context: props.context,
-      registeredComponents: props.registeredComponents
-    });
+  createSignal({
+    value: null,
+    update: false
   });
   const repeatItem = createMemo(() => {
     return getRepeatItemData({
@@ -1232,7 +1255,7 @@ function Block(props) {
     });
   });
   const processedBlock = createMemo(() => {
-    return props.block.repeat?.collection ? props.block : getProcessedBlock({
+    const blockToUse = props.block.repeat?.collection ? props.block : getProcessedBlock({
       block: props.block,
       localState: props.context.localState,
       rootState: props.context.rootState,
@@ -1240,6 +1263,13 @@ function Block(props) {
       context: props.context.context,
       shouldEvaluateBindings: true
     });
+    return blockToUse;
+  });
+  const blockComponent = createMemo(() => {
+    return getComponent({
+      block: processedBlock(),
+      registeredComponents: props.registeredComponents
+    });
   });
   const Tag = createMemo(() => {
     const shouldUseLink = props.block.tagName === "a" || processedBlock().properties?.href || processedBlock().href;
@@ -1298,40 +1328,72 @@ function Block(props) {
     get children() {
       return [createComponent(block_styles_default, {
         get block() {
-          return props.block;
+          return processedBlock();
         },
         get context() {
           return props.context;
         }
       }), createComponent(Show, {
         get fallback() {
-          return createComponent(component_ref_default, {
-            get componentRef() {
-              return componentRefProps().componentRef;
-            },
-            get componentOptions() {
-              return componentRefProps().componentOptions;
-            },
-            get blockChildren() {
-              return componentRefProps().blockChildren;
-            },
-            get context() {
-              return componentRefProps().context;
-            },
-            get registeredComponents() {
-              return componentRefProps().registeredComponents;
-            },
-            get linkComponent() {
-              return componentRefProps().linkComponent;
-            },
-            get builderBlock() {
-              return componentRefProps().builderBlock;
+          return createComponent(Show, {
+            get fallback() {
+              return createComponent(For, {
+                get each() {
+                  return repeatItem();
+                },
+                children: (data, _index) => {
+                  const index = _index();
+                  return createComponent(repeated_block_default, {
+                    key: index,
+                    get repeatContext() {
+                      return data.context;
+                    },
+                    get block() {
+                      return data.block;
+                    },
+                    get registeredComponents() {
+                      return props.registeredComponents;
+                    },
+                    get linkComponent() {
+                      return props.linkComponent;
+                    }
+                  });
+                }
+              });
             },
-            get includeBlockProps() {
-              return componentRefProps().includeBlockProps;
+            get when() {
+              return !repeatItem();
             },
-            get isInteractive() {
-              return componentRefProps().isInteractive;
+            get children() {
+              return createComponent(component_ref_default, {
+                get componentRef() {
+                  return componentRefProps().componentRef;
+                },
+                get componentOptions() {
+                  return componentRefProps().componentOptions;
+                },
+                get blockChildren() {
+                  return componentRefProps().blockChildren;
+                },
+                get context() {
+                  return componentRefProps().context;
+                },
+                get registeredComponents() {
+                  return componentRefProps().registeredComponents;
+                },
+                get linkComponent() {
+                  return componentRefProps().linkComponent;
+                },
+                get builderBlock() {
+                  return componentRefProps().builderBlock;
+                },
+                get includeBlockProps() {
+                  return componentRefProps().includeBlockProps;
+                },
+                get isInteractive() {
+                  return componentRefProps().isInteractive;
+                }
+              });
             }
           });
         },
@@ -1441,7 +1503,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-1bb6a3a2 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-4da8c6f4 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1472,9 +1534,16 @@ function BlocksWrapper(props) {
       }, "*");
     }
   }
+  let blocksWrapperRef;
+  onMount(() => {
+  });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-1bb6a3a2";
+      return className() + " dynamic-4da8c6f4";
+    },
+    ref(r$) {
+      const _ref$ = blocksWrapperRef;
+      typeof _ref$ === "function" ? _ref$(r$) : blocksWrapperRef = r$;
     },
     get ["builder-path"]() {
       return props.path;
@@ -2938,7 +3007,8 @@ var componentInfo7 = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderContext: true
+    builderContext: true,
+    builderComponents: true
   }
 };
 var _tmpl$8 = /* @__PURE__ */ template(`<div>`);
@@ -2959,6 +3029,9 @@ function Slot(props) {
       get context() {
         return props.builderContext;
       },
+      get registeredComponents() {
+        return props.builderComponents;
+      },
       get blocks() {
         return props.builderContext.rootState?.[props.name];
       }
@@ -4592,14 +4665,14 @@ var getDefaultRegisteredComponents = () => [{
 // src/functions/register-component.ts
 var createRegisterComponentMessage = (info) => ({
   type: "builder.registerComponent",
-  data: serializeComponentInfo(info)
+  data: serializeIncludingFunctions(info)
 });
 var serializeFn = (fnValue) => {
   const fnStr = fnValue.toString().trim();
   const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-function serializeComponentInfo(info) {
+function serializeIncludingFunctions(info) {
   return JSON.parse(JSON.stringify(info, (key, value) => {
     if (typeof value === "function") {
       return serializeFn(value);
@@ -4776,7 +4849,7 @@ var generateContentUrl = (options) => {
     locale,
     apiVersion = DEFAULT_API_VERSION,
     fields,
-    omit,
+    omit: omit2,
     offset,
     cacheSeconds,
     staleCacheSeconds,
@@ -4799,7 +4872,7 @@ var generateContentUrl = (options) => {
     url.searchParams.set("locale", locale);
   if (enrich)
     url.searchParams.set("enrich", String(enrich));
-  url.searchParams.set("omit", omit || "meta.componentsUsed");
+  url.searchParams.set("omit", omit2 || "meta.componentsUsed");
   if (fields) {
     url.searchParams.set("fields", fields);
   }
@@ -5172,11 +5245,14 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.8";
+var SDK_VERSION = "2.0.13";
 
 // src/functions/register.ts
 var registry = {};
 function register(type, info) {
+  if (type === "plugin") {
+    info = serializeIncludingFunctions(info);
+  }
   let typeList = registry[type];
   if (!typeList) {
     typeList = registry[type] = [];
@@ -5822,7 +5898,7 @@ function ContentComponent(props) {
     ...acc,
     [info.name]: {
       component,
-      ...serializeComponentInfo(info)
+      ...serializeIncludingFunctions(info)
     }
   }), {}));
   const [builderContextSignal, setBuilderContextSignal] = createSignal({
@@ -5854,7 +5930,7 @@ function ContentComponent(props) {
       ...info
     }) => ({
       ...acc,
-      [info.name]: serializeComponentInfo(info)
+      [info.name]: serializeIncludingFunctions(info)
     }), {}),
     inheritedStyles: {},
     BlocksWrapper: props.blocksWrapper || "div",