embed_files.sh

#!/bin/bash

#
# This script walks through the assets folder and minifys all JS, HTML, CSS and SVG files. It also generates
# the corresponding constants that are added to the data.h file on esp8266_deauther folder.
#
# @Author Erick B. Tedeschi < erickbt86 [at] gmail [dot] com >
# @Author Wandmalfarbe https://github.com/Wandmalfarbe
#
# See: https://github.com/letscontrolit/ESPEasy/issues/1671#issuecomment-415144898

cd static
outputfile="$(pwd)/data_h_temp"
rm $outputfile

function minify_html {
	file=$1
	post_To https://www.toptal.com/developers/html-minifier/api/raw $file
}

function minify_css {
	file=$1
	post_To https://www.toptal.com/developers/cssminifier/api/raw $file
}

function minify_js {
	file=$1
	post_To https://www.toptal.com/developers/javascript-minifier/api/raw $file
}

function post_To {
	url=$1
	file=$2
	RESPONSE=/tmp/response.txt
	HEADERS=/tmp/headers.txt
	curl -X POST -s --data-urlencode "input@$file" $url -D $HEADERS -o $RESPONSE
	status=$(cat $HEADERS | grep '^HTTP/2' | tail -1 | awk '{print $2}')
	if [[ "$status" == "200" ]]; then
		cat $RESPONSE > /tmp/converter.temp
		rm $RESPONSE
		rm $HEADERS
	else
		echo "can not minify $file error $status"
		exit 1
	fi
}

function minify_svg {
	file=$1
	svgo -i /Users/User/Desktop/icons/tools.svg -o - > /tmp/converter.temp
}

function ascii2hexCstyle { # fold at column 135 so VSCode can 'color-highlight' the array
	file_name=$(constFileName $1)
	result=$(cat /tmp/converter.temp | hexdump -ve '1/1 "0x%.2x,"')
	result=$(echo $result | sed 's/,$//' | fold -w 135)
	echo "static const char DATA_${file_name}[] PROGMEM = {"
	echo "$result,0"
	echo "};"
	echo
	echo
}

# split text in 132 character chunks, replace \ by \\, replace " by ', replace temp linebreak by real linebreak, wrap in quoted PROGMEM char array
function ascii2stringCstyle {
	file_name=$(constFileName $1)
	result=$(cat /tmp/converter.temp)
	# s/\"/\\\"/g # double-quote " to escaped double-quote \", can use for .js but increases byte count
	# s/\"/'"'"'/g # replace double-quote by single-quote, in a single-quoted string, can not be used for js
	result=$(echo $result | sed -r 's/(.{132})/\1\x02/g; s/\\/\\\\/g; s/\"/'"'"'/g; s/\x02/\"\n\"/g')
	echo "static const char DATA_${file_name}[] PROGMEM = {"
	echo "\"$result\""
	echo "};"
	echo
	echo
}

function constFileName {
	extension=$(echo $1 | egrep -io "(json|svg|css|js|html)$" | tr "[:lower:]" "[:upper:]")
	file=$(echo $1 | sed 's/\.json//; s/\.svg//; s/\.css//; s/\.html//; s/\.js//; s/\.\///' | tr '/' '_' | tr '.' '_' | tr '-' '_' | tr "[:lower:]" "[:upper:]")
	underscore="_"
	echo $file$underscore$extension
}
function keepMinifiedFile {
	file=$1
	file=$( echo $file | sed -r 's/^(.*)\.(.*?)$/\1.min.\2/' )
	cp /tmp/converter.temp $file
	echo "  Keeps Minified file as: $file"
}


file_list=$(find . -type f)

for file in $file_list; do
	echo "Processing: $file"
	file_name=$(constFileName $file)
	echo "  Array Name: $file_name"

	if [[ "$file" == *.min.js ]]; then
		echo "  JS already minified"
		cat $file > /tmp/converter.temp
		ascii2hexCstyle $file >> $outputfile
	elif [[ "$file" == *.js ]]; then
		echo "  JS minify"
		minify_js $file
		ascii2hexCstyle $file >> $outputfile
	elif [[ "$file" == *.min.css ]]; then
		echo "  CSS already minified"
		cat $file > /tmp/converter.temp
		ascii2stringCstyle $file >> $outputfile
	elif [[ "$file" == *.css ]]; then
		echo "  CSS minify"
		minify_css $file
		keepMinifiedFile $file
		ascii2stringCstyle $file >> $outputfile
	elif [[ "$file" == *.html ]]; then
		echo "  HTML minify"
		minify_html $file
		ascii2hexCstyle $file >> $outputfile
	elif [[ "$file" == *.svg ]]; then
		echo "  SVG minify"
		minify_svg $file
		ascii2hexCstyle $file >> $outputfile
	else
		echo "  without minifier"
		cat $file > /tmp/converter.temp
		ascii2hexCstyle $file >> $outputfile
	fi
	echo ""
	sleep 1
done
cd ..