Bootstrap-vue import statement migration

bootstrap-vue-import-statement-migration.sh

# I am using sd, which has a more standard Regexp syntax than find/sed and works great
# This script changes all occurences from:
#  import bFormGroup from 'bootstrap-vue/es/....
#  import bModal from ....
#
# to ->
#
#  import { BFormGroup, BModal } from 'bootstrap-vue'
#
# adjust the paths, this is a rails app, so everything is in app/javascript

# 1. replace all "import bForm..." -> "import { BForm } from 'bootstrap-vue'"
sd -f i "import [bB](.*) from .bootstrap-vue/(es|src)/.*" "import { B\$1 } from 'bootstrap-vue';" app/javascript/**/*.vue app/javascript/**/*.js

# 2. capitalize all usages of "bForm" (e.g. in components: {})
sd " b([A-Z][a-z])" " B\$1" app/javascript/**/*.vue app/javascript/**/*.js

# 3. use eslint to combine all duplicate imports into one single
./node_modules/.bin/eslint --fix --rule 'import/no-duplicates: error' `git diff --name-only -- app`

# 4. Manual
# - check for directives import 
# - check for "<b[A-Z]a-z]" un-capitalized html views