app params

Author: roymiloh

src/index.ts

@@ -6,6 +6,7 @@ import {
   removeAccessToken,
   getLoginUrl,
 } from "./utils/auth-utils.js";
+import { appParams } from "./utils/app-params.js";
 
 export {
   createClient,
@@ -15,6 +16,7 @@ export {
   saveAccessToken,
   removeAccessToken,
   getLoginUrl,
+  appParams
 };
 
 export type { Base44Client };

src/utils/app-params.ts

@@ -0,0 +1,61 @@
+import { isBrowser } from './common';
+
+const toSnakeCase = (str: string) => {
+	return str.replace(/([A-Z])/g, '_$1').toLowerCase();
+}
+
+const getAppParamValue = (
+    paramName: string,
+    { defaultValue = undefined, removeFromUrl = false }: { defaultValue?: any, removeFromUrl?: boolean } = {}
+) => {
+	const storageKey = `base44_${toSnakeCase(paramName)}`;
+	const urlParams = new URLSearchParams(window.location.search);
+	const searchParam = urlParams.get(paramName);
+
+	if (removeFromUrl) {
+		urlParams.delete(paramName);
+		const newUrl = `${window.location.pathname}${urlParams.toString() ? `?${urlParams.toString()}` : ""
+			}${window.location.hash}`;
+		window.history.replaceState({}, document.title, newUrl);
+	}
+
+	if (searchParam) {
+		localStorage.setItem(storageKey, searchParam);
+		return searchParam;
+	}
+
+	if (defaultValue) {
+		localStorage.setItem(storageKey, defaultValue);
+		return defaultValue;
+	}
+
+	const storedValue = localStorage.getItem(storageKey);
+
+	if (storedValue) {
+		return storedValue;
+	}
+
+	return null;
+}
+
+const getAppParams = () => {
+	if (!isBrowser) {
+		return {};
+	}
+
+	if (getAppParamValue("clear_access_token") === 'true') {
+		localStorage.removeItem('base44_access_token');
+		localStorage.removeItem('token');
+	}
+
+	return {
+		appId: getAppParamValue("app_id", { defaultValue: import.meta.env.VITE_BASE44_APP_ID }),
+		serverUrl: getAppParamValue("server_url", { defaultValue: import.meta.env.VITE_BASE44_BACKEND_URL }),
+		token: getAppParamValue("access_token", { removeFromUrl: true }),
+		fromUrl: getAppParamValue("from_url", { defaultValue: window.location.href }),
+		functionsVersion: getAppParamValue("functions_version", { defaultValue: import.meta.env.VITE_BASE44_FUNCTIONS_VERSION }),
+	}
+}
+
+
+export const appParams = getAppParams()

src/utils/common.ts

@@ -1,2 +1,3 @@
 export const isNode = typeof window === "undefined";
-export const isInIFrame = !isNode && window.self !== window.top;
+export const isBrowser = !isNode;
+export const isInIFrame = isBrowser && window.self !== window.top;

src/vite-env.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+	readonly VITE_BASE44_APP_ID?: string;
+	readonly VITE_BASE44_BACKEND_URL?: string;
+	readonly VITE_BASE44_FUNCTIONS_VERSION?: string;
+}
+
+interface ImportMeta {
+	readonly env: ImportMetaEnv;
+}