✨ Create SophonContext, the app context containing global data

frontend/src/App.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import {Bluelib, Box, Heading, LayoutThreeCol} from "@steffo/bluelib-react";
+import {SophonContextProvider} from "./methods/apiTools";
 
 function App() {
     return (
+        <SophonContextProvider>
             <Bluelib theme={"sophon"}>
                 <LayoutThreeCol>
                     <LayoutThreeCol.Center>
@@ -15,6 +17,7 @@ function App() {
                     </LayoutThreeCol.Center>
                 </LayoutThreeCol>
             </Bluelib>
+        </SophonContextProvider>
     );
 }
 

frontend/src/methods/apiTools.tsx

@@ -0,0 +1,67 @@
+import * as React from "react"
+import axios from "axios"
+import {useState} from "react";
+
+
+export type SophonInstanceURL = string
+export type SophonAuthorization = string | null
+
+
+export interface SophonContextContents {
+    instanceUrl: SophonInstanceURL,
+    setInstanceUrl: React.Dispatch<React.SetStateAction<SophonInstanceURL>>,
+
+    authorization: SophonAuthorization,
+    setAuthorization: React.Dispatch<React.SetStateAction<SophonAuthorization>>,
+}
+
+
+export const SophonContext = React.createContext<SophonContextContents | null>(null)
+
+
+export function useSophonContext() {
+    const ctx = React.useContext(SophonContext)
+
+    if(!ctx) {
+        throw new Error("useSophonAxios called outside a SophonContext.")
+    }
+
+    return ctx
+}
+
+
+export function useSophonAxios() {
+    const {instanceUrl, authorization} = useSophonContext()
+
+    return React.useMemo(
+        () => {
+            return axios.create({
+                baseURL: instanceUrl,
+                timeout: 3000,
+                headers: {
+                    "Authorization": authorization,
+                }
+            })
+        },
+        [instanceUrl, authorization]
+    )
+}
+
+
+export interface SophonContextProviderProps {
+    children: React.ReactNode,
+}
+
+
+export function SophonContextProvider({children}: SophonContextProviderProps) {
+    const defaultInstanceUrl = process.env.REACT_APP_DEFAULT_INSTANCE_URL ?? "https://prod.sophon.steffo.eu"
+
+    const [instanceUrl, setInstanceUrl] = useState<SophonInstanceURL>(defaultInstanceUrl)
+    const [authorization, setAuthorization] = useState<SophonAuthorization>(null)
+
+    return (
+        <SophonContext.Provider value={{instanceUrl, setInstanceUrl, authorization, setAuthorization}}>
+            {children}
+        </SophonContext.Provider>
+    )
+}