@builder.io/sdk-qwik 0.17.0 → 0.17.2

package/lib/node/components/content/content.qwik.cjs

@@ -13,7 +13,7 @@ const enableEditor = require("./components/enable-editor.qwik.cjs");
 const styles = require("./components/styles.qwik.cjs");
 const content_helpers = require("./content.helpers.qwik.cjs");
 const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a, _b, _c, _d;
+  var _a, _b;
   qwik._jsxBranch();
   const state = qwik.useStore({
     builderContextSignal: {
@@ -34,13 +34,7 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
       apiVersion: props.apiVersion,
       componentInfos: [
         ...builderRegisteredComponents.getDefaultRegisteredComponents(),
-        ...((_a = props.customComponents) == null ? void 0 : _a.filter(({ models }) => {
-          if (!(models == null ? void 0 : models.length))
-            return true;
-          if (!props.model)
-            return true;
-          return models.includes(props.model);
-        })) || []
+        ...props.customComponents || []
       ].reduce((acc, { component: _, ...info }) => ({
         ...acc,
         [info.name]: registerComponent.serializeIncludingFunctions(info)
@@ -48,17 +42,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
       inheritedStyles: {},
       BlocksWrapper: props.blocksWrapper || "div",
       BlocksWrapperProps: props.blocksWrapperProps || {},
-      nonce: props.nonce || ""
+      nonce: props.nonce || "",
+      model: props.model || ""
     },
     registeredComponents: [
       ...builderRegisteredComponents.getDefaultRegisteredComponents(),
-      ...((_b = props.customComponents) == null ? void 0 : _b.filter(({ models }) => {
-        if (!(models == null ? void 0 : models.length))
-          return true;
-        if (!props.model)
-          return true;
-        return models.includes(props.model);
-      })) || []
+      ...props.customComponents || []
     ].reduce((acc, { component, ...info }) => ({
       ...acc,
       [info.name]: {
@@ -68,9 +57,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     }), {}),
     scriptStr: helpers.getUpdateVariantVisibilityScript({
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      variationId: (_c = props.content) == null ? void 0 : _c.testVariationId,
+      variationId: (_a = props.content) == null ? void 0 : _a.testVariationId,
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      contentId: (_d = props.content) == null ? void 0 : _d.id
+      contentId: (_b = props.content) == null ? void 0 : _b.id
     })
   }, {
     deep: true

package/lib/node/components/content/content.qwik.mjs

@@ -11,7 +11,7 @@ import { EnableEditor } from "./components/enable-editor.qwik.mjs";
 import { ContentStyles } from "./components/styles.qwik.mjs";
 import { getContentInitialValue, getRootStateInitialValue } from "./content.helpers.qwik.mjs";
 const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b, _c, _d;
+  var _a, _b;
   _jsxBranch();
   const state = useStore({
     builderContextSignal: {
@@ -32,13 +32,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       apiVersion: props.apiVersion,
       componentInfos: [
         ...getDefaultRegisteredComponents(),
-        ...((_a = props.customComponents) == null ? void 0 : _a.filter(({ models }) => {
-          if (!(models == null ? void 0 : models.length))
-            return true;
-          if (!props.model)
-            return true;
-          return models.includes(props.model);
-        })) || []
+        ...props.customComponents || []
       ].reduce((acc, { component: _, ...info }) => ({
         ...acc,
         [info.name]: serializeIncludingFunctions(info)
@@ -46,17 +40,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       inheritedStyles: {},
       BlocksWrapper: props.blocksWrapper || "div",
       BlocksWrapperProps: props.blocksWrapperProps || {},
-      nonce: props.nonce || ""
+      nonce: props.nonce || "",
+      model: props.model || ""
     },
     registeredComponents: [
       ...getDefaultRegisteredComponents(),
-      ...((_b = props.customComponents) == null ? void 0 : _b.filter(({ models }) => {
-        if (!(models == null ? void 0 : models.length))
-          return true;
-        if (!props.model)
-          return true;
-        return models.includes(props.model);
-      })) || []
+      ...props.customComponents || []
     ].reduce((acc, { component, ...info }) => ({
       ...acc,
       [info.name]: {
@@ -66,9 +55,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     }), {}),
     scriptStr: getUpdateVariantVisibilityScript({
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      variationId: (_c = props.content) == null ? void 0 : _c.testVariationId,
+      variationId: (_a = props.content) == null ? void 0 : _a.testVariationId,
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      contentId: (_d = props.content) == null ? void 0 : _d.id
+      contentId: (_b = props.content) == null ? void 0 : _b.id
     })
   }, {
     deep: true

package/lib/node/constants/file-types.qwik.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const IMAGE_FILE_TYPES = [
+  "jpeg",
+  "jpg",
+  "png",
+  "svg",
+  "webp",
+  "gif",
+  "jfif",
+  "pjpeg",
+  "pjp",
+  "apng",
+  "avif",
+  "tif",
+  "tiff",
+  "heif",
+  "bmp",
+  "eps",
+  "raw",
+  "cr2",
+  "nef",
+  "orf",
+  "sr2",
+  "psd",
+  "heic",
+  "dib",
+  "ai"
+];
+const VIDEO_FILE_TYPES = [
+  "mp4",
+  "webm",
+  "mkv",
+  "flv",
+  "vob",
+  "ogv",
+  "ogg",
+  "drc",
+  "gif",
+  "gifv",
+  "mng",
+  "avi",
+  "mov",
+  "qt",
+  "mts",
+  "m2ts",
+  "ts",
+  "wmv",
+  "yuv",
+  "rm",
+  "rmvb",
+  "viv",
+  "asf",
+  "amv",
+  "m4p",
+  "mpeg",
+  "mpe",
+  "m2v",
+  "m4v",
+  "svi",
+  "3gp",
+  "3g2",
+  "mxf",
+  "roq",
+  "nsv",
+  "f4v",
+  "f4p",
+  "f4a",
+  "f4b"
+];
+exports.IMAGE_FILE_TYPES = IMAGE_FILE_TYPES;
+exports.VIDEO_FILE_TYPES = VIDEO_FILE_TYPES;

package/lib/node/constants/file-types.qwik.mjs

@@ -0,0 +1,72 @@
+const IMAGE_FILE_TYPES = [
+  "jpeg",
+  "jpg",
+  "png",
+  "svg",
+  "webp",
+  "gif",
+  "jfif",
+  "pjpeg",
+  "pjp",
+  "apng",
+  "avif",
+  "tif",
+  "tiff",
+  "heif",
+  "bmp",
+  "eps",
+  "raw",
+  "cr2",
+  "nef",
+  "orf",
+  "sr2",
+  "psd",
+  "heic",
+  "dib",
+  "ai"
+];
+const VIDEO_FILE_TYPES = [
+  "mp4",
+  "webm",
+  "mkv",
+  "flv",
+  "vob",
+  "ogv",
+  "ogg",
+  "drc",
+  "gif",
+  "gifv",
+  "mng",
+  "avi",
+  "mov",
+  "qt",
+  "mts",
+  "m2ts",
+  "ts",
+  "wmv",
+  "yuv",
+  "rm",
+  "rmvb",
+  "viv",
+  "asf",
+  "amv",
+  "m4p",
+  "mpeg",
+  "mpe",
+  "m2v",
+  "m4v",
+  "svi",
+  "3gp",
+  "3g2",
+  "mxf",
+  "roq",
+  "nsv",
+  "f4v",
+  "f4p",
+  "f4a",
+  "f4b"
+];
+export {
+  IMAGE_FILE_TYPES,
+  VIDEO_FILE_TYPES
+};

package/lib/node/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.17.0";
+const SDK_VERSION = "0.17.2";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/node/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.17.0";
+const SDK_VERSION = "0.17.2";
 export {
   SDK_VERSION
 };

package/lib/node/functions/extract-localized-values.qwik.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const traverse = require("./traverse.qwik.cjs");
+function isLocalizedField(value) {
+  return value && typeof value === "object" && value["@type"] === "@builder.io/core:LocalizedValue";
+}
+function containsLocalizedValues(data) {
+  if (!data || !Object.getOwnPropertyNames(data).length)
+    return false;
+  let hasLocalizedValues = false;
+  traverse.traverse(data, (value) => {
+    if (isLocalizedField(value)) {
+      hasLocalizedValues = true;
+      return;
+    }
+  });
+  return hasLocalizedValues;
+}
+function extractLocalizedValues(data, locale) {
+  if (!data || !Object.getOwnPropertyNames(data).length)
+    return {};
+  traverse.traverse(data, (value, update) => {
+    if (isLocalizedField(value))
+      update(value[locale] ?? void 0);
+  });
+  return data;
+}
+function resolveLocalizedValues(block, locale) {
+  var _a, _b;
+  if (((_a = block.component) == null ? void 0 : _a.options) && containsLocalizedValues((_b = block.component) == null ? void 0 : _b.options)) {
+    if (!locale)
+      console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization");
+    block.component.options = extractLocalizedValues(block.component.options, locale ?? "Default");
+  }
+  return block;
+}
+exports.resolveLocalizedValues = resolveLocalizedValues;

package/lib/node/functions/extract-localized-values.qwik.mjs

@@ -0,0 +1,37 @@
+import { traverse } from "./traverse.qwik.mjs";
+function isLocalizedField(value) {
+  return value && typeof value === "object" && value["@type"] === "@builder.io/core:LocalizedValue";
+}
+function containsLocalizedValues(data) {
+  if (!data || !Object.getOwnPropertyNames(data).length)
+    return false;
+  let hasLocalizedValues = false;
+  traverse(data, (value) => {
+    if (isLocalizedField(value)) {
+      hasLocalizedValues = true;
+      return;
+    }
+  });
+  return hasLocalizedValues;
+}
+function extractLocalizedValues(data, locale) {
+  if (!data || !Object.getOwnPropertyNames(data).length)
+    return {};
+  traverse(data, (value, update) => {
+    if (isLocalizedField(value))
+      update(value[locale] ?? void 0);
+  });
+  return data;
+}
+function resolveLocalizedValues(block, locale) {
+  var _a, _b;
+  if (((_a = block.component) == null ? void 0 : _a.options) && containsLocalizedValues((_b = block.component) == null ? void 0 : _b.options)) {
+    if (!locale)
+      console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization");
+    block.component.options = extractLocalizedValues(block.component.options, locale ?? "Default");
+  }
+  return block;
+}
+export {
+  resolveLocalizedValues
+};

package/lib/node/functions/get-block-component-options.qwik.cjs

@@ -1,10 +1,26 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function getBlockComponentOptions(block) {
+const evaluate = require("./evaluate/evaluate.qwik.cjs");
+function getBlockComponentOptions(block, context) {
   var _a;
   return {
     ...(_a = block.component) == null ? void 0 : _a.options,
-    ...block.options
+    ...block.options,
+    ...evaluateTextComponentTextOption(block, context)
   };
 }
+const evaluateTextComponentTextOption = (block, context) => {
+  var _a, _b;
+  if (((_a = block.component) == null ? void 0 : _a.name) === "Text" && ((_b = block.component.options) == null ? void 0 : _b.text) && typeof block.component.options.text === "string")
+    return {
+      ...block.component.options,
+      text: block.component.options.text.replace(/{{([^}]+)}}/g, (_match, group) => evaluate.evaluate({
+        code: group,
+        context,
+        localState: context.localState,
+        rootState: context.rootState,
+        rootSetState: context.rootSetState
+      }))
+    };
+};
 exports.getBlockComponentOptions = getBlockComponentOptions;

package/lib/node/functions/get-block-component-options.qwik.mjs

@@ -1,10 +1,26 @@
-function getBlockComponentOptions(block) {
+import { evaluate } from "./evaluate/evaluate.qwik.mjs";
+function getBlockComponentOptions(block, context) {
   var _a;
   return {
     ...(_a = block.component) == null ? void 0 : _a.options,
-    ...block.options
+    ...block.options,
+    ...evaluateTextComponentTextOption(block, context)
   };
 }
+const evaluateTextComponentTextOption = (block, context) => {
+  var _a, _b;
+  if (((_a = block.component) == null ? void 0 : _a.name) === "Text" && ((_b = block.component.options) == null ? void 0 : _b.text) && typeof block.component.options.text === "string")
+    return {
+      ...block.component.options,
+      text: block.component.options.text.replace(/{{([^}]+)}}/g, (_match, group) => evaluate({
+        code: group,
+        context,
+        localState: context.localState,
+        rootState: context.rootState,
+        rootSetState: context.rootSetState
+      }))
+    };
+};
 export {
   getBlockComponentOptions
 };

package/lib/node/functions/get-content/generate-content-url.qwik.cjs

@@ -4,6 +4,7 @@ const flatten = require("../../helpers/flatten.qwik.cjs");
 const search = require("../../helpers/search/search.qwik.cjs");
 const apiVersion = require("../../types/api-version.qwik.cjs");
 const index = require("../get-builder-search-params/index.qwik.cjs");
+const isBrowser = require("../is-browser.qwik.cjs");
 const isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 const generateContentUrl = (options) => {
   const { limit = 30, userAttributes, query, model, apiKey, enrich, locale, apiVersion: apiVersion$1 = apiVersion.DEFAULT_API_VERSION, fields, omit, offset, cacheSeconds, staleCacheSeconds, sort, includeUnpublished, apiHost } = options;
@@ -21,7 +22,7 @@ const generateContentUrl = (options) => {
   url.searchParams.set("noTraverse", String(noTraverse));
   url.searchParams.set("includeRefs", String(true));
   const finalLocale = locale || (userAttributes == null ? void 0 : userAttributes.locale);
-  let finalUserAttributes = userAttributes;
+  let finalUserAttributes = userAttributes || {};
   if (finalLocale) {
     url.searchParams.set("locale", finalLocale);
     finalUserAttributes = {
@@ -53,10 +54,14 @@ const generateContentUrl = (options) => {
     ...index.getBuilderSearchParamsFromWindow(),
     ...search.normalizeSearchParams(options.options || {})
   };
+  finalUserAttributes = {
+    ...finalUserAttributes,
+    ...getUserAttributesAsJSON(queryOptions)
+  };
   const flattened = flatten.flatten(queryOptions);
   for (const key in flattened)
     url.searchParams.set(key, String(flattened[key]));
-  if (finalUserAttributes)
+  if (Object.keys(finalUserAttributes).length > 0)
     url.searchParams.set("userAttributes", JSON.stringify(finalUserAttributes));
   if (query) {
     const flattened2 = flatten.flattenMongoQuery({
@@ -67,4 +72,23 @@ const generateContentUrl = (options) => {
   }
   return url;
 };
+const getUserAttributesFromQueryOptions = (queryOptions) => {
+  const newUserAttributes = {};
+  for (const key in queryOptions)
+    if (key.startsWith("userAttributes.")) {
+      newUserAttributes[key] = queryOptions[key];
+      delete queryOptions[key];
+    }
+  return newUserAttributes;
+};
+const getUserAttributesAsJSON = (queryOptions) => {
+  if (isBrowser.isBrowser() && queryOptions["preview"] === "BUILDER_STUDIO") {
+    queryOptions["userAttributes.urlPath"] = window.location.pathname;
+    queryOptions["userAttributes.host"] = window.location.host;
+    const queryOptionsForUserAttributes = getUserAttributesFromQueryOptions(queryOptions);
+    const { userAttributes } = flatten.unflatten(queryOptionsForUserAttributes);
+    return userAttributes;
+  }
+  return {};
+};
 exports.generateContentUrl = generateContentUrl;

package/lib/node/functions/get-content/generate-content-url.qwik.mjs

@@ -1,7 +1,8 @@
-import { flatten, flattenMongoQuery } from "../../helpers/flatten.qwik.mjs";
+import { flatten, flattenMongoQuery, unflatten } from "../../helpers/flatten.qwik.mjs";
 import { normalizeSearchParams } from "../../helpers/search/search.qwik.mjs";
 import { DEFAULT_API_VERSION } from "../../types/api-version.qwik.mjs";
 import { getBuilderSearchParamsFromWindow } from "../get-builder-search-params/index.qwik.mjs";
+import { isBrowser } from "../is-browser.qwik.mjs";
 const isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 const generateContentUrl = (options) => {
   const { limit = 30, userAttributes, query, model, apiKey, enrich, locale, apiVersion = DEFAULT_API_VERSION, fields, omit, offset, cacheSeconds, staleCacheSeconds, sort, includeUnpublished, apiHost } = options;
@@ -19,7 +20,7 @@ const generateContentUrl = (options) => {
   url.searchParams.set("noTraverse", String(noTraverse));
   url.searchParams.set("includeRefs", String(true));
   const finalLocale = locale || (userAttributes == null ? void 0 : userAttributes.locale);
-  let finalUserAttributes = userAttributes;
+  let finalUserAttributes = userAttributes || {};
   if (finalLocale) {
     url.searchParams.set("locale", finalLocale);
     finalUserAttributes = {
@@ -51,10 +52,14 @@ const generateContentUrl = (options) => {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(options.options || {})
   };
+  finalUserAttributes = {
+    ...finalUserAttributes,
+    ...getUserAttributesAsJSON(queryOptions)
+  };
   const flattened = flatten(queryOptions);
   for (const key in flattened)
     url.searchParams.set(key, String(flattened[key]));
-  if (finalUserAttributes)
+  if (Object.keys(finalUserAttributes).length > 0)
     url.searchParams.set("userAttributes", JSON.stringify(finalUserAttributes));
   if (query) {
     const flattened2 = flattenMongoQuery({
@@ -65,6 +70,25 @@ const generateContentUrl = (options) => {
   }
   return url;
 };
+const getUserAttributesFromQueryOptions = (queryOptions) => {
+  const newUserAttributes = {};
+  for (const key in queryOptions)
+    if (key.startsWith("userAttributes.")) {
+      newUserAttributes[key] = queryOptions[key];
+      delete queryOptions[key];
+    }
+  return newUserAttributes;
+};
+const getUserAttributesAsJSON = (queryOptions) => {
+  if (isBrowser() && queryOptions["preview"] === "BUILDER_STUDIO") {
+    queryOptions["userAttributes.urlPath"] = window.location.pathname;
+    queryOptions["userAttributes.host"] = window.location.host;
+    const queryOptionsForUserAttributes = getUserAttributesFromQueryOptions(queryOptions);
+    const { userAttributes } = unflatten(queryOptionsForUserAttributes);
+    return userAttributes;
+  }
+  return {};
+};
 export {
   generateContentUrl
 };

package/lib/node/functions/get-processed-block.qwik.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const target = require("../constants/target.qwik.cjs");
 const omit = require("../helpers/omit.qwik.cjs");
 const evaluate = require("./evaluate/evaluate.qwik.cjs");
+const extractLocalizedValues = require("./extract-localized-values.qwik.cjs");
 const fastClone = require("./fast-clone.qwik.cjs");
 const set = require("./set.qwik.cjs");
 const transformBlock = require("./transform-block.qwik.cjs");
@@ -71,18 +72,16 @@ const evaluateBindings = ({ block, context, localState, rootState, rootSetState
   }
   return copied;
 };
-function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState }) {
-  const transformedBlock = transformBlock.transformBlock(block);
-  if (shouldEvaluateBindings)
-    return evaluateBindings({
-      block: transformedBlock,
-      localState,
-      rootState,
-      rootSetState,
-      context
-    });
-  else
-    return transformedBlock;
+function getProcessedBlock({ block, context, localState, rootState, rootSetState }) {
+  let transformedBlock = extractLocalizedValues.resolveLocalizedValues(block, rootState.locale);
+  transformedBlock = transformBlock.transformBlock(transformedBlock);
+  return evaluateBindings({
+    block: transformedBlock,
+    localState,
+    rootState,
+    rootSetState,
+    context
+  });
 }
 exports.deepCloneWithConditions = deepCloneWithConditions;
 exports.getProcessedBlock = getProcessedBlock;

package/lib/node/functions/get-processed-block.qwik.mjs

@@ -1,6 +1,7 @@
 import { TARGET } from "../constants/target.qwik.mjs";
 import { omit } from "../helpers/omit.qwik.mjs";
 import { evaluate } from "./evaluate/evaluate.qwik.mjs";
+import { resolveLocalizedValues } from "./extract-localized-values.qwik.mjs";
 import { fastClone } from "./fast-clone.qwik.mjs";
 import { set } from "./set.qwik.mjs";
 import { transformBlock } from "./transform-block.qwik.mjs";
@@ -69,18 +70,16 @@ const evaluateBindings = ({ block, context, localState, rootState, rootSetState
   }
   return copied;
 };
-function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState }) {
-  const transformedBlock = transformBlock(block);
-  if (shouldEvaluateBindings)
-    return evaluateBindings({
-      block: transformedBlock,
-      localState,
-      rootState,
-      rootSetState,
-      context
-    });
-  else
-    return transformedBlock;
+function getProcessedBlock({ block, context, localState, rootState, rootSetState }) {
+  let transformedBlock = resolveLocalizedValues(block, rootState.locale);
+  transformedBlock = transformBlock(transformedBlock);
+  return evaluateBindings({
+    block: transformedBlock,
+    localState,
+    rootState,
+    rootSetState,
+    context
+  });
 }
 export {
   deepCloneWithConditions,

package/lib/node/functions/register-component.qwik.cjs

@@ -7,7 +7,7 @@ const createRegisterComponentMessage = (info) => ({
 const serializeFn = (fnValue) => {
   const fnStr = fnValue.toString().trim();
   const isArrowWithoutParens = /^[a-zA-Z0-9_]+\s*=>/i.test(fnStr);
-  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(") && !isArrowWithoutParens;
+  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("async") && !fnStr.startsWith("(") && !isArrowWithoutParens;
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
 function serializeIncludingFunctions(info) {

package/lib/node/functions/register-component.qwik.mjs

@@ -5,7 +5,7 @@ const createRegisterComponentMessage = (info) => ({
 const serializeFn = (fnValue) => {
   const fnStr = fnValue.toString().trim();
   const isArrowWithoutParens = /^[a-zA-Z0-9_]+\s*=>/i.test(fnStr);
-  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(") && !isArrowWithoutParens;
+  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("async") && !fnStr.startsWith("(") && !isArrowWithoutParens;
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
 function serializeIncludingFunctions(info) {

package/lib/node/functions/traverse.qwik.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function traverse(obj, callback, parent = null, key = null, visited = /* @__PURE__ */ new WeakSet()) {
+  if (obj == null || typeof obj !== "object") {
+    callback(obj, (newValue) => {
+      if (parent !== null && key !== null)
+        parent[key] = newValue;
+    });
+    return;
+  }
+  if (visited.has(obj))
+    return;
+  visited.add(obj);
+  if (Array.isArray(obj))
+    obj.forEach((item, index) => {
+      const update = (newValue) => {
+        obj[index] = newValue;
+      };
+      callback(item, update);
+      traverse(item, callback, obj, index, visited);
+    });
+  else
+    Object.entries(obj).forEach(([key2, value]) => {
+      const update = (newValue) => {
+        obj[key2] = newValue;
+      };
+      callback(value, update);
+      traverse(value, callback, obj, key2, visited);
+    });
+}
+exports.traverse = traverse;