Add support for any source with method/headers when newWindow is falsy

Author: Minishlink

docs/stories/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import * as html from './html';
 import * as uri from './uri';
+import * as method from './method';
 
 import { storiesOf } from '@storybook/react';
 
@@ -9,3 +10,5 @@ storiesOf('HTML source', module).add('basic', html.basic);
 storiesOf('URI source', module)
   .add('basic', uri.basic)
   .add('onMessage', uri.onMessage);
+
+storiesOf('With method', module).add('basic', method.basic);

docs/stories/method.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import WebView from 'WebView';
+import { text } from '@storybook/addon-knobs';
+
+export const basic = () => (
+  <WebView
+    source={{
+      uri: text('URI', 'https://react-native-web-community.github.io/react-native-web-webview/'),
+      method: text('Method', 'GET'),
+    }}
+  />
+);

src/index.js

@@ -3,6 +3,8 @@ import React, { Component } from 'react';
 import { StyleSheet, View, ActivityIndicator } from 'react-native';
 
 export default class extends Component {
+  state = { html: null };
+
   constructor(props) {
     super(props);
 
@@ -36,6 +38,12 @@ export default class extends Component {
             source.method
           );
         }
+      } else {
+        const { uri, ...options } = source;
+        const baseUrl = uri.substr(0, uri.lastIndexOf('/') + 1);
+        fetch(uri, options)
+          .then(response => response.text())
+          .then(html => this.setState({ html: `<base href="${baseUrl}" />` + html }));
       }
     }
   }
@@ -63,10 +71,11 @@ export default class extends Component {
       );
     }
 
+    const { source } = this.props;
     return (
       <iframe
-        src={this.props.source.uri}
-        srcDoc={this.props.source.html}
+        src={!source.method ? source.uri : undefined}
+        srcDoc={this.state.html || source.html}
         style={{ width: '100%', height: '100%', border: 0 }}
         allowFullScreen
         allowpaymentrequest="true"