export type Environment = { /** The realm which should be used when signing into the application. */ loginRealm: string; /** The URL to the root of the auth server. */ authServerUrl: string; /** The URL to the path of the auth server where client requests can be sent. */ authUrl: string; /** The URL to the base of the admin console. */ consoleBaseUrl: string; resourceUrl: string; /** The name of the master realm. */ masterRealm: string; /** The version hash of the auth sever. */ resourceVersion: string; /** Indicates if the application is running as a Keycloak theme. */ isRunningAsTheme: boolean; }; // During development the realm can be passed as a query parameter when redirecting back from Keycloak. const realm = new URLSearchParams(window.location.search).get("realm") ?? "master"; // The default environment, used during development. const defaultEnvironment: Environment = { loginRealm: realm, authServerUrl: "http://localhost:8180/auth", authUrl: "http://localhost:8180/auth", consoleBaseUrl: "/auth/admin/master/console/", resourceUrl: ".", masterRealm: "master", resourceVersion: "unknown", isRunningAsTheme: false, }; // Merge the default and injected environment variables together. const environment: Environment = { ...defaultEnvironment, ...getInjectedEnvironment(), }; export default environment; /** * Extracts the environment variables that are passed if the application is running as a Keycloak theme. * These variables are injected by Keycloak into the `index.ftl` as a script tag, the contents of which can be parsed as JSON. */ function getInjectedEnvironment(): Record { const element = document.getElementById("environment"); // If the element cannot be found, return an empty record. if (!element?.textContent) { return {}; } // Attempt to parse the contents as JSON and return its value. try { return JSON.parse(element.textContent); } catch (error) { console.error("Unable to parse environment variables."); } // Otherwise, return an empty record. return {}; }