@builder.io/sdk-svelte 0.0.1-0 → 0.0.1-11

package/src/scripts/init-editing.js

@@ -1,89 +1,80 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var import_target = __toModule(require("../constants/target"));
-var import_is_browser = __toModule(require("../functions/is-browser"));
-var import_register = __toModule(require("../functions/register"));
-var _a;
-(0, import_register.register)("insertMenu", {
-  name: "_default",
-  default: true,
-  items: [
-    { name: "Box" },
-    { name: "Text" },
-    { name: "Image" },
-    { name: "Columns" },
-    ...import_target.TARGET === "reactNative" ? [] : [
-      { name: "Core:Section" },
-      { name: "Core:Button" },
-      { name: "Embed" },
-      { name: "Custom Code" }
+import { TARGET } from "../constants/target.js";
+import { isBrowser } from "../functions/is-browser.js";
+import { isEditing } from "../functions/is-editing.js";
+import { register } from "../functions/register.js";
+const registerInsertMenu = () => {
+  register("insertMenu", {
+    name: "_default",
+    default: true,
+    items: [
+      { name: "Box" },
+      { name: "Text" },
+      { name: "Image" },
+      { name: "Columns" },
+      ...TARGET === "reactNative" ? [] : [
+        { name: "Core:Section" },
+        { name: "Core:Button" },
+        { name: "Embed" },
+        { name: "Custom Code" }
+      ]
     ]
-  ]
-});
-if ((0, import_is_browser.isBrowser)()) {
-  (_a = window.parent) == null ? void 0 : _a.postMessage({
-    type: "builder.sdkInfo",
-    data: {
-      target: import_target.TARGET,
-      supportsPatchUpdates: false
-    }
-  }, "*");
-  window.addEventListener("message", ({ data }) => {
-    var _a2, _b;
-    if (data) {
-      switch (data.type) {
-        case "builder.evaluate": {
-          const text = data.data.text;
-          const args = data.data.arguments || [];
-          const id = data.data.id;
-          const fn = new Function(text);
-          let result;
-          let error = null;
-          try {
-            result = fn.apply(null, args);
-          } catch (err) {
-            error = err;
-          }
-          if (error) {
-            (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
-              type: "builder.evaluateError",
-              data: { id, error: error.message }
-            }, "*");
-          } else {
-            if (result && typeof result.then === "function") {
-              result.then((finalResult) => {
-                var _a3;
-                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+  });
+};
+const setupBrowserForEditing = () => {
+  var _a;
+  if (isBrowser()) {
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: "builder.sdkInfo",
+      data: {
+        target: TARGET,
+        supportsPatchUpdates: false
+      }
+    }, "*");
+    window.addEventListener("message", ({ data }) => {
+      var _a2, _b;
+      if (data) {
+        switch (data.type) {
+          case "builder.evaluate": {
+            const text = data.data.text;
+            const args = data.data.arguments || [];
+            const id = data.data.id;
+            const fn = new Function(text);
+            let result;
+            let error = null;
+            try {
+              result = fn.apply(null, args);
+            } catch (err) {
+              error = err;
+            }
+            if (error) {
+              (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+                type: "builder.evaluateError",
+                data: { id, error: error.message }
+              }, "*");
+            } else {
+              if (result && typeof result.then === "function") {
+                result.then((finalResult) => {
+                  var _a3;
+                  (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                    type: "builder.evaluateResult",
+                    data: { id, result: finalResult }
+                  }, "*");
+                }).catch(console.error);
+              } else {
+                (_b = window.parent) == null ? void 0 : _b.postMessage({
                   type: "builder.evaluateResult",
-                  data: { id, result: finalResult }
+                  data: { result, id }
                 }, "*");
-              }).catch(console.error);
-            } else {
-              (_b = window.parent) == null ? void 0 : _b.postMessage({
-                type: "builder.evaluateResult",
-                data: { result, id }
-              }, "*");
+              }
             }
+            break;
           }
-          break;
         }
       }
-    }
-  });
+    });
+  }
+};
+if (isEditing()) {
+  registerInsertMenu();
+  setupBrowserForEditing();
 }

package/src/types/builder-block.js

@@ -1,3 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-__markAsModule(exports);

package/src/types/builder-content.js

@@ -1,3 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-__markAsModule(exports);

package/src/types/deep-partial.js

@@ -1,3 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-__markAsModule(exports);

package/src/types/targets.js

@@ -1,3 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-__markAsModule(exports);

package/src/types/typescript.js

@@ -1,3 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-__markAsModule(exports);

package/src/blocks/custom-code.svelte

@@ -1,63 +0,0 @@
-<script>
-     import { onMount } from 'svelte'
-     
-     
-     
-   
-   
- 
-
-     
-     export let elem;
-export let replaceNodes;
-export let code;
-
-     function findAndRunScripts() {
- // TODO: Move this function to standalone one in '@builder.io/utils'
- if (elem && typeof window !== 'undefined') {
-   /** @type {HTMLScriptElement[]} */
-   const scripts = elem.getElementsByTagName('script');
-
-   for (let i = 0; i < scripts.length; i++) {
-     const script = scripts[i];
-
-     if (script.src) {
-       if (scriptsInserted.includes(script.src)) {
-         continue;
-       }
-
-       scriptsInserted.push(script.src);
-       const newScript = document.createElement('script');
-       newScript.async = true;
-       newScript.src = script.src;
-       document.head.appendChild(newScript);
-     } else if (!script.type || ['text/javascript', 'application/javascript', 'application/ecmascript'].includes(script.type)) {
-       if (scriptsRun.includes(script.innerText)) {
-         continue;
-       }
-
-       try {
-         scriptsRun.push(script.innerText);
-         new Function(script.innerText)();
-       } catch (error) {
-         console.warn('`CustomCode`: Error running script:', error);
-       }
-     }
-   }
- }
-}
-     
-
-     let scriptsInserted = [];
-let scriptsRun = [];
-
-     onMount(() => { 
- findAndRunScripts();
-});
-
-     
-
-     
-   </script>
-
-   <div  bind:this={elem}  class={'builder-custom-code' + (replaceNodes ? ' replace-nodes' : '')} >{@html code}</div>

package/src/blocks/embed.svelte

@@ -1,62 +0,0 @@
-<script>
-     import { onMount } from 'svelte'
-     
-     
-     
-   
-   
- 
-
-     
-     export let elem;
-export let content;
-
-     function findAndRunScripts() {
- // TODO: Move this function to standalone one in '@builder.io/utils'
- if (elem && typeof window !== 'undefined') {
-   /** @type {HTMLScriptElement[]} */
-   const scripts = elem.getElementsByTagName('script');
-
-   for (let i = 0; i < scripts.length; i++) {
-     const script = scripts[i];
-
-     if (script.src) {
-       if (scriptsInserted.includes(script.src)) {
-         continue;
-       }
-
-       scriptsInserted.push(script.src);
-       const newScript = document.createElement('script');
-       newScript.async = true;
-       newScript.src = script.src;
-       document.head.appendChild(newScript);
-     } else if (!script.type || ['text/javascript', 'application/javascript', 'application/ecmascript'].includes(script.type)) {
-       if (scriptsRun.includes(script.innerText)) {
-         continue;
-       }
-
-       try {
-         scriptsRun.push(script.innerText);
-         new Function(script.innerText)();
-       } catch (error) {
-         console.warn('`Embed`: Error running script:', error);
-       }
-     }
-   }
- }
-}
-     
-
-     let scriptsInserted = [];
-let scriptsRun = [];
-
-     onMount(() => { 
- findAndRunScripts();
-});
-
-     
-
-     
-   </script>
-
-   <div  class="builder-embed"  bind:this={elem} >{@html content}</div>

package/src/blocks/symbol.svelte

@@ -1,55 +0,0 @@
-<script>
-     import { onMount } from 'svelte'
-     import { afterUpdate } from 'svelte'
-     
-     
-   import  RenderContent,  {  }  from '../components/render-content/render-content.lite';
-import  BuilderContext,  {  }  from '../context/builder.context.lite';
-import  {  getContent  }  from '../functions/get-content';
-
-   
- 
-
-     
-     export let attributes;
-export let symbol;
-
-     
-     
-
-     let className = 'builder-symbol';
-let content = null;
-
-     onMount(() => { 
- content = symbol?.content;
-});
-
-     afterUpdate(() => { 
- const symbol = symbol;
-
- if (symbol && !symbol.content && !content && symbol.model) {
-   getContent({
-     model: symbol.model,
-     apiKey: builderContext.apiKey!,
-     options: {
-       entry: symbol.entry
-     }
-   }).then(response => {
-     content = response;
-   });
- }
-})
-
-     
-   </script>
-
-   <div {...attributes} dataSet={{
- class: className
-}}  class={className} >
-     
-<RenderContent  apiKey={builderContext.apiKey}  context={builderContext.context}  data={{ ...symbol?.data,
- ...builderContext.state,
- ...symbol?.content?.data?.state
-}}  model={symbol?.model}  content={content} ></RenderContent>
-
-   </div>

package/src/components/block-styles.svelte

@@ -1,23 +0,0 @@
-<script>
-  
-  
-  
-  
-
-
-
-
-  
-  
-
-  
-  
-
-  
-
-  
-
-  
-
-  
-</script>

package/src/components/render-block.svelte

@@ -1,121 +0,0 @@
-<script>
-    
-    
-    
-    
-  import  {  getBlockComponentOptions  }  from '../functions/get-block-component-options';
-import  {  getBlockProperties  }  from '../functions/get-block-properties';
-import  {  getBlockStyles  }  from '../functions/get-block-styles';
-import  {  getBlockTag  }  from '../functions/get-block-tag';
-import  {  components  }  from '../functions/register-component';
-import  BuilderContext,  {  }  from '../context/builder.context.lite';
-import  {  getBlockActions  }  from '../functions/get-block-actions';
-import  {  getProcessedBlock  }  from '../functions/get-processed-block';
-import  BlockStyles,  {  }  from './block-styles.lite';
-
-  
-
-
-    
-    export let block;
-
-    
-    $: component = () => {
-const componentName = useBlock().component?.name;
-
-if (!componentName) {
-  return null;
-}
-
-const ref = components[useBlock().component?.name];
-
-if (componentName && !ref) {
-  // TODO: Public doc page with more info about this message
-  console.warn(`
-        Could not find a registered component named "${componentName}". 
-        If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}
-
-return ref;
-};
-
-$: componentInfo = () => {
-return component?.()?.info;
-};
-
-$: componentRef = () => {
-return component?.()?.component;
-};
-
-$: tagName = () => {
-return getBlockTag(useBlock());
-};
-
-$: useBlock = () => {
-return getProcessedBlock({
-  block: block,
-  state: builderContext.state,
-  context: builderContext.context
-});
-};
-
-$: propertiesAndActions = () => {
-return { ...getBlockProperties(useBlock()),
-  ...getBlockActions({
-    block: useBlock(),
-    state: builderContext.state,
-    context: builderContext.context
-  })
-};
-};
-
-$: css = () => {
-return getBlockStyles(useBlock());
-};
-
-$: componentOptions = () => {
-return getBlockComponentOptions(useBlock());
-};
-
-$: children = () => {
-// TO-DO: When should `canHaveChildren` dictate rendering?
-// This is currently commented out because some Builder components (e.g. Box) do not have `canHaveChildren: true`,
-// but still receive and need to render children.
-// return componentInfo?.()?.canHaveChildren ? useBlock().children : [];
-return useBlock().children ?? [];
-};
-
-$: noCompRefChildren = () => {
-return componentRef() ? [] : children();
-};
-
-    
-
-    
-
-    
-
-    
-  </script>
-
-  
-    
-{#if !componentInfo?.()?.noWrap }
-      
-<tagName() {...propertiesAndActions()} style={css()} >
-        
-<BlockStyles  block={useBlock()} ></BlockStyles>
-
-        
-{#if componentRef() }<componentRef() {...componentOptions()} builderBlock={useBlock()} >
-            
-{#each children() as child }<RenderBlock  block={child} ></RenderBlock>{/each}
-
-          </componentRef()>{/if}
-
-        
-{#each noCompRefChildren() as child }<RenderBlock  block={child} ></RenderBlock>{/each}
-
-      </tagName()>
-
-    {/if}

package/src/functions/macro-eval.js

@@ -1,12 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  macroEval: () => macroEval
-});
-function macroEval(items, string) {
-}