@builder.io/sdk-qwik 0.2.1 → 0.2.3

package/lib/index.qwik.cjs

@@ -302,8 +302,14 @@ function getBlockComponentOptions(block) {
 function transformBlockProperties(properties) {
   return properties;
 }
+const extractRelevantRootBlockProperties = (block) => {
+  return {
+    href: block.href
+  };
+};
 function getBlockProperties(block) {
   const properties = {
+    ...extractRelevantRootBlockProperties(block),
     ...block.properties,
     "builder-id": block.id,
     style: getStyleAttribute(block.style),
@@ -449,7 +455,8 @@ const RenderRepeatedBlock = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qw
     context: props.repeatContext.context,
     apiKey: props.repeatContext.apiKey,
     registeredComponents: props.repeatContext.registeredComponents,
-    inheritedStyles: props.repeatContext.inheritedStyles
+    inheritedStyles: props.repeatContext.inheritedStyles,
+    apiVersion: props.repeatContext.apiVersion
   }));
   return /* @__PURE__ */ qwik._jsxC(RenderBlock, {
     get block() {
@@ -506,9 +513,9 @@ const RenderBlock = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
   ]));
   const canShowBlock = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     const [useBlock2] = qwik.useLexicalScope();
-    if (checkIsDefined(useBlock2.value.hide))
+    if ("hide" in useBlock2.value)
       return !useBlock2.value.hide;
-    if (checkIsDefined(useBlock2.value.show))
+    if ("show" in useBlock2.value)
       return useBlock2.value.show;
     return true;
   }, "RenderBlock_component_canShowBlock_useComputed_82dAQcDBUzY", [
@@ -1605,6 +1612,11 @@ const componentInfo$5 = {
     }
   ]
 };
+const logger = {
+  log: (...message) => console.log("[Builder.io]: ", ...message),
+  error: (...message) => console.error("[Builder.io]: ", ...message),
+  warn: (...message) => console.warn("[Builder.io]: ", ...message)
+};
 function getGlobalThis() {
   if (typeof globalThis !== "undefined")
     return globalThis;
@@ -1857,30 +1869,39 @@ async function getContent(options) {
     ...options,
     limit: 1
   });
-  if ("results" in allContent)
+  if (allContent && "results" in allContent)
     return allContent?.results[0] || null;
   return null;
 }
 async function getAllContent(options) {
-  const url = generateContentUrl(options);
-  const res = await fetch$1(url.href);
-  const content = await res.json();
-  if ("status" in content && !("results" in content)) {
-    console.error("[Builder.io]: Error fetching data. ", content, options);
-    return content;
-  }
-  const canTrack = options.canTrack !== false;
   try {
-    if (canTrack && Array.isArray(content.results))
-      for (const item of content.results)
-        await handleABTesting({
-          item,
-          canTrack
-        });
-  } catch (e) {
-    console.error("[Builder.io]: Could not setup A/B testing. ", e);
+    const url = generateContentUrl(options);
+    const res = await fetch$1(url.href);
+    const content = await res.json();
+    if ("status" in content && !("results" in content)) {
+      logger.error("Error fetching data. ", {
+        url,
+        content,
+        options
+      });
+      return content;
+    }
+    const canTrack = options.canTrack !== false;
+    try {
+      if (canTrack && Array.isArray(content.results))
+        for (const item of content.results)
+          await handleABTesting({
+            item,
+            canTrack
+          });
+    } catch (e) {
+      logger.error("Could not setup A/B testing. ", e);
+    }
+    return content;
+  } catch (error) {
+    logger.error("Error fetching data. ", error);
+    return null;
   }
-  return content;
 }
 const fetchContent = function fetchContent2(props, state, builderContext2) {
   if (!state.contentToUse && props.symbol?.model && builderContext2?.apiKey)
@@ -1895,7 +1916,7 @@ const fetchContent = function fetchContent2(props, state, builderContext2) {
       if (response)
         state.contentToUse = response;
     }).catch((err) => {
-      console.error("[Builder.io]: Could not fetch symbol content: ", err);
+      logger.error("Could not fetch symbol content: ", err);
     });
 };
 const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -2631,7 +2652,7 @@ const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...pro
 });
 async function _track(eventProps) {
   if (!eventProps.apiKey) {
-    console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");
+    logger.error("Missing API key for track call. Please provide your API key.");
     return;
   }
   if (!eventProps.canTrack)
@@ -3097,12 +3118,13 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     context: props.context || {},
     apiKey: props.apiKey,
     apiVersion: props.apiVersion,
-    registeredComponents: state.allRegisteredComponents
+    registeredComponents: state.allRegisteredComponents,
+    inheritedStyles: {}
   }));
   qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     if (!props2.apiKey)
