From 5c30f89aec3a2fd7e209a183a0ec4eefef534118 Mon Sep 17 00:00:00 2001 From: Gustavo Antunes <17601467+gantunesr@users.noreply.github.com> Date: Fri, 18 Nov 2022 11:02:42 -0300 Subject: [PATCH] Remove code --- app/components/Views/Snaps/SnapsPOC.tsx | 50 ++++++------------------- 1 file changed, 12 insertions(+), 38 deletions(-) diff --git a/app/components/Views/Snaps/SnapsPOC.tsx b/app/components/Views/Snaps/SnapsPOC.tsx index d6ce1ac37bd..aac4745c7e8 100644 --- a/app/components/Views/Snaps/SnapsPOC.tsx +++ b/app/components/Views/Snaps/SnapsPOC.tsx @@ -1,4 +1,4 @@ -import React, { Fragment, useState, useEffect, useRef } from 'react'; +import React, { Fragment, useEffect, useRef } from 'react'; import { View, StyleSheet, TouchableOpacity } from 'react-native'; import { useNavigation } from '@react-navigation/native'; import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; @@ -7,16 +7,6 @@ import { getNavigationOptionsTitle } from '../../UI/Navbar'; import StyledButton from '../../UI/StyledButton'; import { useTheme, mockTheme } from '../../../util/theme'; -// Snaps -import { - wrapSourceCodeInIframe, - generateBasicHTMLWithIframes, - wrapScriptInHTML, - wrapCodeInScriptTags, - generateSnapIframeId, -} from './utils'; -import { snapMock } from './SnapsMock'; - const createStyles = (colors: any) => StyleSheet.create({ container: { @@ -66,10 +56,6 @@ const createStyles = (colors: any) => }); const SnapsPOC: React.FC = () => { - const [iframes, setIframes] = useState([]); - const [source, setSource] = useState( - generateBasicHTMLWithIframes(iframes), - ); const navigation = useNavigation(); const { colors } = useTheme(); const webviewRef = useRef() as any; @@ -93,18 +79,6 @@ const SnapsPOC: React.FC = () => { }; `; - const addNewIframe = () => { - const snapMockScript = wrapCodeInScriptTags(snapMock.sourceCode); - const newSource = wrapScriptInHTML(snapMockScript); - const newIframe = wrapSourceCodeInIframe( - newSource, - generateSnapIframeId(snapMock.id.toString()), - ); - const newIframesArray = [...iframes, newIframe]; - setSource(generateBasicHTMLWithIframes(newIframesArray)); - setIframes(newIframesArray); - }; - const onMessage = (data: any) => { // eslint-disable-next-line no-console console.log(data.nativeEvent); @@ -125,14 +99,14 @@ const SnapsPOC: React.FC = () => { args: { origin: 'origin', request: { method: 'hello' } }, }), ); - // webviewRef.current.postMessage( - // JSON.stringify({ - // method: 'start_snap', - // snapId: 'snap-3', - // sourceCode: - // 'https://raw.githubusercontent.com/MetaMask/metamask-mobile/snaps/exec-env/snap_bundles/helloWorld_snap.js', - // }), - // ); + webviewRef.current.postMessage( + JSON.stringify({ + method: 'start_snap', + snapId: 'snap-3', + sourceCode: + 'https://raw.githubusercontent.com/MetaMask/metamask-mobile/snaps/exec-env/snap_bundles/helloWorld_snap.js', + }), + ); }; // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports @@ -155,13 +129,13 @@ const SnapsPOC: React.FC = () => { ref={webviewRef} style={styles.webView} source={baseHTML} - javaScriptEnabledAndroid injectedJavaScript={runFirst} - mixedContentMode="compatibility" + mixedContentMode={'compatibility'} onMessage={onMessage} applicationNameForUserAgent={ 'WebView Snap Execution Environment MetaMask Mobile' } + javaScriptEnabledAndroid /> @@ -169,7 +143,7 @@ const SnapsPOC: React.FC = () => { null} > Add new iframe