@builder.io/sdk-svelte 0.0.1-18 → 0.0.1-20

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.0.1-18",
+  "version": "0.0.1-20",
   "type": "module",
   "files": [
     "src"

package/src/blocks/columns/columns.svelte

@@ -15,31 +15,31 @@ export let columns;
 export let stackColumnsAt;
 export let reverseColumnsWhenStacked;
     
-    function getGutterSize() {
+    const getGutterSize = function getGutterSize() {
 return typeof space === 'number' ? space || 0 : 20;
-}
+};
 
-function getColumns() {
+const getColumns = function getColumns() {
 return columns || [];
-}
+};
 
-function getWidth(index) {
+const getWidth = function getWidth(index) {
 const columns = getColumns();
 return columns[index]?.width || 100 / columns.length;
-}
+};
 
-function getColumnCssWidth(index) {
+const getColumnCssWidth = function getColumnCssWidth(index) {
 const columns = getColumns();
 const gutterSize = getGutterSize();
 const subtractWidth = gutterSize * (columns.length - 1) / columns.length;
 return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
-}
+};
 
-function maybeApplyForTablet(prop) {
+const maybeApplyForTablet = function maybeApplyForTablet(prop) {
 const _stackColumnsAt = stackColumnsAt || 'tablet';
 
 return _stackColumnsAt === 'tablet' ? prop : 'inherit';
-}
+};
     $: columnsCssVars = () => {
 const flexDir = stackColumnsAt === 'never' ? 'inherit' : reverseColumnsWhenStacked ? 'column-reverse' : 'column';
 return {

package/src/blocks/custom-code/custom-code.svelte

@@ -14,7 +14,7 @@
 export let replaceNodes;
 export let code;
     
-    function findAndRunScripts() {
+    const findAndRunScripts = function findAndRunScripts() {
 // TODO: Move this function to standalone one in '@builder.io/utils'
 if (elem && typeof window !== 'undefined') {
   const scripts = elem.getElementsByTagName('script');
@@ -46,7 +46,7 @@ if (elem && typeof window !== 'undefined') {
     }
   }
 }
-}
+};
     
 
     

package/src/blocks/embed/embed.svelte

@@ -13,7 +13,7 @@
     export let elem;
 export let content;
     
-    function findAndRunScripts() {
+    const findAndRunScripts = function findAndRunScripts() {
 // TODO: Move this function to standalone one in '@builder.io/utils'
 if (elem && typeof window !== 'undefined') {
   const scripts = elem.getElementsByTagName('script');
@@ -45,7 +45,7 @@ if (elem && typeof window !== 'undefined') {
     }
   }
 }
-}
+};
     
 
     

package/src/blocks/form/form.svelte

@@ -31,7 +31,7 @@ export let errorMessage;
 export let sendingMessage;
 export let successMessage;
     
-    function onSubmit(event) {
+    const onSubmit = function onSubmit(event) {
 const sendWithJs = sendWithJs || sendSubmissionsTo === 'email';
 
 if (sendSubmissionsTo === 'zapier') {
@@ -232,7 +232,7 @@ if (sendSubmissionsTo === 'zapier') {
     formState = 'error';
   });
 }
-}
+};
     $: submissionState = () => {
 return isEditing() && previewState || formState;
 };

package/src/blocks/symbol/symbol.svelte

@@ -25,7 +25,9 @@ let content = null;
 
     onMount(() => { content = symbol?.content; });
 
