spritesh 1.1.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0a5c06e3bdb54bff025695dbab4b8d21ebb55a8d
-  data.tar.gz: c0a780093d2807427601d99db6aab285288dee82
+  metadata.gz: c13c15fa2554bd54dc4bea931eb5ffbefee2449d
+  data.tar.gz: 79c8e42718a8ab903571f5f47ef5982e3c28a8de
 SHA512:
-  metadata.gz: 1a739742c4fbad686fcd49ad2bf017bca4450a5bc20a2764212c11d8db91a88fadc4514b7821f88d2ce56b19063d79135dfb76b50b9af20cb660bfc89fd483c4
-  data.tar.gz: bd09f1b12d6a1ace548fc1cd85967bd7f7a218a291c0c90d8faa8c56c38eb488ce9aec7795e116d451b20afdb2bdac91d8931e2368663f28763259f0a568477f
+  metadata.gz: 55bca2537e5582d2a5109206efa3b4b19e97b30f8b5364dcc2e511259d92062c658e6113065958f42225ebd53312289fba4b2b901523282cc3bd523374a7eda9
+  data.tar.gz: 0625db59003a7cb6b6a92490bbf5c838b2a59ee85cb57a4b9ce92c31e1da27353a9fe24193703f742b0f1142bedc9cbdbacd1cb5c82e355061395cc8bd240952

data/bin/spritesh

@@ -1,6 +1,6 @@
 #!/usr/bin/env ruby
 
 bin_dir = File.expand_path(File.dirname(__FILE__))
-shell_script_path = File.join(bin_dir, 'sprite.sh')
+shell_script_path = File.join(bin_dir, 'spritesh.js')
 
 system("#{shell_script_path} #{ARGV.join(' ')}")

data/bin/spritesh.js

@@ -0,0 +1,126 @@
+#!/usr/bin/env node
+
+const path = require('path');
+const fs = require('fs-promise');
+const program = require('commander');
+const cheerio = require('cheerio');
+
+program
+  .option('-i, --input [input]', 'Specifies input dir (current dir by default)')
+  .option('-o, --output [output]', 'Specifies output file ("./sprite.svg" by default)')
+  .option('-v, --viewbox [viewbox]', 'Specifies viewBox attribute (parsed by default)')
+  .option('-p, --prefix [prefix]', 'Specifies prefix for id attribute (none by default)')
+  .option('-q, --quiet', 'Disable informative output')
+  .parse(process.argv);
+
+const SRC_FOLDER = program.input || '.';
+const DEST_FILE = program.output || 'sprite.svg';
+const ID_PREFIX = program.prefix || '';
+const VIEWBOX = program.viewbox || null; 
+const QUIET = program.quiet || false;
+
+const log = (message) => {
+  if (!QUIET) console.log(message);
+};
+
+const getSvgElement = (content) => {
+  const $ = cheerio.load(content);
+  return $('svg').first();
+};
+
+const getViewbox = (content) => {
+  return VIEWBOX || getSvgElement(content).attr('viewbox');
+};
+
+const getPreserveAspectRatio = (content) => {
+  return getSvgElement(content).attr('preserveaspectratio');
+};
+
+const constructId = (fileName) => {
+  return (ID_PREFIX + fileName).replace(' ', '-');
+};
+
+const constructAttributesString = (attributes) => {
+  return Object.keys(attributes).reduce((acc, key) => {
+    const value = attributes[key]
+    return value
+      ? `${acc} ${key}='${value}'`
+      : acc;
+  }, '');
+};
+
+const getSvgContent = (content) => {
+  return getSvgElement(content).html();
+};
+
+const createSymbol = (content, attributes) => {
+  return `<symbol ${constructAttributesString(attributes)}>
+    ${getSvgContent(content)}
+  </symbol>`;
+};
+
+const wrapFile = (fileName, content) => {
+  const attributes = {
+    viewBox: getViewbox(content),
+    id: constructId(fileName),
+    preserveAspectRatio: getPreserveAspectRatio(content)
+  };
+
+  log(`Processing ‘${fileName}’ (viewBox ‘${attributes.viewBox}’)…`);
+
+  return createSymbol(content, attributes);
+};
+
+const processFile = (file) => {
+  const filePath = path.resolve(SRC_FOLDER, file);
+  const fileName = path.basename(file, path.extname(file));
+  const wrapContent = wrapFile.bind(null, fileName);
+
+  return fs.readFile(filePath, 'utf8').then(wrapContent);
+};
+
+const removeDestFile = () => {
+  return fs.remove(DEST_FILE);
+};
+
+const readSrcFolder = (foo) => {
+  return fs.readdir(SRC_FOLDER);
+};
+
+const processFiles = (files) => {
+  const processedFiles = files
+    .filter(filterFile)
+    .map(processFile);
+
+  return Promise.all(processedFiles);
+};
+
+const filterFile = (file) => {
+  return path.extname(file) === '.svg';
+};
+
+const getSpriteContent = (contents) => {
+  return '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none">'
+    + contents.join('')
+    + '</svg>';
+};
+
+const writeDestFile = (content) => {
+  return fs.writeFile(DEST_FILE, content, 'utf8');
+};
+
+const printFinish = () => {
+  log(`File ‘${DEST_FILE}’ successfully generated.`);
+};
+
+const catchErrors = (err) => {
+  throw err;
+};
+
+removeDestFile()
+  .then(readSrcFolder)
+  .then(processFiles)
+  .then(getSpriteContent)
+  .then(writeDestFile)
+  .then(printFinish)
+  .catch(catchErrors);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spritesh
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - Hugo Giraudel
@@ -9,9 +9,9 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-05-02 00:00:00.000000000 Z
+date: 2016-05-09 00:00:00.000000000 Z
 dependencies: []
