Format basic voice hint

Use togpx fork for now (outdated), see PR:
https://github.com/tyrasd/togpx/pull/11

js/format/Gpx.js

@@ -1,11 +1,37 @@
 BR.Gpx = {
-    format: function (geoJson) {
-        const gpx = togpx(geoJson, {
+    format: function (geoJson, turnInstructionMode = 0) {
+        if (!geoJson) return '';
+
+        if (turnInstructionMode > 0) {
+            BR.Gpx._addVoiceHints(geoJson, turnInstructionMode);
+        }
+
+        let gpx = togpx(geoJson, {
+            featureTitle: function () {},
             featureDescription: function () {},
+            transform: {
+                trk: function (trk, feature, coordsList) {
+                    return {
+                        name: feature.properties.name,
+                        trkseg: trk.trkseg,
+                    };
+                },
+                wpt: function (wpt, feature, coord, index) {
+                    return Object.assign(wpt, feature.properties);
+                },
+            },
         });
         const statsComment = BR.Gpx._statsComment(geoJson);
-        const xml = '<?xml version="1.0" encoding="UTF-8"?>' + statsComment + gpx;
-        return BR.Gpx.pretty(xml, 1);
+        gpx = '<?xml version="1.0" encoding="UTF-8"?>' + statsComment + gpx;
+        gpx = BR.Gpx.pretty(gpx);
+        return gpx;
+    },
+
+    _addVoiceHints: function (geoJson, turnInstructionMode) {
+        if (!geoJson.features) return;
+
+        const voiceHints = BR.voiceHints(geoJson);
+        voiceHints.add(turnInstructionMode);
     },
 
     // <!-- track-length = 319 filtered ascend = 2 plain-ascend = -1 cost=533 energy=.0kwh time=44s -->
@@ -35,9 +61,13 @@ BR.Gpx = {
     // modified version of
     // https://gist.github.com/sente/1083506#gistcomment-2254622
     // MIT License, Copyright (c) 2016 Stuart Powers, ES6 version by Jonathan Gruber
-    pretty: function (xml, indentSize = 2) {
+    pretty: function (xml, indentSize = 1) {
         const PADDING = ' '.repeat(indentSize);
         const newline = '\n';
+
+        // Remove all the newlines and then remove all the spaces between tags
+        xml = xml.replace(/\s*(\r\n|\n|\r)\s*/gm, ' ').replace(/>\s+</g, '><');
+
         // break into lines, keep trkpt with subelement ele in single line
         const reg = /(>)(<)(?!ele|\/trkpt)(\/?)/g;
         let pad = 0;

js/format/VoiceHints.js

@@ -0,0 +1,94 @@
+(function () {
+    class Command {
+        constructor(name, locus, orux, symbol, message) {
+            this.name = name;
+            this.locus = locus;
+            this.orux = orux;
+            this.symbol = symbol;
+            this.message = message;
+        }
+    }
+
+    class RoundaboutCommand {
+        constructor(command, exitNumber) {
+            this.name = command.name + exitNumber;
+            this.locus = command.locus + exitNumber;
+            this.orux = command.orux + exitNumber;
+            this.symbol = command.symbol + exitNumber;
+            this.message = command.message + exitNumber;
+        }
+    }
+
+    class RoundaboutLeftCommand {
+        constructor(command, exitNumber) {
+            this.name = command.name + -exitNumber;
+            this.locus = command.locus + -exitNumber;
+            this.orux = command.orux + exitNumber;
+            this.symbol = command.symbol + -exitNumber;
+            this.message = command.message + -exitNumber;
+        }
+    }
+
+    BR.VoiceHints = L.Class.extend({
+        statics: {
+            commands: (function () {
+                return {
+                    1: new Command('C', 1, 1002, 'Straight', 'straight'),
+                    2: new Command('TL', 4, 1000, 'Left', 'left'),
+                    3: new Command('TSLL', 3, 1017, 'TSLL', 'slight left'),
+                    4: new Command('TSHL', 5, 1019, 'TSHL', 'sharp left'),
+                    5: new Command('TR', 7, 1001, 'Right', 'right'),
+                    6: new Command('TSLR', 6, 1016, 'TSLR', 'slight right'),
+                    7: new Command('TSHR', 8, 1018, 'TSHR', 'sharp right'),
+                    8: new Command('KL', 9, 1015, 'TSLL', 'keep left'),
+                    9: new Command('KR', 10, 1014, 'TSLR', 'keep right'),
+                    10: new Command('TU', 13, 1003, 'TU', 'u-turn'),
+                    11: new Command('TRU', 14, 1003, 'TU', 'u-turn'), // Right U-turn
+                    12: new Command('OFFR'), // Off route
+                    13: new Command('RNDB', 26, 1008, 'RNDB', 'Take exit '), // Roundabout
+                    14: new Command('RNLB', 26, 1008, 'RNLB', 'Take exit '), // Roundabout left
+                };
+            })(),
+        },
+
+        initialize: function (geoJson) {
+            this.geoJson = geoJson;
+
+            for (const feature of geoJson.features) {
+                let voicehints = feature?.properties.voicehints;
+                if (voicehints) {
+                    this.voicehints = voicehints;
+                    this.track = feature;
+                    break;
+                }
+            }
+        },
+
+        add: function (turnInstructionMode) {
+            if (!this.voicehints) return;
+
+            for (const hint of this.voicehints) {
+                const [indexInTrack, commandId, exitNumber] = hint;
+                const coord = this.track.geometry.coordinates[indexInTrack];
+                const cmd = this.getCommand(commandId, exitNumber);
+                const properties = { name: cmd.message, sym: cmd.symbol.toLowerCase(), type: cmd.symbol };
+
+                this.geoJson.features.push(turf.point(coord.slice(0, 2), properties));
+            }
+        },
+
+        getCommand: function (id, exitNumber) {
+            let command = BR.VoiceHints.commands[id];
+            if (id === 13) {
+                command = new RoundaboutCommand(command, exitNumber);
+            } else if (id === 14) {
+                command = new RoundaboutLeftCommand(command, exitNumber);
+            }
+            return command;
+        },
+    });
+
+    BR.voiceHints = function (geoJson) {
+        return new BR.VoiceHints(geoJson);
+    };
+})();