update implementation and add prettier for code formatting

Author: koenpunt

.eslintrc

@@ -3,7 +3,7 @@
     "es6": true,
     "node": true
   },
-  "extends": ["eslint:recommended", "plugin:react/recommended"],
+  "extends": ["plugin:prettier/recommended", "plugin:react/recommended"],
   "parser": "babel-eslint",
   "parserOptions": {
     "ecmaVersion": 6

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "proseWrap": "always",
+  "arrowParens": "always"
+}

RNAdMobBanner.js

@@ -1,16 +1,14 @@
+import { arrayOf, func, string } from 'prop-types';
 import React, { Component } from 'react';
 import {
+  findNodeHandle,
   requireNativeComponent,
   UIManager,
-  findNodeHandle,
   ViewPropTypes,
 } from 'react-native';
-import { string, func, arrayOf } from 'prop-types';
-
 import { createErrorFromErrorData } from './utils';
 
 class AdMobBanner extends Component {
-
   constructor() {
     super();
     this.handleSizeChange = this.handleSizeChange.bind(this);
@@ -28,7 +26,7 @@ class AdMobBanner extends Component {
     UIManager.dispatchViewManagerCommand(
       findNodeHandle(this._bannerView),
       UIManager.getViewManagerConfig('RNGADBannerView').Commands.loadBanner,
-      null,
+      null
     );
   }
 
@@ -42,7 +40,9 @@ class AdMobBanner extends Component {
 
   handleAdFailedToLoad(event) {
     if (this.props.onAdFailedToLoad) {
-      this.props.onAdFailedToLoad(createErrorFromErrorData(event.nativeEvent.error));
+      this.props.onAdFailedToLoad(
+        createErrorFromErrorData(event.nativeEvent.error)
+      );
     }
   }
 
@@ -53,7 +53,7 @@ class AdMobBanner extends Component {
         style={[this.props.style, this.state.style]}
         onSizeChange={this.handleSizeChange}
         onAdFailedToLoad={this.handleAdFailedToLoad}
-        ref={el => (this._bannerView = el)}
+        ref={(el) => (this._bannerView = el)}
       />
     );
   }

RNAdMobInterstitial.js

@@ -1,8 +1,4 @@
-import {
-  NativeModules,
-  NativeEventEmitter,
-} from 'react-native';
-
+import { NativeEventEmitter, NativeModules } from 'react-native';
 import { createErrorFromErrorData } from './utils';
 
 const RNAdMobInterstitial = NativeModules.RNAdMobInterstitial;
@@ -24,7 +20,9 @@ const addEventListener = (event, handler) => {
   if (mappedEvent) {
     let listener;
     if (event === 'adFailedToLoad') {
-      listener = eventEmitter.addListener(mappedEvent, error => handler(createErrorFromErrorData(error)));
+      listener = eventEmitter.addListener(mappedEvent, (error) =>
+        handler(createErrorFromErrorData(error))
+      );
     } else {
       listener = eventEmitter.addListener(mappedEvent, handler);
     }

RNAdMobRewarded.js

@@ -1,7 +1,4 @@
-import {
-  NativeModules,
-  NativeEventEmitter,
-} from 'react-native';
+import { NativeModules, NativeEventEmitter } from 'react-native';
 
 import { createErrorFromErrorData } from './utils';
 
@@ -27,7 +24,9 @@ const addEventListener = (event, handler) => {
   if (mappedEvent) {
     let listener;
     if (event === 'adFailedToLoad') {
-      listener = eventEmitter.addListener(mappedEvent, error => handler(createErrorFromErrorData(error)));
+      listener = eventEmitter.addListener(mappedEvent, (error) =>
+        handler(createErrorFromErrorData(error))
+      );
     } else {
       listener = eventEmitter.addListener(mappedEvent, handler);
     }

RNPublisherBanner.js

@@ -1,16 +1,14 @@
+import { arrayOf, func, string } from 'prop-types';
 import React, { Component } from 'react';
 import {
+  findNodeHandle,
   requireNativeComponent,
   UIManager,
-  findNodeHandle,
   ViewPropTypes,
 } from 'react-native';
-import { string, func, arrayOf } from 'prop-types';
-
 import { createErrorFromErrorData } from './utils';
 
 class PublisherBanner extends Component {
-
   constructor() {
     super();
     this.handleSizeChange = this.handleSizeChange.bind(this);
@@ -29,7 +27,7 @@ class PublisherBanner extends Component {
     UIManager.dispatchViewManagerCommand(
       findNodeHandle(this._bannerView),
       UIManager.getViewManagerConfig('RNDFPBannerView').Commands.loadBanner,
-      null,
+      null
     );
   }
 
@@ -50,7 +48,9 @@ class PublisherBanner extends Component {
 
   handleAdFailedToLoad(event) {
     if (this.props.onAdFailedToLoad) {
-      this.props.onAdFailedToLoad(createErrorFromErrorData(event.nativeEvent.error));
+      this.props.onAdFailedToLoad(
+        createErrorFromErrorData(event.nativeEvent.error)
+      );
     }
   }
 
@@ -62,7 +62,7 @@ class PublisherBanner extends Component {
         onSizeChange={this.handleSizeChange}
         onAdFailedToLoad={this.handleAdFailedToLoad}
         onAppEvent={this.handleAppEvent}
-        ref={el => (this._bannerView = el)}
+        ref={(el) => (this._bannerView = el)}
       />
     );
   }
@@ -116,6 +116,9 @@ PublisherBanner.propTypes = {
   onAppEvent: func,
 };
 
-const RNDFPBannerView = requireNativeComponent('RNDFPBannerView', PublisherBanner);
+const RNDFPBannerView = requireNativeComponent(
+  'RNDFPBannerView',
+  PublisherBanner
+);
 
 export default PublisherBanner;

package.json

@@ -18,6 +18,8 @@
   "devDependencies": {
     "babel-eslint": "^7.2.3",
     "eslint": "^4.19.1",
-    "eslint-plugin-react": "^7.14.3"
+    "eslint-config-prettier": "^6.3.0",
+    "eslint-plugin-react": "^7.14.3",
+    "prettier": "^1.18.2"
   }
 }

utils.js

@@ -1,9 +1,6 @@
 export const createErrorFromErrorData = (errorData) => {
-  const {
-    message,
-    ...extraErrorInfo
-  } = errorData || {};
+  const { message, ...extraErrorInfo } = errorData || {};
   const error = new Error(message);
   error.framesToPop = 1;
   return Object.assign(error, extraErrorInfo);
-}
+};