Fix scaling icons (#17)

* adjust viewbox param on svg files

* Fix some extra svg's to be compatible with all converters

Co-authored-by: Oscar Fonts <[email protected]>

Author: sergioedo

README.md

@@ -8,7 +8,7 @@ const template = fs.readFileSync("index-template.html").toString();
 const data = {
     "version": 'v' + version,
 	"svg": fs.readdirSync('../static/svg'),
-	"png64": fs.readdirSync('../static/png/64'),
+	"png": fs.readdirSync('../static/png/originalSize'),
 };
 
 const output = Mustache.render(template, data);

scripts/generate-index.js

@@ -45,14 +45,14 @@ <h1>SVG Icons</h1>
       <div class="icon-container"><a href="svg/{{.}}"><img src="svg/{{.}}"/></a></div>
     {{/svg}}</p>
 
-    <h1>PNG Icons (64x64)</h1>
-    <p>{{#png64}}
-      <div class="icon-container"><a href="png/64/{{.}}"><img src="png/64/{{.}}"/></a></div>
-    {{/png64}}</p>
+    <h1>PNG Icons</h1>
+    <p>{{#png}}
+      <div class="icon-container"><a href="png/originalSize/{{.}}"><img src="png/originalSize/{{.}}"/></a></div>
+    {{/png}}</p>
 
     <h1>MapboxGL sprites</h1>
 
-    <p>Use <code>"sprite": "https://TMB-Barcelona.github.io/TMB-Icons/mapboxgl/sprites"</code> in your mapboxgl style definition.
+    <p>Use <code>"sprite": "https://cdn.tmb.cat/icons/{{version}}/static/mapboxgl/sprites"</code> in your mapboxgl style definition.
     Then use them as "icon-image" property in a layer:</p>
 
     <pre><code>

scripts/index-template.html

@@ -1,8 +1,21 @@
 #!/usr/bin/env node
+const path = require('path');
 const fs = require('fs');
-const svg2png = require("svg2png");
+const svg2png = require('svg2png');
 
-const outputDir = '../static/png/64/';
+const arguments = process.argv;
+
+// Too much arguments, show help & exit
+if (arguments.length > 3) {
+	console.log(`Usage: ${path.basename(__filename)} [image_height_in_pixels]`);
+	process.exit(1);
+}
+
+const imageHeight = parseInt(arguments[arguments.length - 1]);
+const config = imageHeight > 0 ? { height: imageHeight } : undefined;
+
+const outputDir = `../static/png/${config ? config.height : 'originalSize'}/`;
+console.log(`Outputting to ${outputDir}`);
 
 if (!fs.existsSync(outputDir)){
     fs.mkdirSync(outputDir, {recursive: true});
@@ -16,7 +29,7 @@ function convert(file) {
 	targetName = targetName.join(".") + ".png";
 	console.log("Converting " + file + " to " + targetName);
 	const source = fs.readFileSync('../svg/'+file);
-	const target = svg2png.sync(source);
+	const target = svg2png.sync(source, config);
 
 	fs.writeFileSync(outputDir + targetName, target);
 }