-      console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+      logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
     if (isBrowser()) {
       if (isEditing()) {
         state2.forceReRenderCount = state2.forceReRenderCount + 1;
@@ -3135,9 +3157,10 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       }
       if (isPreviewing()) {
         const searchParams = new URL(location.href).searchParams;
-        const searchParamPreview = searchParams.get("builder.preview");
+        const searchParamPreviewModel = searchParams.get("builder.preview");
+        const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
         const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
-        if (searchParamPreview === props2.model && previewApiKey === props2.apiKey)
+        if (searchParamPreviewModel === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
           getContent({
             model: props2.model,
             apiKey: props2.apiKey,

package/lib/index.qwik.mjs

@@ -300,8 +300,14 @@ function getBlockComponentOptions(block) {
 function transformBlockProperties(properties) {
   return properties;
 }
+const extractRelevantRootBlockProperties = (block) => {
+  return {
+    href: block.href
+  };
+};
 function getBlockProperties(block) {
   const properties = {
+    ...extractRelevantRootBlockProperties(block),
     ...block.properties,
     "builder-id": block.id,
     style: getStyleAttribute(block.style),
@@ -447,7 +453,8 @@ const RenderRepeatedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlined
     context: props.repeatContext.context,
     apiKey: props.repeatContext.apiKey,
     registeredComponents: props.repeatContext.registeredComponents,
-    inheritedStyles: props.repeatContext.inheritedStyles
+    inheritedStyles: props.repeatContext.inheritedStyles,
+    apiVersion: props.repeatContext.apiVersion
   }));
   return /* @__PURE__ */ _jsxC(RenderBlock, {
     get block() {
@@ -504,9 +511,9 @@ const RenderBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
   ]));
   const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     const [useBlock2] = useLexicalScope();
-    if (checkIsDefined(useBlock2.value.hide))
+    if ("hide" in useBlock2.value)
       return !useBlock2.value.hide;
-    if (checkIsDefined(useBlock2.value.show))
+    if ("show" in useBlock2.value)
       return useBlock2.value.show;
     return true;
   }, "RenderBlock_component_canShowBlock_useComputed_82dAQcDBUzY", [
@@ -1603,6 +1610,11 @@ const componentInfo$5 = {
     }
   ]
 };
+const logger = {
+  log: (...message) => console.log("[Builder.io]: ", ...message),
+  error: (...message) => console.error("[Builder.io]: ", ...message),
+  warn: (...message) => console.warn("[Builder.io]: ", ...message)
+};
 function getGlobalThis() {
   if (typeof globalThis !== "undefined")
     return globalThis;
@@ -1855,30 +1867,39 @@ async function getContent(options) {
     ...options,
     limit: 1
   });
-  if ("results" in allContent)
+  if (allContent && "results" in allContent)
     return allContent?.results[0] || null;
   return null;
 }
 async function getAllContent(options) {
-  const url = generateContentUrl(options);
-  const res = await fetch$1(url.href);
-  const content = await res.json();
-  if ("status" in content && !("results" in content)) {
-    console.error("[Builder.io]: Error fetching data. ", content, options);
-    return content;
-  }
-  const canTrack = options.canTrack !== false;
   try {
-    if (canTrack && Array.isArray(content.results))
-      for (const item of content.results)
-        await handleABTesting({
-          item,
-          canTrack
-        });
-  } catch (e) {
-    console.error("[Builder.io]: Could not setup A/B testing. ", e);
+    const url = generateContentUrl(options);
+    const res = await fetch$1(url.href);
+    const content = await res.json();
+    if ("status" in content && !("results" in content)) {
+      logger.error("Error fetching data. ", {
+        url,
+        content,
+        options
+      });
+      return content;
+    }
+    const canTrack = options.canTrack !== false;
+    try {
+      if (canTrack && Array.isArray(content.results))
+        for (const item of content.results)
+          await handleABTesting({
+            item,
+            canTrack
+          });
+    } catch (e) {
+      logger.error("Could not setup A/B testing. ", e);
+    }
+    return content;
+  } catch (error) {
+    logger.error("Error fetching data. ", error);
+    return null;
   }
-  return content;
 }
 const fetchContent = function fetchContent2(props, state, builderContext2) {
   if (!state.contentToUse && props.symbol?.model && builderContext2?.apiKey)
@@ -1893,7 +1914,7 @@ const fetchContent = function fetchContent2(props, state, builderContext2) {
       if (response)
         state.contentToUse = response;
     }).catch((err) => {
-      console.error("[Builder.io]: Could not fetch symbol content: ", err);
+      logger.error("Could not fetch symbol content: ", err);
     });
 };
 const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -2629,7 +2650,7 @@ const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...pro
 });
 async function _track(eventProps) {
   if (!eventProps.apiKey) {
-    console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");
+    logger.error("Missing API key for track call. Please provide your API key.");
     return;
   }
   if (!eventProps.canTrack)
@@ -3095,12 +3116,13 @@ const RenderContent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     context: props.context || {},
     apiKey: props.apiKey,
     apiVersion: props.apiVersion,
-    registeredComponents: state.allRegisteredComponents
+    registeredComponents: state.allRegisteredComponents,
+    inheritedStyles: {}
   }));
   useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
     const [elementRef2, props2, state2] = useLexicalScope();
     if (!props2.apiKey)
