#!/usr/bin/env bash
# remove this file whenever you don't need it. you need json package to execute the last part.
echo 'installing npm dependencies...'
npm i -s react react-dom prop-types react-hot-loader
echo 'installing npm devDependencies...'
npm i -D @babel/cli @babel/core @babel/plugin-syntax-dynamic-import @babel/preset-env @babel/preset-react babel-loader clean-webpack-plugin html-webpack-plugin webpack webpack-cli webpack-dev-server
echo 'add scripts to package.json...'

json -f package.json -I -e "this.scripts.start=\"NODE_ENV=development webpack-dev-server --open\""
json -f package.json -I -e "this.scripts.build=\"NODE_ENV=production webpack\""
json -f package.json -I -e "this.scripts.stats=\"webpack --mode production --profile --json > stats.json\""
json -f package.json -I -e "this.scripts.clean=\"rm -rf node_modules/ && rm -rf dist/\""
json -f package.json -I -e "this.browserslist=[\"> 1\%\"]"
echo 'move index.html and index.js to src'
mkdir src
mv index.* src
if command -v gsed &> /dev/null; then
  gsed -i '1d' src/index.*
fi
echo 'Done. Using follow command to change the permission of all files'
echo ''
echo '    sudo chmod 644 *.* src/*.*'
echo ''