@builder.io/sdk-qwik 0.16.24 → 0.17.1

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-content/index.qwik.cjs

@@ -54,22 +54,17 @@ const _processContentResult = async (options, content, url = generateContentUrl.
   return content.results;
 };
 async function fetchEntries(options) {
-  try {
-    const url = generateContentUrl.generateContentUrl(options);
-    const content = await _fetchContent(options);
-    if (!checkContentHasResults(content)) {
-      logger.logger.error("Error fetching data. ", {
-        url,
-        content,
-        options
-      });
-      return null;
-    }
-    return _processContentResult(options, content);
-  } catch (error) {
-    logger.logger.error("Error fetching data. ", error);
-    return null;
+  const url = generateContentUrl.generateContentUrl(options);
+  const content = await _fetchContent(options);
+  if (!checkContentHasResults(content)) {
+    logger.logger.error("Error fetching data. ", {
+      url,
+      content,
+      options
+    });
+    throw content;
   }
+  return _processContentResult(options, content);
 }
 exports._processContentResult = _processContentResult;
 exports.fetchEntries = fetchEntries;

package/lib/node/functions/get-content/index.qwik.mjs

@@ -52,22 +52,17 @@ const _processContentResult = async (options, content, url = generateContentUrl(
   return content.results;
 };
 async function fetchEntries(options) {
-  try {
-    const url = generateContentUrl(options);
-    const content = await _fetchContent(options);
-    if (!checkContentHasResults(content)) {
-      logger.error("Error fetching data. ", {
-        url,
-        content,
-        options
-      });
-      return null;
-    }
-    return _processContentResult(options, content);
-  } catch (error) {
-    logger.error("Error fetching data. ", error);
-    return null;
+  const url = generateContentUrl(options);
+  const content = await _fetchContent(options);
+  if (!checkContentHasResults(content)) {
+    logger.error("Error fetching data. ", {
+      url,
+      content,
+      options
+    });
+    throw content;
   }
+  return _processContentResult(options, content);
 }
 export {
   _processContentResult,

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");
@@ -72,7 +73,8 @@ const evaluateBindings = ({ block, context, localState, rootState, rootSetState
   return copied;
 };
 function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState }) {
-  const transformedBlock = transformBlock.transformBlock(block);
+  let transformedBlock = extractLocalizedValues.resolveLocalizedValues(block, rootState.locale);
+  transformedBlock = transformBlock.transformBlock(transformedBlock);
   if (shouldEvaluateBindings)
     return evaluateBindings({
       block: transformedBlock,

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";
@@ -70,7 +71,8 @@ const evaluateBindings = ({ block, context, localState, rootState, rootSetState
   return copied;
 };
 function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState }) {
-  const transformedBlock = transformBlock(block);
+  let transformedBlock = resolveLocalizedValues(block, rootState.locale);
+  transformedBlock = transformBlock(transformedBlock);
   if (shouldEvaluateBindings)
     return evaluateBindings({
       block: transformedBlock,

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;

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

@@ -0,0 +1,31 @@
+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);
+    });
+}
+export {
+  traverse
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.16.24",
+  "version": "0.17.1",
   "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,9 +1,10 @@
 import type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } from '../../context/types';
 import type { BuilderBlock } from '../../types/builder-block';
 import type { RepeatData } from './types';
-export declare const getComponent: ({ block, registeredComponents }: {
+export declare const getComponent: ({ block, registeredComponents, model }: {
     block: BuilderBlock;
     registeredComponents: RegisteredComponents;
+    model: string;
 }) => RegisteredComponent | null | undefined;
 export declare const getRepeatItemData: ({ block, context }: {
     block: BuilderBlock;
@@ -18,8 +19,10 @@ export declare const provideLinkComponent: (block: RegisteredComponent | null |
 } | {
     builderLinkComponent?: undefined;
 };
-export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents: RegisteredComponents;
+export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents, model: string) => {
+    builderComponents: {
+        [k: string]: RegisteredComponent;
+    };
 } | {
     builderComponents?: undefined;
 };

package/types/src/components/content/components/enable-editor.helpers.d.ts

@@ -0,0 +1,11 @@
+import type { Target } from '../../../types/targets';
+/**
+ * SDKS that use the elementRef approach to enable visual editing.
+ * We don't need to render the div for other SDKs as they attach event listeners to the window.
+ */
+export declare const SDKS_USING_ELEMENT_REF_APPROACH: Target[];
+/**
+ * We need to attach this div only when content exists or isPreviewing/isEditing even when content is null,
+ * as we need to set the elementRef and allow previewing and visual editing
+ */
+export declare const needsElementRefDivForEditing: () => boolean;

package/types/src/constants/file-types.d.ts

@@ -0,0 +1,2 @@
+export declare const IMAGE_FILE_TYPES: string[];
+export declare const VIDEO_FILE_TYPES: string[];

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.24";
+export declare const SDK_VERSION = "0.17.1";

package/types/src/context/types.d.ts

@@ -36,5 +36,6 @@ export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'Block
     componentInfos: Dictionary<ComponentInfo>;
     inheritedStyles: Record<string, unknown>;
     nonce: string;
+    model: string;
     canTrack?: boolean;
 }

package/types/src/functions/extract-localized-values.d.ts

@@ -0,0 +1,2 @@
+import type { BuilderBlock } from '../types/builder-block';
+export declare function resolveLocalizedValues(block: BuilderBlock, locale: string | undefined): BuilderBlock;

package/types/src/functions/get-content/index.d.ts

@@ -14,5 +14,5 @@ export declare const _processContentResult: (options: GetContentOptions, content
 /**
  * Returns a paginated array of entries that match the given options.
  */
-export declare function fetchEntries(options: GetContentOptions): Promise<BuilderContent[] | null>;
+export declare function fetchEntries(options: GetContentOptions): Promise<BuilderContent[]>;
 export {};

package/types/src/functions/traverse.d.ts

@@ -0,0 +1,34 @@
+type TraverseCallback = (value: any, update: (newValue: any) => void) => void;
+/**
+ * Recursively traverses an object or array, invoking a callback on each value.
+ *
+ * @param {any} obj - The object or array to traverse. Can also handle primitives, null, or undefined.
+ * @param {TraverseCallback} callback - The function to invoke on each value. Receives the current value
+ * and an `update` function to modify the value in its parent container.
+ * @param {any} [parent=null] - The parent object or array of the current value. Used internally.
+ * @param {any} [key=null] - The key or index of the current value in its parent. Used internally.
+ * @param {WeakSet} [visited=new WeakSet()] - Tracks visited objects to handle circular references. Used internally.
+ *
+ * @example
+ * // Example: Doubling all numbers in an object
+ * const obj = { a: 1, b: [2, 3, { c: 4 }] };
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj); // { a: 2, b: [4, 6, { c: 8 }] }
+ *
+ * @example
+ * // Example: Handling circular references
+ * const obj = { a: 1 };
+ * obj.self = obj;
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj.a); // 2
+ */
+export declare function traverse(obj: any, callback: TraverseCallback, parent?: any, key?: any, visited?: WeakSet<object>): void;
+export {};

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

@@ -146,6 +146,9 @@ export interface ComponentInfo {
          */
         builderLinkComponent?: boolean;
     };
+    meta?: {
+        [key: string]: any;
+    };
 }
 type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};