chore: Move everything into package/ (#1745)

* Move everything into package * Remove .DS_Store * Move scripts and eslintrc to package * Create CODE_OF_CONDUCT.md * fix some links * Update all links (I think) * Update generated docs * Update notice-yarn-changes.yml * Update validate-android.yml * Update validate-cpp.yml * Delete notice-yarn-changes.yml * Update validate-cpp.yml * Update validate-cpp.yml * Update validate-js.yml * Update validate-cpp.yml * Update validate-cpp.yml * wrong c++ style * Revert "wrong c++ style" This reverts commit 55a3575589c6f13f8b05134d83384f55e0601ab2.
2023-09-01 18:15:28 +02:00
parent 2a5c33323b
commit 036856aed5
347 changed files with 3088 additions and 154 deletions
--- a/package/example/src/PermissionsPage.tsx
+++ b/package/example/src/PermissionsPage.tsx
@@ -0,0 +1,96 @@
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import React, { useCallback, useEffect, useState } from 'react';
+import { ImageRequireSource, Linking } from 'react-native';
+
+import { StyleSheet, View, Text, Image } from 'react-native';
+import { Camera, CameraPermissionStatus } from 'react-native-vision-camera';
+import { CONTENT_SPACING, SAFE_AREA_PADDING } from './Constants';
+import type { Routes } from './Routes';
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const BANNER_IMAGE = require('../../docs/static/img/11.png') as ImageRequireSource;
+
+type Props = NativeStackScreenProps<Routes, 'PermissionsPage'>;
+export function PermissionsPage({ navigation }: Props): React.ReactElement {
+  const [cameraPermissionStatus, setCameraPermissionStatus] = useState<CameraPermissionStatus>('not-determined');
+  const [microphonePermissionStatus, setMicrophonePermissionStatus] = useState<CameraPermissionStatus>('not-determined');
+
+  const requestMicrophonePermission = useCallback(async () => {
+    console.log('Requesting microphone permission...');
+    const permission = await Camera.requestMicrophonePermission();
+    console.log(`Microphone permission status: ${permission}`);
+
+    if (permission === 'denied') await Linking.openSettings();
+    setMicrophonePermissionStatus(permission);
+  }, []);
+
+  const requestCameraPermission = useCallback(async () => {
+    console.log('Requesting camera permission...');
+    const permission = await Camera.requestCameraPermission();
+    console.log(`Camera permission status: ${permission}`);
+
+    if (permission === 'denied') await Linking.openSettings();
+    setCameraPermissionStatus(permission);
+  }, []);
+
+  useEffect(() => {
+    if (cameraPermissionStatus === 'granted' && microphonePermissionStatus === 'granted') navigation.replace('CameraPage');
+  }, [cameraPermissionStatus, microphonePermissionStatus, navigation]);
+
+  return (
+    <View style={styles.container}>
+      <Image source={BANNER_IMAGE} style={styles.banner} />
+      <Text style={styles.welcome}>Welcome to{'\n'}Vision Camera.</Text>
+      <View style={styles.permissionsContainer}>
+        {cameraPermissionStatus !== 'granted' && (
+          <Text style={styles.permissionText}>
+            Vision Camera needs <Text style={styles.bold}>Camera permission</Text>.{' '}
+            <Text style={styles.hyperlink} onPress={requestCameraPermission}>
+              Grant
+            </Text>
+          </Text>
+        )}
+        {microphonePermissionStatus !== 'granted' && (
+          <Text style={styles.permissionText}>
+            Vision Camera needs <Text style={styles.bold}>Microphone permission</Text>.{' '}
+            <Text style={styles.hyperlink} onPress={requestMicrophonePermission}>
+              Grant
+            </Text>
+          </Text>
+        )}
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  welcome: {
+    fontSize: 38,
+    fontWeight: 'bold',
+    maxWidth: '80%',
+  },
+  banner: {
+    position: 'absolute',
+    opacity: 0.4,
+    bottom: 0,
+    left: 0,
+  },
+  container: {
+    flex: 1,
+    backgroundColor: 'white',
+    ...SAFE_AREA_PADDING,
+  },
+  permissionsContainer: {
+    marginTop: CONTENT_SPACING * 2,
+  },
+  permissionText: {
+    fontSize: 17,
+  },
+  hyperlink: {
+    color: '#007aff',
+    fontWeight: 'bold',
+  },
+  bold: {
+    fontWeight: 'bold',
+  },
+});