ptgolden/start.sh

## start.sh
# Initialize project
npm init -y


# Install dependences
npm install --save-dev browserify watchify babelify


# Set browserify commands
BROWSERIFY_ARGS='src/index -o dist/bundle.js'
MKDIR='mkdir -p dist'
BABELIFY_TRANSFORM='["babelify", { "sourceMapRelative": ".", "only": "src/**" }]'

cat package.json | \
jq ".browserify={\"transform\": [$BABELIFY_TRANSFORM]}" | \
jq ".scripts.build=\"$MKDIR && browserify $BROWSERIFY_ARGS\"" | \
jq ".scripts[\"build-watch\"]=\"$MKDIR && watchify $BROWSERIFY_ARGS -dv\"" \
> package.json.tmp
mv package.json.tmp package.json


# Add file to be compiled
mkdir -p src

cat <<EOF > src/write_greeting.js
module.exports = greeting => document.write(\`<h1>\${greeting}</h1>\`);
EOF

cat <<EOF > src/index.js
var writeGreeting = require('./write_greeting');

writeGreeting('Hello from browserify');
EOF


# Add html file to serve bundle
cat <<EOF > index.html
<!doctype html>
<html>
<body><script src="dist/bundle.js"></script></body>
</html>
EOF


# Build browserify bundle
npm run build


# Open index.html in browser
	# Initialize project
	npm init -y


	# Install dependences
	npm install --save-dev browserify watchify babelify


	# Set browserify commands
	BROWSERIFY_ARGS='src/index -o dist/bundle.js'
	MKDIR='mkdir -p dist'
	BABELIFY_TRANSFORM='["babelify", { "sourceMapRelative": ".", "only": "src/**" }]'

	cat package.json \| \
	jq ".browserify={\"transform\": [$BABELIFY_TRANSFORM]}" \| \
	jq ".scripts.build=\"$MKDIR && browserify $BROWSERIFY_ARGS\"" \| \
	jq ".scripts[\"build-watch\"]=\"$MKDIR && watchify $BROWSERIFY_ARGS -dv\"" \
	> package.json.tmp
	mv package.json.tmp package.json


	# Add file to be compiled
	mkdir -p src

	cat <<EOF > src/write_greeting.js
	module.exports = greeting => document.write(\`<h1>\${greeting}</h1>\`);
	EOF

	cat <<EOF > src/index.js
	var writeGreeting = require('./write_greeting');

	writeGreeting('Hello from browserify');
	EOF


	# Add html file to serve bundle
	cat <<EOF > index.html
	<!doctype html>
	<html>
	<body><script src="dist/bundle.js"></script></body>
	</html>
	EOF


	# Build browserify bundle
	npm run build


	# Open index.html in browser