require node 14+.

let's use node from docker.

using dotenv for secrets.

routing now uses mapbox routing api.

using fetch for fetching.

Author: arichnad

.gitignore

@@ -1,2 +1,4 @@
 /build/
 /node_modules/
+/node/
+.env

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

README.md

@@ -22,8 +22,10 @@
 
 ## first time setup
 
+* you need to set environment variable `CYCLEMAPS_MAPBOX_PUBLIC_ACCESS_TOKEN`
+* `echo "CYCLEMAPS_MAPBOX_PUBLIC_ACCESS_TOKEN=$CYCLEMAPS_MAPBOX_PUBLIC_ACCESS_TOKEN" >.env`
 * `./update.sh`
-* `npm install`
+* `docker run --user=$(id --user):$(id --group) --rm --volume=.:/home --workdir=/home -it node:18 npm install`
 * `./build.sh`
 
 ## non server-side layers

build-production.sh

@@ -3,5 +3,5 @@
 set -e #exit on failure
 
 #first time: npm install
-npm run build-production
+docker run --user=$(id --user):$(id --group) --rm --volume=.:/home --workdir=/home -it node:18 npm run build-production
 

build.sh

@@ -2,8 +2,6 @@
 
 set -e #exit on failure
 
-rm -rf dist/assets
-
 #first time: npm install
-npm run build
+docker run --user=$(id --user):$(id --group) --rm --volume=.:/home --workdir=/home -it node:18 npm run build
 

buttons.json

@@ -22,7 +22,7 @@
 					"class": "layer",
 					"name": "sat",
 					"type": "raster",
-					"source": {"type": "raster", "tiles": ["https://api.mapbox.com/styles/v1/mapbox/satellite-v9/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoiY3ljbGVtYXB1cyIsImEiOiJjanNhbHRlaGMwMGp2NDNqeG80Mzk2cmExIn0.0OBPtvf3KANeaA6QOCk1yw"]},
+					"source": {"type": "raster", "tiles": ["https://api.mapbox.com/styles/v1/mapbox/satellite-v9/tiles/{z}/{x}/{y}?access_token={CYCLEMAPS_MAPBOX_PUBLIC_ACCESS_TOKEN}"]},
 					"beforeId": "satellite-anchor"
 				},
 				{ "id": "weather", "class": "directory", "source": [

dist/assets/cyclemaps-A78e9tiA.css dist/cyclemaps.cssdist/assets/cyclemaps-A78e9tiA.css renamed to dist/cyclemaps.css

@@ -4,7 +4,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>cyclemaps</title>
-	<link rel="stylesheet" type="text/css" href="dist/assets/cyclemaps-A78e9tiA.css" />
+	<link rel="stylesheet" type="text/css" href="dist/cyclemaps.css" />
 	<script type="module" src="dist/cyclemaps.js"></script>
 
 	<link rel="icon" href="sprite/bikeicon.png">