-    afterUpdate(() => { const symbolToUse = symbol;
+    
+                  function onUpdateFn_0() {
+                    const symbolToUse = symbol;
 
 if (symbolToUse && !symbolToUse.content && !content && symbolToUse.model) {
 getContent({
@@ -37,7 +39,10 @@ getContent({
 }).then(response => {
   content = response;
 });
-} })
+}
+                  }
+                  $: onUpdateFn_0(...[props.symbol?.content, props.symbol?.model, props.symbol?.entry, state.content])
+                  
 
     
   </script>

package/src/components/render-blocks.svelte

@@ -16,7 +16,7 @@ import RenderBlock from './render-block/render-block.svelte';
 export let parent;
 export let path;
     
-    function onClick() {
+    const onClick = function onClick() {
 if (isEditing() && !blocks?.length) {
   window.parent?.postMessage({
     type: 'builder.clickEmptyBlocks',
@@ -26,9 +26,9 @@ if (isEditing() && !blocks?.length) {
     }
   }, '*');
 }
-}
+};
 
-function onMouseEnter() {
+const onMouseEnter = function onMouseEnter() {
 if (isEditing() && !blocks?.length) {
   window.parent?.postMessage({
     type: 'builder.hoverEmptyBlocks',
@@ -38,7 +38,7 @@ if (isEditing() && !blocks?.length) {
     }
   }, '*');
 }
-}
+};
     $: className = () => {
 return 'builder-blocks' + (!blocks?.length ? ' no-blocks' : '');
 };

package/src/components/render-content/components/render-styles.svelte

@@ -13,7 +13,7 @@
     export let cssCode;
 export let customFonts;
     
-    function getCssFromFont(font) {
+    const getCssFromFont = function getCssFromFont(font) {
 // TODO: compute what font sizes are used and only load those.......
 const family = font.family + (font.kind && !font.kind.includes('#') ? ', ' + font.kind : '');
 const name = family.split(',')[0];
@@ -56,9 +56,9 @@ if (font.files) {
 }
 
 return str;
-}
+};
 
-function getFontCss({
+const getFontCss = function getFontCss({
 customFonts
 }) {
 // TODO: flag for this
@@ -67,7 +67,7 @@ customFonts
 // }
 // TODO: separate internal data from external
 return customFonts?.map(font => getCssFromFont(font))?.join(' ') || '';
-}
+};
     $: injectedStyles = () => {
 return `
 ${cssCode || ''}

package/src/components/render-content/render-content.svelte

@@ -30,7 +30,7 @@ export let customComponents;
 export let model;
 export let apiKey;
     
-    function processMessage(event) {
+    const processMessage = function processMessage(event) {
 const {
   data
 } = event;
@@ -57,9 +57,9 @@ if (data) {
       }
   }
 }
-}
+};
 
-function evaluateJsCode() {
+const evaluateJsCode = function evaluateJsCode() {
 // run any dynamic JS code attached to content
 const jsCode = useContent?.()?.data?.jsCode;
 
@@ -70,17 +70,17 @@ if (jsCode) {
     state: contentState()
   });
 }
-}
+};
 
-function evalExpression(expression) {
+const evalExpression = function evalExpression(expression) {
 return expression.replace(/{{([^}]+)}}/g, (_match, group) => evaluate({
   code: group,
   context: context(),
   state: contentState()
 }));
-}
+};
 
-function handleRequest({
+const handleRequest = function handleRequest({
 url,
 key
 }) {
@@ -95,9 +95,9 @@ const fetchAndSetState = async () => {
 };
 
 fetchAndSetState();
-}
+};
 
-function runHttpRequests() {
+const runHttpRequests = function runHttpRequests() {
 const requests = useContent?.()?.data?.httpRequests ?? {};
 Object.entries(requests).forEach(([key, url]) => {
   if (url && (!httpReqsData()[key] || isEditing())) {
@@ -108,9 +108,9 @@ Object.entries(requests).forEach(([key, url]) => {
     });
   }
 });
-}
+};
 
-function emitStateUpdate() {
+const emitStateUpdate = function emitStateUpdate() {
 if (isEditing()) {
   window.dispatchEvent(new CustomEvent('builder:component:stateChange', {
     detail: {
@@ -121,7 +121,7 @@ if (isEditing()) {
     }
   }));
 }
-}
+};
     $: useContent = () => {
 const mergedContent = { ...content,
   ...overrideContent,
@@ -218,7 +218,22 @@ runHttpRequests();
 emitStateUpdate();
 } });
 
-    afterUpdate(() => { evaluateJsCode(); });afterUpdate(() => { runHttpRequests(); });afterUpdate(() => { emitStateUpdate(); })
+    
+                  function onUpdateFn_0() {
+                    evaluateJsCode();
+                  }
+                  $: onUpdateFn_0(...[useContent?.()?.data?.jsCode])
+                  ;
+                  function onUpdateFn_1() {
+                    runHttpRequests();
+                  }
+                  $: onUpdateFn_1(...[useContent?.()?.data?.httpRequests])
+                  ;
+                  function onUpdateFn_2() {
+                    emitStateUpdate();
+                  }
+                  $: onUpdateFn_2(...[contentState()])
+                  
 
     onDestroy(() => { if (isBrowser()) {
 window.removeEventListener('message', processMessage);