chore: adds circleCi config + fix eslint, flow errors.

chore: adds circleCi config + fix eslint, flow errors.

Author: Trancever

.circleci/config.yml

@@ -0,0 +1,48 @@
+version: 2
+
+defaults: &defaults
+  docker:
+    - image: circleci/node:10
+  working_directory: ~/react-native-fbads
+
+jobs:
+  install-dependencies:
+    <<: *defaults
+    steps:
+      - checkout
+      - attach_workspace:
+          at: ~/react-native-fbads
+      - restore_cache:
+          keys:
+            - dependencies-{{ checksum "package.json" }}
+            - dependencies-
+      - run: |
+          yarn install --frozen-lockfile
+      - save_cache:
+          key: dependencies-{{ checksum "package.json" }}
+          paths: node_modules
+      - persist_to_workspace:
+          root: .
+          paths: .
+  lint:
+    <<: *defaults
+    steps:
+      - attach_workspace:
+          at: ~/react-native-fbads
+      - run: |
+          yarn lint
+  flow:
+    <<: *defaults
+    steps:
+      - attach_workspace:
+          at: ~/react-native-fbads
+      - run: |
+          yarn flow
+workflows:
+  version: 2
+  build-and-test:
+    jobs:
+      - install-dependencies
+      - lint:
+          requires:
+            - install-dependencies

.eslintignore

@@ -0,0 +1 @@
+node_modules/

.eslintrc

@@ -1,49 +1,14 @@
 {
-  "parser": "babel-eslint",
-  "extends": "airbnb",
   "env": {
-    "browser": true,
-    "node": true,
-    "mocha": true,
-    "es6": true
+    "browser": true
   },
 
-  "parserOptions": {
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "jsx": true
-    }
-  },
+  "extends": ["@callstack"],
 
-  "globals": {
-    "__DEV__": true
-  },
+  "plugins": ["react-native"],
 
   "rules": {
-    "strict": 0,
-
-    "arrow-body-style": 0,
-    "arrow-parens": 0,
-    "default-case": 0,
-    "generator-star-spacing": 0,
-    "global-require": 0,
-    "new-cap": 0,
-    "no-alert": 0,
-    "no-confusing-arrow": 0,
-    "no-console": 0,
-    "no-constant-condition": 0,
-    "no-duplicate-imports": 0,
-    "no-restricted-syntax": 0,
-    "no-underscore-dangle": 0,
-    "no-use-before-define": 0,
-
-    "import/no-duplicates": 0,
-    "import/no-unresolved": 0,
-
-    "react/jsx-no-bind": 0,
-    "react/jsx-filename-extension": 0,
-    "react/forbid-prop-types": 0,
-    "react/prefer-stateless-function": 0,
-    "react/sort-comp": 0
+    "react/no-multi-comp": "off",
+    "no-console": "off"
   }
-}
+}

.flowconfig

@@ -51,4 +51,4 @@ suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-2]\\|1[0-9]\\|[1-2
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 
 [version]
->=0.80.0
+^0.67.1

.prettierrc

@@ -1,3 +1,4 @@
 {
-  "singleQuote": true
+  "singleQuote": true,
+  "trailingComma": "es5"
 }

AdChoicesManager.js

@@ -1,5 +1,5 @@
 // @flow
-import React, { PropTypes } from 'react';
+import React from 'react';
 import { requireNativeComponent, StyleSheet, Platform } from 'react-native';
 import type { ViewStyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet';
 
@@ -13,13 +13,13 @@ type AdChoiceLocation = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 type Props = {
   location: AdChoiceLocation,
   expandable: boolean,
-  style?: ViewStyleProp
+  style?: ViewStyleProp,
 };
 
 export default class AdChoicesView extends React.Component<Props> {
   static defaultProps: Props = {
     location: 'topLeft',
-    expandable: false
+    expandable: false,
   };
 
   render() {
@@ -44,12 +44,12 @@ let styles = StyleSheet.create({
     ...Platform.select({
       ios: {
         width: 0,
-        height: 0
+        height: 0,
       },
       android: {
         width: 22,
-        height: 22
-      }
-    })
-  }
+        height: 22,
+      },
+    }),
+  },
 });

AdIconViewManager.js

@@ -27,7 +27,7 @@ class AdIconViewChild extends React.Component<PropsType> {
   }
 }
 
-export default class AdIconView extends React.Component<Object> {
+export default class AdIconView extends React.Component<{}> {
   render() {
     return (
       <AdIconViewContext.Consumer>

AdSettings.js

@@ -54,5 +54,5 @@ export default {
    */
   setUrlPrefix(urlPrefix: string) {
     CTKAdSettingsManager.setUrlPrefix(urlPrefix);
-  }
+  },
 };

BannerViewManager.js

@@ -1,18 +1,19 @@
-// @flow
+/* @flow */
 import React from 'react';
 import { requireNativeComponent } from 'react-native';
+import type { ViewStyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 type AdType = 'large' | 'rectangle' | 'standard';
 
 const CTKBannerView = requireNativeComponent('CTKBannerView', null, {
   onAdPress: true,
-  onAdError: true
+  onAdError: true,
 });
 
 const sizeForType = {
   large: 90,
   rectangle: 250,
-  standard: 50
+  standard: 50,
 };
 
 /**
@@ -24,9 +25,9 @@ const getSizeForType = (type: AdType) =>
 type BannerViewProps = {
   type: AdType,
   placementId: string,
-  onPress: Function,
-  onError: Function,
-  style: any
+  onPress: () => mixed,
+  onError: () => mixed,
+  style: ViewStyleProp,
 };
 
 const BannerView = (props: BannerViewProps) => {

InterstitialAdManager.js

@@ -9,5 +9,5 @@ export default {
    */
   showAd(placementId: string): Promise<boolean> {
     return CTKInterstitialAdManager.showAd(placementId);
-  }
+  },
 };