-      console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+      logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
     if (isBrowser()) {
       if (isEditing()) {
         state2.forceReRenderCount = state2.forceReRenderCount + 1;
@@ -3133,9 +3155,10 @@ const RenderContent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       }
       if (isPreviewing()) {
         const searchParams = new URL(location.href).searchParams;
-        const searchParamPreview = searchParams.get("builder.preview");
+        const searchParamPreviewModel = searchParams.get("builder.preview");
+        const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
         const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
-        if (searchParamPreview === props2.model && previewApiKey === props2.apiKey)
+        if (searchParamPreviewModel === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
           getContent({
             model: props2.model,
             apiKey: props2.apiKey,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",

package/types/blocks/image/image.d.ts

@@ -8,7 +8,7 @@ export interface ImageProps {
     height?: number;
     width?: number;
     altText?: string;
-    backgroundSize?: string;
+    backgroundSize?: "cover" | "contain";
     backgroundPosition?: string;
     srcset?: string;
     aspectRatio?: number;

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

@@ -0,0 +1,6 @@
+type VariantData = {
+    id: string;
+    testRatio?: number;
+};
+export declare const getVariantsScriptString: (variants: VariantData[], contentId: string) => string;
+export {};

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

@@ -0,0 +1,3 @@
+import { RenderContentProps } from "../render-content/render-content.types";
+export declare const RenderContentVariants: import("@builder.io/qwik").Component<RenderContentProps>;
+export default RenderContentVariants;

package/types/functions/get-block-properties.d.ts

@@ -3,4 +3,5 @@ export declare function getBlockProperties(block: BuilderBlock): {
     'builder-id': string | undefined;
     style: string | Partial<CSSStyleDeclaration> | undefined;
     class: string;
+    href: any;
 };

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

@@ -7,5 +7,5 @@ type ContentResponse = {
     status: number;
     message: string;
 };
-export declare function getAllContent(options: GetContentOptions): Promise<ContentResponse>;
+export declare function getAllContent(options: GetContentOptions): Promise<ContentResponse | null>;
 export {};

package/types/helpers/logger.d.ts

@@ -0,0 +1,5 @@
+export declare const logger: {
+    log: (...message: any[]) => void;
+    error: (...message: any[]) => void;
+    warn: (...message: any[]) => void;
+};

package/types/index.d.ts

@@ -10,3 +10,4 @@ export * from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
 export type { RegisteredComponent } from './context/types';
 export type { ComponentInfo } from './types/components';
+export type { RenderContentProps } from './components/render-content/render-content.types.js';

package/types/types/builder-content.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderBlock } from './builder-block.js';
-import type { Input } from './components.js';
+import type { Input } from './input.js';
 import type { Nullable } from './typescript.js';
 export interface Breakpoints {
     small: number;

package/types/types/components.d.ts

@@ -1,76 +1,5 @@
 import type { BuilderElement } from './element';
-export interface Input {
-    name: string;
-    friendlyName?: string;
-    description?: string;
-    defaultValue?: any;
-    type: string;
-    valueType?: {
-        type?: string;
-    };
-    required?: boolean;
-    autoFocus?: boolean;
-    subFields?: Input[];
-    helperText?: string;
-    allowedFileTypes?: string[];
-    imageHeight?: number;
-    imageWidth?: number;
-    mediaHeight?: number;
-    mediaWidth?: number;
-    hideFromUI?: boolean;
-    modelId?: string;
-    /**
-     * Number field type validation maximum accepted input
-     */
-    max?: number;
-    /**
-     * Number field type validation minimum accepted input
-     */
-    min?: number;
-    /**
-     * Number field type step size when using arrows
-     */
-    step?: number;
-    /**
-     * Set this to `true` to show the editor for this input when
-     * children of this component are selected. This is useful for things
-     * like Tabs, such that users may not always select the Tabs component
-     * directly but will still be looking for how to add additional tabs
-     */
-    broadcast?: boolean;
-    /**
-     * Set this to `true` to show the editor for this input when
-     * group locked parents of this component are selected. This is useful
-     * to bubble up important inputs for locked groups, like text and images
-     */
-    bubble?: boolean;
-    options?: {
-        [key: string]: any;
-    };
-    enum?: string[] | {
-        label: string;
-        value: any;
-        helperText?: string;
-    }[];
-    /** Regex field validation for all string types (text, longText, html, url, etc) */
-    regex?: {
-        /** pattern to test, like "^\/[a-z]$" */
-        pattern: string;
-        /** flags for the RegExp constructor, e.g. "gi"  */
-        options?: string;
-        /**
-         * Friendly message to display to end-users if the regex fails, e.g.
-         * "You must use a relative url starting with '/...' "
-         */
-        message: string;
-    };
-    advanced?: boolean;
-    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
-    code?: boolean;
-    richText?: boolean;
-    showIf?: ((options: Map<string, any>) => boolean) | string;
-    copyOnAdd?: boolean;
-}
+import type { Input } from './input';
 export interface ComponentInfo {
     /**
      * Name your component something unique, e.g. 'MyButton'. You can override built-in components

package/types/types/input.d.ts

@@ -114,4 +114,8 @@ export interface Input {
      * Use optionally with inputs of type `reference`. Restricts the content entry picker to a specific model by name.
      */
     model?: string;
+    valueType?: {
+        type?: string;
+    };
+    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
 }