Major refactoring of docker containers/frontend

Previously, a javascript file would manually replace environment
variables in another file, by opening it as a text file. This commit now
introduces a config.json file, where the user can configure the
backends, layers, overlays, and other options.

The docker now uses Alpine 3.21, and does not install unnecessary
dependencies.

The user can now pass a custom config.json file to the docker file.
Instructions have been written in the documentation.

npm packages have also been updated.

Author: fbarbe00

README.md

@@ -16,8 +16,11 @@ Serves the frontend at `http://localhost:9966` running queries against the routi
 docker run -p 9966:9966 osrm/osrm-frontend
 ```
 
-Per default routing requests are made against the backend at `http://localhost:5000`.
-You can change the backend by using `-e OSRM_BACKEND='http://localhost:5001'` in the `docker run` command.
+By default, the docker container uses the settings in `config/config.json` file. If you'd like to provide a custom config file (with your own backend server, layers and overlays), you can run the container with the following command:
+
+```
+docker run -p 9966:9966 -v ./YOUR_CONFIG.json:/src/config/config.json osrm-frontend
+```
 
 In case Docker complains about not being able to connect to the Docker daemon make sure you are in the `docker` group.
 
@@ -56,15 +59,20 @@ npm run start-index
 
 ## Changing Backends
 
-In `src/leaflet_options.js` adjust:
+In `config/config.json` add or adjust your own services:
 
 ```
 services: [{
-  label: 'Car (fastest)',
+  label: 'Car',
   path: 'http://localhost:5000/route/v1'
 }],
 ```
 
+You can also adjust your own layers and overlays.
+
+## Debug
+> Note: "debug" pages currently do not work "out of the box" and require manual configuration
+
 For debug tiles showing speeds and small components available at `/debug` adjust in `debug/index.html`
 
 ```

bundle.js

@@ -0,0 +1,54 @@
+{
+    "zoom": 13,
+    "center": [
+        50.8503,
+        4.3517
+    ],
+    "language": "en",
+    "layers": [
+        {
+            "name": "openstreetmap.org",
+            "url": "//tile.openstreetmap.org/{z}/{x}/{y}.png",
+            "attribution": "© <a href=\"https://www.openstreetmap.org/copyright/en\">OpenStreetMap</a> contributors"
+        },
+        {
+            "name": "openstreetmap.de",
+            "url": "//tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png",
+            "attribution": "<a target=\"_blank\" href=\"http://www.openstreetmap.org/\">Karte hergestellt aus OpenStreetMap-Daten</a> | Lizenz: <a rel=\"license\" target=\"_blank\" href=\"http://opendatacommons.org/licenses/odbl/\">Open Database License (ODbL)</a>"
+        }
+    ],
+    "overlays":[
+        {
+            "name": "Hiking",
+            "url": "//tile.waymarkedtrails.org/hiking/{z}/{x}/{y}.png",
+            "attribution": "© <a href=\"http://waymarkedtrails.org\">Sarah Hoffmann</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)"
+        },
+        {
+            "name": "Bike",
+            "url": "//tile.waymarkedtrails.org/cycling/{z}/{x}/{y}.png",
+            "attribution": "© <a href=\"http://waymarkedtrails.org\">Sarah Hoffmann</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)"
+        },
+        {
+            "name": "Small Components",
+            "url": "https://tools.geofabrik.de/osmi/tiles/routing/{z}/{x}/{y}.png"
+        }
+        
+    ],
+    "services": [
+        {
+            "label": "Car",
+            "path": "https://routing.openstreetmap.de/routed-car/route/v1",
+            "debug": "car"
+        },
+        {
+            "label": "Bike",
+            "path": "https://routing.openstreetmap.de/routed-bike/route/v1",
+	    "debug": "bike"
+        },
+        {
+            "label": "Foot",
+            "path": "https://routing.openstreetmap.de/routed-foot/route/v1",
+            "debug": "foot"
+        }
+    ]
+}

bundle.js.map

@@ -1,19 +1,11 @@
-FROM alpine:3.5
-
-# Enables customized options using environment variables
-ENV OSRM_BACKEND='http://localhost:5000'
-ENV OSRM_CENTER='38.8995,-77.0269'
-ENV OSRM_ZOOM='13'
-ENV OSRM_LANGUAGE='en'
-ENV OSRM_LABEL='Car (fastest)'
-ENV OSRM_MAPBOX_TOKEN='pk.eyJ1IjoibXNsZWUiLCJhIjoiclpiTWV5SSJ9.P_h8r37vD8jpIH1A6i1VRg'
+FROM alpine:3.21
 
 # Copy package.json
 RUN mkdir -p /src
 COPY package.json /src
 
 # Install app dependencies
-RUN apk add --no-cache sed nodejs && \
+RUN apk add --no-cache npm && \
     cd /src && \
     npm install
 
@@ -23,4 +15,4 @@ WORKDIR /src
 
 # Run App
 EXPOSE 9966
-CMD ["npm", "start"]
+CMD ["npm", "start"]