Added new useWKCookieStore option

Author: Philipp Wallrich

README.md

@@ -57,6 +57,10 @@ If set to true, links with `target="_blank"` or `window.open` will be opened in
 
 Set `sendCookies` to true to copy cookies from `sharedHTTPCookieStorage` when calling loadRequest.  This emulates the behavior of react-native's `WebView` component. You can set cookies using `react-native-cookies` Default is false.
 
+- **useWKCookieStore**
+
+Set `useWKCookieStore` to true to use the webView's `WKHTTPCookieStorage`. All Cookies from `sharedHTTPCookieStorage` will be copied to it.
+
 - **source={{file: '', allowingReadAccessToURL: '' }}**
 
 This allows WKWebView loads a local HTML file. Please note the underlying API is only introduced in iOS 9+. So in iOS 8, it will simple ignores these two properties.

WKWebView.ios.js

@@ -228,6 +228,10 @@ class WKWebView extends React.Component {
      * Set this to true to emulate behavior of WebView component.
      */
     sendCookies: PropTypes.bool,
+    /**
+     * Initializes the webView's WKHTTPCookieStorage and copies all cookies from sharedHTTPCookieStorage
+     */
+    useWKCookieStore: PropTypes.bool,
     /**
      * If set to true, target="_blank" or window.open will be opened in WebView, instead
      * of new window. Default is false to be backward compatible.
@@ -312,7 +316,8 @@ class WKWebView extends React.Component {
     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
+        customUserAgent: this.props.customUserAgent || this.props.userAgent,
+        useWKCookieStore: this.props.useWKCookieStore
       });
     }
 

ios/RCTWKWebView/RCTWKWebView.m

@@ -34,6 +34,7 @@ @interface RCTWKWebView () <WKNavigationDelegate, RCTAutoInsetsProtocol, WKScrip
 @property (nonatomic, copy) RCTDirectEventBlock onMessage;
 @property (nonatomic, copy) RCTDirectEventBlock onScroll;
 @property (assign) BOOL sendCookies;
+@property (assign) BOOL useWKCookieStore;
 @property (nonatomic, strong) WKUserScript *atStartScript;
 @property (nonatomic, strong) WKUserScript *atEndScript;
 
@@ -317,13 +318,13 @@ - (NSString *) cookieDescription:(NSHTTPCookie *)cookie {
 }
 
 - (void) copyCookies {
-  
+
   NSHTTPCookieStorage* storage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
   NSArray* array = [storage cookies];
-  
-  
+
+
   if (@available(ios 11,*)) {
-    
+
     // The webView websiteDataStore only gets initialized, when needed. Setting cookies on the dataStore's
     // httpCookieStore doesn't seem to initialize it. That's why fetchDataRecordsOfTypes is called.
     // All the cookies of the sharedHttpCookieStorage, which is used in react-native-cookie,
@@ -340,10 +341,10 @@ - (void) copyCookies {
     for (NSHTTPCookie* cookie in array){
       NSString* cookieSource = [NSString stringWithFormat:@"document.cookie = '%@'", [self cookieDescription:cookie]];
       WKUserScript* cookieScript = [[WKUserScript alloc]
-                                  initWithSource:cookieSource
-                                  injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:NO];
-      
-    
+                                    initWithSource:cookieSource
+                                    injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:NO];
+
+
       [_webView.configuration.userContentController addUserScript:cookieScript];
     }
   }
@@ -354,8 +355,9 @@ - (void)setSource:(NSDictionary *)source
   if (![_source isEqualToDictionary:source]) {
     _source = [source copy];
     _sendCookies = [source[@"sendCookies"] boolValue];
+    _useWKCookieStore = [source[@"useWKCookieStore"] boolValue];
 
-    if (_sendCookies) {
+    if (_useWKCookieStore) {
       [self copyCookies];
     }