Get game name from VAR

src/common/hooks/useRemote.ts

@@ -1,8 +1,10 @@
 import { useEffect, useReducer, useState, type Dispatch, type Reducer, type StateUpdater } from "preact/hooks";
 import { loadObject, saveObject } from "@common/storage";
 
+declare const GAME: string;
+
 export const useRemoteState = <T>(key: string, initialValue: T) => {
-    const storedKey = `useRemoteState.${key}`;
+    const storedKey = `useRemoteState.${GAME}.${key}`;
 
     const [value, setValue] = useState<T>(initialValue);
 
@@ -33,7 +35,7 @@ const wrapReducer = <T, A>(reducer: Reducer<T, A>): Reducer<T, A | HydrateAction
     };
 
 export const useRemoteReducer = <T, A>(key: string, reducer: Reducer<T, A>, initialValue: T) => {
-    const storedKey = `useRemoteReducer.${key}`;
+    const storedKey = `useRemoteReducer.${GAME}.${key}`;
 
     const [state, dispatch] = useReducer(wrapReducer(reducer), initialValue);
 

src/common/hooks/useStored.ts

@@ -1,7 +1,9 @@
 import { useEffect, useReducer, useState, type Dispatch, type Reducer, type StateUpdater } from "preact/hooks";
 
+declare const GAME: string;
+
 export const useStoredState = <T>(key: string, initialValue: T) => {
-    const storedKey = `useStoredState.${key}`;
+    const storedKey = `useStoredState.${GAME}.${key}`;
 
     const [value, setValue] = useState<T>(() => {
         try {
@@ -20,7 +22,7 @@ export const useStoredState = <T>(key: string, initialValue: T) => {
 };
 
 export const useStoredReducer = <T, A>(key: string, reducer: Reducer<T, A>, initialValue: T) => {
-    const storedKey = `useStoredReducer.${key}`;
+    const storedKey = `useStoredReducer.${GAME}.${key}`;
 
     const getInitialValue = (): T => {
         try {

src/games/hordeseer/contexts/state.tsx

@@ -63,7 +63,7 @@ export const useHordeState = () => useContext(HordeContext);
 const POLL_INTERVAL_MS = 30_000;
 
 export const HordeStateProvider = ({ children }: { children: preact.ComponentChildren }) => {
-    const [state, dispatch] = useStoredReducer('horde.state', reducer, DEFAULT_STATE);
+    const [state, dispatch] = useStoredReducer('state', reducer, DEFAULT_STATE);
 
     const leaderboard = useBool(false);
     const options = useBool(false);

src/games/storywriter/contexts/state.tsx

@@ -696,7 +696,7 @@ export const useAppState = () => useContext(StateContext);
 // ─── Provider ────────────────────────────────────────────────────────────────
 
 export const StateContextProvider = ({ children }: { children?: any }) => {
-    const [state, dispatch] = useStoredReducer('storywriter.state', reducer, DEFAULT_STATE);
+    const [state, dispatch] = useStoredReducer('state', reducer, DEFAULT_STATE);
 
     const value = useMemo<AppState>(() => {
         const currentWorld = state.worlds.find(w => w.id === state.currentWorldId) ?? null;