improve build process; add documentation

css/build.sh

@@ -4,26 +4,31 @@
 
 dir=$(readlink -f "$(dirname "$0")")
 
+cssdir="$(readlink -f "$dir/../dist/css")"
+
 if ! cd "$dir" ; then
     echo "ERROR: Could not change working directory; aborted." >&2 ;
     exit 1 ;
+elif ! mkdir -p "$cssdir" ; then
+    echo "ERROR: Could not create directory $cssdir; aborted." >&2 ;
+    exit 1 ;
 elif [[ -z $(type -p r.js) ]] ; then
     echo "ERROR: r.js optimizer not found; install it using 'npm install -g requirejs'." >&2
     exit 1
-elif ! r.js -o cssIn=myplayer.css out=myplayer.min.css optimizeCss=standard.keepComments.keepLines ; then
+elif ! r.js -o cssIn=myplayer.css out="$cssdir"/myplayer.min.css optimizeCss=standard.keepComments.keepLines ; then
     echo "ERROR: r.js failed; aborted." >&2
     exit 1
 else
-    sed -i -e 's|../mediaelement-plugins/dist/playlist/||' myplayer.min.css
-    chmod 0644 myplayer.min.css
+    sed -i -e 's|../mediaelement-plugins/dist/playlist/||' "$cssdir"/myplayer.min.css
+    chmod 0644 "$cssdir"/myplayer.min.css
 
-    echo "INFO: Minimized CSS to $dir/myplayer.min.css" >&2
+    echo "INFO: Minimized CSS to $cssdir/myplayer.min.css" >&2
 
     for svg in \
         ../mediaelement-plugins/dist/playlist/playlist-controls.svg  \
         ../mediaelement/build/mejs-controls.svg
     do
-        svg_out="$dir/$(basename "$svg")"
+        svg_out="$cssdir/$(basename "$svg")"
 
         if ! cp "$svg" "$svg_out" ; then
             echo "ERROR: Copying controls SVG $svg failed; aborted." >&2