blinkcard-react-native/initBlinkCardReactNativeSample.sh at main · microblink/blinkcard-react-native · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
#!/bin/bash

blink_card_plugin_path=`pwd`/BlinkCard
appName=BlinkCardSample
appId=com.microblink.sample
rn_version="0.82.0"

# Remove any existing code
rm -rf $appName


# Create a sample application via @react-native-community/cli init
npx @react-native-community/cli init $appName --package-name $appId --title "BlinkCard React-Native Sample" --version "$rn_version" || exit 1

# Enter into demo project folder
pushd $appName || exit 1

# Inject esModuleInterop into tsconfig.json
# Add "esModuleInterop": true into compilerOptions in tsconfig.json
sed -i '' '/"compilerOptions": {/a\
\    "esModuleInterop": true,\
\    "allowSyntheticDefaultImports": true,\
\    "skipLibCheck": true,
' tsconfig.json

IS_LOCAL_BUILD=false || exit 1
if [ "$IS_LOCAL_BUILD" = true ]; then
  echo "Using blinkcard-react-native from this repo instead from NPM"
  # Enter the BlinkCard folder
  pushd "$blink_card_plugin_path" > /dev/null

  # Run npm install for react-native-builder-bob to prepare the build
  npm i

  # Pack the libary
  npm pack

  # Go the sample folder and install the library
  popd > /dev/null
  npm i --save $blink_card_plugin_path/microblink-blinkcard-react-native-3000.0.0.tgz

else
  # Download BlinkCard React Native via NPM
  echo "Downloading blinkcard-react-native module"
  npm i --save @microblink/blinkcar-react-native
fi

# React-native-image-picker plugin needed only for sample application with DirectAPI to get the document images
npm i react-native-image-picker

# Enter into android project folder
pushd android || exit 1

# Patch the build.gradle to add "maven { url https://maven.microblink.com }"" repository
perl -i~ -pe "BEGIN{$/ = undef;} s/maven \{/maven \{ url 'https:\\/\\/maven.microblink.com' }\n        maven {/" build.gradle

# Return from the android project folder
popd

# Enter into the ios project folder
pushd ios || exit 1

# Force minimal iOS version
sed -i '' "s/platform :ios, min_ios_version_supported/platform :ios, '16.0'/" Podfile

# Add the camera and photo usage descriptions into Info.plist to enable camera scanning and the image upload via gallery
sed -i '' '/<dict>/a\
  <key>NSCameraUsageDescription</key>\
  <string>Enable the camera usage for BlinkCard default UX scanning</string>\
  <key>NSPhotoLibraryUsageDescription</key>\
  <string>Enable photo gallery usage for BlinkCard DirectAPI scanning</string>\
' $appName/Info.plist

# Disable Flipper since it spams console with errors
export NO_FLIPPER=1

# to install the iOS application with old architecture run: RCT_NEW_ARCH_ENABLED=0 pod install
pod install

# pod install

# Return from the ios project folder
popd

# Add the sample files with the BlinkCard integration code to the sample application
cp ../sample_files/App.tsx ./
cp ../sample_files/BlinkCardResultBuilder.ts ./

# Return to the root folder
popd
echo "
Instruction for running the $appName sample application:

Go to the React Native project folder: cd $appName

----- Android instructions -----

Execute: npx react-native run-android

----- iOS instructions -----

1. Execute npx react-native start
2. Open $appName/ios/$appName.xcworkspace
3. Set your development team
4. Press run
"