From 4029b88e2c79eaed519c829e373ac916f426f311 Mon Sep 17 00:00:00 2001
From: Camil Staps
Date: Mon, 2 Feb 2026 18:38:26 +0100
Subject: Initial commit

---
 .gitignore                          |   3 +
 OsmAndBuilder/OsmAndBuilder.ts      |  24 +++++
 OsmAndBuilder/index.ts              |   2 +
 OsmAndBuilder/models/OsmAndPoint.ts |  42 ++++++++
 main.js                             | 188 ++++++++++++++++++++++++++++++++++++
 package-lock.json                   | 112 +++++++++++++++++++++
 package.json                        |   6 ++
 7 files changed, 377 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 OsmAndBuilder/OsmAndBuilder.ts
 create mode 100644 OsmAndBuilder/index.ts
 create mode 100644 OsmAndBuilder/models/OsmAndPoint.ts
 create mode 100644 main.js
 create mode 100644 package-lock.json
 create mode 100644 package.json

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..851cbd6
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+node_modules/
+
+*.gpx
diff --git a/OsmAndBuilder/OsmAndBuilder.ts b/OsmAndBuilder/OsmAndBuilder.ts
new file mode 100644
index 0000000..9c0930a
--- /dev/null
+++ b/OsmAndBuilder/OsmAndBuilder.ts
@@ -0,0 +1,24 @@
+import { BaseBuilder } from 'gpx-builder';
+import { OsmAndPoint } from './models/OsmAndPoint.ts';
+
+export class OsmAndBuilder extends BaseBuilder {
+	public static MODELS = {
+		...BaseBuilder.MODELS,
+		Point: OsmAndPoint,
+	};
+
+	/**
+	 * OsmAnd builder includes extensions for waypoint customization:
+	 * https://osmand.net/docs/technical/osmand-file-formats/osmand-gpx/#waypoints-customization
+	 */
+	public constructor() {
+		super();
+		this.data = {
+			...this.data,
+			attributes: {
+				...this.data.attributes,
+				'xmlns:osmand': 'https://osmand.net/docs/technical/osmand-file-formats/osmand-gpx',
+			},
+		};
+	}
+}
diff --git a/OsmAndBuilder/index.ts b/OsmAndBuilder/index.ts
new file mode 100644
index 0000000..8ff9833
--- /dev/null
+++ b/OsmAndBuilder/index.ts
@@ -0,0 +1,2 @@
+import { OsmAndBuilder } from './OsmAndBuilder.ts';
+export { OsmAndBuilder };
diff --git a/OsmAndBuilder/models/OsmAndPoint.ts b/OsmAndBuilder/models/OsmAndPoint.ts
new file mode 100644
index 0000000..a051205
--- /dev/null
+++ b/OsmAndBuilder/models/OsmAndPoint.ts
@@ -0,0 +1,42 @@
+import { BaseBuilder } from 'gpx-builder';
+const { Point, PointOptions } = BaseBuilder.MODELS;
+
+export interface OsmAndPointOptions extends PointOptions {
+  atemp?: number;
+  bearing?: number;
+  cad?: number;
+  course?: number;
+  depth?: number;
+  hr?: number;
+  speed?: number;
+  wtemp?: number;
+}
+
+export class OsmAndPoint extends Point {
+  /**
+   * Extended garmin point.
+   *
+   * @see https://www8.garmin.com/xmlschemas/TrackPointExtensionv2.xsd
+   */
+
+  public constructor(
+    lat: number,
+    lon: number,
+    options: OsmAndPointOptions = {},
+  ) {
+    super(lat, lon, options);
+    const { background, color, icon } = options;
+
+    const ext = 'osmand';
+    const data = {
+      ...(typeof background === 'string' ? { [`${ext}:background`]: background } : {}),
+      ...(typeof color === 'string' ? { [`${ext}:color`]: color } : {}),
+      ...(typeof icon === 'string' ? { [`${ext}:icon`]: icon } : {}),
+    };
+
+    this.extensions = {
+      ...this.extensions,
+      ...(Object.keys(data).length > 0 ? data : {}),
+    };
+  }
+}
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..6cb3ca9
--- /dev/null
+++ b/main.js
@@ -0,0 +1,188 @@
+import { buildGPX } from 'gpx-builder';
+import { OsmAndBuilder } from './OsmAndBuilder/index.ts';
+const { Link, Point } = OsmAndBuilder.MODELS;
+
+// icons from https://github.com/osmandapp/OsmAnd-resources/tree/master/icons
+const ICONS_MAPPING = {
+	'src/images/appel22.png':        'shop_greengrocer',
+	'src/images/braamboos22.png':    'scrub',
+	'src/images/fruit22groen.png':   'vineyard',
+	'src/images/garnaal22groen.png': 'reef', // or shop_seafood
+	'src/images/noten22groen.png':   'nuts',
+	'src/images/overig22groen.png':  'village_green',
+	'src/images/paddo22.png':        'military_nuclear_explosion_site',
+	'src/images/paddo22groen.png':   'military_nuclear_explosion_site',
+	'src/images/peer22.png':         'shop_greengrocer',
+	'src/images/planten22groen.png': 'cannabis', // or herbalist
+	'src/images/schelp22.png':       'reef', // or shop_seafood
+	'src/images/walnoot22.png':      'nuts',
+};
+const COLOR_MAPPING_GROUPS = {
+	'src/images/garnaal22groen.png': '#f55a52',
+	'src/images/noten22groen.png':   '#c89760',
+	'src/images/overig22groen.png':  '#888888',
+	'src/images/paddo22.png':        '#e2b973',
+	'src/images/paddo22groen.png':   '#e2b973',
+	'src/images/planten22groen.png': '#72a35a',
+	'src/images/schelp22.png':       '#f55a52',
+	'src/images/walnoot22.png':      '#c89760',
+};
+const COLOR_MAPPING_NAMES = {
+	'aalbes':                '#da3939',
+	'aardbei':               '#cf0e08',
+	'Amerikaanse_kornoelje': '#e8e9e5',
+	'appel':                 '#da233d',
+	'bosbes':                '#5a637f',
+	'braam':                 '#060910',
+	'druif':                 '#95b2e2',
+	'duindoorn':             '#f08916',
+	'framboos':              '#e53351',
+	'gele_kornoelje':        '#dfc428',
+	'Japanse_Kornoelje':     '#dee0e5',
+	'jeverbes':              '#5f7b98',
+	'kers':                  '#853149',
+	'kiwi':                  '#8bbb2b',
+	'krentenboom':           '#6d659a',
+	'lampionplant':          '#f59317',
+	'Lijsterbes':            '#f35436',
+	'linde':                 '#a0d031',
+	'mirabellen':            '#e0b630',
+	'mispel':                '#c76f42',
+	'Moerbei':               '#19172b',
+	'papiermoerbei':         '#e12f20',
+	'peer':                  '#b6bd33',
+	'pruim':                 '#955e87',
+	'rode_bes':              '#da3939',
+	'rozenbottel':           '#ea1b31',
+	'sleedoorn':             '#7e93bf',
+	'vijg':                  '#7b6178',
+	'vlierbes':              '#0e0d12',
+	'vossenbes':             '#f21900',
+};
+
+let icons = {};
+let colors = {};
+
+fetch('https://app.wildplukwijzer.nl/leafle.js')
+	.then(response => {
+		if (!response.ok)
+			throw new Error (`Failed to retrieve Wildplukwijzer data (${response.status})`);
+		return response.text();
+	})
+	.then(response => {
+		response = response
+			.split('\n')
+			.filter(line => line.match(/ = new markerIcon/))
+			.map(line => line
+				.replace(/^(var )?icon_/, 'icons[\'')
+				.replace(' = new markerIcon({ iconUrl: ', '\'] = ')
+				.replace(' })', ''))
+			.join('\n');
+		eval(response);
+		for (let k in icons) {
+			colors[k] = k in COLOR_MAPPING_NAMES ? COLOR_MAPPING_NAMES[k] : COLOR_MAPPING_GROUPS[icons[k]];
+			icons[k] = ICONS_MAPPING[icons[k]];
+		}
+	}).then(() =>
+fetch('https://app.wildplukwijzer.nl/?hideheader=true'))
+	.then(response => {
+		if (!response.ok)
+			throw new Error (`Failed to retrieve Wildplukwijzer data (${response.status})`);
+		return response.text();
+	})
+	.then(response => {
+		// Extract the relevant JavaScript code from the response
+		response = response.split('\n');
+		let line = null;
+		do line = response.shift(); while (!line.match(/let AllMarkers = /));
+
+		// A Leaflet shim with the functions expected by the code we'll extract
+		let L = {
+			layerGroup: () => [],
+			marker: (latlng, settings) => {
+				if (!settings.icon)
+					throw new Error(`unknown icon ${settings.icon}`);
+				let obj = {
+					lat: latlng[0],
+					lng: latlng[1],
+					icon: settings.icon,
+				};
+				obj.addTo = function (soort) {
+					soort = soort.replace(/ /g, '_');
+					if (!(soort in colors))
+						throw new Error(`${soort} not in colors`);
+					obj.color = colors[soort];
+					return obj;
+				};
+				obj.bindPopup = function (desc, settings) {
+					obj.name = desc
+						.replace(/^.*<h1>(.*)<\/h1>.*$/s, '$1')
+						.replace(/^./, c => c.toUpperCase())
+						.replace(/_/g, ' ');
+
+					obj.type = obj.name;
+
+					obj.img = desc
+						.replace(/^.*<img src="(.*?)".*$/s, 'http://app.wildplukwijzer.nl/$1');
+
+					desc = desc
+						.replace(/.*<\/h1>/s, '')
+						.replace('<h3>Informatie over de plukplek</h3><p></p>', '')
+						.replace(/<img src="/g, '<img width="100%" src="http://app.wildplukwijzer.nl/')
+						.replace(/<h3>/g, '<b>').replace(/<\/h3>/g, ':</b>\n')
+						.replace(/<\/?div[^>]*>/g, '')
+						.replace(/&nbsp;/g, ' ')
+						.replace(/&aacute;/g, 'á').replace(/&agrave;/, 'à').replace(/&auml;/g, 'ä')
+						.replace(/&eacute;/g, 'é').replace(/&egrave;/, 'è').replace(/&euml;/g, 'ë')
+						.replace(/&iacute;/g, 'í').replace(/&igrave;/, 'ì').replace(/&iuml;/g, 'ï')
+						.trim();
+					obj.desc = desc;
+					return obj;
+				};
+				return obj;
+			}
+		};
+		let AllMarkers = [];
+		let SoortObject = {};
+
+		// In setup we create a list of species in SoortObject; each of these also
+		// needs an icon in the global namespace.
+		let setup = line.replace('<script>let AllMarkers = [];let SoortObject = {};', '');
+		eval(setup);
+
+		// The remainder of this script adds the markers (finding places). We are
+		// not interested in the click event code, it is the same for each marker.
+		let markers = [];
+		line = response.shift();
+		while (!line.match(/<\/script>/)) {
+			markers.push(line
+				.replace(/icon_(\w*)/, 'icons[\'$1\']')
+				.replace(/SoortObject\[('[^']*')\]/, '$1'));
+			line = response.shift();
+		}
+		markers = markers
+			.join('\n')
+			.replace(/\.on\('click'.*?\n\s*\)/gs, '');
+		eval(markers);
+		//console.log(AllMarkers);
+
+		// Create waypoints for the markers
+		let points = [];
+		AllMarkers.map((m) => {
+			points.push(new Point(m.lat, m.lng,
+				{
+					desc: m.desc,
+					name: m.name,
+					type: m.type,
+					src: 'Wildplukwijzer',
+					link: new Link(m.img),
+					icon: m.icon,
+					color: m.color,
+				}));
+		});
+
+		// Create the GPX
+		const gpxData = new OsmAndBuilder();
+		gpxData.setWayPoints(points);
+		console.log(buildGPX(gpxData.toObject()));
+	});
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..eef41e5
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,112 @@
+{
+  "name": "wildplukwijzer-gpx",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "gpx-builder": "^6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@oozcitak/dom": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@oozcitak/dom/-/dom-2.0.2.tgz",
+      "integrity": "sha512-GjpKhkSYC3Mj4+lfwEyI1dqnsKTgwGy48ytZEhm4A/xnH/8z9M3ZVXKr/YGQi3uCLs1AEBS+x5T2JPiueEDW8w==",
+      "license": "MIT",
+      "dependencies": {
+        "@oozcitak/infra": "^2.0.2",
+        "@oozcitak/url": "^3.0.0",
+        "@oozcitak/util": "^10.0.0"
+      },
+      "engines": {
+        "node": ">=20.0"
+      }
+    },
+    "node_modules/@oozcitak/infra": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@oozcitak/infra/-/infra-2.0.2.tgz",
+      "integrity": "sha512-2g+E7hoE2dgCz/APPOEK5s3rMhJvNxSMBrP+U+j1OWsIbtSpWxxlUjq1lU8RIsFJNYv7NMlnVsCuHcUzJW+8vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@oozcitak/util": "^10.0.0"
+      },
+      "engines": {
+        "node": ">=20.0"
+      }
+    },
+    "node_modules/@oozcitak/url": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@oozcitak/url/-/url-3.0.0.tgz",
+      "integrity": "sha512-ZKfET8Ak1wsLAiLWNfFkZc/BraDccuTJKR6svTYc7sVjbR+Iu0vtXdiDMY4o6jaFl5TW2TlS7jbLl4VovtAJWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@oozcitak/infra": "^2.0.2",
+        "@oozcitak/util": "^10.0.0"
+      },
+      "engines": {
+        "node": ">=20.0"
+      }
+    },
+    "node_modules/@oozcitak/util": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@oozcitak/util/-/util-10.0.0.tgz",
+      "integrity": "sha512-hAX0pT/73190NLqBPPWSdBVGtbY6VOhWYK3qqHqtXQ1gK7kS2yz4+ivsN07hpJ6I3aeMtKP6J6npsEKOAzuTLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.0"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/gpx-builder": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/gpx-builder/-/gpx-builder-6.0.0.tgz",
+      "integrity": "sha512-BEy6OsO7QUptMeHFx21BpggcB0kShX5OaNcSyXq9khBN3t7K71NyRSkAfRk3GJOGZxUzFxcw6jeYQBjxKp/G5g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@babel/runtime": "^7.23.6",
+        "xmlbuilder2": "^4.0.0"
+      }
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/xmlbuilder2": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/xmlbuilder2/-/xmlbuilder2-4.0.3.tgz",
+      "integrity": "sha512-bx8Q1STctnNaaDymWnkfQLKofs0mGNN7rLLapJlGuV3VlvegD7Ls4ggMjE3aUSWItCCzU0PEv45lI87iSigiCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@oozcitak/dom": "^2.0.2",
+        "@oozcitak/infra": "^2.0.2",
+        "@oozcitak/util": "^10.0.0",
+        "js-yaml": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=20.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..8d0ecdd
--- /dev/null
+++ b/package.json
@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "gpx-builder": "^6.0.0"
+  },
+  "type": "module"
+}
-- 
cgit v1.2.3