Updated build scripts & configs, fixed linting & types

.gitignore

@@ -77,6 +77,7 @@ fabric.properties
 ## Build generated
 ios/build/
 ios/DerivedData/
+dist/
 
 ## Various settings
 *.pbxuser

package.json

@@ -12,14 +12,17 @@
   "react-native": "src/index",
   "source": "src/index",
   "scripts": {
+    "build": "tsc --project tsconfig.json",
+    "clean": "rm -rf dist/",
     "test": "jest",
     "lint": "yarn eslint -c .eslintrc.js",
     "start": "watchman watch-del-all && node node_modules/react-native/local-cli/cli.js start",
     "example": "yarn --cwd example",
     "pods": "cd example && pod-install --quiet",
     "bootstrap": "yarn example && yarn && yarn pods"
   },
-  "main": "src/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "dependencies": {
     "lodash": "^4.14.2"
   },

src/CameraScreen.tsx

@@ -105,6 +105,7 @@ export default class CameraScreen extends Component<Props, State> {
     if (this.props.cameraRatioOverlay) {
       ratios = this.props.cameraRatioOverlay.ratios || [];
     }
+    // eslint-disable-next-line react/no-did-mount-set-state
     this.setState({
       ratios: ratios || [],
       ratioArrayPosition: ratios.length > 0 ? 0 : -1,
@@ -245,13 +246,13 @@ export default class CameraScreen extends Component<Props, State> {
     );
   }
 
-  sendBottomButtonPressedAction(type, captureRetakeMode, image) {
+  sendBottomButtonPressedAction(type: string, captureRetakeMode: boolean, image: null) {
     if (this.props.onBottomButtonPressed) {
       this.props.onBottomButtonPressed({ type, captureImages: this.state.captureImages, captureRetakeMode, image });
     }
   }
 
-  onButtonPressed(type) {
+  onButtonPressed(type: string) {
     const captureRetakeMode = this.isCaptureRetakeMode();
     if (captureRetakeMode) {
       if (type === 'left') {
@@ -262,7 +263,7 @@ export default class CameraScreen extends Component<Props, State> {
     }
   }
 
-  renderBottomButton(type) {
+  renderBottomButton(type: string) {
     const showButton = true;
     if (showButton) {
       const buttonNameSuffix = this.isCaptureRetakeMode() ? 'CaptureRetakeButtonText' : 'ButtonText';

tsconfig.json

@@ -1,23 +1,26 @@
 {
   "compilerOptions": {
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
+    "declaration": true,
+    "declarationDir": "./dist/",
     "esModuleInterop": true,
-    "jsx": "react",
-    "lib": ["ESNext"],
+    "forceConsistentCasingInFileNames": true,
+    "importHelpers": true,
+    "jsx": "react-native",
+    "lib": ["ES6"],
+    "module": "ES6",
     "moduleResolution": "node",
-    "noEmit": true,
-    "strict": true,
-    "target": "esnext",
-    "resolveJsonModule": true, // Required for JSON files
-    "skipLibCheck": true, // Skips *.d.ts files
-    "strictFunctionTypes": false,
-    "noImplicitAny": false,
-    "outDir": "./lib",
-    "baseUrl": "app",
-    "paths": {
-      "*": ["*", "*.ios", "*.android"]
-    }
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": false,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "sourceMap": true,
+    "removeComments": true,
+    "strictNullChecks": true,
+    "target": "ES6",
+    "skipLibCheck": true
   },
-  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js", "**/*.json", "**/*.spec.ts"]
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"],
+  "exclude": ["**/__tests__/*", "*.test.tsx"]
 }