@klauswuestefeld/jux-web 2025.5.24 → 2025.5.28

package/dist/jux-web.js

@@ -1,6 +1,13 @@
 var juxWeb = (function (exports) {
   'use strict';
 
+  let urlPrefix;
+  const setUrlPrefix = (s) => urlPrefix = s;
+  const getLocalStorageKey = (k) => urlPrefix ? `${urlPrefix}_${k}` : k;
+  const getLocalStorageItem = (k) => localStorage.getItem(getLocalStorageKey(k));
+  const setLocalStorageItem = (k, v) => localStorage.setItem(getLocalStorageKey(k), v);
+  const removeLocalStorageItem = (k) => localStorage.removeItem(getLocalStorageKey(k));
+
   const getBrowserLanguage = () => {
       const result = (navigator.languages && navigator.languages.length)
           ? navigator.languages[0]
@@ -9,9 +16,9 @@ var juxWeb = (function (exports) {
   };
   const OVERRIDE_KEY = 'jux.language.override';
   let translations = {};
-  const chosenLanguage = localStorage.getItem(OVERRIDE_KEY) || getBrowserLanguage();
+  const chosenLanguage = getLocalStorageItem(OVERRIDE_KEY) || getBrowserLanguage();
   const reloadWithLanguageOverride = (lang) => {
-      localStorage.setItem(OVERRIDE_KEY, lang);
+      setLocalStorageItem(OVERRIDE_KEY, lang);
       location.reload();
   };
   // @ts-ignore
@@ -148,9 +155,9 @@ var juxWeb = (function (exports) {
       return token;
   };
 
-  const setBackendUrl = (backendUrl) => localStorage.setItem('backend-url', backendUrl);
+  const setBackendUrl = (backendUrl) => setLocalStorageItem('backend-url', backendUrl);
   //@ts-ignore
-  const getBackendUrl = () => process.env.BACKEND_URL || localStorage.getItem('backend-url');
+  const getBackendUrl = () => process.env.BACKEND_URL || getLocalStorageItem('backend-url');
   //@ts-ignore
   const getSecondaryBackendUrl = () => process.env.STAGING_BACKEND_URL || getBackendUrl();
   const getApiUrl = () => getBackendUrl() + 'api/';
@@ -195,7 +202,7 @@ var juxWeb = (function (exports) {
       (_b = document.querySelector('.reconnect-spinner')) === null || _b === void 0 ? void 0 : _b.remove();
   };
   const defaultHandleUnauthorized = () => {
-      localStorage.removeItem('token');
+      removeLocalStorageItem('token');
       alert(getTranslation('session-expired-msg'));
       location.reload();
       // googleAuthSignOut(); TODO
@@ -14502,12 +14509,12 @@ var juxWeb = (function (exports) {
       // @ts-ignore
       window.store.backendToken = token;
       if (token) {
-          localStorage.setItem('token', token);
+          setLocalStorageItem('token', token);
       }
   };
   const getBackendToken = () => {
       var _a;
-      const token = (_a = localStorage.getItem('token')) !== null && _a !== void 0 ? _a : '';
+      const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
       // @ts-ignore
       window.store.backendToken = token;
       return token;
@@ -14517,19 +14524,13 @@ var juxWeb = (function (exports) {
       // setSuperToken();
       onUserLogin();
   };
-  const clearSession = (itemsToSave) => {
-      // onUserChanged(null);
-      // TODO: find a better way to preserve backend-url
-      const backendUrl = getBackendUrl(); // Preserve backend, since the authentication was succcessfull
-      const savedItems = itemsToSave === null || itemsToSave === void 0 ? void 0 : itemsToSave.map((item) => ({ key: item, value: localStorage.getItem(item) }));
-      localStorage.clear();
-      savedItems === null || savedItems === void 0 ? void 0 : savedItems.forEach((item) => localStorage.setItem(item.key, item.value));
-      setBackendUrl(backendUrl);
+  const clearSession = () => {
+      removeLocalStorageItem('token');
       // @ts-ignore
       window.store = {};
   };
   const onAuthenticationFailure = (msg) => {
-      localStorage.removeItem('token');
+      removeLocalStorageItem('token');
       // displayPage(Page.LOGIN);
       alert(getTranslation(msg));
   };
@@ -14540,7 +14541,7 @@ var juxWeb = (function (exports) {
       // @ts-ignore
       window.store.currentUser = user;
       if (type === 'Token Authentication') {
-          user.token = localStorage.getItem('token');
+          user.token = getLocalStorageItem('token');
       }
       onTokenAcquired(user.token, onUserLogin);
       // mixpanelIdentify(user);
@@ -14572,7 +14573,7 @@ var juxWeb = (function (exports) {
       const onError = () => onAuthenticationFailure('login-failed');
       getSSOAuthorizationEndpoint(onSuccess, onError);
   };
-  const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+  const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint, urlPrefix }) => {
       // if (startNewDemo()) {
       //   initDemo(setBackendToken, onAuthentication);
       //   return;
@@ -14588,6 +14589,8 @@ var juxWeb = (function (exports) {
       window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
       // @ts-ignore
       window.store.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+      if (urlPrefix)
+          setUrlPrefix(urlPrefix);
       const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
       if (signInToken) {
           const onOpenMagicLink = () => {

package/dist/local-storage/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const setUrlPrefix: (s: string) => string;
+export declare const getLocalStorageItem: (k: string) => string | null;
+export declare const setLocalStorageItem: (k: string, v: string) => void;
+export declare const removeLocalStorageItem: (k: string) => void;

package/dist/login/session.d.ts

@@ -1,8 +1,20 @@
 export declare const setBackendToken: (token: string) => void;
 export declare const onTokenAcquired: (token: string, onUserLogin: any) => void;
-export declare const clearSession: (itemsToSave?: string[]) => void;
-export declare const initSession: (clientApp: HTMLElement, supportedLoginTypes: string[], onUserLogin: any, onLoginError: any, backgroundImage: string, fetchUserBackendUrl: any, magicLinkRequestEndpoint: string | null, magicLinkAuthEndpoint: string | null) => void;
+export declare const clearSession: () => void;
+interface InitSessionParams {
+    clientApp: HTMLElement;
+    supportedLoginTypes: string[];
+    onUserLogin: any;
+    onLoginError: any;
+    backgroundImage: string;
+    fetchUserBackendUrl: any;
+    magicLinkRequestEndpoint: string | null;
+    magicLinkAuthEndpoint: string | null;
+    urlPrefix: string;
+}
+export declare const initSession: ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint, urlPrefix }: InitSessionParams) => void;
 export declare const onMicrosoftSignIn: (onUserLogin: any) => Promise<void>;
 export declare const onGoogleSignIn: (onUserLogin: any) => void;
 export declare const onAuthPasswordLogin: (credentials: any, onUserLogin: any, onLoginError: any, onReturn: any, clientApp: HTMLElement, backgroundImg: string) => void;
 export declare const handleMagicLinkRequest: (token: string | null, onReturn: any, backgroundImage: string, currentPage: HTMLElement, clientBody: HTMLElement, email?: string) => void;
+export {};

package/dist/main.esm.js

@@ -1,5 +1,12 @@
 import * as msal from '@azure/msal-browser';
 
+let urlPrefix;
+const setUrlPrefix = (s) => urlPrefix = s;
+const getLocalStorageKey = (k) => urlPrefix ? `${urlPrefix}_${k}` : k;
+const getLocalStorageItem = (k) => localStorage.getItem(getLocalStorageKey(k));
+const setLocalStorageItem = (k, v) => localStorage.setItem(getLocalStorageKey(k), v);
+const removeLocalStorageItem = (k) => localStorage.removeItem(getLocalStorageKey(k));
+
 const getBrowserLanguage = () => {
     const result = (navigator.languages && navigator.languages.length)
         ? navigator.languages[0]
@@ -8,9 +15,9 @@ const getBrowserLanguage = () => {
 };
 const OVERRIDE_KEY = 'jux.language.override';
 let translations = {};
-const chosenLanguage = localStorage.getItem(OVERRIDE_KEY) || getBrowserLanguage();
+const chosenLanguage = getLocalStorageItem(OVERRIDE_KEY) || getBrowserLanguage();
 const reloadWithLanguageOverride = (lang) => {
-    localStorage.setItem(OVERRIDE_KEY, lang);
+    setLocalStorageItem(OVERRIDE_KEY, lang);
     location.reload();
 };
 // @ts-ignore
@@ -147,9 +154,9 @@ const extractTokenFromWindowLocation = (tokenParam, additionalParam = '') => {
     return token;
 };
 
-const setBackendUrl = (backendUrl) => localStorage.setItem('backend-url', backendUrl);
+const setBackendUrl = (backendUrl) => setLocalStorageItem('backend-url', backendUrl);
 //@ts-ignore
-const getBackendUrl = () => process.env.BACKEND_URL || localStorage.getItem('backend-url');
+const getBackendUrl = () => process.env.BACKEND_URL || getLocalStorageItem('backend-url');
 //@ts-ignore
 const getSecondaryBackendUrl = () => process.env.STAGING_BACKEND_URL || getBackendUrl();
 const getApiUrl = () => getBackendUrl() + 'api/';
@@ -194,7 +201,7 @@ const removeOverlay = () => {
     (_b = document.querySelector('.reconnect-spinner')) === null || _b === void 0 ? void 0 : _b.remove();
 };
 const defaultHandleUnauthorized = () => {
-    localStorage.removeItem('token');
+    removeLocalStorageItem('token');
     alert(getTranslation('session-expired-msg'));
     location.reload();
     // googleAuthSignOut(); TODO
@@ -987,12 +994,12 @@ const setBackendToken = (token) => {
     // @ts-ignore
     window.store.backendToken = token;
     if (token) {
-        localStorage.setItem('token', token);
+        setLocalStorageItem('token', token);
     }
 };
 const getBackendToken = () => {
     var _a;
-    const token = (_a = localStorage.getItem('token')) !== null && _a !== void 0 ? _a : '';
+    const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
     // @ts-ignore
     window.store.backendToken = token;
     return token;
@@ -1002,19 +1009,13 @@ const onTokenAcquired = (token, onUserLogin) => {
     // setSuperToken();
     onUserLogin();
 };
-const clearSession = (itemsToSave) => {
-    // onUserChanged(null);
-    // TODO: find a better way to preserve backend-url
-    const backendUrl = getBackendUrl(); // Preserve backend, since the authentication was succcessfull
-    const savedItems = itemsToSave === null || itemsToSave === void 0 ? void 0 : itemsToSave.map((item) => ({ key: item, value: localStorage.getItem(item) }));
-    localStorage.clear();
-    savedItems === null || savedItems === void 0 ? void 0 : savedItems.forEach((item) => localStorage.setItem(item.key, item.value));
-    setBackendUrl(backendUrl);
+const clearSession = () => {
+    removeLocalStorageItem('token');
     // @ts-ignore
     window.store = {};
 };
 const onAuthenticationFailure = (msg) => {
-    localStorage.removeItem('token');
+    removeLocalStorageItem('token');
     // displayPage(Page.LOGIN);
     alert(getTranslation(msg));
 };
@@ -1025,7 +1026,7 @@ const onAuthentication = (onUserLogin, user, type) => {
     // @ts-ignore
     window.store.currentUser = user;
     if (type === 'Token Authentication') {
-        user.token = localStorage.getItem('token');
+        user.token = getLocalStorageItem('token');
     }
     onTokenAcquired(user.token, onUserLogin);
     // mixpanelIdentify(user);
@@ -1057,7 +1058,7 @@ const handleSSOLogin = () => {
     const onError = () => onAuthenticationFailure('login-failed');
     getSSOAuthorizationEndpoint(onSuccess, onError);
 };
-const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint, urlPrefix }) => {
     // if (startNewDemo()) {
     //   initDemo(setBackendToken, onAuthentication);
     //   return;
@@ -1073,6 +1074,8 @@ const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError,
     window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
     // @ts-ignore
     window.store.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+    if (urlPrefix)
+        setUrlPrefix(urlPrefix);
     const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
     if (signInToken) {
         const onOpenMagicLink = () => {

package/dist/main.js

@@ -24,6 +24,13 @@ function _interopNamespace(e) {
 
 var msal__namespace = /*#__PURE__*/_interopNamespace(msal);
 
+let urlPrefix;
+const setUrlPrefix = (s) => urlPrefix = s;
+const getLocalStorageKey = (k) => urlPrefix ? `${urlPrefix}_${k}` : k;
+const getLocalStorageItem = (k) => localStorage.getItem(getLocalStorageKey(k));
+const setLocalStorageItem = (k, v) => localStorage.setItem(getLocalStorageKey(k), v);
+const removeLocalStorageItem = (k) => localStorage.removeItem(getLocalStorageKey(k));
+
 const getBrowserLanguage = () => {
     const result = (navigator.languages && navigator.languages.length)
         ? navigator.languages[0]
@@ -32,9 +39,9 @@ const getBrowserLanguage = () => {
 };
 const OVERRIDE_KEY = 'jux.language.override';
 let translations = {};
-const chosenLanguage = localStorage.getItem(OVERRIDE_KEY) || getBrowserLanguage();
+const chosenLanguage = getLocalStorageItem(OVERRIDE_KEY) || getBrowserLanguage();
 const reloadWithLanguageOverride = (lang) => {
-    localStorage.setItem(OVERRIDE_KEY, lang);
+    setLocalStorageItem(OVERRIDE_KEY, lang);
     location.reload();
 };
 // @ts-ignore
@@ -171,9 +178,9 @@ const extractTokenFromWindowLocation = (tokenParam, additionalParam = '') => {
     return token;
 };
 
-const setBackendUrl = (backendUrl) => localStorage.setItem('backend-url', backendUrl);
+const setBackendUrl = (backendUrl) => setLocalStorageItem('backend-url', backendUrl);
 //@ts-ignore
-const getBackendUrl = () => process.env.BACKEND_URL || localStorage.getItem('backend-url');
+const getBackendUrl = () => process.env.BACKEND_URL || getLocalStorageItem('backend-url');
 //@ts-ignore
 const getSecondaryBackendUrl = () => process.env.STAGING_BACKEND_URL || getBackendUrl();
 const getApiUrl = () => getBackendUrl() + 'api/';
@@ -218,7 +225,7 @@ const removeOverlay = () => {
     (_b = document.querySelector('.reconnect-spinner')) === null || _b === void 0 ? void 0 : _b.remove();
 };
 const defaultHandleUnauthorized = () => {
-    localStorage.removeItem('token');
+    removeLocalStorageItem('token');
     alert(getTranslation('session-expired-msg'));
     location.reload();
     // googleAuthSignOut(); TODO
@@ -1011,12 +1018,12 @@ const setBackendToken = (token) => {
     // @ts-ignore
     window.store.backendToken = token;
     if (token) {
-        localStorage.setItem('token', token);
+        setLocalStorageItem('token', token);
     }
 };
 const getBackendToken = () => {
     var _a;
-    const token = (_a = localStorage.getItem('token')) !== null && _a !== void 0 ? _a : '';
+    const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
     // @ts-ignore
     window.store.backendToken = token;
     return token;
@@ -1026,19 +1033,13 @@ const onTokenAcquired = (token, onUserLogin) => {
     // setSuperToken();
     onUserLogin();
 };
-const clearSession = (itemsToSave) => {
-    // onUserChanged(null);
-    // TODO: find a better way to preserve backend-url
-    const backendUrl = getBackendUrl(); // Preserve backend, since the authentication was succcessfull
-    const savedItems = itemsToSave === null || itemsToSave === void 0 ? void 0 : itemsToSave.map((item) => ({ key: item, value: localStorage.getItem(item) }));
-    localStorage.clear();
-    savedItems === null || savedItems === void 0 ? void 0 : savedItems.forEach((item) => localStorage.setItem(item.key, item.value));
-    setBackendUrl(backendUrl);
+const clearSession = () => {
+    removeLocalStorageItem('token');
     // @ts-ignore
     window.store = {};
 };
 const onAuthenticationFailure = (msg) => {
-    localStorage.removeItem('token');
+    removeLocalStorageItem('token');
     // displayPage(Page.LOGIN);
     alert(getTranslation(msg));
 };
@@ -1049,7 +1050,7 @@ const onAuthentication = (onUserLogin, user, type) => {
     // @ts-ignore
     window.store.currentUser = user;
     if (type === 'Token Authentication') {
-        user.token = localStorage.getItem('token');
+        user.token = getLocalStorageItem('token');
     }
     onTokenAcquired(user.token, onUserLogin);
     // mixpanelIdentify(user);
@@ -1081,7 +1082,7 @@ const handleSSOLogin = () => {
     const onError = () => onAuthenticationFailure('login-failed');
     getSSOAuthorizationEndpoint(onSuccess, onError);
 };
-const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint, urlPrefix }) => {
     // if (startNewDemo()) {
     //   initDemo(setBackendToken, onAuthentication);
     //   return;
@@ -1097,6 +1098,8 @@ const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError,
     window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
     // @ts-ignore
     window.store.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+    if (urlPrefix)
+        setUrlPrefix(urlPrefix);
     const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
     if (signInToken) {
         const onOpenMagicLink = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klauswuestefeld/jux-web",
-  "version": "2025.5.24",
+  "version": "2025.5.28",
   "author": "Jux.House",
   "license": "Copyrighted",
   "description": "",