@builder.io/sdk-svelte 2.0.2 → 2.0.3

package/lib/browser/blocks/columns/columns.svelte

@@ -93,6 +93,7 @@ function getWidthForBreakpointSize(size) {
     return breakpointSizes[size].max;
 }
 function columnsStyles() {
+    const childColumnDiv = `.${builderBlock.id}-breakpoints > .builder-column`;
     return `
         @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
           .${builderBlock.id}-breakpoints {
@@ -100,7 +101,7 @@ function columnsStyles() {
             align-items: stretch;
           }
 
-          .${builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -112,7 +113,7 @@ function columnsStyles() {
             align-items: stretch;
           }
 
-          .${builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.2";
+export declare const SDK_VERSION = "2.0.3";

package/lib/browser/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.2";
+export const SDK_VERSION = "2.0.3";

package/lib/browser/functions/register-component.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentInfo } from '../types/components';
 export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
-    data: ComponentInfo;
+    data: any;
 };
-export declare const serializeComponentInfo: ({ inputs, ...info }: ComponentInfo) => ComponentInfo;
+export declare function serializeComponentInfo(info: ComponentInfo): any;

package/lib/browser/functions/register-component.js

@@ -1,4 +1,3 @@
-import { fastClone } from './fast-clone';
 export const createRegisterComponentMessage = (info) => ({
     type: 'builder.registerComponent',
     data: serializeComponentInfo(info)
@@ -13,11 +12,11 @@ const serializeFn = (fnValue) => {
     const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
     return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === 'function' ? serializeFn(value) : fastClone(value);
-export const serializeComponentInfo = ({ inputs, ...info }) => ({
-    ...fastClone(info),
-    inputs: inputs?.map(input => Object.entries(input).reduce((acc, [key, value]) => ({
-        ...acc,
-        [key]: serializeValue(value)
-    }), {}))
-});
+export function serializeComponentInfo(info) {
+    return JSON.parse(JSON.stringify(info, (key, value) => {
+        if (typeof value === 'function') {
+            return serializeFn(value);
+        }
+        return value;
+    }));
+}

package/lib/edge/blocks/columns/columns.svelte

@@ -93,6 +93,7 @@ function getWidthForBreakpointSize(size) {
     return breakpointSizes[size].max;
 }
 function columnsStyles() {
+    const childColumnDiv = `.${builderBlock.id}-breakpoints > .builder-column`;
     return `
         @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
           .${builderBlock.id}-breakpoints {
@@ -100,7 +101,7 @@ function columnsStyles() {
             align-items: stretch;
           }
 
-          .${builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -112,7 +113,7 @@ function columnsStyles() {
             align-items: stretch;
           }
 
-          .${builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.2";
+export declare const SDK_VERSION = "2.0.3";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.2";
+export const SDK_VERSION = "2.0.3";

package/lib/edge/functions/register-component.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentInfo } from '../types/components';
 export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
-    data: ComponentInfo;
+    data: any;
 };
-export declare const serializeComponentInfo: ({ inputs, ...info }: ComponentInfo) => ComponentInfo;
+export declare function serializeComponentInfo(info: ComponentInfo): any;

package/lib/edge/functions/register-component.js

@@ -1,4 +1,3 @@
-import { fastClone } from './fast-clone';
 export const createRegisterComponentMessage = (info) => ({
     type: 'builder.registerComponent',
     data: serializeComponentInfo(info)
@@ -13,11 +12,11 @@ const serializeFn = (fnValue) => {
     const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
     return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === 'function' ? serializeFn(value) : fastClone(value);
-export const serializeComponentInfo = ({ inputs, ...info }) => ({
-    ...fastClone(info),
-    inputs: inputs?.map(input => Object.entries(input).reduce((acc, [key, value]) => ({
-        ...acc,
-        [key]: serializeValue(value)
-    }), {}))
-});
+export function serializeComponentInfo(info) {
+    return JSON.parse(JSON.stringify(info, (key, value) => {
+        if (typeof value === 'function') {
+            return serializeFn(value);
+        }
+        return value;
+    }));
+}

package/lib/node/blocks/columns/columns.svelte

@@ -93,6 +93,7 @@ function getWidthForBreakpointSize(size) {
     return breakpointSizes[size].max;
 }
 function columnsStyles() {
+    const childColumnDiv = `.${builderBlock.id}-breakpoints > .builder-column`;
     return `
         @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
           .${builderBlock.id}-breakpoints {
@@ -100,7 +101,7 @@ function columnsStyles() {
             align-items: stretch;
           }
 
-          .${builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -112,7 +113,7 @@ function columnsStyles() {
             align-items: stretch;
           }
 
-          .${builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.2";
+export declare const SDK_VERSION = "2.0.3";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.2";
+export const SDK_VERSION = "2.0.3";

package/lib/node/functions/register-component.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentInfo } from '../types/components';
 export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
-    data: ComponentInfo;
+    data: any;
 };
-export declare const serializeComponentInfo: ({ inputs, ...info }: ComponentInfo) => ComponentInfo;
+export declare function serializeComponentInfo(info: ComponentInfo): any;

package/lib/node/functions/register-component.js

@@ -1,4 +1,3 @@
-import { fastClone } from './fast-clone';
 export const createRegisterComponentMessage = (info) => ({
     type: 'builder.registerComponent',
     data: serializeComponentInfo(info)
@@ -13,11 +12,11 @@ const serializeFn = (fnValue) => {
     const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
     return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === 'function' ? serializeFn(value) : fastClone(value);
-export const serializeComponentInfo = ({ inputs, ...info }) => ({
-    ...fastClone(info),
-    inputs: inputs?.map(input => Object.entries(input).reduce((acc, [key, value]) => ({
-        ...acc,
-        [key]: serializeValue(value)
-    }), {}))
-});
+export function serializeComponentInfo(info) {
+    return JSON.parse(JSON.stringify(info, (key, value) => {
+        if (typeof value === 'function') {
+            return serializeFn(value);
+        }
+        return value;
+    }));
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "type": "module",
   "files": [
     "lib",

package/src/blocks/columns/columns.svelte

@@ -117,6 +117,7 @@
     return breakpointSizes[size].max;
   }
   function columnsStyles() {
+    const childColumnDiv = `.${builderBlock.id}-breakpoints > .builder-column`;
     return `
         @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
           .${builderBlock.id}-breakpoints {
@@ -124,7 +125,7 @@
             align-items: stretch;
           }
 
-          .${builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -136,7 +137,7 @@
             align-items: stretch;
           }
 
-          .${builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.2"
+export const SDK_VERSION = "2.0.3"

package/src/functions/register-component.ts

@@ -1,6 +1,4 @@
 import type { ComponentInfo } from '../types/components';
-import type { Input } from '../types/input';
-import { fastClone } from './fast-clone';
 export const createRegisterComponentMessage = (info: ComponentInfo) => ({
   type: 'builder.registerComponent',
   data: serializeComponentInfo(info)
@@ -17,14 +15,11 @@ const serializeFn = (fnValue: Function) => {
   const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
   return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value: object): any => typeof value === 'function' ? serializeFn(value) : fastClone(value);
-export const serializeComponentInfo = ({
-  inputs,
-  ...info
-}: ComponentInfo): ComponentInfo => ({
-  ...fastClone(info),
-  inputs: inputs?.map(input => Object.entries(input).reduce((acc, [key, value]) => ({
-    ...acc,
-    [key]: serializeValue(value)
-  }), ({} as Input)))
-})
+export function serializeComponentInfo(info: ComponentInfo) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === 'function') {
+      return serializeFn(value);
+    }
+    return value;
+  }));
+}