@builder.io/sdk-react-native 0.0.1-31 → 0.0.1-35

package/src/blocks/embed.js

@@ -1,75 +1,56 @@
 import { registerComponent } from '../functions/register-component';
 
-import * as React from 'react';
-import { View } from 'react-native';
-import { useState, useRef, useEffect } from 'react';
+        import * as React from "react";
+import { View } from "react-native";
+import { useState, useRef, useEffect } from "react";
 function Embed(props) {
-  const [scriptsInserted, setScriptsInserted] = useState(() => []);
-  const [scriptsRun, setScriptsRun] = useState(() => []);
-  function findAndRunScripts() {
-    if (elem.current && typeof window !== 'undefined') {
-      const scripts = elem.current.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);
-          }
+const [scriptsInserted, setScriptsInserted] = useState(() => []);
+const [scriptsRun, setScriptsRun] = useState(() => []);
+function findAndRunScripts() {
+  if (elem.current && typeof window !== "undefined") {
+    const scripts = elem.current.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);
         }
       }
     }
   }
-  const elem = useRef();
-  useEffect(() => {
-    findAndRunScripts();
-  }, []);
-  return /* @__PURE__ */ React.createElement(View, {
-    className: 'builder-embed',
-    ref: elem,
-    dangerouslySetInnerHTML: { __html: 'props.content' },
-  });
 }
-export { Embed as default };
-
-registerComponent(Embed, {
-  name: 'Embed',
-  static: true,
-  builtIn: true,
-  inputs: [
-    {
-      name: 'url',
-      type: 'url',
-      required: true,
-      defaultValue: '',
-      helperText: 'e.g. enter a youtube url, google map, etc',
-      onChange:
-        "        const url = options.get('url');        if (url) {          options.set('content', 'Loading...');          // TODO: get this out of here!          const apiKey = 'ae0e60e78201a3f2b0de4b';          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');        }      ",
-    },
-    {
-      name: 'content',
-      type: 'html',
-      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-      hideFromUI: true,
-    },
-  ],
+const elem = useRef();
+useEffect(() => {
+  findAndRunScripts();
+}, []);
+return /* @__PURE__ */ React.createElement(View, {
+  className: "builder-embed",
+  ref: elem,
+  dangerouslySetInnerHTML: { __html: "props.content" }
 });
+}
+export {
+Embed as default
+};
+
+
+        registerComponent(Embed, {name:'Embed',static:true,builtIn:true,inputs:[{name:'url',type:'url',required:true,defaultValue:'',helperText:'e.g. enter a youtube url, google map, etc',onChange:"        const url = options.get('url');        if (url) {          options.set('content', 'Loading...');          // TODO: get this out of here!          const apiKey = 'ae0e60e78201a3f2b0de4b';          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');        }      "},{name:'content',type:'html',defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:true}]});

package/src/blocks/embed.lite.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { View, StyleSheet, Image, Text } from 'react-native';
-import { useState, useContext, useRef, useEffect } from 'react';
+import * as React from "react";
+import { View, StyleSheet, Image, Text } from "react-native";
+import { useState, useContext, useRef, useEffect } from "react";
 
 export default function Embed(props) {
   const [scriptsInserted, setScriptsInserted] = useState(() => []);
@@ -9,9 +9,9 @@ export default function Embed(props) {
 
   function findAndRunScripts() {
     // TODO: Move this function to standalone one in '@builder.io/utils'
-    if (elem.current && typeof window !== 'undefined') {
+    if (elem.current && typeof window !== "undefined") {
       /** @type {HTMLScriptElement[]} */
-      const scripts = elem.current.getElementsByTagName('script');
+      const scripts = elem.current.getElementsByTagName("script");
 
       for (let i = 0; i < scripts.length; i++) {
         const script = scripts[i];
@@ -22,15 +22,17 @@ export default function Embed(props) {
           }
 
           scriptsInserted.push(script.src);
-          const newScript = document.createElement('script');
+          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
-          )
+          [
+            "text/javascript",
+            "application/javascript",
+            "application/ecmascript",
+          ].includes(script.type)
         ) {
           if (scriptsRun.includes(script.innerText)) {
             continue;
@@ -40,7 +42,7 @@ export default function Embed(props) {
             scriptsRun.push(script.innerText);
             new Function(script.innerText)();
           } catch (error) {
-            console.warn('`Embed`: Error running script:', error);
+            console.warn("`Embed`: Error running script:", error);
           }
         }
       }
@@ -57,7 +59,7 @@ export default function Embed(props) {
     <View
       className="builder-embed"
       ref={elem}
-      dangerouslySetInnerHTML={{ __html: 'props.content' }}
+      dangerouslySetInnerHTML={{ __html: "props.content" }}
     />
   );
 }