Merge branch 'master' into integrated_poi_search

.github/workflows/push_dist_to_npm.yml

@@ -17,7 +17,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           registry-url: https://registry.npmjs.org/
-          node-version: lts/gallium
+          node-version: v20.14.0
 
       - name: Build
 

.github/workflows/test_and_build.yml

@@ -12,7 +12,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           registry-url: https://registry.npmjs.org/
-          node-version: lts/gallium
+          node-version: v20.14.0
 
       - name: Test and Build
         run: |

README.md

@@ -14,7 +14,7 @@ There is [an experimental `navi` branch](https://github.com/graphhopper/graphhop
 ## Start development:
 
  * Clone this repository.
- * Make sure node and npm are installed. We recommend using the gallium LTS (node v16.17.0 & npm v8.15.0).
+ * Make sure node and npm are installed. We recommend using the gallium LTS (node v20.14.0 and npm 10.7.0).
  * npm install
  * npm run serve
  * Open your browser at http://0.0.0.0:3000/.

src/index.tsx

@@ -49,7 +49,7 @@ setApi(config.routingApi, config.geocodingApi, apiKey || '')
 
 const initialCustomModelStr = url.searchParams.get('custom_model')
 const queryStore = new QueryStore(getApi(), initialCustomModelStr)
-const routeStore = new RouteStore(queryStore)
+const routeStore = new RouteStore()
 
 setStores({
     settingsStore: new SettingsStore(),

src/sidebar/SettingsBox.tsx

@@ -76,7 +76,7 @@ function SettingsToggle({ title, enabled, onClick }: { title: string; enabled: b
 function SettingsCheckbox({ title, enabled, onClick }: { title: string; enabled: boolean; onClick: () => void }) {
     return (
         <div className={styles.settingsCheckbox} onClick={onClick}>
-            <input type="checkbox" checked={enabled}></input>
+            <input type="checkbox" checked={enabled} onChange={ignore => {}}></input>
             <label style={{ color: enabled ? '#5b616a' : 'gray' }}>{title}</label>
         </div>
     )

src/stores/RouteStore.ts

@@ -49,11 +49,8 @@ export default class RouteStore extends Store<RouteStoreState> {
         }
     }
 
-    private readonly queryStore: QueryStore
-
-    constructor(queryStore: QueryStore) {
+    constructor() {
         super(RouteStore.getInitialState())
-        this.queryStore = queryStore
     }
 
     reduce(state: RouteStoreState, action: Action): RouteStoreState {

test/stores/RouteStore.test.ts

@@ -49,7 +49,7 @@ describe('RouteStore', () => {
 })
 
 function createStore() {
-    const store = new RouteStore(new QueryStore(new DummyApi()))
+    const store = new RouteStore()
     Dispatcher.register(store)
     return store
 }