@builder.io/sdk-svelte 1.1.1 → 2.0.0

package/lib/edge/components/block/block.helpers.js

@@ -73,54 +73,31 @@ export const getInheritedStyles = ({ block, context }) => {
     }
     return extractTextStyles(style);
 };
-const applyDefaults = (shouldReceiveBuilderProps) => {
-    return {
-        // once we bump to a major version, toggle this to `false`.
-        builderBlock: true,
-        // once we bump to a major version, toggle this to `false`.
-        builderContext: true,
-        builderComponents: false,
-        builderLinkComponent: false,
-        ...shouldReceiveBuilderProps
-    };
-};
 export const provideLinkComponent = (block, linkComponent) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderLinkComponent: linkComponent
-    };
+    if (block?.shouldReceiveBuilderProps?.builderLinkComponent)
+        return {
+            builderLinkComponent: linkComponent
+        };
+    return {};
 };
 export const provideRegisteredComponents = (block, registeredComponents) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderComponents: registeredComponents
-    };
+    if (block?.shouldReceiveBuilderProps?.builderComponents)
+        return {
+            builderComponents: registeredComponents
+        };
+    return {};
 };
 export const provideBuilderBlock = (block, builderBlock) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderBlock
-    };
+    if (block?.shouldReceiveBuilderProps?.builderBlock)
+        return {
+            builderBlock
+        };
+    return {};
 };
 export const provideBuilderContext = (block, context) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderContext: context
-    };
+    if (block?.shouldReceiveBuilderProps?.builderContext)
+        return {
+            builderContext: context
+        };
+    return {};
 };

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.1.1";
+export declare const SDK_VERSION = "2.0.0";

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

@@ -1 +1 @@
-export const SDK_VERSION = "1.1.1";
+export const SDK_VERSION = "2.0.0";

package/lib/node/blocks/button/component-info.js

@@ -32,9 +32,6 @@ export const componentInfo = {
     static: true,
     noWrap: true,
     shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
         builderLinkComponent: true
     }
 };

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

