automatization of svg embedding

added shadows in SVG

.gitignore

@@ -183,3 +183,4 @@ local.properties
 *.js.map
 /.local/
 /simulator/www/simulator.css
+*.svg.ts

simulator/build.sh

@@ -1,4 +1,6 @@
 #!/bin/bash
+
 cd src
+node embed.js
 ../node_modules/typescript/bin/tsc
 node purify.js

simulator/src/app.css

@@ -37,8 +37,12 @@ input[type=number] {
 	cursor: pointer;
 }
 
+svg g {
+	filter: drop-shadow( 4px 4px 3px rgba(0, 0, 0, .7));
+}
+
 .climate-zone:hover {
-	opacity: 0.5 !important;
+	filter: brightness(1.2);
 }
 
 svg text {

simulator/src/embed.js

@@ -0,0 +1,22 @@
+let fs = require('fs')
+
+function embedSvg(src, dst) {
+	fs.readFile(src, 'utf8', function(err, data) {
+		if(err) throw err;
+		data = data.replace(/<\?xml[^\?]*\?>[\r\n]*/g, '');
+		data = data.replace(/<svg[^>]*>[\r\n]*/g, '');
+		data = data.replace(/<\/svg>[\r\n]*/g, '');
+		
+		data = data.replace(/>\s*<desc[^>]*>/g, ' ');
+		data = data.replace(/<\/desc>/g, '>');
+		data = data.replace(/&quot;/g, '"');
+		
+		data = "(<any>window)['"+src+"'] = `" + data + "`;";
+		
+		fs.writeFile(dst, data, function(err) {
+			if(err) throw err;
+		});
+	});
+}
+
+embedSvg('climate-zones-map.svg', 'climate-zones-map.svg.ts');