@builder.io/sdk-qwik 0.17.7 → 0.18.0

package/lib/node/helpers/subscribe-to-editor.qwik.mjs

@@ -26,13 +26,16 @@ const createEditorListener = ({ model, trustedHosts, callbacks }) => {
       }
   };
 };
-const subscribeToEditor = (model, callback, options) => {
+const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) => {
   if (!isBrowser) {
     logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server.");
     return () => {
     };
   }
-  setupBrowserForEditing();
+  setupBrowserForEditing({
+    modelName: model,
+    apiKey
+  });
   const listener = createEditorListener({
     callbacks: {
       contentUpdate: callback,
@@ -42,7 +45,7 @@ const subscribeToEditor = (model, callback, options) => {
       }
     },
     model,
-    trustedHosts: options == null ? void 0 : options.trustedHosts
+    trustedHosts
   });
   window.addEventListener("message", listener);
   return () => {

package/lib/node/scripts/init-editing.qwik.cjs

@@ -40,7 +40,7 @@ const registerInsertMenu = () => {
   });
 };
 let isSetupForEditing = false;
-const setupBrowserForEditing = (options = {}) => {
+const setupBrowserForEditing = (options) => {
   var _a, _b;
   if (isSetupForEditing)
     return;
@@ -56,6 +56,9 @@ const setupBrowserForEditing = (options = {}) => {
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
         supportsCustomBreakpoints: true,
+        modelName: options.modelName,
+        apiKey: options.apiKey,
+        supportsXSmallBreakpoint: true,
         blockLevelPersonalization: true
       }
     }, "*");

package/lib/node/scripts/init-editing.qwik.mjs

@@ -38,7 +38,7 @@ const registerInsertMenu = () => {
   });
 };
 let isSetupForEditing = false;
-const setupBrowserForEditing = (options = {}) => {
+const setupBrowserForEditing = (options) => {
   var _a, _b;
   if (isSetupForEditing)
     return;
@@ -54,6 +54,9 @@ const setupBrowserForEditing = (options = {}) => {
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
         supportsCustomBreakpoints: true,
+        modelName: options.modelName,
+        apiKey: options.apiKey,
+        supportsXSmallBreakpoint: true,
         blockLevelPersonalization: true
       }
     }, "*");

package/package.json

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

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

@@ -7,11 +7,11 @@ export interface ContentVariantsPrps extends ExtraFrameworkProps {
     /**
      * The Builder content JSON to render (required).
      */
-    content?: Nullable<BuilderContent>;
+    content: Nullable<BuilderContent>;
     /**
      * The Builder content `model` to render (required).
      */
-    model?: string;
+    model: string;
     /**
      * Additional data to inject into your Builder content (optional).
      */

package/types/src/constants/device-sizes.d.ts

@@ -1,4 +1,4 @@
-export type SizeName = 'large' | 'medium' | 'small';
+export type SizeName = 'large' | 'medium' | 'small' | 'xsmall';
 interface Size {
     min: number;
     default: number;
@@ -6,8 +6,9 @@ interface Size {
 }
 export declare const getMaxWidthQueryForSize: (size: SizeName, sizeValues?: Record<SizeName, Size>) => string;
 interface Breakpoints {
+    xsmall?: number;
     small?: number;
     medium?: number;
 }
-export declare const getSizesForBreakpoints: ({ small, medium }: Breakpoints) => Record<SizeName, Size>;
+export declare const getSizesForBreakpoints: (breakpoints: Breakpoints) => Record<SizeName, Size>;
 export {};

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.7";
+export declare const SDK_VERSION = "0.18.0";

package/types/src/helpers/subscribe-to-editor.d.ts

@@ -9,19 +9,19 @@ type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> &
     };
 };
 export declare const createEditorListener: ({ model, trustedHosts, callbacks }: ContentListener) => (event: MessageEvent<any>) => void;
-type SubscribeToEditor = (
-/**
- * The Builder `model` to subscribe to
- */
-model: string, 
-/**
- * The callback function to call when the content is updated.
- */
-callback: (updatedContent: BuilderContent) => void, 
-/**
- * Extra options for the listener.
- */
-options?: {
+type SubscribeToEditor = ({ model, apiKey, callback, trustedHosts }: {
+    /**
+     * The Builder `model` to subscribe to
+     */
+    model: string;
+    /**
+     * Builder API Key to use for the editor.
+     */
+    apiKey: string;
+    /**
+     * The callback function to call when the content is updated.
+     */
+    callback: (updatedContent: BuilderContent) => void;
     /**
      * List of hosts to allow editing content from.
      */

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

@@ -1,5 +1,7 @@
 export declare const registerInsertMenu: () => void;
-export declare const setupBrowserForEditing: (options?: {
+export declare const setupBrowserForEditing: (options: {
+    modelName: string;
+    apiKey: string;
     enrich?: boolean;
     includeRefs?: boolean;
     locale?: string;

package/types/src/types/builder-block.d.ts

@@ -37,7 +37,6 @@ export interface BuilderBlock {
         large?: Partial<CSSStyleDeclaration>;
         medium?: Partial<CSSStyleDeclaration>;
         small?: Partial<CSSStyleDeclaration>;
-        /** @deprecated */
         xsmall?: Partial<CSSStyleDeclaration>;
     };
     component?: {

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

@@ -2,6 +2,7 @@ import type { BuilderBlock } from './builder-block';
 import type { Input } from './input';
 import type { Nullable } from './typescript';
 export interface Breakpoints {
+    xsmall?: number;
     small: number;
     medium: number;
 }