🎉 First commit !!!

frontend/src/businessData.tsx

@@ -0,0 +1,79 @@
+import { createContext, createSignal } from 'solid-js';
+import { createStore } from 'solid-js/store';
+
+import { Passages, Stops } from './types';
+
+
+interface Store {
+	passages: () => Passages;
+	getLinePassages?: (lineId: string) => Passages;
+	addPassages?: (passages) => void;
+	clearPassages?: () => void;
+
+	stops: () => Stops;
+	addStops?: (stops) => void;
+};
+
+export const BusinessDataContext = createContext<Store>();
+
+export function BusinessDataProvider(props: { children: JSX.Element }) {
+
+	const [serverUrl, setServerUrl] = createSignal<string>("https://localhost:4443");
+
+	const [store, setStore] = createStore({ lines: {}, passages: {}, stops: {} });
+
+	async function getLine(lineId: number) {
+		let line = store.lines[lineId];
+		if (line === undefined) {
+			console.log(`${lineId} not found... fetch it from backend.`);
+			const data = await fetch(`${serverUrl()}/line/${lineId}`, {
+				headers: { 'Content-Type': 'application/json' }
+			});
+			line = await data.json();
+			setStore('lines', lineId, line);
+		}
+		return line;
+	}
+
+	const passages = () => {
+		return store.passages;
+	};
+
+	const getLinePassages = (lineId: string) => {
+		return store.passages[lineId];
+	};
+
+	const addPassages = (passages) => {
+		setStore((s) => {
+			// console.log("s=", s);
+			setStore('passages', passages);
+			// console.log("s=", s);
+		});
+	}
+
+	const clearPassages = () => {
+		setStore((s) => {
+			// TODO: Really need to set to undefined to reset ?
+			console.log("s=", s);
+			console.log("s.passages=", s.passages);
+			// setStore('passages', undefined);
+			// setStore('passages', {});
+			console.log("Object.keys(s.passages)=", Object.keys(s.passages));
+			for (const lineId of Object.keys(s.passages)) {
+				console.log("lineId=", lineId);
+				setStore('passages', lineId, undefined);
+			}
+			console.log("s=", s);
+		});
+		//     setStore('passages', undefined);
+		//     setStore('passages', {});
+		// }
+		console.log("passages=", store.passages);
+	}
+
+	return (
+		<BusinessDataContext.Provider value={{ getLine, passages, getLinePassages, addPassages, clearPassages, serverUrl }}>
+			{props.children}
+		</BusinessDataContext.Provider>
+	);
+}