replace grunt with npm scripts

Author: joshstoik1

Gruntfile.js

@@ -0,0 +1,36 @@
+#!/bin/bash
+#
+# NPM: SCSS
+#
+# These are a little too cumbersome to deal with inside NPM.
+##
+
+
+
+# Check dependencies.
+command -v sassc >/dev/null 2>&1 || {
+	echo -e "\033[31;1mError:\033[0m sassc must be in \$PATH."
+	exit 1
+}
+command -v stylecow >/dev/null 2>&1 || {
+	echo -e "\033[31;1mError:\033[0m stylecow must be in \$PATH."
+	echo -e "\033[96;1mFix:\033[0m npm i stylecow -g"
+	exit 1
+}
+
+
+
+# Compile the SCSS.
+echo -e "\033[2mcompiling:\033[0m demo.css"
+sassc --style=compressed src/scss/demo.scss demo/assets/demo.css
+if [ $? != 0 ]; then
+	notify-send -i error --category dev.validate -h int:transient:1 -t 3000 "SCSS: Error" "Your SCSS did not validate."
+	exit 1
+fi
+
+# Run postcss clean ups.
+stylecow -c stylecow.json
+
+
+
+exit 0

demo/assets/demo.css

@@ -0,0 +1,24 @@
+#!/bin/bash
+#
+# NPM: ESlint
+#
+# These are a little too cumbersome to deal with inside NPM.
+##
+
+
+
+# Check dependencies.
+command -v eslint >/dev/null 2>&1 || {
+	echo -e "\033[31;1mError:\033[0m eslint must be in \$PATH."
+	echo -e "\033[96;1mFix:\033[0m npm i eslint -g"
+	exit 1
+}
+
+
+
+# Not much to do.
+eslint --fix --color src/js/**/*.js
+
+
+
+exit 0

demo/assets/demo.css.map

@@ -0,0 +1,28 @@
+#!/bin/bash
+#
+# NPM: ESlint
+#
+# These are a little too cumbersome to deal with inside NPM.
+##
+
+
+
+# Check dependencies.
+command -v eslint >/dev/null 2>&1 || {
+	echo -e "\033[31;1mError:\033[0m eslint must be in \$PATH."
+	echo -e "\033[96;1mFix:\033[0m npm i eslint -g"
+	exit 1
+}
+
+
+
+# Actually we just want to know if there are errors or not.
+eslint --color src/js/**/*.js
+if [ $? != 0 ]; then
+	notify-send -i error --category dev.validate -h int:transient:1 -t 3000 "ESLint: Error" "Your Javascript did not validate."
+	exit 1
+fi
+
+
+
+exit 0

dist/vue-blob-forms.min.js

@@ -0,0 +1,42 @@
+#!/bin/bash
+#
+# NPM: Uglify Tasks
+#
+# These are a little too cumbersome to deal with inside NPM.
+##
+
+
+
+# Check dependencies.
+command -v uglifyjs >/dev/null 2>&1 || {
+	echo -e "\033[31;1mError:\033[0m uglifyjs must be in \$PATH."
+	echo -e "\033[96;1mFix:\033[0m npm i uglify-es -g"
+	exit 1
+}
+
+
+
+declare -A SOURCES
+SOURCES["dist/vue-blob-forms.min.js"]="src/js/vue-blob-forms.js"
+SOURCES["demo/assets/demo.min.js"]="src/js/demo.js"
+
+# Now loop through and compile!
+for i in "${!SOURCES[@]}"
+do
+	echo -e "\033[2mcompiling:\033[0m $( basename "${SOURCES[$i]}" )"
+	uglifyjs -c --ecma 6 -o "${i}" -- "${SOURCES[$i]}" &
+done
+
+
+
+# We've run most of these operations in parallel, but we should wait to
+# exit once everything is done.
+for JOB in $( jobs -p ); do
+	wait $JOB || exit 1
+done
+
+
+
+# We're done!
+echo -e "\033[32;1mSuccess:\033[0m Uglification has completed!"
+exit 0

npm_scripts/css-scss.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+#
+# NPM: Notify CSS
+#
+# These are a little too cumbersome to deal with inside NPM.
+##
+
+
+
+# Check dependencies.
+command -v notify-send >/dev/null 2>&1 || {
+	echo -e "\033[31;1mError:\033[0m notify-send must be in \$PATH."
+	exit 1
+}
+
+
+
+notify-send -i "$( pwd )/npm_scripts/icon.png" --category dev.validate -h int:transient:1 -t 3000 "CSS" "The CSS has been linted, minified, and exported!"
+exit 0