fix: Fixes problems with jsfiddle generation script. (#106)

* fix: Fixes problems with jsfiddle generation script.

* Update jsfiddle.sh

I don't wanna talk about it.

Author: willum070

samples/jsfiddle.sh

@@ -10,39 +10,42 @@
 # Generate JSFiddle output as part of the build process.
 NAME=$1 # The name of the folder, taken from package.json "build" line.
 
-# Relative path to the top-level of the examples folder.
-#PATH_TO_DOCS=/Users/[USERNAME]/git/js-api-samples/samples
-PATH_TO_DOCS="$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )"
-
-OUTPUT_DIR=${PATH_TO_DOCS}
-DIST_DIR="../../dist/samples/${NAME}/jsfiddle"
+# /Users/[USERNAME]/git/js-api-samples/samples or similar
+SAMPLES_DIR="$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )" # Script directory (/samples)
+PROJECT_ROOT=$(dirname "$SAMPLES_DIR")  # Get the parent directory (js-api-samples)
+DIST_DIR="${PROJECT_ROOT}/dist"
 
 # Create a new folder.
-mkdir -p ${DIST_DIR}
+mkdir -p "${DIST_DIR}/samples/${NAME}/jsfiddle"
 
 # Copy files
-cp "${OUTPUT_DIR}/${NAME}/index.js" "${DIST_DIR}/index.js"
-cp "${OUTPUT_DIR}/${NAME}/index.html" "${DIST_DIR}/index.html"
-cp "${OUTPUT_DIR}/${NAME}/style.css" "${DIST_DIR}/style.css"
+echo "Copy ${SAMPLES_DIR}/${NAME}/index.js to ${DIST_DIR}/samples/${NAME}/jsfiddle/index.js"
+cp "${SAMPLES_DIR}/${NAME}/index.js" "${DIST_DIR}/samples/${NAME}/jsfiddle/index.js"
+cp "${SAMPLES_DIR}/${NAME}/index.html" "${DIST_DIR}/samples/${NAME}/jsfiddle/index.html"
+cp "${SAMPLES_DIR}/${NAME}/style.css" "${DIST_DIR}/samples/${NAME}/jsfiddle/style.css"
 
 # Remove region tags from files by type, since they all have different comment conventions.
-sed -i "" "s/\/\/ \[START .*]//g" "${DIST_DIR}/index.js"
-sed -i "" "s/\/\/ \[END .*]//g" "${DIST_DIR}/index.js"
+echo "Remove region tags from ${DIST_DIR}/samples/${NAME}/jsfiddle/index.js"
+sed -i "" "s/\/\/ \[START .*]//g" "${DIST_DIR}/samples/${NAME}/jsfiddle/index.js"
+sed -i "" "s/\/\/ \[END .*]//g" "${DIST_DIR}/samples/${NAME}/jsfiddle/index.js"
 
-sed -i "" "s/<!--\s*\[START .*\]\s*-->//g" "${DIST_DIR}/index.html"
-sed -i "" "s/<!--\s*\[END .*\]\s*-->//g" "${DIST_DIR}/index.html"
+echo "Remove region tags from ${DIST_DIR}/samples/${NAME}/jsfiddle/index.html"
+sed -i "" "s/<!--\s*\[START .*\]\s*-->//g" "${DIST_DIR}/samples/${NAME}/jsfiddle/index.html"
+sed -i "" "s/<!--\s*\[END .*\]\s*-->//g" "${DIST_DIR}/samples/${NAME}/jsfiddle/index.html"
 
-sed -i "" "s/\/\* \[START maps_.*] \*\///g" "${DIST_DIR}/style.css"
-sed -i "" "s/\/\* \[END maps_.*] \*\///g" "${DIST_DIR}/style.css"
+echo "Remove region tags from ${DIST_DIR}/samples/${NAME}/jsfiddle/style.css"
+sed -i "" "s/\/\* \[START maps_.*] \*\///g" "${DIST_DIR}/samples/${NAME}/jsfiddle/style.css"
+sed -i "" "s/\/\* \[END maps_.*] \*\///g" "${DIST_DIR}/samples/${NAME}/jsfiddle/style.css"
 
 # Generate demo.details.
-touch "${DIST_DIR}/demo.details"
-cat > "${DIST_DIR}/demo.details" << EOF
+echo "Generate ${DIST_DIR}/samples/${NAME}/jsfiddle/demo.details"
+touch "${DIST_DIR}/samples/${NAME}/jsfiddle/demo.details"
+cat > "${DIST_DIR}/samples/${NAME}/jsfiddle/demo.details" << EOF
 name: ${NAME}
 authors:
   - Geo Developer IX Documentation Team
-tags:
+tags:s
   - google maps
 load_type: h
-description: Sample code for Google Maps Platform JavaScript API
-EOF
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
+EOF