-description: A Bash script to build a SVG sprite from a folder of SVG files (typically
+description: A script to build a SVG sprite from a folder of SVG files (typically
   icons).
 email:
 - h.giraudel@de.edenspiekermann.com
@@ -21,8 +21,8 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
-- bin/sprite.sh
 - bin/spritesh
+- bin/spritesh.js
 homepage: https://github.com/edenspiekermann/sprite.sh
 licenses:
 - MIT
@@ -43,7 +43,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.2
+rubygems_version: 2.4.3
 signing_key: 
 specification_version: 4
 summary: Build an SVG sprite from a folder of SVG files.

data/bin/sprite.sh

@@ -1,96 +0,0 @@
-#!/bin/bash
-
-PROGNAME="${0##*/}"
-SRC_FOLDER="."
-DEST_FILE="sprite.svg"
-ID_PREFIX=""
-QUIET="0"
-
-usage()
-{
-  cat <<EO
-Usage: $PROGNAME [options]
-Script to build a SVG sprite from a folder of SVG files.
-Options:
-EO
-cat <<EO | column -s\& -t
-  -h, --help       & Shows this help
-  -q, --quiet      & Disables informative output
-  -i, --input [dir] & Specifies input dir (current dir by default)
-  -o, --output [file] & Specifies output file ("./sprite.svg" by default)
-  -v, --viewbox [str] & Specifies viewBox attribute (parsed by default)
-  -p, --prefix [str] & Specifies prefix for id attribute (none by default)
-EO
-}
-
-echo_verbose ()
-{
-  if [ "$QUIET" == "0" ]; then
-    echo "$1"
-  fi
-}
-
-clean ()
-{
-  rm -rf "$DEST_FILE"
-}
-
-main ()
-{
-  for f in "$SRC_FOLDER"/*.svg; do
-    if [ -f "$f" ]; then
-      NAME="$(basename "$f" .svg)"
-      VIEWBOX="${VIEWBOX_SIZE:-$(sed -n -E 's/.*viewBox="([^"]+)".*/\1/p' "$f")}"
-      ID="$(echo "$ID_PREFIX$NAME" | tr ' ' '-')"
-
-      echo_verbose "Processing \`$f\` (viewBox \`$VIEWBOX\`)…"
-      echo "<symbol id='$ID' viewBox='$VIEWBOX'>$(perl -pe 's/\s*?<\/??svg.*?>\s*?\n//gi' "$f")</symbol>" >> "$DEST_FILE"
-    fi
-  done
-
-  if [ -f "$DEST_FILE" ]; then
-    awk 'BEGIN{print "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"display:none\">"}{print}END{print "</svg>"}' "$DEST_FILE" > .spritesh && mv .spritesh "$DEST_FILE"
-  fi
-}
-
-# Grabbing options
-while [[ $# > 0 ]]; do
-  key="$1"
-  case "$key" in
-    -h|--help)
-      usage
-      exit 0
-      ;;
-    -i|--input)
-      SRC_FOLDER="$2"
-      shift
-      ;;
-    -o|--output)
-      DEST_FILE="$2"
-      shift
-      ;;
-    -v|--viewbox)
-      VIEWBOX_SIZE="$2"
-      shift
-      ;;
-    -p|--prefix)
-      ID_PREFIX="$2"
-      shift
-      ;;
-    -q|--quiet)
-      QUIET="1"
-      ;;
-    *)
-      ;;
-  esac
-  shift
-done
-
-clean
-main
-
-if [ -f "$DEST_FILE" ]; then
-  echo_verbose "File \`$DEST_FILE\` successfully generated."
-else
-  echo_verbose "Could not generated \`$DEST_FILE\`. Are there any SVG file in \`$SRC_FOLDER\` folder?"
-fi