@builder.io/sdk-svelte 0.0.1-3 → 0.0.1-32

package/src/blocks/embed/embed.svelte

@@ -1,63 +1,51 @@
-<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;
+<script context="module" lang="ts">
+  export interface EmbedProps {
+    content: string;
+  }
+</script>
+
+<script lang="ts">
+  import { afterUpdate } from "svelte";
+
+  import { isJsScript } from "./helpers";
+
+  export let elem: EmbedProps["elem"];
+  export let content: EmbedProps["content"];
+
+  const findAndRunScripts = function findAndRunScripts() {
+    const scripts = elem.getElementsByTagName("script");
+
+    for (let i = 0; i < scripts.length; i++) {
+      const script = scripts[i];
+
+      if (script.src && !scriptsInserted.includes(script.src)) {
+        scriptsInserted.push(script.src);
+        const newScript = document.createElement("script");
+        newScript.async = true;
+        newScript.src = script.src;
+        document.head.appendChild(newScript);
+      } else if (isJsScript(script) && !scriptsRun.includes(script.innerText)) {
+        try {
+          scriptsRun.push(script.innerText);
+          new Function(script.innerText)();
+        } catch (error) {
+          console.warn("`Embed`: Error running script:", error);
+        }
       }
+    }
+  };
 
-      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;
-      }
+  let scriptsInserted = [];
+  let scriptsRun = [];
+  let ranInitFn = false;
 
-      try {
-        scriptsRun.push(script.innerText);
-        new Function(script.innerText)();
-      } catch (error) {
-        console.warn('`Embed`: Error running script:', error);
-      }
+  function onUpdateFn_0() {
+    if (elem && !ranInitFn) {
+      ranInitFn = true;
+      findAndRunScripts();
     }
   }
-}
-}
-    
-
-    
-    
-    let scriptsInserted = [];
-let scriptsRun = [];
-
-    onMount(() => { findAndRunScripts(); });
-
-    
-
-    
-  </script>
+  $: onUpdateFn_0(...[elem, ranInitFn]);
+</script>
 
-  <div  class="builder-embed"  bind:this={elem} >{@html content}</div>
+<div class="builder-embed" bind:this={elem}>{@html content}</div>

package/src/blocks/embed/helpers.js

@@ -0,0 +1,9 @@
+const SCRIPT_MIME_TYPES = [
+  "text/javascript",
+  "application/javascript",
+  "application/ecmascript"
+];
+const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
+export {
+  isJsScript
+};