@@ -35,8 +35,9 @@ function getWidth(index) {
     return cols[index]?.width || 100 / cols.length;
 }
 function getColumnCssWidth(index) {
-    const subtractWidth = (gutterSize * (cols.length - 1)) / cols.length;
-    return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
+    const width = getWidth(index);
+    const subtractWidth = gutterSize * (cols.length - 1) * (width / 100);
+    return `calc(${width}% - ${subtractWidth}px)`;
 }
 function getTabletStyle({ stackedStyle, desktopStyle, }) {
     return stackAt === "tablet" ? stackedStyle : desktopStyle;

package/lib/node/blocks/custom-code/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Custom Code',
     static: true,
     requiredPermissions: ['editCode'],

package/lib/node/blocks/embed/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Embed',
     static: true,
     inputs: [{
@@ -12,29 +6,7 @@ export const componentInfo = {
             type: 'url',
             required: true,
             defaultValue: '',
-            helperText: 'e.g. enter a youtube url, google map, etc',
-            onChange: (options) => {
-                const url = options.get('url');
-                if (url) {
-                    options.set('content', 'Loading...');
-                    const apiKey = _iframelyApiKey;
-                    return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then(res => res.json()).then(data => {
-                        if (options.get('url') === url) {
-                            if (data.html) {
-                                options.set('content', data.html);
-                            }
-                            else {
-                                options.set('content', 'Invalid url, please try another');
-                            }
-                        }
-                    }).catch(_err => {
-                        options.set('content', 'There was an error embedding this URL, please try again or another URL');
-                    });
-                }
-                else {
-                    options.delete('content');
-                }
-            }
+            helperText: 'e.g. enter a youtube url, google map, etc'
         }, {
             name: 'content',
             type: 'html',

package/lib/node/blocks/form/input/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:Input',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca',
     inputs: [{

package/lib/node/blocks/form/select/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:Select',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045',
     defaultStyles: {

package/lib/node/blocks/form/submit-button/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:SubmitButton',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',
     defaultStyles: {

package/lib/node/blocks/form/textarea/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:TextArea',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',
     inputs: [{

package/lib/node/blocks/fragment/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Fragment',
     static: true,
     hidden: true,

package/lib/node/blocks/image/component-info.js

@@ -125,9 +125,6 @@ export const componentInfo = {
             defaultValue: 0.7041
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: true,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: true
     }
 };

package/lib/node/blocks/img/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     // friendlyName?
     name: 'Raw:Img',
     hideFromInsertMenu: true,

package/lib/node/blocks/raw-text/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Builder:RawText',
     hideFromInsertMenu: true,
     inputs: [{

package/lib/node/blocks/section/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Core:Section',
     static: true,
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a',

package/lib/node/blocks/slot/component-info.js

@@ -12,9 +12,6 @@ export const componentInfo = {
             defaultValue: 'children'
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: true,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderContext: true
     }
 };

package/lib/node/blocks/text/component-info.js

@@ -1,10 +1,7 @@
 import { TARGET } from '../../constants/target';
 export const componentInfo = {
     shouldReceiveBuilderProps: {
-        builderBlock: TARGET === 'reactNative' ? true : false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: TARGET === 'reactNative' ? true : false
     },
     name: 'Text',
     static: true,

package/lib/node/blocks/video/component-info.js

@@ -80,9 +80,6 @@ export const componentInfo = {
             advanced: true
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: true,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: true
     }
 };

package/lib/node/components/block/block.helpers.d.ts

@@ -17,22 +17,22 @@ export declare const getInheritedStyles: ({ block, context }: {
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
 export declare const provideLinkComponent: (block: RegisteredComponent | null | undefined, linkComponent: any) => {
-    builderLinkComponent?: undefined;
-} | {
     builderLinkComponent: any;
+} | {
+    builderLinkComponent?: undefined;
 };
 export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents?: undefined;
-} | {
     builderComponents: RegisteredComponents;
+} | {
+    builderComponents?: undefined;
 };
 export declare const provideBuilderBlock: (block: RegisteredComponent | null | undefined, builderBlock: BuilderBlock) => {
-    builderBlock?: undefined;
-} | {
     builderBlock: BuilderBlock;
+} | {
+    builderBlock?: undefined;
 };
 export declare const provideBuilderContext: (block: RegisteredComponent | null | undefined, context: Writable<BuilderContextInterface>) => {
-    builderContext?: undefined;
-} | {
     builderContext: Writable<BuilderContextInterface>;
+} | {
+    builderContext?: undefined;
 };

package/lib/node/components/block/block.helpers.js

@@ -73,54 +73,31 @@ export const getInheritedStyles = ({ block, context }) => {
     }
     return extractTextStyles(style);
 };
-const applyDefaults = (shouldReceiveBuilderProps) => {
-    return {
-        // once we bump to a major version, toggle this to `false`.
-        builderBlock: true,
-        // once we bump to a major version, toggle this to `false`.
-        builderContext: true,
-        builderComponents: false,
-        builderLinkComponent: false,
-        ...shouldReceiveBuilderProps
-    };
-};
 export const provideLinkComponent = (block, linkComponent) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderLinkComponent: linkComponent
-    };
+    if (block?.shouldReceiveBuilderProps?.builderLinkComponent)
+        return {
+            builderLinkComponent: linkComponent
+        };
+    return {};
 };
 export const provideRegisteredComponents = (block, registeredComponents) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderComponents: registeredComponents
-    };
+    if (block?.shouldReceiveBuilderProps?.builderComponents)
+        return {
+            builderComponents: registeredComponents
+        };
+    return {};
 };
 export const provideBuilderBlock = (block, builderBlock) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderBlock
-    };
+    if (block?.shouldReceiveBuilderProps?.builderBlock)
+        return {
+            builderBlock
+        };
+    return {};
 };
 export const provideBuilderContext = (block, context) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderContext: context
-    };
+    if (block?.shouldReceiveBuilderProps?.builderContext)
+        return {
+            builderContext: context
+        };
+    return {};
 };

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.1.1";
+export declare const SDK_VERSION = "2.0.0";

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

@@ -1 +1 @@
-export const SDK_VERSION = "1.1.1";
+export const SDK_VERSION = "2.0.0";

package/package.json

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

package/src/blocks/button/component-info.ts

@@ -33,9 +33,6 @@ export const componentInfo: ComponentInfo = {
   static: true,
   noWrap: true,
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
     builderLinkComponent: true
   }
 }

package/src/blocks/columns/columns.svelte

@@ -45,8 +45,9 @@
     return cols[index]?.width || 100 / cols.length;
   }
   function getColumnCssWidth(index: number) {
-    const subtractWidth = (gutterSize * (cols.length - 1)) / cols.length;
-    return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
+    const width = getWidth(index);
+    const subtractWidth = gutterSize * (cols.length - 1) * (width / 100);
+    return `calc(${width}% - ${subtractWidth}px)`;
   }
   function getTabletStyle({
     stackedStyle,

package/src/blocks/custom-code/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Custom Code',
   static: true,
   requiredPermissions: ['editCode'],

package/src/blocks/embed/component-info.ts

@@ -1,14 +1,5 @@
 import type { ComponentInfo } from '../../types/components';
-
-// Provided by the web app as a local variable in onChange functions
-declare const _iframelyApiKey: string;
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Embed',
   static: true,
   inputs: [{
@@ -16,27 +7,7 @@ export const componentInfo: ComponentInfo = {
     type: 'url',
     required: true,
     defaultValue: '',
-    helperText: 'e.g. enter a youtube url, google map, etc',
-    onChange: (options: Map<string, any>): void | Promise<void> => {
-      const url = options.get('url');
-      if (url) {
-        options.set('content', 'Loading...');
-        const apiKey = _iframelyApiKey;
-        return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then(res => res.json()).then(data => {
-          if (options.get('url') === url) {
-            if (data.html) {
-              options.set('content', data.html);
-            } else {
-              options.set('content', 'Invalid url, please try another');
-            }
-          }
-        }).catch(_err => {
-          options.set('content', 'There was an error embedding this URL, please try again or another URL');
-        });
-      } else {
-        options.delete('content');
-      }
-    }
+    helperText: 'e.g. enter a youtube url, google map, etc'
   }, {
     name: 'content',
     type: 'html',

package/src/blocks/form/input/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Form:Input',
   image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca',
   inputs: [{

package/src/blocks/form/select/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Form:Select',
   image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045',
   defaultStyles: {

package/src/blocks/form/submit-button/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Form:SubmitButton',
   image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',
   defaultStyles: {

package/src/blocks/form/textarea/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Form:TextArea',
   image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',
   inputs: [{

package/src/blocks/fragment/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Fragment',
   static: true,
   hidden: true,

package/src/blocks/image/component-info.ts

@@ -127,9 +127,6 @@ export const componentInfo: ComponentInfo = {
     defaultValue: 0.7041
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 }

package/src/blocks/img/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   // friendlyName?
   name: 'Raw:Img',
   hideFromInsertMenu: true,

package/src/blocks/raw-text/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Builder:RawText',
   hideFromInsertMenu: true,
   inputs: [{

package/src/blocks/section/component-info.ts

@@ -1,11 +1,5 @@
 import type { ComponentInfo } from '../../types/components';
 export const componentInfo: ComponentInfo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: 'Core:Section',
   static: true,
   image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a',

package/src/blocks/slot/component-info.ts

@@ -13,9 +13,6 @@ export const componentInfo: ComponentInfo = {
     defaultValue: 'children'
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderContext: true
   }
 }

package/src/blocks/text/component-info.ts

@@ -2,10 +2,7 @@ import { TARGET } from '../../constants/target';
 import type { ComponentInfo } from '../../types/components';
 export const componentInfo: ComponentInfo = {
   shouldReceiveBuilderProps: {
-    builderBlock: TARGET === 'reactNative' ? true : false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: TARGET === 'reactNative' ? true : false
   },
   name: 'Text',
   static: true,