Lint/tsc fixes

component/video/camera.tsx

@@ -9,6 +9,7 @@ import {
   VideoFile,
   CameraRuntimeError,
   Orientation,
+  // @ts-ignore
 } from "react-native-vision-camera";
 import { RecordingButton } from "./capture-button";
 import { useIsForeground } from "./is-foreground";

component/video/capture-button.tsx

@@ -1,8 +1,16 @@
-import React, { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useRef, useState } from "react";
-import { TouchableOpacity, StyleSheet, View, StyleProp, ViewStyle } from 'react-native';
+import {
+	TouchableOpacity,
+	StyleSheet,
+	View,
+	StyleProp,
+	ViewStyle,
+} from "react-native";
 import { CameraRoll } from "@react-native-camera-roll/camera-roll";
-import { Camera } from 'react-native-vision-camera/lib/typescript/Camera';
+// @ts-ignore
-import { VideoFile } from 'react-native-vision-camera/lib/typescript/VideoFile';
+import { Camera } from "react-native-vision-camera/lib/typescript/Camera";
+// @ts-ignore
+import { VideoFile } from "react-native-vision-camera/lib/typescript/VideoFile";
 
 interface RecordingButtonProps {
 	style: StyleProp<ViewStyle>;
@@ -12,66 +20,70 @@ interface RecordingButtonProps {
 	enabled: boolean;
 }
 
-
+export const RecordingButton: React.FC<RecordingButtonProps> = ({
-export const RecordingButton: React.FC<RecordingButtonProps> = ({ style, camera, onMediaCaptured, enabled }) => {
+	style,
-	const isRecording = useRef(false)
+	camera,
+	onMediaCaptured,
+	enabled,
+}) => {
+	const isRecording = useRef(false);
 	// UseRef won't trigger a re-render
 	const [, setRecordingState] = useState(false);
 
 	const onStoppedRecording = useCallback(() => {
-		isRecording.current = false
+		isRecording.current = false;
-		setRecordingState(false)
+		setRecordingState(false);
-		console.log('stopped recording video!')
+		console.log("stopped recording video!");
-	}, [])
+	}, []);
 
 	const stopRecording = useCallback(async () => {
 		try {
 			if (camera.current === null) {
-				throw new Error('Camera ref is null!') // Error handling could be more graceful
+				throw new Error("Camera ref is null!"); // Error handling could be more graceful
 			}
-			console.log('calling stopRecording()...')
+			console.log("calling stopRecording()...");
-			await camera.current.stopRecording()
+			await camera.current.stopRecording();
-			console.log('called stopRecording()!')
+			console.log("called stopRecording()!");
 		} catch (e) {
-			console.error('failed to stop recording!', e)
+			console.error("failed to stop recording!", e);
 		}
-	}, [camera])
+	}, [camera]);
 
-const startRecording = useCallback(() => {
+	const startRecording = useCallback(() => {
 		try {
 			if (camera.current === null) {
-			throw new Error('Camera ref is null!') // Error handling could be more graceful
+				throw new Error("Camera ref is null!"); // Error handling could be more graceful
 			}
-		console.log('calling startRecording()...')
+			console.log("calling startRecording()...");
 			camera.current.startRecording({
 				onRecordingError: (error) => {
-				console.error('Recording failed!', error)
+					console.error("Recording failed!", error);
-				onStoppedRecording()
+					onStoppedRecording();
 				},
 				onRecordingFinished: async (video) => {
-				onMediaCaptured(video, 'video')
+					onMediaCaptured(video, "video");
-				const path = video.path
+					const path = video.path;
 					await CameraRoll.saveAsset(`file://${path}`, {
-					type: 'video',
+						type: "video",
-				})
+					});
-				onStoppedRecording()
+					onStoppedRecording();
 				},
-		})
+			});
-		console.log('called startRecording()!')
+			console.log("called startRecording()!");
-		isRecording.current = true
+			isRecording.current = true;
-		setRecordingState(true)
+			setRecordingState(true);
 		} catch (e) {
-		console.error('failed to start recording!', e, 'camera')
+			console.error("failed to start recording!", e, "camera");
 		}
-}, [camera, onMediaCaptured, onStoppedRecording])
+	}, [camera, onMediaCaptured, onStoppedRecording]);
 
-const handlePress = () => {
+	const handlePress = () => {
 		if (isRecording.current) {
 			stopRecording();
 		} else {
 			startRecording();
 		}
-};
+	};
 
 	return (
 		<TouchableOpacity
@@ -79,7 +91,11 @@ const handlePress = () => {
 			onPress={handlePress}
 			disabled={!enabled}
 		>
-			<View style={isRecording.current ? styles.recordingSquare : styles.innerCircle} />
+			<View
+				style={
+					isRecording.current ? styles.recordingSquare : styles.innerCircle
+				}
+			/>
 		</TouchableOpacity>
 	);
 };
@@ -90,22 +106,22 @@ const styles = StyleSheet.create({
 		width: 80,
 		borderRadius: 40,
 		borderWidth: 3,
-			borderColor: 'white',
+		borderColor: "white",
-			backgroundColor: 'transparent',
+		backgroundColor: "transparent",
-			justifyContent: 'center',
+		justifyContent: "center",
-			alignItems: 'center',
+		alignItems: "center",
 	},
 	innerCircle: {
 		height: 70,
 		width: 70,
 		borderRadius: 35,
-			backgroundColor: '#FF3B30',
+		backgroundColor: "#FF3B30",
 	},
 	recordingSquare: {
 		height: 40,
 		width: 40,
 		borderRadius: 10,
-			backgroundColor: '#FF3B30',
+		backgroundColor: "#FF3B30",
 	},
 });
 

package.json

@@ -6,8 +6,8 @@
     "start": "cp .env.development .env && expo start",
     "android": "expo run:android",
     "ios": "expo run:ios",
-    "run:android": "expo run:android",
+    "run:android": "expo start --android",
-    "run:ios": "expo run:ios",
+    "run:ios": "expo start --android",
     "web": "expo start --web",
     "lint": "eslint . --ext .js,.ts,.tsx",
     "lint:fix": "eslint . --ext .ts,.tsx --fix",

tsconfig.json

@@ -1,32 +1,5 @@
 {
-  "compilerOptions": {
+  "include": ["."],
-    "allowJs": false,
+  "exclude": ["node_modules", "./react-native-vision-camera/package"],
-    "allowUnreachableCode": false,
+  "extends": ["expo/tsconfig.base"]
-    "allowUnusedLabels": false,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "jsx": "react-native",
-    "lib": ["esnext"],
-    "module": "esnext",
-    "moduleResolution": "node",
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitReturns": true,
-    "noStrictGenericChecks": false,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noUncheckedIndexedAccess": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "target": "esnext",
-    "outDir": "lib",
-    "paths": {
-      "react-native-vision-camera": [
-        "./react-native-vision-camera/package/src/index"
-      ]
-    }
-  },
-  "include": ["react-native-vision-camera/package/src", "."],
-  "exclude": ["node_modules"],
-  "extends": "./react-native-vision-camera/package/tsconfig"
 }