feat: default configuration

nicokant · nicokant · commit 7a63b562d697 · 2025-08-07T15:55:51.000+02:00
diff --git a/Dockerfile b/Dockerfile
@@ -2,6 +2,7 @@ FROM node:24-slim AS base
 
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
+ARG VITE_DEFAULT_CONFIGURATION="/maps"
 RUN corepack enable
 
 WORKDIR /app
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
   <body>
     <div id="root"></div>
     <script>
-      MAP_EDITOR_DISABLE_EDIT = true;
+      DEFAULT_CONFIGURATION = '%VITE_DEFAULT_CONFIGURATION%';
     </script>
     <script type="module" src="/src/main.tsx"></script>
   </body>
diff --git a/src/App.tsx b/src/App.tsx
@@ -29,16 +29,12 @@ declare module '@tanstack/react-router' {
   }
 }
 
-export interface AppProps {
-  defaultConfig?: string;
-}
-
-function App({ defaultConfig = window.DEFAULT_CONFIGURATION }: AppProps) {
+function App() {
   const actions = useUIActions();
 
   useMemo(() => {
-    if (defaultConfig) actions.setDefaultConfig(defaultConfig);
-  }, [defaultConfig, actions]);
+    if (window.DEFAULT_CONFIGURATION) actions.setDefaultConfig(window.DEFAULT_CONFIGURATION);
+  }, [actions]);
 
   return (
     <>
diff --git a/src/config.tsx b/src/config.tsx
@@ -62,7 +62,7 @@ export const fetchConfig = async (url: string) => {
 
 export const mapConfigQueryOptions = (url: string) =>
   queryOptions({
-    queryKey: ['map-config'],
+    queryKey: ['map-config', url],
     queryFn: () => fetchConfig(url),
   });
 
@@ -76,7 +76,7 @@ export const fetchStoreConfig = async (url: string) => {
 
 export const storeConfigQueryOptions = (url: string) =>
   queryOptions({
-    queryKey: ['map-store'],
+    queryKey: ['map-store', url],
     queryFn: () => fetchStoreConfig(url),
   });
 
@@ -132,6 +132,7 @@ export const LANGUAGES = [
 
 export const DEFAULT_THEME = THEMES[0];
 export const DEFAULT_LANG = LANGUAGES[0].value;
+export const DEFAULT_STORE_CONFIG = '/maps';
 
 export const defaultConfigBase = {
   id: '',
diff --git a/src/hooks/ui.ts b/src/hooks/ui.ts
@@ -1,10 +1,11 @@
 import { create } from 'zustand';
 import { devtools } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
+import { DEFAULT_STORE_CONFIG } from '../config';
 
 interface UIState {
   defaultConfig: string;
-  ready?: boolean;
+  ready: boolean;
 }
 
 interface UIActions {
@@ -17,7 +18,7 @@ interface UIActions {
 export const useUIStore = create<UIState & UIActions>()(
   devtools(
     immer(set => ({
-      defaultConfig: '/maps',
+      defaultConfig: DEFAULT_STORE_CONFIG,
       ready: false,
       actions: {
         setDefaultConfig: path =>
