Allow source to be a required module

[Calyhre]

React-native's webview allow html files to be directly required.

<WKWebView source={require('./index.html')} />

The fix is pretty straighforward, PropTypes already allow a number as source, managed by React-native internal packager. The only difference come from the initialisation of the source variable.
For obvious reasons, sendCookies and userAgent are being ignored.

Fixes #54

[insraq]

Thanks for the PR.

[DimitryDushkin]

It broke normal source property as object with error

You attempted to set the key `sendCookies` with the value `undefined` on an object that is meant to be immutable and has been frozen.

It is not allowed to assign anything to this.props. On what react version did you test it? I have React 16.4.2.

It was Object.assign({},... which creates new object and it was right.
See https://github.com/CRAlpha/react-native-wkwebview/pull/172/files#r209639089

[DimitryDushkin]

source is still referencing to this.props.source

[Calyhre]

Could be fixed by setting source like this I guess:

let source = { ...this.props.source };

[DimitryDushkin]

Won't it break scenario with source={require('...')}?

[Calyhre]

Indeed.
That's probably the if condition that fails, so how about a check like this instead:

if (typeof source == 'object' && source.constructor == Object) { //...

[DimitryDushkin]

require() returns number in react-native world. I think the fix might be like

let source = this.props.source;
if (this.props.source && typeof this.props.source === 'object') {
    source = Object.assign({}, this.props.source, {
        sendCookies: this.props.sendCookies,
        customUserAgent: this.props.customUserAgent || this.props.userAgent
    });

    if (this.props.html) {
        source.html = this.props.html;
    } else if (this.props.url) {
        source.uri = this.props.url;
    }
}